[发明专利]基于WEB端配置电视主场景并可视化渲染的系统

说明书

本发明公开了基于WEB端配置电视主场景并可视化渲染的系统，包括电视主场景应用、云端配置平台以及云端服务器端；电视开机启动过程中，从云端服务器中获取距离当前时间最近的一次配置时间对应的可使用配置数据，业务层再通过其Diff算法比较当前数据与云端数据的差异，当比较到不同之后，虚拟DOM进行更新并向着真实DOM转化，此时UI重新绘制从而达到数据变化实时渲染。本发明实时同步后台配置与前端呈现效果，创造直观统一的体验，同时也解决了传统平台所配数据和预期效果不一致的痛点，建立了更具有规范性、更完整的内容管理架构，大幅提升了内容管理效率。

技术领域

本发明涉及网页编程技术领域，尤其涉及一种基于WEB端配置电视主场景并可视化渲染的系统。

背景技术

随着信息化技术的发展，智能电视发展突飞猛进。而主场景作为电视的流量入口，现如今越来越被各大厂商所重视，如何更高效的配置主场景内容数据，是所有电视厂商所要思考并解决的问题。

然而传统的电视主场景基于native端开发，其内容配置系统基于传统的数据配置系统，这种方式的优点是历史悠久，具有长期的经验论证，技术成熟度高。但也存在着不可改变的缺点，首先，内容数据太过于冗长，运营人员很难读懂文档，学习成本高，操作繁琐，步骤繁多。其次，数据出错几率大，多次配置数据或许都不是所期望的效果。

发明内容

本发明的目的就在于为了解决上述问题而提供一种基于WEB端配置电视主场景并可视化渲染的系统，本发明的实时同步平台内容与前端展示效果，实现真正的所见即所得。解决了传统内容配置平台所带来的一系列痛点问题，在直观、美观、高效、简洁等方面提升用户体验和操作效率。

本发明通过以下技术方案来实现上述目的：

基于WEB端配置电视主场景并可视化渲染的系统，包括电视主场景应用、云端配置平台以及云端服务器端，其中：

电视主场景应用：电视主场景基于H5技术开发，有一个强大的数据处理模块，可以处理各种数据并且展示出对应UI效果；应用内置了所需样式的解析规则，给内部的数据和第三方的数据留下位置，直到拿到相关数据后再自由填充，所有数据均可实时管理，根据数据更改而自动显示；

云端配置平台：云端配置平台包含两个核心部分：

数据配置区域，用户使用电脑的浏览器访问，通过系统提供的数据配置控件，配置对应的数据内容；

数据可视化区域，电视主场景应用基于H5技术，能通过浏览器Iframe把此应用内嵌于此区域，再通过既定的数据交互方式，使得数据配置区域配置完数据后，和数据可视化区域联动并进行数据的实时渲染；用户在平台上配置完数据之后，数据先传输并存储到云端服务器端，再由云端服务器进行数据的下发，下一次，电视主场景便能看到所配置的数据内容。

云端服务器端：此处负责接收用户配置的数据储存到数据库中，同时负责对电视主场景数据进行下发，要正常的完成下发工作，接收的电视必须处于联网状态，如未联网，则依旧会显示主场景内置的数据。

进一步方案为，所述系统支持网络连接，云端服务器端和电视主页以及云端配置平台连接。

进一步方案为，所述电视端支持H5应用，浏览器端支持H5，css3，es5；

云端配置平台和电视端主场景的数据为既定的JSON格式；

数据可视化区通过iframe技术使得应用内嵌于云端配置平台得以实现。

本申请另一方面还提供了一种基于WEB端配置电视主场景并可视化渲染的方法，包括以下步骤：

Step1：可视化配置数据

用户输入数据或者是选择了相应素材后，数据可视区便会做到相应的变化，实现所配即所得；