本發(fā)明涉及移動通信領(lǐng)域，尤其涉及一種用戶界面的更新方法及系統(tǒng)。

背景技術(shù)：

現(xiàn)有的電視界面更新，主要通過運(yùn)營人員編輯播控內(nèi)容，然后將編輯結(jié)果保存為Jason文件，上傳到內(nèi)容服務(wù)器?？蛻舳穗娨曈脩艚缑鎻膬?nèi)容服務(wù)器下載其保存的文件，然后使用客戶端解析模塊進(jìn)行解析處理，最終將編輯完成的UI主題、布局、內(nèi)容等在各個平臺的終端呈現(xiàn)。

但是，現(xiàn)有的技術(shù)中，運(yùn)營人員的操作不能并行開展，即，電視用戶界面的內(nèi)容不能由多個運(yùn)營人員或者其他第三方客戶來編輯，不易于將部分運(yùn)營內(nèi)容分包給第三方客戶來運(yùn)營，例如視頻網(wǎng)站無法編輯自己所屬的內(nèi)容單獨(dú)發(fā)布，而不影響用戶界面的其它業(yè)務(wù)內(nèi)容。

因此，現(xiàn)有技術(shù)還有待于改進(jìn)和發(fā)展。

技術(shù)實現(xiàn)要素：

本發(fā)明針對現(xiàn)有技術(shù)的上述缺陷，提供一種用戶界面的更新方法及系統(tǒng)，可由運(yùn)營人員對用戶界面的各個模塊進(jìn)行編輯和更新。

本發(fā)明解決技術(shù)問題所采用的技術(shù)方案如下：

一種用戶界面的更新方法，所述方法包括步驟：

A、根據(jù)用戶界面的布局和內(nèi)容，將用戶界面模塊化；

B、編輯用戶界面的各個模塊，并保存為預(yù)定格式的文件；

C、將所述文件上傳到服務(wù)器；

D、客戶端從服務(wù)器下載所述文件并進(jìn)行解析，完成界面更新。

所述的用戶界面的更新方法中，所述步驟A具體包括：根據(jù)用戶界面的布局和內(nèi)容，將用戶界面劃分為用于對界面模板進(jìn)行編輯的界面模板模塊，所述界面模板模塊包括若干用于對版面進(jìn)行編輯的版面單元，所述版面單元包括若干用于對網(wǎng)格進(jìn)行編輯的網(wǎng)格子單元。

所述的用戶界面的更新方法中，所述界面模板模塊中的每個版面單元對應(yīng)有一個唯一的版面ID；所述版面單元中的每個網(wǎng)格子單元對應(yīng)有一個唯一的網(wǎng)格ID。

所述的用戶界面的更新方法中，所述步驟B具體包括：

B1、編輯界面模板模塊，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置界面模板標(biāo)簽，并保存為預(yù)定格式的文件；

B2、編輯版面單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置版面標(biāo)簽，并保存為預(yù)定格式的文件；

B3、編輯網(wǎng)格子單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置網(wǎng)格標(biāo)簽，并保存為預(yù)定格式的文件。

所述的用戶界面的更新方法中，所述網(wǎng)格子單元包括：用于編輯網(wǎng)格顯示內(nèi)容的內(nèi)容小單元、用于響應(yīng)外界對該網(wǎng)格具體操作的操作小單元、以及用于控制網(wǎng)格呈現(xiàn)方式的呈現(xiàn)小單元。

一種用戶界面的更新系統(tǒng)，包括：

劃分模塊，用于根據(jù)用戶界面的布局和內(nèi)容，將用戶界面模塊化；

編輯模塊，用于編輯用戶界面的各個模塊，并保存為預(yù)定格式的文件；

上傳模塊，用于將所述文件上傳到服務(wù)器；

客戶端，用于從服務(wù)器下載所述文件并進(jìn)行解析，完成界面更新。

所述的用戶界面的更新系統(tǒng)中，所述劃分模塊具體用于，根據(jù)用戶界面的布局和內(nèi)容，將用戶界面劃分為用于對界面模板進(jìn)行編輯的界面模板模塊，所述界面模板模塊包括若干用于對版面進(jìn)行編輯的版面單元，所述版面單元包括若干用于對網(wǎng)格進(jìn)行編輯的網(wǎng)格子單元。

所述的用戶界面的更新系統(tǒng)中，所述界面模板模塊中的每個版面單元對應(yīng)有一個唯一的版面ID；所述版面單元中的每個網(wǎng)格子單元對應(yīng)有一個唯一的網(wǎng)格ID。

所述的用戶界面的更新系統(tǒng)中，所述編輯模塊具體用于：

編輯界面模板模塊，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置界面模板標(biāo)簽，并保存為預(yù)定格式的文件；

編輯版面單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置版面標(biāo)簽，并保存為預(yù)定格式的文件；

編輯網(wǎng)格子單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置網(wǎng)格標(biāo)簽，并保存為預(yù)定格式的文件。

所述的用戶界面的更新系統(tǒng)中，所述網(wǎng)格子單元包括：用于編輯網(wǎng)格顯示內(nèi)容的內(nèi)容小單元、用于響應(yīng)外界對該網(wǎng)格具體操作的操作小單元、以及用于控制網(wǎng)格呈現(xiàn)方式的呈現(xiàn)小單元。

本發(fā)明提供了一種用戶界面的更新方法及系統(tǒng)，通過將用戶界面模塊化，使得運(yùn)營人員可分別對各個模塊進(jìn)行編輯和更新，而且對一個模塊的更新不會影響其他模塊，有利于第三方人員的編輯以及用戶界面的實時更新。

附圖說明

圖1為本發(fā)明提供的用戶界面的更新方法的方法流程圖。

圖2是本發(fā)明提供的用戶界面的更新方法中，步驟S20的具體方法流程圖。

圖3為本發(fā)明提供的用戶界面的更新系統(tǒng)的結(jié)構(gòu)框圖。

具體實施方式

為使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚、明確，以下參照附圖并舉實施例對本發(fā)明進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

請參閱圖1，本發(fā)明提供的用戶界面的更新方法，包括步驟：

S10、根據(jù)用戶界面的布局和內(nèi)容，將用戶界面模塊化。即，按照模塊化的思想將用戶界面的編輯需求進(jìn)行抽象。具體的，根據(jù)用戶界面的布局和內(nèi)容，將用戶界面劃分為用于對界面模板進(jìn)行編輯的界面模板模塊，所述界面模板模塊包括若干用于對版面進(jìn)行編輯的版面單元，所述版面單元包括若干用于對網(wǎng)格進(jìn)行編輯的網(wǎng)格子單元。換而言之，運(yùn)營人員可以通過界面模板模塊為用戶界面選擇不同的模板；選定模板后，再對該模板下的各個版面單元進(jìn)行編輯，使各個版面按需要更新；由于各個版面單元均由若干網(wǎng)格子單元組成，使版面的編輯變得細(xì)致化和靈活多樣。由于將用戶界面進(jìn)行了模塊化的層層細(xì)分，使得多個運(yùn)營人員或客戶可針對自己負(fù)責(zé)的部分進(jìn)行用戶界面的編輯和更新，使用戶界面的更新不再受時間、地點(diǎn)和編輯用戶的限制。

進(jìn)一步的，所述界面模板模塊中的每個版面單元對應(yīng)有一個唯一的版面ID；所述版面單元中的每個網(wǎng)格子單元對應(yīng)有一個唯一的網(wǎng)格ID。通過ID對每個模塊進(jìn)行標(biāo)識，使得編輯內(nèi)容時不會出錯，便于識別，而且，還可將ID分發(fā)給第三方客戶，使第三方客戶有權(quán)限對用戶界面進(jìn)行編輯。

S20、編輯用戶界面的各個模塊，并保存為預(yù)定格式的文件。所述預(yù)定格式為數(shù)據(jù)交換格式，如json文件格式和xml文件格式，本實施例中，所述預(yù)定格式為json(JavaScript Object Notation)文件格式。

S30、將所述文件上傳到服務(wù)器，所述服務(wù)器將文件推送給與服務(wù)器連接的客戶端。優(yōu)選的，所述服務(wù)器為云端內(nèi)容服務(wù)器。

S40、客戶端從服務(wù)器下載所述文件并進(jìn)行解析，完成界面更新，并反饋結(jié)果給所述服務(wù)器。所述客戶端包括移動終端、電視、電腦等電子設(shè)備。

本發(fā)明提供的用戶界面的更新方法，特別適用于智能電視或者移動終端APP的用戶界面更新。通過將用戶界面模塊化，使得運(yùn)營人員可分別對各個模塊進(jìn)行編輯和更新，而且對一個模塊的更新不會影響其他模塊，有利于第三方人員的編輯以及用戶界面的實時更新。

請參閱圖2，所述步驟S20具體包括：

S210、編輯界面模板模塊，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置界面模板標(biāo)簽，并保存為預(yù)定格式的文件。保存后的界面模板模塊文件，由于有了界面模板標(biāo)簽，使得客戶端在解析時，能很快的識別該標(biāo)簽并提取文件中的內(nèi)容，提高了界面模板更新的速度。

在客戶端中，界面模板模塊文件（即，有界面模板標(biāo)簽的文件）一般只有一個，如果有多個，則根據(jù)時間戳最新的作為當(dāng)前界面模板模塊文件，更新界面模板。所述界面模板標(biāo)簽可以設(shè)置中文標(biāo)簽，也可設(shè)置英文標(biāo)簽，主要用于標(biāo)識該文件為包含界面模板模塊內(nèi)容的文件。優(yōu)選的，所述界面模板標(biāo)簽為Template。

本實施例中，所述步驟S210具體包括，編輯界面模板模塊，對編輯好的內(nèi)容按“FileName.Template.json”的格式進(jìn)行命名并保存。

S220、編輯版面單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置版面標(biāo)簽，并保存為預(yù)定格式的文件。同樣的，所述版面標(biāo)簽可以設(shè)置中文標(biāo)簽，也可設(shè)置英文標(biāo)簽，主要用于標(biāo)識該文件為包含版面單元內(nèi)容的文件。所述版面標(biāo)簽可以提高文件解析的速度，有利于更新。

由于所述界面模板模塊包括若干版面單元，故所述界面模板模塊文件由若干版面單元文件組成。所述版面單元文件的文件名為用戶界面一級菜單的名字。在一個用戶界面中，所述版面單元顯示的順序由其對應(yīng)的版面ID的優(yōu)先級來確定，即，通過對版面ID的設(shè)定，只需讀取版面ID即可識別版面單元在用戶界面（界面模板）中的顯示順序，提高了界面更新的速度，簡化了解析程序。本實施例中，所述步驟S220具體包括，編輯版面單元，對編輯好的內(nèi)容按“FileName. Tab.json”的格式進(jìn)行命名并保存。在版面單元的更新中，采用編輯好的版面單元文件來更新版面，屬于靜態(tài)用戶界面的更新。所述版面單元還包括動態(tài)更新單元，用于實現(xiàn)版面單元的動態(tài)更新，即，所述動態(tài)更新單元用于與客戶端交互，其交互內(nèi)容不會放在文本文件中，會放在交互字段中，通過交互字段實現(xiàn)對所述版面單元中的各個網(wǎng)格子單元的動態(tài)調(diào)整。

S230、編輯網(wǎng)格子單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置網(wǎng)格標(biāo)簽，并保存為預(yù)定格式的文件。同樣的，所述網(wǎng)格標(biāo)簽可以設(shè)置中文標(biāo)簽，也可設(shè)置英文標(biāo)簽，主要用于標(biāo)識該文件為包含網(wǎng)格子單元內(nèi)容的文件。所述網(wǎng)格標(biāo)簽可以提高文件解析的速度，有利于更新。本實施例中，所述步驟S230具體包括，編輯網(wǎng)格子單元，對編輯好的內(nèi)容按“FileName. Block.json”的格式進(jìn)行命名并保存。

由于所述版面單元包括若干網(wǎng)格子單元，故所述版面單元文件由若干網(wǎng)格子單元文件組成。所述網(wǎng)格子單元對應(yīng)于版面的一個網(wǎng)格，其包含尺寸標(biāo)示和位置標(biāo)示，所述尺寸標(biāo)示用于標(biāo)示該網(wǎng)格子單元的尺寸，所述位置標(biāo)示用于標(biāo)示該網(wǎng)格子單元在版面單元中的位置。所述尺寸標(biāo)示和位置標(biāo)示可以靜態(tài)的也可以是動態(tài)的，即，所述尺寸標(biāo)示和位置標(biāo)示被編輯后，可以保存在網(wǎng)格子單元文件中，通過網(wǎng)格子單元文件更新客戶端用戶界面中的對應(yīng)網(wǎng)格；所述尺寸標(biāo)示和位置標(biāo)示也可以受所述動態(tài)更新單元控制，通過與客戶端的交互實現(xiàn)網(wǎng)格子單元尺寸和位置的更新。

所述網(wǎng)格子單元還包括內(nèi)容小單元、操作小單元和呈現(xiàn)小單元。所述內(nèi)容小單元用于編輯網(wǎng)格的顯示內(nèi)容，其同樣有ID作為該內(nèi)容小單元的唯一標(biāo)示。所述內(nèi)容小單元還包括Type類型和Content字段。所述Type類型表示所述網(wǎng)格內(nèi)容的類型，如電視劇、電影等。所述Content字段則表示具體顯示的內(nèi)容，如電影的具體視頻文件。所述內(nèi)容小單元編輯好后，以“FileName.Content.Json”的格式進(jìn)行命名并保存。

所述操作小單元用于響應(yīng)外界對該網(wǎng)格的具體操作，其包括起標(biāo)識作用的ID、Type類型和Action字段。所述Type類型表示該網(wǎng)格響應(yīng)事件的類型。所述Action字段則表示網(wǎng)格具體響應(yīng)事件的處理操作。所述操作小單元 編輯好后，以“FileName. Action.Json”的格式進(jìn)行命名并保存。

所述呈現(xiàn)小單元用于控制網(wǎng)格的呈現(xiàn)方式，比如，是以彈窗的形式呈現(xiàn)還是以全屏的形式呈現(xiàn)等。所述呈現(xiàn)小單元包括起標(biāo)識作用的ID、Type類型和LayerShow字段。所述Type類型表示該網(wǎng)格呈現(xiàn)方式的類型。所述LayerShow字段則表示網(wǎng)格具體的呈現(xiàn)方式。所述呈現(xiàn)小單元編輯好后，以“FileName.LayerShow.Json”的格式進(jìn)行命名并保存。

請參閱圖3，基于上一實施例，本發(fā)明還提供一種用戶界面的更新系統(tǒng)，包括如上所述的服務(wù)器40和如上所述的客戶端50，還包括：

劃分模塊10，用于根據(jù)用戶界面的布局和內(nèi)容，將用戶界面模塊化。即，按照模塊化的思想將用戶界面的編輯需求進(jìn)行抽象。所述劃分模塊10具體用于，根據(jù)用戶界面的布局和內(nèi)容，將用戶界面劃分為如上所述的用于對界面模板進(jìn)行編輯的界面模板模塊，所述界面模板模塊包括如上所述的若干用于對版面進(jìn)行編輯的版面單元，所述版面單元包括如上所述的若干用于對網(wǎng)格進(jìn)行編輯的網(wǎng)格子單元。換而言之，運(yùn)營人員可以通過界面模板模塊為用戶界面選擇不同的模板；選定模板后，再對該模板下的各個版面單元進(jìn)行編輯，使各個版面按需要更新；由于各個版面單元均由若干網(wǎng)格子單元組成，使版面的編輯變得細(xì)致化和靈活多樣。由于將用戶界面進(jìn)行了模塊化的層層細(xì)分，使得多個運(yùn)營人員或客戶可針對自己負(fù)責(zé)的部分進(jìn)行用戶界面的編輯和更新，使用戶界面的更新不再受時間、地點(diǎn)和編輯用戶的限制。

進(jìn)一步的，所述界面模板模塊中的每個版面單元對應(yīng)有一個唯一的版面ID；所述版面單元中的每個網(wǎng)格子單元對應(yīng)有一個唯一的網(wǎng)格ID。通過ID對每個模塊進(jìn)行標(biāo)識，使得編輯內(nèi)容時不會出錯，便于識別，而且，還可將ID分發(fā)給第三方客戶，使第三方客戶有權(quán)限對用戶界面進(jìn)行編輯。

所述編輯模塊20，用于編輯用戶界面的各個模塊，并保存為預(yù)定格式的文件。所述預(yù)定格式為數(shù)據(jù)交換格式，如json文件格式和xml文件格式，本實施例中，所述預(yù)定格式為json(JavaScript Object Notation)文件格式。

所述上傳模塊30，用于將所述文件上傳到服務(wù)器40。

所述服務(wù)器40，用于將所述文件推送給與服務(wù)器40連接的客戶端50。優(yōu)選的，所述服務(wù)器40為云端內(nèi)容服務(wù)器。

所述客戶端50，用于從服務(wù)器40下載所述文件并進(jìn)行解析，完成界面更新，并反饋結(jié)果給所述服務(wù)器40。所述客戶端50包括移動終端、電視、電腦等電子設(shè)備。

進(jìn)一步的，所述編輯模塊20具體用于：

編輯界面模板模塊，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置界面模板標(biāo)簽，并保存為預(yù)定格式的文件；

編輯版面單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置版面標(biāo)簽，并保存為預(yù)定格式的文件；

編輯網(wǎng)格子單元，對編輯好的內(nèi)容進(jìn)行命名，在文件名后設(shè)置網(wǎng)格標(biāo)簽，并保存為預(yù)定格式的文件。

進(jìn)一步的，所述網(wǎng)格子單元包括：用于編輯網(wǎng)格顯示內(nèi)容的內(nèi)容小單元、用于響應(yīng)外界對該網(wǎng)格具體操作的操作小單元、以及用于控制網(wǎng)格呈現(xiàn)方式的呈現(xiàn)小單元。

由于所述用戶界面的更新系統(tǒng)的工作原理以及技術(shù)特征在上一實施例中已詳細(xì)闡述，在此不再贅述。

應(yīng)當(dāng)理解的是，本發(fā)明的應(yīng)用不限于上述的舉例，對本領(lǐng)域普通技術(shù)人員來說，可以根據(jù)上述說明加以改進(jìn)或變換，所有這些改進(jìn)和變換都應(yīng)屬于本發(fā)明所附權(quán)利要求的保護(hù)范圍。