CN106210918A

CN106210918A - 一种用户界面的更新方法及系统

Info

Publication number: CN106210918A
Application number: CN201510228690.0A
Authority: CN
Inventors: 卢伟超
Original assignee: TCL Corp
Current assignee: TCL Corp
Priority date: 2015-05-07
Filing date: 2015-05-07
Publication date: 2016-12-07
Anticipated expiration: 2035-05-07
Also published as: CN106210918B

Abstract

本发明公开了一种用户界面的更新方法及系统，所述方法包括：根据用户界面的布局和内容，将用户界面模块化；编辑用户界面的各个模块，并保存为预定格式的文件；将所述文件上传到服务器；客户端从服务器下载所述文件并进行解析，完成界面更新。本发明提供了一种用户界面的更新方法及系统，通过将用户界面模块化，使得运营人员可分别对各个模块进行编辑和更新，而且对一个模块的更新不会影响其他模块，有利于第三方人员的编辑以及用户界面的实时更新。

Description

一种用户界面的更新方法及系统

技术领域

本发明涉及移动通信领域，尤其涉及一种用户界面的更新方法及系统。

背景技术

现有的电视界面更新，主要通过运营人员编辑播控内容，然后将编辑结果保存为Jason文件，上传到内容服务器。客户端电视用户界面从内容服务器下载其保存的文件，然后使用客户端解析模块进行解析处理，最终将编辑完成的UI主题、布局、内容等在各个平台的终端呈现。

但是，现有的技术中，运营人员的操作不能并行开展，即，电视用户界面的内容不能由多个运营人员或者其他第三方客户来编辑，不易于将部分运营内容分包给第三方客户来运营，例如视频网站无法编辑自己所属的内容单独发布，而不影响用户界面的其它业务内容。

因此，现有技术还有待于改进和发展。

发明内容

本发明针对现有技术的上述缺陷，提供一种用户界面的更新方法及系统，可由运营人员对用户界面的各个模块进行编辑和更新。

本发明解决技术问题所采用的技术方案如下：

一种用户界面的更新方法，所述方法包括步骤：

A、根据用户界面的布局和内容，将用户界面模块化；

B、编辑用户界面的各个模块，并保存为预定格式的文件；

C、将所述文件上传到服务器；

D、客户端从服务器下载所述文件并进行解析，完成界面更新。

所述的用户界面的更新方法中，所述步骤A具体包括：根据用户界面的布局和内容，将用户界面划分为用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括若干用于对版面进行编辑的版面单元，所述版面单元包括若干用于对网格进行编辑的网格子单元。

所述的用户界面的更新方法中，所述界面模板模块中的每个版面单元对应有一个唯一的版面ID；所述版面单元中的每个网格子单元对应有一个唯一的网格ID。

所述的用户界面的更新方法中，所述步骤B具体包括：

B1、编辑界面模板模块，对编辑好的内容进行命名，在文件名后设置界面模板标签，并保存为预定格式的文件；

B2、编辑版面单元，对编辑好的内容进行命名，在文件名后设置版面标签，并保存为预定格式的文件；

B3、编辑网格子单元，对编辑好的内容进行命名，在文件名后设置网格标签，并保存为预定格式的文件。

所述的用户界面的更新方法中，所述网格子单元包括：用于编辑网格显示内容的内容小单元、用于响应外界对该网格具体操作的操作小单元、以及用于控制网格呈现方式的呈现小单元。

一种用户界面的更新系统，包括：

划分模块，用于根据用户界面的布局和内容，将用户界面模块化；

编辑模块，用于编辑用户界面的各个模块，并保存为预定格式的文件；

上传模块，用于将所述文件上传到服务器；

客户端，用于从服务器下载所述文件并进行解析，完成界面更新。

所述的用户界面的更新系统中，所述划分模块具体用于，根据用户界面的布局和内容，将用户界面划分为用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括若干用于对版面进行编辑的版面单元，所述版面单元包括若干用于对网格进行编辑的网格子单元。

所述的用户界面的更新系统中，所述界面模板模块中的每个版面单元对应有一个唯一的版面ID；所述版面单元中的每个网格子单元对应有一个唯一的网格ID。

所述的用户界面的更新系统中，所述编辑模块具体用于：

编辑界面模板模块，对编辑好的内容进行命名，在文件名后设置界面模板标签，并保存为预定格式的文件；

编辑版面单元，对编辑好的内容进行命名，在文件名后设置版面标签，并保存为预定格式的文件；

编辑网格子单元，对编辑好的内容进行命名，在文件名后设置网格标签，并保存为预定格式的文件。

所述的用户界面的更新系统中，所述网格子单元包括：用于编辑网格显示内容的内容小单元、用于响应外界对该网格具体操作的操作小单元、以及用于控制网格呈现方式的呈现小单元。

本发明提供了一种用户界面的更新方法及系统，通过将用户界面模块化，使得运营人员可分别对各个模块进行编辑和更新，而且对一个模块的更新不会影响其他模块，有利于第三方人员的编辑以及用户界面的实时更新。

附图说明

图1为本发明提供的用户界面的更新方法的方法流程图。

图2是本发明提供的用户界面的更新方法中，步骤S20的具体方法流程图。

图3为本发明提供的用户界面的更新系统的结构框图。

具体实施方式

为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，本发明提供的用户界面的更新方法，包括步骤：

S10、根据用户界面的布局和内容，将用户界面模块化。即，按照模块化的思想将用户界面的编辑需求进行抽象。具体的，根据用户界面的布局和内容，将用户界面划分为用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括若干用于对版面进行编辑的版面单元，所述版面单元包括若干用于对网格进行编辑的网格子单元。换而言之，运营人员可以通过界面模板模块为用户界面选择不同的模板；选定模板后，再对该模板下的各个版面单元进行编辑，使各个版面按需要更新；由于各个版面单元均由若干网格子单元组成，使版面的编辑变得细致化和灵活多样。由于将用户界面进行了模块化的层层细分，使得多个运营人员或客户可针对自己负责的部分进行用户界面的编辑和更新，使用户界面的更新不再受时间、地点和编辑用户的限制。

进一步的，所述界面模板模块中的每个版面单元对应有一个唯一的版面ID；所述版面单元中的每个网格子单元对应有一个唯一的网格ID。通过ID对每个模块进行标识，使得编辑内容时不会出错，便于识别，而且，还可将ID分发给第三方客户，使第三方客户有权限对用户界面进行编辑。

S20、编辑用户界面的各个模块，并保存为预定格式的文件。所述预定格式为数据交换格式，如json文件格式和xml文件格式，本实施例中，所述预定格式为json(JavaScript Object Notation)文件格式。

S30、将所述文件上传到服务器，所述服务器将文件推送给与服务器连接的客户端。优选的，所述服务器为云端内容服务器。

S40、客户端从服务器下载所述文件并进行解析，完成界面更新，并反馈结果给所述服务器。所述客户端包括移动终端、电视、电脑等电子设备。

本发明提供的用户界面的更新方法，特别适用于智能电视或者移动终端APP的用户界面更新。通过将用户界面模块化，使得运营人员可分别对各个模块进行编辑和更新，而且对一个模块的更新不会影响其他模块，有利于第三方人员的编辑以及用户界面的实时更新。

请参阅图2，所述步骤S20具体包括：

S210、编辑界面模板模块，对编辑好的内容进行命名，在文件名后设置界面模板标签，并保存为预定格式的文件。保存后的界面模板模块文件，由于有了界面模板标签，使得客户端在解析时，能很快的识别该标签并提取文件中的内容，提高了界面模板更新的速度。

在客户端中，界面模板模块文件（即，有界面模板标签的文件）一般只有一个，如果有多个，则根据时间戳最新的作为当前界面模板模块文件，更新界面模板。所述界面模板标签可以设置中文标签，也可设置英文标签，主要用于标识该文件为包含界面模板模块内容的文件。优选的，所述界面模板标签为Template。

本实施例中，所述步骤S210具体包括，编辑界面模板模块，对编辑好的内容按“FileName.Template.json”的格式进行命名并保存。

S220、编辑版面单元，对编辑好的内容进行命名，在文件名后设置版面标签，并保存为预定格式的文件。同样的，所述版面标签可以设置中文标签，也可设置英文标签，主要用于标识该文件为包含版面单元内容的文件。所述版面标签可以提高文件解析的速度，有利于更新。

由于所述界面模板模块包括若干版面单元，故所述界面模板模块文件由若干版面单元文件组成。所述版面单元文件的文件名为用户界面一级菜单的名字。在一个用户界面中，所述版面单元显示的顺序由其对应的版面ID的优先级来确定，即，通过对版面ID的设定，只需读取版面ID即可识别版面单元在用户界面（界面模板）中的显示顺序，提高了界面更新的速度，简化了解析程序。本实施例中，所述步骤S220具体包括，编辑版面单元，对编辑好的内容按“FileName. Tab.json”的格式进行命名并保存。在版面单元的更新中，采用编辑好的版面单元文件来更新版面，属于静态用户界面的更新。所述版面单元还包括动态更新单元，用于实现版面单元的动态更新，即，所述动态更新单元用于与客户端交互，其交互内容不会放在文本文件中，会放在交互字段中，通过交互字段实现对所述版面单元中的各个网格子单元的动态调整。

S230、编辑网格子单元，对编辑好的内容进行命名，在文件名后设置网格标签，并保存为预定格式的文件。同样的，所述网格标签可以设置中文标签，也可设置英文标签，主要用于标识该文件为包含网格子单元内容的文件。所述网格标签可以提高文件解析的速度，有利于更新。本实施例中，所述步骤S230具体包括，编辑网格子单元，对编辑好的内容按“FileName. Block.json”的格式进行命名并保存。

由于所述版面单元包括若干网格子单元，故所述版面单元文件由若干网格子单元文件组成。所述网格子单元对应于版面的一个网格，其包含尺寸标示和位置标示，所述尺寸标示用于标示该网格子单元的尺寸，所述位置标示用于标示该网格子单元在版面单元中的位置。所述尺寸标示和位置标示可以静态的也可以是动态的，即，所述尺寸标示和位置标示被编辑后，可以保存在网格子单元文件中，通过网格子单元文件更新客户端用户界面中的对应网格；所述尺寸标示和位置标示也可以受所述动态更新单元控制，通过与客户端的交互实现网格子单元尺寸和位置的更新。

所述网格子单元还包括内容小单元、操作小单元和呈现小单元。所述内容小单元用于编辑网格的显示内容，其同样有ID作为该内容小单元的唯一标示。所述内容小单元还包括Type类型和Content字段。所述Type类型表示所述网格内容的类型，如电视剧、电影等。所述Content字段则表示具体显示的内容，如电影的具体视频文件。所述内容小单元编辑好后，以“FileName.Content.Json”的格式进行命名并保存。

所述操作小单元用于响应外界对该网格的具体操作，其包括起标识作用的ID、Type类型和Action字段。所述Type类型表示该网格响应事件的类型。所述Action字段则表示网格具体响应事件的处理操作。所述操作小单元编辑好后，以“FileName. Action.Json”的格式进行命名并保存。

所述呈现小单元用于控制网格的呈现方式，比如，是以弹窗的形式呈现还是以全屏的形式呈现等。所述呈现小单元包括起标识作用的ID、Type类型和LayerShow字段。所述Type类型表示该网格呈现方式的类型。所述LayerShow字段则表示网格具体的呈现方式。所述呈现小单元编辑好后，以“FileName.LayerShow.Json”的格式进行命名并保存。

请参阅图3，基于上一实施例，本发明还提供一种用户界面的更新系统，包括如上所述的服务器40和如上所述的客户端50，还包括：

划分模块10，用于根据用户界面的布局和内容，将用户界面模块化。即，按照模块化的思想将用户界面的编辑需求进行抽象。所述划分模块10具体用于，根据用户界面的布局和内容，将用户界面划分为如上所述的用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括如上所述的若干用于对版面进行编辑的版面单元，所述版面单元包括如上所述的若干用于对网格进行编辑的网格子单元。换而言之，运营人员可以通过界面模板模块为用户界面选择不同的模板；选定模板后，再对该模板下的各个版面单元进行编辑，使各个版面按需要更新；由于各个版面单元均由若干网格子单元组成，使版面的编辑变得细致化和灵活多样。由于将用户界面进行了模块化的层层细分，使得多个运营人员或客户可针对自己负责的部分进行用户界面的编辑和更新，使用户界面的更新不再受时间、地点和编辑用户的限制。

所述编辑模块20，用于编辑用户界面的各个模块，并保存为预定格式的文件。所述预定格式为数据交换格式，如json文件格式和xml文件格式，本实施例中，所述预定格式为json(JavaScript Object Notation)文件格式。

所述上传模块30，用于将所述文件上传到服务器40。

所述服务器40，用于将所述文件推送给与服务器40连接的客户端50。优选的，所述服务器40为云端内容服务器。

所述客户端50，用于从服务器40下载所述文件并进行解析，完成界面更新，并反馈结果给所述服务器40。所述客户端50包括移动终端、电视、电脑等电子设备。

进一步的，所述编辑模块20具体用于：

进一步的，所述网格子单元包括：用于编辑网格显示内容的内容小单元、用于响应外界对该网格具体操作的操作小单元、以及用于控制网格呈现方式的呈现小单元。

由于所述用户界面的更新系统的工作原理以及技术特征在上一实施例中已详细阐述，在此不再赘述。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims

1.一种用户界面的更新方法，其特征在于，所述方法包括步骤：

A、根据用户界面的布局和内容，将用户界面模块化；

B、编辑用户界面的各个模块，并保存为预定格式的文件；

C、将所述文件上传到服务器；

2.根据权利要求1所述的用户界面的更新方法，其特征在于，所述步骤A具体包括：根据用户界面的布局和内容，将用户界面划分为用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括若干用于对版面进行编辑的版面单元，所述版面单元包括若干用于对网格进行编辑的网格子单元。

3.根据权利要求2所述的用户界面的更新方法，其特征在于，所述界面模板模块中的每个版面单元对应有一个唯一的版面ID；所述版面单元中的每个网格子单元对应有一个唯一的网格ID。

4.根据权利要求2所述的用户界面的更新方法，其特征在于，所述步骤B具体包括：

5.根据权利要求2所述的用户界面的更新方法，其特征在于，所述网格子单元包括：用于编辑网格显示内容的内容小单元、用于响应外界对该网格具体操作的操作小单元、以及用于控制网格呈现方式的呈现小单元。

6.一种用户界面的更新系统，其特征在于，包括：

上传模块，用于将所述文件上传到服务器；

7.根据权利要求6所述的用户界面的更新系统，其特征在于，所述划分模块具体用于，根据用户界面的布局和内容，将用户界面划分为用于对界面模板进行编辑的界面模板模块，所述界面模板模块包括若干用于对版面进行编辑的版面单元，所述版面单元包括若干用于对网格进行编辑的网格子单元。

8.根据权利要求7所述的用户界面的更新系统，其特征在于，所述界面模板模块中的每个版面单元对应有一个唯一的版面ID；所述版面单元中的每个网格子单元对应有一个唯一的网格ID。

9.根据权利要求6所述的用户界面的更新系统，其特征在于，所述编辑模块具体用于：

10.根据权利要求7所述的用户界面的更新系统，其特征在于，所述网格子单元包括：用于编辑网格显示内容的内容小单元、用于响应外界对该网格具体操作的操作小单元、以及用于控制网格呈现方式的呈现小单元。