呈現界面工具集的方法及系統的制作方法
【專利摘要】一種呈現界面工具集的方法及系統，用于一電子裝置中。方法包括：接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進行比對，并取得上述界面工具集的顯示尺寸及一使用者界面；判斷上述顯示單元的上述顯示尺寸是否需調整為上述界面工具集的上述顯示尺寸；根據所取得上述使用者界面的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。通過本發明的呈現一界面工具集的方法與系統，界面工具集可依據不同顯示單元的顯示尺寸調整其顯示的尺寸大小及其顯示內容，以提升使用者觀看于顯示屏幕中界面工具集的親切度。
【專利說明】呈現界面工具集的方法及系統【技術領域】
[0001]本發明涉及一種呈現一界面工具集(Widget)的方法及系統，且特別涉及一種可自動調整大小呈現一界面工具集的方法及系統。
【背景技術】
[0002]如本領域所知，計算機系統(如個人電腦、膝上型電腦(laptops)、便攜式電腦裝置、移動電話等)讓使用者能夠執行任務并接受使用一或多個不同類型的計算機應用服務。舉例來說，常用的計算機應用像是文字處理、電子郵箱服務、文檔查看及編輯、電子表格、圖形封包以及網際網絡瀏覽器。這些應用被視為是“主流應用(mainstreamapplications)”，一般都具有商業性質且需開發團隊花費較長時間研發。
[0003]主流應用在計算機系統中最普遍的類型為網際網絡瀏覽器(例如，由微軟公司所研發的網際網絡視窗軟件(InternetExplorer?)、由蘋果電腦公司所研發的SafariTM、由Palm 公司所研發的Blazer?、由 Mozilla 公司所研發的Firefox?、由 Opera software ASA所研發的OperaTM)。能夠存取網際網絡的計算機系統數量不斷增加，使用者越來越習慣借由網際網絡瀏覽器取得及時信息。本領域普通技術人員也清楚可知在網際網絡上所提供的及時信息的數量幾乎是沒有限制的。舉例來說，使用者可使用自己的網際網絡瀏覽器以獲取及時的天氣信息、新聞、股票價格、體育比賽分數、交通情況等信息。
[0004]使用一網際網絡瀏覽器應用程序存取網際網絡上的信息一般需要使用者打開網際網絡瀏覽器，接著搜索或輸入一個網站地址，并等待下載的網站，然后點擊連結或以其他導航方式通過網站搜索所需的信息。為了簡化這個過程中，小型應用程序已可允許使用者在自己的桌面看到及時網際網絡的信息。這種小型應用程序已成為在此領域所熟知的技術，并被稱為“界面工具集(Widget)”。
[0005]界面工具集一般由開發商所創建。然而，開發商所創建具有界面工具集的網頁很有可能應用于具有不同顯示屏幕大小的裝置中。一般而言，界面工具集僅具有一種尺寸，即使提供有多種尺寸，也亦無法在給定的各種尺寸之外進行調整或變化。圖1A?圖1B顯示在不同的裝置中顯示具有相同界面工具集的網頁。如圖1A?圖1B所示，具有不同顯示屏幕大小的裝置10及12顯示相同的網頁。但于裝置10中所顯示的界面工具集100與裝置12中所顯示的界面工具集120內容皆為相同。即使裝置10的顯示屏幕比裝置12的顯示屏幕尺寸較大，但裝置10的界面工具集卻無法調整顯示更多的內容。
[0006]因此，需要一種可相對于其呈現的顯示屏幕的尺寸大小而自動調整一界面工具集本身大小與顯示內容的方法及系統。

【發明內容】

[0007]有鑒于此，為解決現有技術存在的問題，本發明提供一種呈現一界面工具集(Widget)的方法及系統。
[0008]本發明提出一種呈現一界面工具集(Widget)的方法，用于一電子裝置中。方法包括:接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進行比對，并取得上述界面工具集的顯示尺寸及一使用者界面(User Interface);判斷上述顯示單元的上述顯示尺寸是否需調整為上述界面工具集的上述顯示尺寸；當上述顯示單元的上述顯示尺寸需調整為上述界面工具集的上述顯示尺寸時，根據所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。
[0009]本發明提出一種呈現一界面工具集(Widget)的系統，其中上述界面工具集包括多個界面工具集元件。上述系統包括一呈現引擎及一顯示單元。上述呈現引擎還包括一接收模塊、一解析模塊、一判斷模塊及一內容呈現模塊。上述接收模塊用以接收上述顯示單元的一顯示尺寸。上述解析模塊將上述顯示單元的上述顯示尺寸與一查找表(Lookup Table)進行比對，并取得上述界面工具集的顯示尺寸及一使用者界面(User Interface) 0上述判斷模塊判斷上述顯示單元的上述顯示尺寸是否需調整為上述界面工具集的上述顯示尺寸。當上述顯示單元的上述顯示尺寸需調整為上述界面工具集的上述顯示尺寸時，上述內容呈現模塊根據所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調整上述界面工具集的上述顯示尺寸。上述顯示單元顯示上述界面工具集。
[0010]通過本發明的呈現一界面工具集的方法與系統，界面工具集可依據不同顯示單元的顯示尺寸調整其顯示的尺寸大小及其顯示內容，以提升使用者觀看于顯示屏幕中界面工具集的親切度。
[0011]為使本發明的上述和其他目的、特征和優點能更明顯易懂，下文特舉出優選實施例，并配合所附附圖，作詳細說明如下。
【專利附圖】

【附圖說明】
[0012]圖1A~圖1B是顯示在不同的裝置中顯示具有相同界面工具集的網頁。
[0013]圖2是顯示根據本發明的一實施例所述的呈現一界面工具集的系統的示意圖。
[0014]圖3是顯示根據本發明一實施例呈現一界面工具集的方法流程圖。
[0015]圖4A~圖4B是顯示根據本發明一實施例的呈現一界面工具集的例子。
[0016]【主要附圖標記說明】
[0017]10~裝置；12~裝置；
[0018]100~界面工具集；200~系統；
[0019]210~呈現引擎；220~顯示單元；
[0020]211~接收模塊；212~解析模塊；
[0021]213~判斷模塊；214~內容呈現模塊；
[0022]215~儲存單元；300~方法流程圖；
[0023]S302、S304、S306、S308、S310、S312 ~步驟；
[0024]41~電子裝置；42~電子裝置；
[0025]410~顯示單元；420~顯示單元；
[0026]430~界面工具集；432~界面工具集元件；
[0027]434~界面工具集元件；436~界面工具集元件。【具體實施方式】
[0028]為了讓本發明的目的、特征、及優點能更明顯易懂，下文特舉優選實施例，并配合所附附圖圖2至圖4B，做詳細的說明。本發明說明書提供不同的實施例來說明本發明不同實施方式的技術特征。其中，實施例中的各元件的配置為說明之用，并非用以限制本發明。且實施例中附圖標記的部分重復，是為了簡化說明，并非意指不同實施例之間的關聯性。
[0029]圖2是顯示根據本發明的一實施例所述的呈現一界面工具集(Widget)的系統200的示意圖。系統200包括一呈現引擎(Render Engine) 210及一顯示單元220。其中呈現引擎210耦接于顯示單元220并包括一接收模塊211、一解析模塊212、一判斷模塊213、一內容呈現模塊214及一儲存單元215。
[0030]接收模塊211用以接收顯示單元220的一顯示尺寸。在接收到顯示單元220的顯示尺寸后，接收模塊211將顯示單元220的顯示尺寸傳送至解析模塊212。于本發明實施例中，該顯示單元220的顯示尺寸為一界面工具集顯示于一網頁上的顯示尺寸。于另一實施例中，該顯示單元的顯示尺寸為一網頁在該顯示單元220上的顯示尺寸。
[0031]解析模塊212將顯示單元220的顯示尺寸與一儲存于儲存單元215中的一查找表(Lookup Table)進行比對，取得對應的一界面工具集的顯示尺寸及一使用者界面(UserInterface)。判斷模塊213判斷顯示單元220的顯示尺寸是否需調整為界面工具集的顯示尺寸，將其判斷結果傳送至內容呈現模塊214。于本發明實施例中，判斷模塊213依據取得對應的一界面工具集的顯示尺寸與目前顯示單元220的顯示尺寸進行比對，若該界面工具集的顯示尺寸與目前顯示單元220的顯示尺寸不同，則判斷模塊213判定目前顯示單元220的顯示尺寸需調整為界面工具集的顯示尺寸。判斷模塊213則依據該取得的界面工具集的顯示尺寸通知內容呈現模塊214應呈現的界面工具集顯示尺寸。
[0032]值得注意的是，在此實施例中，界面工具集包括多個界面工具集元件，且界面工具集可借由超文字語言(Hypertext Modeling Language, HTML)、串接樣式表(CascadingStyle Sheets,CSS)及/或javascript等語法來定義。內容呈現模塊214根據解析模塊212所取得此界面工具集的顯示尺寸及所適用的使用者界面決定欲顯示的界面工具集元件，并將上述顯示單元的上述顯示尺寸重新調整為上述界面工具集的顯示尺寸及顯示內容。最后，由顯示單元220顯示內容呈現模塊214所調整后的界面工具集。
[0033]于本實施例中，當電子裝置的顯示單元220所呈現網頁的顯示畫面方向改變時，接收模塊211會收到一事件信號。其中此事件信號用以告知目前網頁在顯示單元220上顯示畫面的尺寸大小。在接收模塊211收到此事件信號后，重新接收顯示單元220的顯示尺寸。在另一實施例中，當電子裝置的顯示單元220所呈現網頁的顯示畫面方向改變時，接收模塊211會收到一事件信號。其中此事件信號用以告知改變后的界面工具集在網頁上的顯示尺寸。在接收模塊211收到此事件信號后，重新接收代表界面工具集顯示尺寸大小的顯示單元220的顯示尺寸。
[0034]此外，依據本發明實施例的呈現一界面工具集的系統200可以適用于一電子裝置，如便攜式電子裝置，如個人數字助理(Personal Digital Assistant, PDA)、智能型手機、移動電話、移動上網裝置(Mobile Internet Device，MID)、或迷你筆記型電腦(Netbook)等的手持式裝置。
[0035]圖3是顯示根據本發明一實施例呈現一界面工具集的方法流程圖300，并請參考圖2。依據本發明實施例的呈現一界面工具集的方法可以適用于一電子裝置，如便攜式電子
裝直。
[0036]如步驟S302，一接收模塊接收一顯示單元的一顯示尺寸。在步驟S304中，一解析模塊將顯示單元的顯示尺寸與一儲存于儲存單元中的一查找表進行比對，并取得對應的一界面工具集的顯示尺寸及一使用者界面。接著，在步驟S306中，一判斷模塊判斷顯示單元的顯示尺寸是否需調整為界面工具集的顯示尺寸。當判斷模塊判斷顯示單元的顯示尺寸不需調整為界面工具集的顯示尺寸時(步驟S306中的“否”)，在步驟S310中，一顯示單元顯示此界面工具集。當判斷模塊判斷顯示單元的顯示尺寸需調整為界面工具集的顯示尺寸時(步驟S306中的“是”)，在步驟S308中，內容呈現模塊根據解析模塊所取得的界面工具集的顯示尺寸將顯示單元的顯示尺寸重新調整為界面工具集的顯示尺寸。接著，在步驟S310中，顯示單元顯示此界面工具集。再來，在步驟S312中，接收模塊偵測是否接收一事件信號。其中此事件信號用以當上述顯示單元的顯示畫面方向改變或是所顯示的一網頁尺寸大小改變時，告知目前顯示單元所呈現的顯示畫面或網頁的尺寸大小。當接收模塊接收到事件信號時(步驟S312中的“是”)，回到步驟S302中，重新執行方法流程圖300中所述的方法步驟。當接收模塊未接收到事件信號時(步驟S312中的“否”)，則結束此流程。
[0037]圖4Α~圖4Β是顯示根據本發明一實施例的呈現一界面工具集的例子。如圖4Α~圖4Β所示，電子裝置41與電子裝置42分別具有不同尺寸大小的顯示單元410及顯示單元420，并使用相同的界面工具集430。
[0038]在圖4Α中，界面工具集430包括界面工具集元件432、434與436。必須注意的是，以上所述的多界面工具集元件的數量、形狀、排列形式等，并不局限于本發明附圖及說明書的內容所示。
[0039]舉例來說，在圖4Α中，界面工具集430是一行事歷，其中界面工具集元件432是一時間信息(例如，年、月、日)、界面工具集元件434是一日期信息、而界面工具集元件436是一月份信息。但在第4Β圖中，由于電子裝置42的顯示單元420尺寸大小與第4Α圖中電子裝置41的顯示單元410的尺寸大小不同，因此，在界面工具集430在電子裝置42的顯示單元420中僅顯示界面工具集元件434及界面工具集元件436。
[0040]在另一具體實施例中，顯示單元與界面工具集的顯示尺寸包括一顯示寬度或一顯示高度，并以像素數目(Pixel)加以定義。
[0041]具體舉例但不局限于地來說，表1是顯示一查找表。解析模塊先將顯示單元的顯示尺寸與查找表進行比對，取得對應的一界面工具集的顯示寬度及一使用者界面。判斷模塊再判斷顯示單元的顯示 尺寸是否需調整為界面工具集的顯示尺寸。
[0042]表1
[0043]
【權利要求】
1.一種呈現一界面工具集的方法，用于一電子裝置中，上述方法包括:接收一顯示單元的一顯示尺寸；將上述顯示單元的上述顯示尺寸與一查找表進行比對，并取得上述界面工具集的顯示尺寸及一使用者界面；判斷上述顯示單元的上述顯示尺寸是否需調整為上述界面工具集的上述顯示尺寸；當上述顯示單元的上述顯示尺寸需調整為上述界面工具集的上述顯示尺寸時，根據所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調整為上述界面工具集的上述顯示尺寸；以及顯示上述界面工具集。
2.如權利要求1所述的呈現一界面工具集的方法，其中上述方法還包括:當上述顯示單元的顯示畫面方向改變或是所顯示的一網頁尺寸大小改變時，接收一事件信號；其中上述事件信號用以告知上述顯示單元的顯示畫面或上述網頁的尺寸大小。
3.如權利要求1所述的呈現一界面工具集的方法，其中上述方法還包括:借由一儲存單元儲存上述查找表。
4.如權利要求1所述的呈現一界面工具集的方法，其中上述顯示尺寸包括一顯示寬度或一顯示高度。
5.如權利要求1所述的呈現一界面工具集的方法，其中上述顯示尺寸以像素數目加以定義。
6.一種呈現一界面工具集的系統，其中上述界面工具集包括多個界面工具集元件，上述系統包括:一呈現引擎，耦接于一顯示單元，包括:一接收模塊，用以接收上述顯示單元的一顯示尺寸；一解析模塊，將上述顯示單元的上述顯示尺寸與一查找表進行比對，并取得上述界面工具集的顯示尺寸及一使用者界面；一判斷模塊，判斷上述顯示單元的上述顯示尺寸是否需調整為上述界面工具集的上述顯示尺寸；一內容呈現模塊，當上述顯示單元的上述顯示尺寸需調整為上述界面工具集的上述顯示尺寸時，根據所取得的上述界面工具集的上述顯示尺寸將上述顯示單元的上述顯示尺寸重新調整上述界面工具集的上述顯示尺寸；以及上述顯示單元，用以顯示上述界面工具集。
7.如權利要求6所述的呈現一界面工具集的系統，其中當上述顯示單元的顯示畫面方向改變或是所顯示的一網頁尺寸大小改變時，上述接收模塊接收一事件信號；其中上述事件信號用以告知上述顯示單元的顯示畫面或上述網頁的尺寸大小。
8.如權利要求6所述的呈現一界面工具集的系統，其中上述系統還包括:一儲存單元，用以儲存上述查找表。
9.如權利要求6所述的呈現一界面工具集的系統，其中上述顯示尺寸包括一顯示寬度或一顯示高度。
10.如權利要求6所述的呈現一界面工具集的系統，其中上述顯示尺寸以像素數目加以定義。`
【文檔編號】G06F17/30GK103729390SQ201310024868
【公開日】2014年4月16日 申請日期:2013年1月23日 優先權日:2012年10月16日
【發明者】徐偉浩, 鄭伊秀, 吳恩*, 徐媛莉 申請人:智邦科技股份有限公司