一种机顶盒环境下自定义模块组件的可视化开发方法与流程

1.本发明涉及可视化开发技术领域，尤其是，本发明涉及一种机顶盒环境下自定义模块组件的可视化开发方法。


背景技术：

2.随着广电网络高清互动业务的不断发展，近几年各地分portal站点越建越多，因为缺乏整体规划，存在着系统与系统之间缺乏数据共享、服务和服务器部署无专人管理维护、高度依赖厂家导致的运维难度大和沟通协调成本高、页面代码不规范、操作逻辑交互不合理、页面样式规划多样化等问题，影响了用户体验。
3.因此，需要建立一套统一的互动电视开发管理平台，例如中国专利发明专利cn105740309a公开了一种基于portal平台的网站内容管理系统，包括：数据层、平台层、应用服务器和展现层，本发明利用portal引擎和模块化可视化的建站管理模式，可以减少网站制作的成本和时间；利用功能丰富的portlet应用模块组件，实现网站个性化定制服务；利用portal强大的系统集成能力，可以方便的实现统一用户、统一session、统一权限，让系统对接变得更加容易。上述发明能够极大地消除“分散式”信息化造成的巨大成本，解决信息孤岛多和资源利用率低的问题，降低网站实施的难度。
4.但是上述开发管理方法依然存在以下缺陷：地方区域文化的差异和经营范围的差异中，过于统一的管理方法无法适用于各种不同的业务和经营范围的人员使用，尤其是非专业开发人员，需要接受统一培训才能开发页面，且无法自主开发个性化页面，无法为用户和合作商家提供友好的交互式体验以及更好的产品服务，且厂家重复开发和技术运维成本高，页面交互逻辑处理混乱。
5.因此为了解决上述问题，设计一种合理的机顶盒环境下自定义模块组件的可视化开发方法或者系统对我们来说是很有必要的。


技术实现要素：

6.本发明的目的在于提供一种可以满足各地区不同的业务需求，即便是非专业开发人员，在接受简单培训后就可以自主开发个性化页面，为用户和合作商家提供友好的交互式体验以及更好的产品服务，有效减少厂家重复开发和技术运维成本，避免页面交互逻辑处理混乱问题的机顶盒环境下自定义模块组件的可视化开发方法。
7.为达到上述目的，本发明采用如下技术方案得以实现的：一种机顶盒环境下自定义模块组件的可视化开发方法，包括以下步骤：s1：页面制作程序处于登录状态时，获取登录者权限；s2：可视化开发平台获取到页面制作程序发来的编辑指令时，根据登录者权限向页面制作程序推送对应的模板库；s3：可视化开发平台判断第一预定时间内登陆者是否选择模板库内的模板，若有则直接执行步骤s5，反之则开放外部模板导入功能，执行步骤s4；
s4：可视化开发平台判断导入的外部模板中所有参数是否在允许参数范围内，若是则允许该外部模板为已选模板，并执行步骤s5；反之则返回至步骤s2；s5：可视化开发平台将已选模板的页面发送至页面制作程序上并显示，且在页面的每个组件区域推送可选组件，在所有组件区域均选择了组件时，生成制作完成的页面；s6：可视化开发平台判断制作完成的页面中所有组件完成度是否高于第一预定阈值；若是则进行发布测试；反之则返回步骤s5；s7：可视化开发平台判断第二预定时间内页面发布测试的平均得分是否低于第二预定阈值；若是则返回步骤s1；反之则将制作页面正式发布。
8.作为本发明的优选，执行步骤s1之前，根据业务和市场需求制作页面制作程序。
9.作为本发明的优选，执行步骤s1时，根据登录者的业务和市场方向制定不同权限。
10.作为本发明的优选，执行步骤s2时，模板库包括全局样式、局部样式、风格、颜色以及模板规格。
11.作为本发明的优选，执行步骤s3时，开放外部模板导入功能时，向页面制作程序发送开放外部模板信息。
12.作为本发明的优选，执行步骤s4之前，将模板库内所有参数进行记录，作为允许参数范围。
13.作为本发明的优选，执行步骤s4时，可视化开发平台判断导入的外部模板中所有参数在允许参数范围内时，允许该外部模板为已选模板，且将该外部模板存储至模板库内。
14.作为本发明的优选，执行步骤s5时，在可视化开发平台将已选模板的页面发送至页面制作程序上并显示之后，在页面的每个组件区域推送可选组件之前，提示登陆者是否需要进行已选模板的修改。
15.作为本发明的优选，执行步骤s5时，可选组件包括菜单组件、视频组件、轮播海报、工具栏、固定海报、跑马灯。
16.作为本发明的优选，执行步骤s6时，可视化开发平台判断制作完成的页面中所有组件完成度不高于第一预定阈值时，清空页面内所有组件，返回步骤s5。
17.本发明一种机顶盒环境下自定义模块组件的可视化开发方法有益效果在于：可以满足各地区不同的业务需求，即便是非专业开发人员，在接受简单培训后就可以自主开发个性化页面，为用户和合作商家提供友好的交互式体验以及更好的产品服务，有效减少厂家重复开发和技术运维成本，避免页面交互逻辑处理混乱问题。
附图说明
18.图1为本发明一种机顶盒环境下自定义模块组件的可视化开发方法的流程示意图。
具体实施方式
19.以下是本发明的具体实施例，对本发明的技术方案作进一步的描述，但本发明并不限于这些实施例。
20.现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的模块和结构的相对布置不限制本发明的范围。
21.以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。
22.对于相关领域普通技术人员已知的技术、方法及系统可能不作详细讨论，但在适当情况下，技术、方法及系统应当被视为授权说明书的一部分。
23.实施例一：如图1所示，仅仅为本发明的其中一个的实施例，一种机顶盒环境下自定义模块组件的可视化开发方法，包括以下步骤：s1：页面制作程序处于登录状态时，获取登录者权限；执行步骤s1之前，根据业务和市场需求制作页面制作程序；同样的，在执行步骤s1时，根据登录者的业务和市场方向制定不同权限。
24.在这里，登陆者的登录账号内包含了登陆者的登陆地区和业务范围，那么此登陆者可以登录至页面制作程序对应于这个地区和业务范围的内容部分进行下一步操作。
25.s2：可视化开发平台获取到页面制作程序发来的编辑指令时，根据登录者权限向页面制作程序推送对应的模板库；登陆者登录至页面制作程序，并向上级的可视化开发平台发送了编辑指令，可视化开发平台接收到编辑指令，就会更加登陆者的地区和业务范围向其推动其应当开发的页面模板，例如登陆者是c地负责管理销售文件整理业务的，其需要的开发的页面就是主要针对c地区的文件处理，就向其推送此方面的所有模板，形成模板库。
26.也就是说，每个不同的地区不同的业务的开发者登录，向其推送的模板库内容是不一样的。
27.在这里，执行步骤s2时，模板库包括全局样式、局部样式、风格、颜色以及模板规格。
28.s3：可视化开发平台判断第一预定时间内登陆者是否选择模板库内的模板，若有则直接执行步骤s5，反之则开放外部模板导入功能，执行步骤s4；也就是推送的模板库内的多个模板以供登陆者挑选，一般情况下，登陆者会选择一个模板进行开发，此时选择的这个模板就是已选模板，可以进行步骤s5的开发过程了；但是，也有个别情况下，模板库内没有登陆者想要挑选的目标模板，登陆者无法挑选，这种情况下，若是第一预定时间（例如30秒）后登陆者还没有选择模板，那么可视化开发平台适当向登陆者开放外部模板导入功能，以便于登陆者将自选的区别于模板库内所有模板的外部模板进行导入。
29.执行步骤s3时，开放外部模板导入功能时，向页面制作程序发送开放外部模板信息，提醒登陆者此时可以进行外部模板导入了。一般来说，外部模板是通过扫描终端进行扫描导入。
30.s4：可视化开发平台判断导入的外部模板中所有参数是否在允许参数范围内，若是则允许该外部模板为已选模板，并执行步骤s5；反之则返回至步骤s2；允许参数范围可以是连续的范围，也可以是指定的几个参数，且在执行步骤s4之前，将模板库内所有参数进行记录，作为允许参数范围，也就是（针对该登陆者进行推送的）模板库中的部分参数才能使用到导入模板中，以防止模板库不够全面，方便登陆者进行自主设计，且自主设计的模板也是根据模板库的限定下进行设计的。
31.例如，模板库内有且仅有两个模板，第一个模板的框架的色彩为白色，框架大小为
80mm，第二个模板的框架的色彩为黄色，框架大小为60mm，那么导入的外部模板的框架的颜色参数仅仅可选白色或黄色，框架大小可选60-80mm。一旦导入的外部模板不合规，那么就不允许该模板进行开发，此时直接返回至步骤s2，再次进行开发编辑指令的发送，重新选择模板库内容或者自选其他外部模板进行导入。
32.还有，执行步骤s4时，可视化开发平台判断导入的外部模板中所有参数在允许参数范围内时，允许该外部模板为已选模板，且将该外部模板存储至模板库内，以扩大模板库的涵盖范围。
33.s5：可视化开发平台将已选模板的页面发送至页面制作程序上并显示，且在页面的每个组件区域推送可选组件，在所有组件区域均选择了组件时，生成制作完成的页面；在这里，模板已选的情况下，可以在模板上正式开始开发，相当于进入了页面设计的主要工序部，一个模板上包括多个组件区域，每个组件区域内都可以插入各类组件，由登陆者在组件区域选择推送的可选组件，直至每个组件区域都插入完毕组件之后，就完成了该页面的开发制作。
34.需要注意的是，执行步骤s5时，在可视化开发平台将已选模板的页面发送至页面制作程序上并显示之后，在页面的每个组件区域推送可选组件之前，提示登陆者是否需要进行已选模板的修改，在这里，修改仅仅局限于小范围的修改，例如每个组件区域的位置关系和组件区域的合并等等。
35.而且，执行步骤s5时，可选组件包括菜单组件、视频组件、轮播海报、工具栏、固定海报、跑马灯。其实可选组件还包括按钮组件、搜索组件、设置组件、天气组件、日历组件、详情页组件等等。用于在已选模板的页面产生各类功能，以供各种用户进行使用。
36.需要注意的是，在模板确定的情况下，组件区域的数量和大小都是确定的，不同的组件插入需要不同的区域大小，且不同的模板可选择的可选组件也是不一样的，例如a模板可以选择天气组件和日历组件，b模板则可以选择搜索组件、设置组件和天气组件。
37.这样登陆者每个组件区域可以根据可视化开发平台的引导进行符合其权限的组件，并在这里进行一定程度的自主开发，完成页面制作。
38.s6：可视化开发平台判断制作完成的页面中所有组件完成度是否高于第一预定阈值；若是则进行发布测试；反之则返回步骤s5；执行步骤s6时，可视化开发平台判断制作完成的页面中所有组件完成度不高于第一预定阈值时，清空页面内所有组件，返回步骤s5。
39.s7：可视化开发平台判断第二预定时间内页面发布测试的平均得分是否低于第二预定阈值；若是则返回步骤s1；反之则将制作页面正式发布。
40.实际上，步骤s6是进行内部审核，内部审核需要对开发制作的页面的完整度进行审核，只有完整度达到要求才表示是合格的开发页面，可以尝试着测试发布；步骤s7是外部审核，即相关业务人员对这个开发页面进行打分，可视化开发平台获取这些打分之后进行平均，一旦第二预定时间（例如2天）之后，该开发页面的平均得分过低（例如低于8分），此页面终止发布，登陆者重新进行开发；反之，该开发页面得分足够高，那么便继续进行发布，且是正式发布。
41.本发明一种机顶盒环境下自定义模块组件的可视化开发方法可以满足各地区不同的业务需求，即便是非专业开发人员，在接受简单培训后就可以自主开发个性化页面，为
用户和合作商家提供友好的交互式体验以及更好的产品服务，有效减少厂家重复开发和技术运维成本，避免页面交互逻辑处理混乱问题。
42.实施例二，仍如图1所示，仅为本发明的其中一个实施例，在实施例一的基础上，本发明一种机顶盒环境下自定义模块组件的可视化开发方法中，包含模板框架集管理、组件集管理、可视化开发平台、版本维护管理、监测管控管理。
43.一）、模板框架集管理：内置已有所有实施页面设计的案例的主题方案模板集合，方便新的分portal平台在开发时直接从已有的案例模板中直接引用和简单的修改就可以进行快速部署；样式库含全局样式及模块局部样式，可以自定义风格、配色等；通过页面组件集，可以将指定模板内容中的特定内容替换一下便生成了最终需要的门户页面。
44.二）、组件集管理：内置所有模板用的到各类组件，用于在登陆者选定模板之后在模板页面上添加组件，组件包括菜单组件、视频组件、轮播海报、工具栏、固定海报、跑马灯。
45.三）、可视化开发平台：实际上是一个操作界面，用于在登陆者登录至页面开发程序之后，与可视化开发平台进行信息交互；可视化开发平台的操作交互界面由工具箱、菜单栏、工具栏、工作区、属性配置页构成。
46.四）监测管控管理：通过用户权限管理、日志与白名单管理以及数据监测、系统为后台系统提供实时监测，确保系统不被人为恶意篡改以及外部网络攻击。
47.实际上监测管控管理包括内部监测和外部管控，内部检测就是步骤s5中对页面发布之前进行内部比较，保证测试发布出去的页面满足一定逻辑性；外部管控就是保证测试发布至外部的页面设计不被人为恶意篡改的前提下，有外人进行模拟打分，只有一定时间内（例如两天内）外人平均打分超过一定分数（例如8分），才允许正式发布。
48.本发明一种机顶盒环境下自定义模块组件的可视化开发方法可以满足各地区不同的业务需求，即便是非专业开发人员，在接受简单培训后就可以自主开发个性化页面，为用户和合作商家提供友好的交互式体验以及更好的产品服务，有效减少厂家重复开发和技术运维成本，避免页面交互逻辑处理混乱问题。
49.本发明不局限于上述具体的实施方式，本发明可以有各种更改和变化。凡是依据本发明的技术实质对以上实施方式所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围。