CN115268911A - 基于布局和组件的电视应用构建方法 - Google Patents
基于布局和组件的电视应用构建方法 Download PDFInfo
- Publication number
- CN115268911A CN115268911A CN202210915612.8A CN202210915612A CN115268911A CN 115268911 A CN115268911 A CN 115268911A CN 202210915612 A CN202210915612 A CN 202210915612A CN 115268911 A CN115268911 A CN 115268911A
- Authority
- CN
- China
- Prior art keywords
- page
- template
- television
- layout
- television application
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000010276 construction Methods 0.000 title claims abstract description 9
- 238000000034 method Methods 0.000 claims abstract description 15
- 230000000007 visual effect Effects 0.000 claims abstract description 12
- 238000012549 training Methods 0.000 abstract description 6
- 238000011161 development Methods 0.000 description 12
- 230000000694 effects Effects 0.000 description 3
- 238000011160 research Methods 0.000 description 3
- 238000012827 research and development Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000001737 promoting effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于布局和组件的电视应用构建方法，该电视应用的页面布局和功能通过模板来实现，该模板可动态更新；模板通过在可视化平台上以拖拽容器和功能组件的方式形成，功能组件用于独立实现页面某项功能，容器用于放置功能组件，容器的组合形成页面的布局；模板通过如下方式实现动态更新：模板通过可视化平台构建后，保存在平台服务器端；电视应用从平台服务器获取最新的页面模板，保存在电视存储中，并在打开页面时，从平台服务器获取该页面的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面。通过本发明方法构建的电视应用，操作人员在经过简单培训后，即可快速修改或制作新的应用页面，并且即时更新到电视端。
Description
技术领域
本发明涉及一种基于布局和组件的电视应用构建方法。
背景技术
目前的TV端应用，可分为基于安卓系统之上的原生应用(Native)，和基于Linux系统的EPG应用(Web)。无论是基于安卓的原生应用，还是基于Linux的EPG应用，都是通过直接编写代码的方式来开发页面布局和功能的，所以，页面的布局和功能固定，不可动态更新。
上述方式存在如下问题：
1)开发周期长。开发完成一个普通的系统页面，往往需要2～3个工作日，即使是一个普通的系统，开发完成往往也需要1～2个月的时间。
2)只有专业的研发人员才能修改页面的布局和功能，过多占用他们的时间，使他们不能更好的投入到新项目中。
3)因为需要编写大量代码，页面布局和功能的实现质量得不到保证，容易出现BUG。
4)页面调整不能及时更新。对页面布局或功能的调整，需要重新发布新的应用程序，而且需要用户主动升级新版本，才能生效页面的调整，从而导致页面生效时间推迟，更新效率降低。例如，像原生的安卓应用，页面布局或功能出现bug，就需要进行客户端升级。研发人员首先需要提交渠道服测试，然后上线应用市场，最后在用户更新版本后才能解决，问题解决周期非常长。
发明内容
本发明的目的是，提供一种新的电视应用构建方法，该方法可使操作人员在经过简单培训后，即可快速修改或制作新的应用页面，并且即时更新到电视端。
本发明通过如下技术方案实现其发明目的：
一种基于布局和组件的电视应用构建方法，该电视应用的页面布局和功能通过模板来实现，该模板可动态更新；
所述模板通过在可视化平台上以拖拽容器和功能组件的方式形成，所述功能组件用于独立实现页面某项功能，如图片组件、视频组件、文字组件、跑马灯组件、页面链接组件等，所述容器用于放置所述功能组件，容器的组合形成页面的布局；
所述模板通过如下方式实现动态更新：
所述模板通过所述可视化平台构建后，保存在平台服务器端；
电视应用从所述平台服务器获取最新的页面模板，保存在电视存储中，并在打开页面时，从所述平台服务器获取该页面的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面。
本发明将电视应用的页面抽象为两个对象：容器和组件，并通过可视化平台，使用户可以以拖拽容器和组件的形式，新建或修改一个电视页面模板。在上述平台开发完成后，除涉及新的功能组件开发或需要对原有功能组件进行调整时，需要研发人员参与外，在其他情况下，操作人员在经过简单培训后，即可快速修改或制作新的电视应用页面模板。模板通过可视化平台构建后，保存在平台服务器端。客户端的电视应用在启动时或其他设定条件下如平台服务器主动推送时，从平台服务器获取最新的页面模板，下载并保存在电视存储中，打开相应页面时，电视应用同时从平台服务器获取对应的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面，从而实现电视应用页面的即时更新，页面模板可重复使用，根据参数数据的不同，显示不同的内容。
保存在电视存储中的模板文件在电视应用上通过模板引擎解析，为了提高性能和效率，模板和组件保存在缓存中。
在所述模板的内容解析方面，采用高效的NIO机制，提升IO效率。
NIO和缓存机制的结合，提升对模板和组件的读取效率。
所述功能组件的功能基于事件和动作来实现，可灵活的通过配置事件和动作实现丰富的组件功能。
所述功能组件可以接收和传递参数以实现动态的功能，例如视频组件，根据参数可播放不同的视频；图片组件，根据参数可显示不同的图片。
相比于现有技术，本发明具有如下有益效果：
1)不需要专业研发人员，操作人员在经过简单培训后，即可快速修改或制作新的应用页面，并且即时更新到电视端。
2)本发明方法可减少开发周期：在可视化平台和功能组件开发完备后，可通过拖拽快速开发各种电视页面，在电视应用这个页面模版不多且很少变动，常用功能组件也非常有限的应用场景下，本发明方法能极大简化开发难度，显著提升电视应用的构建速度，可以把TV应用的开发周期由1～2个月，减少至1～2周。
3)本发明方法构建的电视应用更加稳定：由于本发明通过在可视化平台以拖拽的方式制作应用页面，页面开发无需再编写代码，不易出现BUG，所以电视应用的稳定性能得到更好的保证。
4)易于维护：本发明布局与组件分离，组件与组件分离，通过组件实现不同功能，某个功能出现问题，升级相应的组件即可，易于维护。
附图说明
图1为页面模板的示意图；
图2为模板更新过程示意图。
具体实施方式
下面将结合具体实施例对本发明作进一步详细说明。
一种基于布局和组件的电视应用构建方法，
该电视应用的页面布局和功能通过模板来实现，该模板可动态更新；
所述模板通过在可视化平台上以拖拽容器和功能组件的方式形成，所述功能组件用于独立实现页面某项功能，如图片组件、视频组件、文字组件、跑马灯组件、页面链接组件等，所述容器用于放置所述功能组件，容器的组合形成页面的布局；
所述模板通过如下方式实现动态更新：
所述模板通过所述可视化平台构建后，保存在平台服务器端；
电视应用从所述平台服务器获取最新的页面模板，保存在电视存储中，并在打开页面时，从所述平台服务器获取该页面的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面。
本发明将电视应用页面抽象为两个对象：容器和组件，并通过可视化平台，使用户可以以拖拽容器和组件的形式，新建或修改一个电视页面模板。如图1所示，图1中的灰色背景框即为一个容器，组件容纳其中，容器的组合形成页面的布局。在上述平台和组件开发完备后，除涉及新的功能组件开发或需要对原有功能组件进行调整时，需要研发人员参与外，在其他情况下，操作人员在经过简单培训后，即可快速修改或制作新的电视应用页面模板。模板通过可视化平台构建保存后，生成一个布局和组件模板描述文件，上传到平台服务器端。客户端的电视应用在启动时或其他设定条件下如平台服务器主动推送时，从平台服务器获取最新的页面模板，下载并保存在电视存储中，打开相应页面时，电视应用同时从平台服务器获取对应的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面，从而实现电视应用页面的即时更新，页面模板可重复使用，根据参数数据的不同，显示不同的内容。
可见，本发明可快速修改或制作新的应用页面，并且能即时更新到电视端，而且，该过程不需要专业研发人员参与，操作人员在经过简单培训后即可胜任。
另外，本实施例通过可视化平台，快速生成电视页面，在传统的开发中，需要研发人员对页面一个个进行开发，在本实施例方案中，通过拖拽容器和组件，即可构建不同的电视页面，可缩短开发周期，而且由于页面开发不需要编写代码，不易出现BUG，所以开发的应用的稳定性能得到更好的保证。还需要声明的是，本实施例中，不同组件相互独立，之间互不影响，某个功能出现问题时，只需升级相应的组件即可，有利于提升系统的可维护性。
本实施例的布局和功能组件通过模板引擎和模板描述文件(XML)渲染和展示到APP中。如图2所示，模版引擎主要有文本处理器、结果处理器和剖析器3部分组成。其中，文本处理器主要解析布局和组件模板描述文件，将XML中的布局和组件解析出来，布局部分交给结构处理器执行，组件部分交给剖析器执行。通过对布局和组件的解析执行，最终将其渲染展示到App应用中。
为了提高性能和效率，本实施例的模板和组件保存在缓存中。模板引擎将常用页面模板的解析结果保存在缓存中，以减少解析次数和系统IO。缓存支持FIFO，LRU，MRU等不同的缓存策略，可以根据业务情况进行调整和控制。在内容解析方面，本实施例采用高效的NIO机制，提升IO效率。NIO和缓存机制的结合，提升对模板和组件的读取效率。
当前电视应用的常用功能组件较为有限，主要有播放组件，图片组件，视频组件，专辑组件，专题活动组件，轮播组件等。电视应用的控制，普遍基于遥控器，事件相对简单。所以，在本实施例中，组件功能基于事件和动作来实现。组件的基础事件主要有：初始化、选中和点击。针对不同的事件，可以触发不同的动作。例如图片组件，初始化展示一个图片，就是触发初始化事件后，触发组件展示图片的动作；点击后跳转，则是触发点击事件后，执行跳转的动作，可以定义跳转到一个页面，一个活动，或一个视频等。可见，组件功能基于事件和动作来实现，可灵活的通过配置事件和动作实现丰富的组件功能。
随着业务的扩展需要，可以增加不同的布局和组件。除了提供基础功能外，组件可以接收和传递参数实现动态的功能。例如一个视频封面组件。初始化事件时(init)，地址是图片A，图片A比较小，便于快速加载。加载完毕后(onReady)组件的地址是图片B，图片B是真实的图片。遥控器选中时(onSelect)组件上面显示出视频的名字。遥控器点击时(onClick)跳转到一个新的视频播放组件，并传递一个ID，视频播放组件接收传递来的ID，获取对应的视频资源并播放。
Claims (6)
1.一种基于布局和组件的电视应用构建方法，其特征在于，该电视应用的页面布局和功能通过模板来实现，该模板可动态更新；
所述模板通过在可视化平台上以拖拽容器和功能组件的方式形成，所述功能组件用于独立实现页面某项功能，所述容器用于放置所述功能组件，容器的组合形成页面的布局；
所述模板通过如下方式实现动态更新：
所述模板通过所述可视化平台构建后，保存在平台服务器端；
电视应用从所述平台服务器获取最新的页面模板，保存在电视存储中，并在打开页面时，从所述平台服务器获取该页面的参数数据，然后根据该页面的页面模板和参数数据渲染出该电视页面。
2.根据权利要求1所述的电视应用构建方法，其特征在于，保存在电视存储中的模板文件在电视应用上通过模板引擎解析，模板和组件保存在缓存中。
3.根据权利要求2所述的电视应用构建方法，其特征在于，在所述模板的内容解析方面，采用NIO机制。
4.根据权利要求3所述的电视应用构建方法，其特征在于，所述功能组件的功能基于事件和动作来实现。
5.根据权利要求4所述的电视应用构建方法，其特征在于，所述功能组件可以接收和传递参数。
6.根据权利要求1所述的电视应用构建方法，其特征在于，电视应用在启动时或所述平台服务器主动推送时，从所述平台服务器获取最新的页面模板，下载并保存在电视存储中。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210915612.8A CN115268911A (zh) | 2022-08-01 | 2022-08-01 | 基于布局和组件的电视应用构建方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210915612.8A CN115268911A (zh) | 2022-08-01 | 2022-08-01 | 基于布局和组件的电视应用构建方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115268911A true CN115268911A (zh) | 2022-11-01 |
Family
ID=83746374
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210915612.8A Pending CN115268911A (zh) | 2022-08-01 | 2022-08-01 | 基于布局和组件的电视应用构建方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115268911A (zh) |
Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101207450A (zh) * | 2007-12-14 | 2008-06-25 | 北大方正集团有限公司 | 一种专题模板制作方法、系统及客户端和网络侧服务器 |
| US20130185632A1 (en) * | 2010-09-26 | 2013-07-18 | Niranjan Damera-Venkata | Generating variable document templates |
| US20130244777A1 (en) * | 2012-03-16 | 2013-09-19 | Wms Gaming, Inc. | Layout elements as rendering placeholders for native wagering game applications |
| CN107908399A (zh) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | 一种页面开发方法及装置 |
| US20180307465A1 (en) * | 2015-12-30 | 2018-10-25 | Alibaba Group Holding Limited | Generating a graphical user interface based on formatted structure data |
| CN110007917A (zh) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | 一种基于浏览器的可视化页面生成和浏览方法 |
| CN110287429A (zh) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术（北京）有限公司 | 数据解析方法、装置、设备及存储介质 |
| CN112256260A (zh) * | 2020-10-30 | 2021-01-22 | 中电万维信息技术有限责任公司 | 一种基于可热插拔动态组件的可视化系统 |
| CN112433799A (zh) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | 页面生成方法、装置、设备及介质 |
| CN112558970A (zh) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | 前端页面的渲染生成方法、装置、前端设备及存储介质 |
| CN112565851A (zh) * | 2020-11-27 | 2021-03-26 | 福州智象信息技术有限公司 | 一种通过手机端对电视主页进行个性化配置的方法及装置 |
| CN112559935A (zh) * | 2020-12-15 | 2021-03-26 | 北京三快在线科技有限公司 | 一种创建页面的方法及装置 |
| CN112579084A (zh) * | 2020-12-17 | 2021-03-30 | 深圳集智数字科技有限公司 | 一种页面的拼装方法及装置 |
| CN114296722A (zh) * | 2021-12-10 | 2022-04-08 | 浙江嘉兴数字城市实验室有限公司 | 一种应用于数字化改革的可视化快速开发方法及系统 |
-
2022
- 2022-08-01 CN CN202210915612.8A patent/CN115268911A/zh active Pending
Patent Citations (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101207450A (zh) * | 2007-12-14 | 2008-06-25 | 北大方正集团有限公司 | 一种专题模板制作方法、系统及客户端和网络侧服务器 |
| US20130185632A1 (en) * | 2010-09-26 | 2013-07-18 | Niranjan Damera-Venkata | Generating variable document templates |
| US20130244777A1 (en) * | 2012-03-16 | 2013-09-19 | Wms Gaming, Inc. | Layout elements as rendering placeholders for native wagering game applications |
| US20180307465A1 (en) * | 2015-12-30 | 2018-10-25 | Alibaba Group Holding Limited | Generating a graphical user interface based on formatted structure data |
| CN107908399A (zh) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | 一种页面开发方法及装置 |
| CN110007917A (zh) * | 2019-03-08 | 2019-07-12 | 国电南瑞科技股份有限公司 | 一种基于浏览器的可视化页面生成和浏览方法 |
| CN110287429A (zh) * | 2019-06-28 | 2019-09-27 | 百度在线网络技术（北京）有限公司 | 数据解析方法、装置、设备及存储介质 |
| CN112256260A (zh) * | 2020-10-30 | 2021-01-22 | 中电万维信息技术有限责任公司 | 一种基于可热插拔动态组件的可视化系统 |
| CN112433799A (zh) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | 页面生成方法、装置、设备及介质 |
| CN112565851A (zh) * | 2020-11-27 | 2021-03-26 | 福州智象信息技术有限公司 | 一种通过手机端对电视主页进行个性化配置的方法及装置 |
| CN112559935A (zh) * | 2020-12-15 | 2021-03-26 | 北京三快在线科技有限公司 | 一种创建页面的方法及装置 |
| CN112579084A (zh) * | 2020-12-17 | 2021-03-30 | 深圳集智数字科技有限公司 | 一种页面的拼装方法及装置 |
| CN112558970A (zh) * | 2020-12-24 | 2021-03-26 | 贵阳货车帮科技有限公司 | 前端页面的渲染生成方法、装置、前端设备及存储介质 |
| CN114296722A (zh) * | 2021-12-10 | 2022-04-08 | 浙江嘉兴数字城市实验室有限公司 | 一种应用于数字化改革的可视化快速开发方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210126838A1 (en) | System and method for cloud-based user interface application deployment | |
| CN105786513A (zh) | 基于Html5的混合移动应用开发方法 | |
| RU2466450C2 (ru) | Способ и система для создания ит-ориентированных серверных сетевых приложений | |
| US20100037138A1 (en) | Client-Configurable Video Delivery Platform | |
| US20020088008A1 (en) | System and method for distribution of interactive content to multiple targeted presentation platforms | |
| US9620173B1 (en) | Automated intelligent visualization of data through text and graphics | |
| CN101951405A (zh) | 一种基于webkit的机顶盒中间件的实现方法 | |
| CN111669623A (zh) | 视频特效的处理方法、装置以及电子设备 | |
| CN110533969B (zh) | 一种编程教学端及系统 | |
| Camden | Apache Cordova in action | |
| US20020054076A1 (en) | Active browser for reconstructing user interface and screen menu | |
| CN108132820B (zh) | 动态图片显示方法、装置及设备 | |
| CN112911320A (zh) | 一种直播方法、装置、计算机设备和存储介质 | |
| CN115268911A (zh) | 基于布局和组件的电视应用构建方法 | |
| CN112422676A (zh) | 一种视频播放方法、装置、设备和计算机可读存储介质 | |
| CN109905753B (zh) | 角标的显示方法和装置、存储介质、电子装置 | |
| JP5826515B2 (ja) | ゲーム内にユーザー関心情報を挿入する方法及びシステム | |
| CN111897616B (zh) | 内容展示方法、装置、设备和存储介质 | |
| CN115586893A (zh) | 一种跨平台软件开发系统及方法 | |
| CN111064979B (zh) | 一种网页直播方法、装置、网页终端和存储介质 | |
| CN114339425A (zh) | 一种基于智能应用程序架构的融媒体业务平台 | |
| CN107357486B (zh) | 显示图标解析响应方法、电视及计算机可读存储介质 | |
| CN111641656A (zh) | 一种医院数据实时投屏系统 | |
| CN113242472B (zh) | 电视图文播控管理方法、装置、计算机设备及存储介质 | |
| CN112800738B (zh) | 一种Web智能交互节目在线制作和更新的方法和系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20221101 |