用于提供用戶界面的方法和裝置制造方法
【專利摘要】本公開涉及用于提供用戶界面的方法和裝置。一種用于在設(shè)備上呈現(xiàn)用戶界面的計(jì)算機(jī)實(shí)現(xiàn)的方法包括以下步驟：在設(shè)備上加載用戶界面，所述用戶界面具有至少一個(gè)媒體元素；讀取包括多個(gè)對(duì)象元素的媒體元素；基于所述設(shè)備的平臺(tái)信息來選擇所述媒體元素內(nèi)的至少一個(gè)對(duì)象元素；以及使用所述至少一個(gè)對(duì)象元素中的參數(shù)集來呈現(xiàn)所述媒體元素的媒體內(nèi)容。
【專利說明】用于提供用戶界面的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明總地涉及計(jì)算機(jī)用戶界面，更具體地涉及在多個(gè)平臺(tái)上提供用戶界面。
【背景技術(shù)】
[0002]用戶界面通常被設(shè)計(jì)為促進(jìn)人機(jī)之間的交互，以允許對(duì)機(jī)器進(jìn)行操作和控制并且從該機(jī)器提供幫助操作者進(jìn)行操作決策的反饋。計(jì)算機(jī)用戶界面的設(shè)計(jì)是許多計(jì)算機(jī)應(yīng)用程序的重要組成部分，并且可影響用戶對(duì)應(yīng)用程序的總體體驗(yàn)。

【發(fā)明內(nèi)容】

[0003]在一個(gè)實(shí)施例中，本發(fā)明可被表征為用于在設(shè)備上呈現(xiàn)用戶界面的計(jì)算機(jī)實(shí)現(xiàn)的方法。該方法包括以下步驟:在設(shè)備上加載用戶界面，所述用戶界面具有至少一個(gè)媒體元素；讀取包括多個(gè)對(duì)象元素的媒體元素；基于所述設(shè)備的平臺(tái)信息來選擇所述媒體元素內(nèi)的至少一個(gè)對(duì)象元素；并且使用所述至少一個(gè)對(duì)象元素中的參數(shù)集來呈現(xiàn)所述媒體元素的媒體內(nèi)容。
[0004]在另一實(shí)施例中，本發(fā)明可被表征為存儲(chǔ)程序的存儲(chǔ)介質(zhì)。該程序適于使基于處理器的設(shè)備執(zhí)行包括以下步驟的步驟:在所述設(shè)備上加載用戶界面，所述用戶界面具有至少一個(gè)媒體元素；讀取包括多個(gè)對(duì)象元素的媒體元素；基于所述設(shè)備的平臺(tái)信息來選擇所述媒體元素內(nèi)的至少一個(gè)對(duì)象元素；并且使用所述至少一個(gè)對(duì)象元素中的參數(shù)集來呈現(xiàn)所述媒體元素的媒體內(nèi)容。
[0005]在另一實(shí)施例中，本發(fā)明可被表征為用于提供用戶界面的計(jì)算機(jī)實(shí)現(xiàn)的方法。該方法包括以下步驟:構(gòu)造具有一個(gè)或多個(gè)媒體元素的用戶界面；為所述一個(gè)或多個(gè)媒體元素中的至少一個(gè)媒體元素定義多個(gè)對(duì)象元素，每個(gè)對(duì)象元素與平臺(tái)類相關(guān)聯(lián)；并且將媒體元素參數(shù)集分配給所述多個(gè)對(duì)象元素中的每個(gè)對(duì)象元素。
【專利附圖】

【附圖說明】
[0006]從以下結(jié)合附圖呈現(xiàn)的對(duì)本發(fā)明的更具體的描述，本發(fā)明的幾個(gè)實(shí)施例的以上和其他方面、特征和優(yōu)點(diǎn)將更清楚。
[0007]圖1是根據(jù)本發(fā)明的一些實(shí)施例的系統(tǒng)的簡(jiǎn)化框圖。
[0008]圖2是顯示根據(jù)本發(fā)明的一些實(shí)施例提供用戶界面的方法的過程圖。
[0009]圖3是顯示根據(jù)本發(fā)明的一些實(shí)施例呈現(xiàn)用戶界面的方法的過程圖。
[0010]技術(shù)人員將意識(shí)到，附圖中的元素是為了簡(jiǎn)單和清晰而示出的，不一定按比例繪制。例如，附圖中的一些元素的尺寸可相對(duì)于其他元素?cái)U(kuò)大以幫助增進(jìn)對(duì)本發(fā)明的各種實(shí)施例的理解。此外，通常不對(duì)在商業(yè)上可行的實(shí)施例中的有用的或必要的常見且被充分理解的元素進(jìn)行描述，以便便于較少地妨礙對(duì)本發(fā)明的這些各種實(shí)施例的見解。
【具體實(shí)施方式】[0011]以下描述不要從限制意義上來看待，而是僅出于描述示例性實(shí)施例的概括原理的目的而進(jìn)行的。應(yīng)當(dāng)參照權(quán)利要求書來確定本發(fā)明的范圍。
[0012]在整個(gè)本說明書中對(duì)“一個(gè)實(shí)施例”、“實(shí)施例”或類似語言的論述意指與實(shí)施例結(jié)合描述的特定的特征、結(jié)構(gòu)或特性包括在本發(fā)明的至少一個(gè)實(shí)施例中。因此，短語“在一個(gè)實(shí)施例中”、“在實(shí)施例中”和類似語言在整個(gè)本說明書中的出現(xiàn)可以，但不一定，全都指的
是同一實(shí)施例。
[0013]此外，所描述的本發(fā)明的特征、結(jié)構(gòu)或特性可在一個(gè)或多個(gè)實(shí)施例中以任何合適的方式組合。在以下描述中，提供了許多特定細(xì)節(jié)(諸如編程、軟件模塊、用戶選擇、網(wǎng)絡(luò)事務(wù)、數(shù)據(jù)庫(kù)查詢、數(shù)據(jù)庫(kù)結(jié)構(gòu)、硬件模塊、硬件電路、硬件芯片等的例子)，以提供對(duì)本發(fā)明的實(shí)施例的透徹理解。然而，相關(guān)領(lǐng)域的技術(shù)人員將認(rèn)識(shí)到，可以在沒有這些特定細(xì)節(jié)中的一個(gè)或多個(gè)的情況下或者用其他方法、組件、材料等實(shí)施本發(fā)明。在其他情況下，沒有詳細(xì)顯示或描述公知的結(jié)構(gòu)、材料或操作，以避免模糊本發(fā)明的各方面。
[0014]HTML5已發(fā)展為用于顯示網(wǎng)頁的web標(biāo)記語言。在HTML5中添加了幾個(gè)新的句法特征，包括〈video〉、〈audio〉和〈canvas〉元素。這些元素被開發(fā)來降低在HTML的早期版本中常用的插件的依賴性和開銷。然而，只有這些媒體元素中的可定義參數(shù)通常不足以提供對(duì)平臺(tái)特定的用戶界面設(shè)計(jì)的支持。結(jié)果，針對(duì)一些平臺(tái)編寫的并且在這些平臺(tái)上進(jìn)行測(cè)試的用戶界面可能顯得非常不同，或者完全無法在其他平臺(tái)上運(yùn)行。這可能是由設(shè)備的操作系統(tǒng)或web瀏覽器的硬件差異和/或軟件支持差異而引起的。為了適應(yīng)平臺(tái)差異，通常針對(duì)不同的平臺(tái)設(shè)計(jì)單獨(dú)的網(wǎng)站或用戶界面。在一些實(shí)現(xiàn)中，服務(wù)器將根據(jù)服務(wù)器從設(shè)備接收的平臺(tái)信息來將該設(shè)備重定向到不同的界面或網(wǎng)頁。
[0015]首先參照?qǐng)D1，顯示了用于根據(jù)一些實(shí)施例將用戶界面提供給多個(gè)平臺(tái)的系統(tǒng)。該系統(tǒng)包括應(yīng)用服務(wù)器110、內(nèi)容服務(wù)器120和122、以及通過網(wǎng)絡(luò)150通信的用戶設(shè)備130和140。用戶設(shè)備130還包括處理器132、存儲(chǔ)介質(zhì)134、顯示器136和輸入設(shè)備138。盡管顯示了系統(tǒng)的幾個(gè)組件，但是要理解并非所有組件在所有實(shí)施例中都是必要的。
[0016]在一些實(shí)施例中，應(yīng)用程序服務(wù)器110托管應(yīng)用程序。應(yīng)用程序可以是指可下載的應(yīng)用程序、基于云的應(yīng)用程序、基于web的應(yīng)用程序、本地和云混合的應(yīng)用程序、和/或網(wǎng)頁。在一些實(shí)施例中，用戶設(shè)備130和140之一從應(yīng)用程序服務(wù)器110下載應(yīng)用程序。在一些實(shí)施例中，用戶設(shè)備130和140之一通過瀏覽器或接入網(wǎng)絡(luò)150的其他途徑來訪問存儲(chǔ)在應(yīng)用程序服務(wù)器110上的基于web的應(yīng)用程序或網(wǎng)站。在一些實(shí)施例中，應(yīng)用程序提供允許用戶與該應(yīng)用程序通信的遠(yuǎn)程用戶界面(RUI)。在一些實(shí)施例中，用戶設(shè)備可從另一用戶設(shè)備或另一服務(wù)器獲得應(yīng)用程序或用戶界面。
[0017]應(yīng)用程序的用戶界面可包括一個(gè)或多個(gè)媒體元素。媒體元素可包括視頻、音頻、畫布、矢量動(dòng)畫元素等。在一些實(shí)施例中，媒體元素可以是交互式的。在一些實(shí)施例中，媒體元素包括存儲(chǔ)在一個(gè)或多個(gè)內(nèi)容服務(wù)器120和122上的媒體內(nèi)容。例如，媒體內(nèi)容可以是流媒體或非流媒體形式的視頻、音頻、動(dòng)畫、圖像。當(dāng)用戶設(shè)備130運(yùn)行來自應(yīng)用程序服務(wù)器110的應(yīng)用程序或者通過RUI訪問應(yīng)用程序服務(wù)器110上的應(yīng)用程序時(shí)，該應(yīng)用程序中的媒體元素可從內(nèi)容服務(wù)器120檢索媒體內(nèi)容，并將其呈現(xiàn)在用戶設(shè)備130上。
[0018]盡管內(nèi)容服務(wù)器120和122被顯示為與應(yīng)用程序服務(wù)器110分開，但是在一些實(shí)施例中，應(yīng)用程序服務(wù)器110與內(nèi)容服務(wù)器120和122之一或兩者可在同一物理設(shè)備上實(shí)現(xiàn)，和/或共享相同的物理儲(chǔ)存器。在一些實(shí)施例中，媒體元素的內(nèi)容可由應(yīng)用程序服務(wù)器110提供，或者可從用戶設(shè)備130的本地存儲(chǔ)介質(zhì)134提供。
[0019]網(wǎng)絡(luò)150可以是互聯(lián)網(wǎng)、或區(qū)域網(wǎng)、局域網(wǎng)、專用網(wǎng)和/或限制網(wǎng)。
[0020]用戶設(shè)備130和140可以是臺(tái)式計(jì)算機(jī)、膝上型計(jì)算機(jī)、智能電話(諸如基于安卓的電話或iPhone)、平板計(jì)算機(jī)、電視機(jī)、游戲機(jī)、電視機(jī)頂盒或任何基于處理器的設(shè)備。在一些實(shí)施例中，用戶設(shè)備130可包括web瀏覽器應(yīng)用程序。
[0021]處理器132可以是CPU，并且可以適于執(zhí)行從應(yīng)用程序服務(wù)器110接收的應(yīng)用程序或RUI和/或存儲(chǔ)在存儲(chǔ)介質(zhì)134上的其他應(yīng)用程序。儲(chǔ)存器134可以是硬盤驅(qū)動(dòng)器、RAM、ROM和/或用于存儲(chǔ)一個(gè)或多個(gè)應(yīng)用程序和/或媒體內(nèi)容的其他非暫時(shí)性存儲(chǔ)介質(zhì)。顯不器136可以是IXD、LED、等尚子體、電子墨水、OLED等。顯不器可適于顯不應(yīng)用程序的用戶界面。輸入38可包括與用戶設(shè)備130集成或分離的觸摸屏、鍵盤、鼠標(biāo)、跟蹤板、麥克風(fēng)、照相機(jī)、運(yùn)動(dòng)傳感器等中的一個(gè)或多個(gè)。
[0022]盡管用戶設(shè)備130被顯示為包括處理器132、存儲(chǔ)介質(zhì)134、顯示器136和輸入設(shè)備138，但是在一些實(shí)施例中，這些元件中的一些或全部可在分離的設(shè)備中實(shí)現(xiàn)。例如，儲(chǔ)存器134可以是內(nèi)部驅(qū)動(dòng)器、外部驅(qū)動(dòng)器、網(wǎng)絡(luò)驅(qū)動(dòng)器、云存儲(chǔ)驅(qū)動(dòng)器或以上驅(qū)動(dòng)器中的至少兩個(gè)的組合。顯示器136可以是集成的，可拆卸的，或者可以是遠(yuǎn)程訪問用戶設(shè)備130的另一設(shè)備的顯示器。輸入設(shè)備138可以是與顯示器136集成的觸摸屏。輸入設(shè)備138還可與設(shè)備130集成，或者為遠(yuǎn)程設(shè)備，諸如遠(yuǎn)程控制器或者有線或無線鍵盤、鼠標(biāo)、或麥克風(fēng)。
[0023]在一些實(shí)施例中，用戶設(shè)備140可以是類似于用戶設(shè)備130的設(shè)備。在一些實(shí)施例中，用戶設(shè)備130和140可以是不同類型的設(shè)備，或者可具有不同的屏幕大小、屏幕分辨率、處理能力、輸入方法、網(wǎng)絡(luò)接入能力、RAM容量、操作系統(tǒng)、瀏覽器和/或用戶定義的設(shè)置。在一些實(shí)施例中，用戶設(shè)備130和140可以是不同類型的平臺(tái)上的設(shè)備。在此以及在整個(gè)申請(qǐng)中，根據(jù)實(shí)現(xiàn)，平臺(tái)可以是指設(shè)備的硬件和軟件規(guī)格中的一些或全部。如果兩個(gè)設(shè)備的選定的硬件和軟件規(guī)格中的一些或全部不同，則可以說它們?cè)诓煌脚_(tái)上。如果兩個(gè)設(shè)備的選定的硬件和軟件規(guī)格的一些或全部相同或類似，則可以說它們?cè)谕黄脚_(tái)類中。
[0024]盡管在圖1中應(yīng)用程序服務(wù)器110、內(nèi)容服務(wù)器120和122以及用戶設(shè)備130和140被顯示為各自地與網(wǎng)絡(luò)150連接，但是這些元件中的兩個(gè)或更多個(gè)可通過共享的連接來共享與網(wǎng)絡(luò)的連接。例如，設(shè)備130和140可通過共享的局域網(wǎng)連接與網(wǎng)絡(luò)連接。在一些實(shí)施例中，一旦應(yīng)用程序被加載到用戶設(shè)備130和140上，該設(shè)備就無需與網(wǎng)絡(luò)連接。而在一些實(shí)施例中，用戶設(shè)備130加載在應(yīng)用程序服務(wù)器110運(yùn)行的應(yīng)用程序的RUI，并通過網(wǎng)絡(luò)150與應(yīng)用程序服務(wù)器110交互。在一些實(shí)施例中，用戶設(shè)備130和140在用戶界面操作期間僅與內(nèi)容服務(wù)器120和122之一通信。
[0025]接著參考圖2，顯示了用于提供用戶界面的方法。在步驟201中，定義具有一個(gè)或多個(gè)媒體元素的用戶界面。用戶界面可以是可下載的應(yīng)用程序、本地應(yīng)用程序、基于云的應(yīng)用程序、基于web的應(yīng)用程序、局域和云混合的應(yīng)用程序、瀏覽器可訪問的應(yīng)用程序和/或網(wǎng)頁的一部分。用戶界面可以是應(yīng)用程序服務(wù)器上的應(yīng)用程序的RUI。在一些實(shí)施例中，使用HTML5來定義用戶界面。在一些實(shí)施例中，可用與HTML5標(biāo)準(zhǔn)兼容或者與HTML5標(biāo)準(zhǔn)向后兼容的另一標(biāo)記或編程語言來定義用戶界面。在一些實(shí)施例中，使用在HTML5之后開發(fā)的、但是包括使用與HTML5的媒體和對(duì)象元素類似的原理的元素的語言來定義界面。[0026]媒體元素可以是標(biāo)記語言的音頻、視頻、畫布或其他元素。在例如HTML5中，通過使用<video>、〈audio>和〈canvas〉標(biāo)簽來定義這些元素。通過這些標(biāo)簽,可將用戶界面設(shè)計(jì)為顯示嵌入的視頻、播放音頻文件和/或顯示畫布元素。在其他標(biāo)記或編程語言中，媒體元素可以是用于定義媒體內(nèi)容并在用戶界面上呈現(xiàn)媒體內(nèi)容的元素。在一些實(shí)施例中，媒體元素可包括諸如流媒體視頻和流媒體音頻的流媒體內(nèi)容。在一些實(shí)施例中，媒體元素可包括視頻和/或音頻的播放列表。
[0027]在步驟203中，為用戶界面中的至少一個(gè)媒體元素定義兩個(gè)或更多個(gè)對(duì)象元素。對(duì)象元素通常用于將對(duì)象包括在由類型屬性指定的類型的頁面中。這可以是用戶代理所理解的任何MME類型，諸如嵌入的HTML頁面、將被諸如Flash的插件處理的文件、Javaapplet、聲音文件等。在HTML5中，例如，用〈object〉標(biāo)簽定義對(duì)象元素。在其他語言中，具有類似屬性的其他標(biāo)簽可用于執(zhí)行類似的功能。
[0028]在一些實(shí)施例中，對(duì)象元素可被定義為由設(shè)備類或平臺(tái)類識(shí)別。例如，第一對(duì)象可被定義為在包括Sony Xperia S，Xperia ion和XperiaP的平臺(tái)類上運(yùn)行,第二對(duì)象可被定義為在包括Sony Bravia KDL-46E520的平臺(tái)類上運(yùn)行，第三對(duì)象可被定義為在包括iPhone4和iPhone4S等的平臺(tái)類上運(yùn)行。在一些實(shí)施例中，向用戶界面提供將設(shè)備與平臺(tái)類相關(guān)聯(lián)的查找表。設(shè)備可用其型號(hào)名稱、型號(hào)ID、系統(tǒng)規(guī)格等標(biāo)識(shí)。下面在表1中提供根據(jù)本發(fā)明的一些實(shí)施例的查找表的例子。
[0029]
【權(quán)利要求】
1.一種用于呈現(xiàn)用戶界面的計(jì)算機(jī)實(shí)現(xiàn)的方法，包括: 在設(shè)備上加載用戶界面，所述用戶界面具有至少一個(gè)媒體元素； 讀取包括多個(gè)對(duì)象元素的媒體元素； 基于所述設(shè)備的平臺(tái)信息來選擇所述媒體元素內(nèi)的至少一個(gè)對(duì)象元素；和 使用所述至少一個(gè)對(duì)象元素中的參數(shù)集來呈現(xiàn)所述媒體元素的媒體內(nèi)容。
2.根據(jù)權(quán)利要求1所述的方法，其中，所述媒體元素包括視頻、音頻或畫布元素。
3.根據(jù)權(quán)利要求1所述的方法，其中，所述用戶界面用兼容HTML5的標(biāo)記語言來定義。
4.根據(jù)權(quán)利要求1所述的方法，其中，所述多個(gè)對(duì)象元素中的每一個(gè)對(duì)應(yīng)于至少一個(gè)設(shè)備平臺(tái)類。
5.根據(jù)權(quán)利要求1所述的方法，其中，所述平臺(tái)信息包括所述設(shè)備的至少一個(gè)硬件或軟件規(guī)格。
6.根據(jù)權(quán)利要求1所述的方法，其中，所述參數(shù)集包括所述媒體元素的寬度、高度、控制或源參數(shù)中的至少一個(gè)。
7.根據(jù)權(quán)利要求1所述的方法，其中，所述平臺(tái)信息是使用將多個(gè)設(shè)備型號(hào)與多個(gè)平臺(tái)類相關(guān)聯(lián)的查找表確定的平臺(tái)類。
8.根據(jù)權(quán)利要求7所述的方法，其中，所述查找表被存儲(chǔ)在所述設(shè)備的內(nèi)部?jī)?chǔ)存器上。
9. 根據(jù)權(quán)利要求1所述的方法，其中，所述多個(gè)對(duì)象元素包括當(dāng)所述設(shè)備的平臺(tái)信息與所定義的平臺(tái)信息不匹配時(shí)所選擇的默認(rèn)參數(shù)集。
10.根據(jù)權(quán)利要求1所述的方法，其中，所述多個(gè)對(duì)象元素被配置為使所述用戶界面在具有不同硬件和/或軟件規(guī)格的多個(gè)設(shè)備上具有基本一致的外觀。
11.一種用于呈現(xiàn)用戶界面的裝置，包括: 用于在設(shè)備上加載用戶界面的單元，所述用戶界面具有至少一個(gè)媒體元素； 用于讀取包括多個(gè)對(duì)象元素的媒體元素的單元； 用于基于所述設(shè)備的平臺(tái)信息來選擇所述媒體元素內(nèi)的至少一個(gè)對(duì)象元素的單元；和 用于使用所述至少一個(gè)對(duì)象元素中的參數(shù)集來呈現(xiàn)所述媒體元素的媒體內(nèi)容的單元。
12.根據(jù)權(quán)利要求11所述的裝置，其中，所述媒體元素包括視頻、音頻或畫布元素。
13.根據(jù)權(quán)利要求11所述的裝置，其中，所述用戶界面用兼容HTML5的標(biāo)記語言來定義。
14.根據(jù)權(quán)利要求11所述的裝置，其中，所述多個(gè)對(duì)象元素中的每一個(gè)對(duì)應(yīng)于至少一個(gè)設(shè)備平臺(tái)類。
15.根據(jù)權(quán)利要求11所述的裝置，其中，所述平臺(tái)信息包括所述設(shè)備的至少一個(gè)硬件或軟件規(guī)格。
16.根據(jù)權(quán)利要求11所述的裝置，其中，所述參數(shù)集包括所述媒體元素的寬度、高度、控制或源參數(shù)中的至少一個(gè)。
17.根據(jù)權(quán)利要求11所述的裝置，其中，所述平臺(tái)信息是使用將多個(gè)設(shè)備型號(hào)與多個(gè)平臺(tái)類相關(guān)聯(lián)的查找表確定的平臺(tái)類。
18.根據(jù)權(quán)利要求17所述的裝置，其中，所述查找表被存儲(chǔ)在所述設(shè)備的內(nèi)部?jī)?chǔ)存器上。
19.根據(jù)權(quán)利要求11所述的裝置，其中，所述多個(gè)對(duì)象元素包括當(dāng)所述設(shè)備的平臺(tái)信息與所定義的平臺(tái)信息不匹配時(shí)所選擇的默認(rèn)參數(shù)集。
20.一種用于提供用戶界面的計(jì)算機(jī)實(shí)現(xiàn)的方法，所述方法包括: 構(gòu)造具有一個(gè)或多個(gè)媒體元素的用戶界面； 為所述一個(gè)或多個(gè)媒體元素中的至少一個(gè)媒體元素定義多個(gè)對(duì)象元素，每個(gè)對(duì)象元素與平臺(tái)類相關(guān)聯(lián)；和 將媒體元素參數(shù)集·分配給所述多個(gè)對(duì)象元素中的每一個(gè)。
【文檔編號(hào)】G06F9/44GK103713830SQ201310460099
【公開日】2014年4月9日 申請(qǐng)日期:2013年9月30日 優(yōu)先權(quán)日:2012年10月4日
【發(fā)明者】吳珍珂 申請(qǐng)人:索尼公司