[發(fā)明專利]在遠(yuǎn)程設(shè)備上顯示用戶界面的方法和系統(tǒng)

有效

• 申請?zhí)枺?/td>: 200910007290.1
• 申請日: 2009-02-24
• 公開（公告）號: CN101814021A
• 公開（公告）日: 2010-08-25
• 發(fā)明（設(shè)計(jì)）人: 姚捷
• 申請（專利權(quán)）人: 易保網(wǎng)絡(luò)技術(shù)(上海)有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;H04L29/06
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術(shù)領(lǐng)域

本發(fā)明涉及用戶界面。更具體地，本發(fā)明提供了生成皮膚和/或使用皮膚以顯示用 戶界面的方法和系統(tǒng)。僅用于舉例的目的，本發(fā)明已被用于通過web瀏覽器顯示界 面。但是，應(yīng)該理解本發(fā)明可用于更廣泛的領(lǐng)域中。

發(fā)明的背景技術(shù)

許多軟件程序能夠顯示用戶交互界面。用戶界面通常提供一套控件，如文字輸入 控件，日歷輸入控件和按鈕控件。通過這些控件，用戶可以與軟件程序，如Web瀏覽 器進(jìn)行交互。

即使是相同的軟件程序，不同的用戶可能希望不同的界面外觀。例如，用戶可能 希望在界面上方顯示一個(gè)特殊的徽標(biāo)，對該界面采用特殊的背景色，和/或以特殊的形 狀顯示輸入框和/或按鈕。因而，產(chǎn)生了應(yīng)用于軟件程序的“皮膚”技術(shù)。

常規(guī)的“皮膚”技術(shù)使用皮膚定義文件來定義界面控件的外觀。例如，界面控件是 文本輸入控件、日歷輸入控件或按鈕控件。再例如，界面控件的外觀包括長度、寬 度、顏色、和/或背景圖片。具體地，對于基于Web的應(yīng)用程序，皮膚被定義在一個(gè)級 聯(lián)樣式表中，基于該級聯(lián)樣式表界面外觀可以改變。

盡管級聯(lián)樣式表可以用來改變界面外觀，但往往缺乏靈活性。例如，常規(guī)的“皮 膚”技術(shù)往往不能有效地控制界面控件的邊界，用戶界面頂部的徽標(biāo)，和/或某些輸出元 素。因此，需要改進(jìn)顯示用戶界面的技術(shù)。

發(fā)明概述

本發(fā)明涉及用戶界面。更具體地，本發(fā)明提供了生成皮膚和/或使用皮膚以顯示用 戶界面的方法和系統(tǒng)。僅用于舉例的目的，本發(fā)明已被用于通過web瀏覽器顯示界 面。但是，應(yīng)該理解本發(fā)明可用于更廣泛的領(lǐng)域中。

根據(jù)一實(shí)施方案，在遠(yuǎn)程設(shè)備上顯示用戶界面的方法包括通過計(jì)算機(jī)服務(wù)器接收 來自遠(yuǎn)程設(shè)備的第一信號。該第一信號與統(tǒng)一資源定位器請求相關(guān)聯(lián)。該計(jì)算機(jī)服務(wù) 器中至少包括用戶界面引擎和皮膚引擎。另外，該方法還包括：通過用戶界面引擎執(zhí) 行用戶界面腳本；基于至少與用戶界面腳本相關(guān)的信息從用戶界面引擎將至少皮膚名 稱和一個(gè)或多個(gè)用戶界面元素導(dǎo)入到皮膚引擎中；和基于至少與皮膚名稱有關(guān)的信息 通過皮膚引擎確定皮膚的可用性。皮膚與具有文件夾名稱的皮膚文件夾相對應(yīng)，并且 該文件夾名稱與該皮膚名稱相對應(yīng)。文件夾包含一個(gè)或多個(gè)動(dòng)態(tài)HTML模板。此外， 如果皮膚被確定為可用，則該方法還包括基于至少與所述的一個(gè)或多個(gè)動(dòng)態(tài)HTML模 板相關(guān)的信息通過皮膚引擎裝飾所述一個(gè)或多個(gè)用戶界面元素，和從計(jì)算機(jī)服務(wù)器向 所述遠(yuǎn)程設(shè)備發(fā)送第二信號。該第二信號與所述的一個(gè)或多個(gè)裝飾的用戶界面元素相 關(guān)聯(lián)，以在該遠(yuǎn)程設(shè)備上顯示第一用戶界面。

根據(jù)另一實(shí)施方案，用于在遠(yuǎn)程設(shè)備上顯示用戶界面的計(jì)算機(jī)服務(wù)器包括用戶界 面引擎、皮膚引擎以及與皮膚引擎相關(guān)聯(lián)的皮膚數(shù)據(jù)庫。用戶界面引擎被配置為從遠(yuǎn) 程設(shè)備中接收與統(tǒng)一資源定位器請求相關(guān)的第一信號，并且執(zhí)行用戶界面腳本。皮膚 引擎被配置為基于至少與用戶界面腳本相關(guān)的信息從用戶界面引擎導(dǎo)入至少一個(gè)皮膚 名稱以及一個(gè)或多個(gè)用戶界面元素，并基于至少與皮膚名稱相關(guān)的信息確定皮膚的可 用性。皮膚與具有文件夾名稱的皮膚文件夾相對應(yīng)，并且該文件夾名稱與該皮膚名稱 相對應(yīng)。

根據(jù)另一實(shí)施方案，計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)可讀介質(zhì)，該計(jì)算機(jī)可讀介質(zhì)包 括在遠(yuǎn)程設(shè)備中顯示用戶界面的指令。該計(jì)算機(jī)可讀介質(zhì)包括一個(gè)或多個(gè)從遠(yuǎn)程設(shè)備 接收與統(tǒng)一資源定位器請求相關(guān)的信息的指令，一個(gè)或多個(gè)執(zhí)行用戶界面腳本的指 令，一個(gè)或多個(gè)基于至少與用戶界面腳本相關(guān)的信息至少傳輸皮膚名稱以及一個(gè)或多 個(gè)用戶界面元素的指令，和一個(gè)或多個(gè)基于至少與皮膚名稱相關(guān)的信息確定皮膚可用 性的指令。皮膚與具有文件夾名稱的皮膚文件夾相對應(yīng)，并且該文件夾名稱與該皮膚 名稱相對應(yīng)。皮膚文件夾包括一個(gè)或多個(gè)動(dòng)態(tài)HTML模板。此外，如果所述皮膚被確 定為可用，則該計(jì)算機(jī)可讀介質(zhì)還包括一個(gè)或多個(gè)基于至少與一個(gè)或多個(gè)動(dòng)態(tài)HTML 模板相關(guān)的信息裝飾所述一個(gè)或多個(gè)用戶界面元素的指令，輸出與該一個(gè)或多個(gè)裝飾 的用戶界面元素相關(guān)的信息以在遠(yuǎn)程設(shè)備上顯示用戶界面的指令。

相對于常規(guī)技術(shù)，本發(fā)明可以獲得許多益處。本發(fā)明的某些實(shí)施方案提供了皮膚 引擎，定義了具有皮膚名稱和皮膚和皮膚文件夾。例如，皮膚文件夾包括至少一個(gè)或 多個(gè)動(dòng)態(tài)HTML模板，又例如，皮膚引擎可裝飾具有皮膚的用戶界面元素，并導(dǎo)出裝 飾的用戶界面元素。