CN109086047B

CN109086047B - 基于eul的epg页面可视化设计方法和装置

Info

Publication number: CN109086047B
Application number: CN201810921153.8A
Authority: CN
Inventors: 兰清; 孙雷; 高建; 孙向华
Original assignee: Nanjing Star Network Technology Co Ltd Ye Hui Jie
Current assignee: Nanjing Star Network Technology Co Ltd Ye Hui Jie
Priority date: 2018-08-13
Filing date: 2018-08-13
Publication date: 2019-12-10
Anticipated expiration: 2038-08-13
Also published as: CN109086047A

Abstract

本发明提供了一种基于EUL的EPG页面可视化设计方法和装置，该方法应用于运行有设计软件的设备；该设计软件中运行有EUL脚本文件；该设计软件配置有可视化设计界面；该方法包括：根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。本发明提高了EPG页面可视化开发的灵活性和可扩展性。

Description

基于EUL的EPG页面可视化设计方法和装置

技术领域

本发明涉及多媒体技术领域，尤其是涉及一种基于EUL的EPG页面可视化设计方法和装置。

背景技术

现有的EPG页面的设计方法有两种：一种是基于EPG模板，通过IPTV平台支持的程序开发语言进行定制化开发，全定制化设计不可以进行可视化编辑；另一种是通过可视化编辑方法，可以对页面元素如：大小、位置和动作的属性进行简单编辑，但无法对页面元素属性进行灵活扩展，也无法灵活定义页面元素的行为模式。

发明内容

有鉴于此，本发明的目的在于提供一种EPG页面的可视化设计方法和装置，以提高EPG页面可视化设计开发方法的灵活性和可扩展性。

第一方面，本发明实施例提供了一种基于EUL的EPG页面可视化设计方法，方法应用于运行有设计软件的设备；设计软件中运行有EUL脚本文件；设计软件配置有可视化设计界面；方法包括：根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；

根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；属性信息至少包括组件的背景图、焦点图、文字标签和排期计划中的多种；根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；行为模式至少包括组件的各种属性信息的播放模式；将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，如果属性信息包括组件的背景图，根据用户的第二操作指令，在可视化设计界面上配置图形对应组件的属性信息的步骤，包括：

根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上添加组件图形对应组件的背景图的图标识、图片链接和展示风格；如果组件配置有多个背景图，在可视化设计界面上添加图形对应组件的背景图的展示方式。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，如果属性信息包括组件的焦点图，根据用户的第二操作指令，在可视化设计界面上配置图形对应组件的属性信息的步骤，包括：根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上添加组件图形对应组件的焦点图的图标识、图片链接和展示风格。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，如果属性信息包括组件的排期计划，根据用户的第二操作指令，在可视化设计界面上配置图形对应组件的属性信息的步骤，包括：根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上设置组件图形对应组件的节目排期顺序和排期时间。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式的步骤包括：根据用户的第三操作指令，通过EUL脚本文件的JS子文件在可视化设计界面上配置组件图形对应组件的行为模式。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，方法还包括：当需要播放EPG页面时，解析EPG页面的设计文件，得到对应的JSP界面，将JSP界面展示在电视画面上。

第二方面，本发明实施例还提供一种基于EUL的EPG页面可视化设计装置，装置设置于运行有设计软件的设备；设计软件中运行有EUL脚本文件；设计软件配置有可视化设计界面；装置包括：

组件配置模块，用于根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；属性配置模块，用于根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；属性信息至少包括组件的背景图、焦点图、文字标签和排期计划中的多种；

行为模式配置模块，用于根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；行为模式至少包括组件的各种属性信息的播放模式；

存储模块，用于将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。

本发明实施例带来了以下有益效果：

本发明提供了一种基于EUL的EPG页面可视化设计方法和装置，该方法包括：根据用户的第一操作指令，在可视化设计界面上建立组件图形；根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。本发明提高了EPG页面可视化开发的灵活性和可扩展性。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种基于EUL的EPG页面设计方法的流程图；

图2为本发明实施例提供的一种基于EUL的EPG页面设计界面图；

图3为本发明实施例提供的另一种基于EUL的EPG页面设计方法的流程图；

图4为本发明实施例提供的一种基于EUL的EPG页面设计装置的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

名词解释：

IPTV：Internet Protocol Television，互联网电视。

EPG：Electronic Program Guide，电子节目指南，EPG界面与万维网页面类似，在EPG界面上一般都提供各类菜单、按钮、链接等可供用户选择节目时直接点击的组件；EPG界面上也可以包含各类供用户浏览的动态或静态的多媒体内容。

EPG页面元素：EPG界面上提供的各类菜单、按钮、链接等可供用户选择节目时直接点击的组件，组件有属性和行为模式，属性包括组件类型、位置、大小、动作等，行为模式包括背景图轮播方式、视频播放时间排期方式等。

XML语言：Extensible Markup Language，可扩展标记语言，是一种用于标记电子文件使其具有结构性的标记语言。

JS语言：JavaScript Language，直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。

EUL：EPG页面定义语言(Epg Ui Language)，用来描述EPG页面元素、EPG页面元素属性及行为模式，通过EUL可以任意定义页面元素属性及行为模式。EUL用来描述EPG页面元素、EPG页面元素属性及行为模式，通过EUL既可以定义页面元素属性(背景图/焦点图/文字标签/时间排期等)，也可以定义页面元素的行为模式(背景图轮播模式等)，同时可以对属性和行为模式进行任意扩展。EUL是在XML基础上，结合JS语言设计而成的EPG页面定义语言。

页面解释引擎：负责对EUL文件进行解释，生成实际可执行的IPTV平台页面代码。

考虑到现有的EPG页面设计开发方法灵活性和可扩展性较差的问题，本发明实施例提供了一种基于EUL的EPG页面可视化设计方法和装置，该技术可以应用于可视化界面的设计，该技术可以采用相关的软件或硬件实现，下面通过实施例进行描述。

参见图1所示的一种基于EUL的EPG页面设计方法的流程图，该方法应用于运行有设计软件的设备；该设计软件中运行有EUL脚本文件；该设计软件配置有可视化设计界面；该设备可以为网络机顶盒，该网络机顶盒是通过网络连接到电视观看电视直播、电影或者通过其他媒体平台观看电视直播和电影节目的数据库终端。该基于EUL的EPG页面可视化设计方法包括：

步骤S102，根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；

上述组件图形的建立可以通过鼠标移动在坐标系内画出组件图形，进而对组件的标识、坐标系和尺寸的信息进行编辑；如：用户可预先通过鼠标选定界面左侧的区域设置为菜单栏，编辑菜单栏的宽度和边距，并设置菜单栏对应的标识图形。

步骤S104，根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；属性信息至少包括组件的背景图、焦点图、文字标签和排期计划中的多种；

上述属性信息可以通过互联网下载保存到IPTV，上述的背景图可以为静态图也可以为动态图；上述的焦点图可以叠加设置在背景图上，焦点图在被选中时会出现虚线框，上述的文字标签是显示在背景图上的文字标识；上述的排期计划可以通过编辑窗口进行编辑；如图2所示的界面图，虚线框处为焦点图，界面图右侧为编辑窗口，编辑窗口的弹出是通过用户点击焦点图弹出，可以通过编辑窗口对排期计划进行编辑，如:工作日，用户点击焦点图1会出现地理课堂知识视频讲解；非工作日，用户点击焦点图1会出现地理课堂知识会出现为电影视频播放。

步骤S106，根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；行为模式至少包括组件的各种属性信息的播放模式；

上述组件的行为模式可以灵活变化，如：背景图通常播放为每两秒钟切换一次，国庆期间背景图播放保持国庆欢庆图片不变；焦点图的位置可以切换顺序；文字标签的字体、颜色、动态可以灵活多变。

步骤S108，将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。

上述可视化的操作需要进行保存设置，以便可视化操作时调用配置信息，进行可视化编辑的文件可以保存为：EUL(Epg Ui Language，EPG页面定义语言)文件形式。

用户通过EUL脚本文件可以对属性和行为模式进行任意扩展；可以在可视化编辑展现界面上任意添加新的属性；可以在可视化编辑展现界面上灵活定义组件的行为模式，如背景图轮播模式、特殊的排期计划等。

本发明实施例提供了一种基于EUL的EPG页面可视化设计方法，该方法包括：根据用户的第一操作指令，在可视化设计界面上建立组件图形后；根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；然后根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；进而将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面的设计文件。该方式提高了EPG页面可视化开发的灵活性和可扩展性。

参见图3所示的另一种基于EUL的EPG页面可视化设计方法的流程图；该方法是在图1所示方法的基础上实现的，该方法包括如下步骤，下述步骤可以通过EUL文件中代码实现EPG页面的可视化设计。

步骤S302，根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；

上述组建图形信息的建立可以通过EUL文件的下述代码实现：

</COMP>

其中，<COMP></COMP>是一个组件的定义，COMPID是组件ID(identification，身份识别码)，TYPE是组件类型，X、Y是组件位置，XLEN和YLEN是组件分别在X轴方向和Y轴方向的长度即大小。

如果属性信息包括组件的背景图，根据用户的第二操作指令，在可视化设计界面上配置图形图形对应组件的属性信息的步骤，包括：

步骤S304，根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上添加组件图形对应组件的背景图的图标识、图片链接和展示风格；

步骤S306，如果组件配置有多个背景图，在可视化设计界面上添加图形图形对应组件的背景图的展示方式。

上述组件的背景图的配置可以通过EUL文件的下述代码实现：

<BGIMG IMGID＝"1"IMGURL＝""STYLE＝""/>这个定义组件内部的一个背景图，包括背景图ID和背景图片链接以及展示风格，可以定义多个背景图。

<BGIMGSHOW DEFAULT PATERN＝"REPEAT"INTERVAL＝"2"/>背景图默认展示方式，每隔2秒换下一张背景图。

如果属性信息包括组件的焦点图，根据用户的第二操作指令，在可视化设计界面上配置图形对应组件的属性信息的步骤，包括：

步骤S308，根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上添加组件图形对应组件的焦点图的图标识、图片链接和展示风格。

上述组件的焦点图的配置可以通过EUL文件的下述代码实现：

<FOCUSIMG FOCUSID＝"1"FOCUSIMGURL＝""STYLE＝""/>这个是焦点图的描述，包括焦点图ID、图片链接以及展示风格。

如果属性信息包括组件的排期计划，根据用户的第二操作指令，在可视化设计界面上配置图形对应组件的属性信息的步骤，包括：

步骤S310，根据用户的第二操作指令，通过EUL脚本文件的XML子文件在可视化设计界面上设置组件图形对应组件的节目排期顺序和排期时间。

上述组件的排期计划的配置可以通过EUL文件的下述代码实现：

<LABEL TEXT＝"图图的数学王国"STYLE＝""/>这个是组件上显示的文字标签以及展示风格。

<PLAN PLANID＝"1"STARTTIME＝"2018.7.1"ENDTIME＝"2018.7.3"ACTIONTYPE＝"summary"ACTION＝"/movies/战狼2简介"/>这个是组件动作排期计划，用于在相应时间段内的组件动作，本例用于查看战狼2简介。

步骤S312，根据用户的第三操作指令，通过EUL脚本文件的JS子文件在所述可视化设计界面上配置所述组件图形对应组件的行为模式；行为模式至少包括组件的各种属性信息的播放模式；

背景图的特殊播放行为模式：

<BGIMGSHOW PATERN＝"JS"

if(当前时间is国庆or春节){show IMGID＝"2"}

/>

这个是使用JS内置支持类型来定义背景图的展示方式，比如这里定义国庆或春节的时候就显示IMGID为2的背景图。

时间排期的特殊行为模式：

<PLANSHOW PATTERN＝"JS"

if(当前时间is国庆or春节){show PLANID＝"2"}

/>

对于组件动作排期，默认按<STARTTIME,ENDTIME>的方式进行自动排期，也可以通过脚本进行一些特殊的约束，如：国庆或春节期间组件只能播放战狼2。

上述组件的行为模式配置，可以通过对背景图的播放方式或组件动作的时间排期采用JS语言进行特殊定义；上述的特殊定义是通过JS语言编辑实现的，可以设置背景图的多种播放方式及时间排期计划如：背景1和背景2间的切换方式及背景展示时间等。

步骤S314，将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。

步骤S316，当需要播放EPG页面时，解析EPG页面的设计文件，得到对应的JSP(JavaServer Pages，java服务器页面)界面，将JSP界面展示在电视画面上。

由于EUL文件是基于XML风格且采用JS语言进行的编写，所以通过直接映射的方法，可以把EUL文件解析成可执行的JSP页面；JSP页面由IPTV应用平台直接展示在电视画面上。下述为该方法的完整代码：

该方法基于EUL文件对EPG页面进行可视化编辑，可以灵活定义页面元素的各种属性，包括组件类型、位置、大小、背景图1、背景图2、…、背景图N、背景图是否轮播、焦点图、文字、时间排期、动作类型、动作对象等；还可以使用EUL定义更加复杂的组件行为模式，如背景图轮播的方式，视频播放时间排期方式等。该方式提高了EPG页面可视化开发的灵活性和可扩展性。

参见图4所示的一种EPG页面的设计装置的结构示意图；该装置设置于运行有设计软件的设备；该设计软件中运行有EUL脚本文件；该设计软件配置有可视化设计界面；该装置包括：

组件配置模块40，用于根据用户的第一操作指令，在可视化设计界面上建立组件图形；组件图形配置有组件图形对应的组件标识、坐标系和尺寸信息；

属性配置模块41，用于根据用户的第二操作指令，在可视化设计界面上配置组件图形对应组件的属性信息；属性信息至少包括组件的背景图、焦点图、文字标签和排期计划中的多种；

行为模式配置模块42，用于根据用户的第三操作指令，在可视化设计界面上配置组件图形对应组件的行为模式；行为模式至少包括组件的各种属性信息的播放模式；

存储模块43，用于将可视化设计界面内的各个组件的组件图形、属性信息和行为模式保存为EUL格式的EPG页面设计文件。

本发明提供了一种基于EUL的EPG页面设计装置，该装置提高了EPG页面开发的灵活性和可扩展性。

本发明实施例提供的基于EUL的EPG页面的设计装置，与上述实施例提供的用基于EUL的EPG页面设计方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

本发明实施例所提供的进行基于EUL的EPG页面设计方法和装置的计算机程序产品，包括存储了处理器可执行的非易失的程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims

1.一种基于EUL的EPG页面可视化设计方法，其特征在于，所述方法应用于运行有设计软件的设备；所述设计软件中运行有EUL脚本文件；所述设计软件配置有可视化设计界面；所述方法包括：

根据用户的第一操作指令，在所述可视化设计界面上建立组件图形；所述组件图形配置有所述组件图形对应的组件标识、坐标系和尺寸信息；

根据用户的第二操作指令，在所述可视化设计界面上配置所述组件图形对应组件的属性信息；所述属性信息至少包括所述组件的背景图、焦点图、文字标签和排期计划中的多种；

根据用户的第三操作指令，在所述可视化设计界面上配置所述组件图形对应组件的行为模式；所述行为模式至少包括所述组件的各种所述属性信息的播放模式；其中，所述播放模式包括背景图轮播模式、特殊的排期计划和视频播放时间排期方式；

将所述可视化设计界面内的各个所述组件的所述组件图形、所述属性信息和所述行为模式保存为EUL格式的EPG页面设计文件；

其中，所述根据用户的第三操作指令，在所述可视化设计界面上配置所述组件图形对应组件的行为模式的步骤包括：根据用户的第三操作指令，通过EUL脚本文件的JS子文件在所述可视化设计界面上配置所述组件图形对应组件的行为模式。

2.根据权利要求1所述的方法，其特征在于，如果所述属性信息包括所述组件的背景图，根据用户的第二操作指令，在所述可视化设计界面上配置所述图形对应组件的属性信息的步骤，包括：

根据用户的第二操作指令，通过EUL脚本文件的XML子文件在所述可视化设计界面上添加所述组件图形对应组件的背景图的图标识、图片链接和展示风格；

如果所述组件配置有多个背景图，在所述可视化设计界面上添加所述图形对应组件的背景图的展示方式。

3.根据权利要求1所述的方法，其特征在于，如果所述属性信息包括所述组件的焦点图，根据用户的第二操作指令，在所述可视化设计界面上配置所述图形对应组件的属性信息的步骤，包括：

根据用户的第二操作指令，通过EUL脚本文件的XML子文件在所述可视化设计界面上添加所述组件图形对应组件的焦点图的图标识、图片链接和展示风格。

4.根据权利要求1所述的方法，其特征在于，如果所述属性信息包括所述组件的排期计划，根据用户的第二操作指令，在所述可视化设计界面上配置所述图形对应组件的属性信息的步骤，包括：

根据用户的第二操作指令，通过EUL脚本文件的XML子文件在所述可视化设计界面上设置所述组件图形对应组件的节目排期顺序和排期时间。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当需要播放所述EPG页面时，解析所述EPG页面的设计文件，得到对应的JSP页面，将所述JSP页面展示在电视画面上。

6.一种基于EUL的EPG页面可视化设计装置，其特征在于，所述装置设置于运行有设计软件的设备；所述设计软件中运行有EUL脚本文件；所述设计软件配置有可视化设计界面；所述装置包括：

组件配置模块，用于根据用户的第一操作指令，在所述可视化设计界面上建立组件图形；所述组件图形配置有所述组件图形对应的组件标识、坐标系和尺寸信息；

属性配置模块，用于根据用户的第二操作指令，在所述可视化设计界面上配置所述组件图形对应组件的属性信息；所述属性信息至少包括所述组件的背景图、焦点图、文字标签和排期计划中的多种；

行为模式配置模块，用于根据用户的第三操作指令，在所述可视化设计界面上配置所述组件图形对应组件的行为模式；所述行为模式至少包括所述组件的各种所述属性信息的播放模式；其中，所述播放模式包括背景图轮播模式、特殊的排期计划和视频播放时间排期方式；

存储模块，用于将所述可视化设计界面内的各个所述组件的所述组件图形、所述属性信息和所述行为模式保存为EUL格式的EPG页面设计文件；

其中，行为模式配置模块还用于：根据用户的第三操作指令，通过EUL脚本文件的JS子文件在所述可视化设计界面上配置所述组件图形对应组件的行为模式。