TWI770429B - 具有多種圖形化使用者介面之股票報價裝置與方法 - Google Patents

Abstract

一種具有多種圖形化使用者介面之股票報價裝置與方法。該裝置包含：一資料接收模組，用以與一伺服器建立連線並下載一金融商品之一報價資訊；一自選股模組，依據該金融商品之該報價資訊產生一自選報價資訊；複數個詳細資訊模組，依據該金融商品之該報價資訊產生複數個詳細資訊；一電腦版佈局模組，依據該自選報價資訊、該些詳細資訊及一電腦版佈局產生一電腦版視圖；一行動版佈局模組，依據該自選報價資訊、該些詳細資訊及一行動版佈局產生一行動版視圖；一介面切換模組，用以接收一介面切換指令，依據該介面切換指令於一螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面，及，該第一圖形化使用者介面係包含該電腦版視圖，該第二圖形化使用者介面係包含該行動版視圖。

Description

具有多種圖形化使用者介面之股票報價裝置與方法

本發明是關於一種電腦版股票報價軟體的技術，特別是關於一種具有多種圖形化使用者介面之股票報價裝置與方法。

現今電腦(例如：桌上型個人電腦與筆記型個人電腦)上所執行的股票報價軟體(或稱股票看盤軟體，亦包含股票交易軟體)皆提供固定一種的圖形化使用者介面(Graphical User Interface，簡稱GUI)供使用者操作軟體，而該圖形化使用者介面係針對運行的裝置(即，電腦)及其硬體周邊(如螢幕、鍵盤、滑鼠)所設計，例如：螢幕解析度1366x768或以上、以實體鍵盤輸入、以滑鼠單擊/雙擊/拖曳/捲動…等。相較於電腦版的圖形化使用者介面之設計，由於行動裝置的硬體配備與電腦相比有極大差異，行動裝置(如智慧型手機與平板電腦)的螢幕較小、以螢幕虛擬鍵盤輸入、以螢幕觸控單擊/雙擊/拖曳/滑動…等，是故，運行在行動裝置上的軟體其圖形化使用者介面之設計必然與電腦版截然不同。

另外，相較於電腦版僅提供固定一種圖形化使用者介面，在行動裝置方面倒是有稍微不同的發展，例如：先前技術一，中華民國專利公開號201633237，揭示了一種「股票多模式詳細資訊裝置與方法」，該裝 置包含一記憶體，儲存複數個詳細資訊，該詳細資訊關於一金融商品報價資訊；一螢幕；及一處理器，連接該記憶體與該螢幕，以存取複數個詳細資訊並顯示該詳細資訊於該螢幕；其中，該處理器操作以產生具有一第一使用者體驗之一第一詳細資訊模式視圖，並根據該第一使用者體驗的一第一操作指令以顯示該些詳細資訊於該第一詳細資訊模式視圖；產生具有一第二使用者體驗之一第二詳細資訊模式視圖，並根據該第二使用者體驗的一第二操作指令以顯示該些詳細資訊於該第二詳細資訊模式視圖；以及，根據一模式選擇指令以決定將該第一詳細資訊模式視圖或該第二詳細資訊模式視圖產生於該螢幕。先前技術一揭露了一種支援多模式股票詳細資訊之切換技術，藉由各模式具有不同的UI與UX設計，以讓使用者自行選擇較習慣的模式。

先前技術一可在同一個軟體中提供兩種模式(包含UI與UX方面)的詳細資訊視圖，供使用者選擇較習慣的模式。然而，先前技術一所提供的兩種模式皆係針對行動裝置平台所設計，如先前技術一第3圖至第8圖所示，先前技術一並未揭露或教示如何將電腦版與行動裝置版的圖形化使用者介面同時整合在同一個軟體。

近年來隨著行動網路的普及以及智慧型行動裝置的發展，民眾以智慧型行動裝置(如智慧型手機與平板電腦)上網的使用率已超越了電腦的使用率，此一結果說明了愈來愈多的民眾跳過門檻較高的電腦而以行動裝置上網。民眾在數年前的上網使用習慣乃電腦為主、行動裝置為輔，如今已翻轉成為行動裝置為主、電腦為輔。對某些使用族群來講，此一使 用習慣造就了一些操作方面的困擾問題，例如金融投資者(使用者)平常若習慣以智慧型手機看盤、交易股票，當使用者坐在電腦前改以電腦版軟體操作時，常常因為電腦版的圖形化使用者介面與智慧型手機大相逕庭，而一時無法適應，甚至可能致使操作不順(例如欲操作的功能一時之間不知位在何處)，進而影響到投資時機。意即，對於慣於操作智慧型手機的族群來說，電腦版軟體因功能較為複雜，且疏於操作使用，故有較高的學習門檻不易跨越。

意即，先前技術無法滿足使用者需求，無法在電腦版的股票報價軟體中自行選擇要以行動裝置版或電腦版的圖形化使用者介面來操作。故，實有必要改善先前技術的方法，以硬體與軟體協同運作的資源提出一種具有多種圖形化使用者介面之股票報價技術，使得使用者在操作電腦版的股票報價軟體之時，可讓使用者在同一軟體中任意切換欲操作的圖形化使用者介面，協助使用者以習慣的操作介面快速上手，以便彌補先前技術不足之處。

有鑑於此，本發明提出一種具有多種圖形化使用者介面之股票報價裝置與方法，讓使用者在電腦版的股票報價軟體中自行選擇要以行動裝置版或電腦版的圖形化使用者介面來操作。

本發明提出一種具有多種圖形化使用者介面之股票報價裝置，該裝置包含：一通訊模組，用以建立Internet網路連線；一資料接收模組，用以與一伺服器建立連線並下載一金融商品之一報價資訊；一自選股 模組，依據該金融商品之該報價資訊產生一自選報價資訊；複數個詳細資訊模組，依據該金融商品之該報價資訊產生複數個詳細資訊；一電腦版佈局模組，依據該自選報價資訊、該些詳細資訊及一電腦版佈局產生一電腦版視圖；一行動版佈局模組，依據該自選報價資訊、該些詳細資訊及一行動版佈局產生一行動版視圖；一介面切換模組，用以接收一介面切換指令，依據該介面切換指令於一螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面，及，依據該介面切換指令設定一預設介面，該第一圖形化使用者介面係包含該電腦版視圖，該第二圖形化使用者介面係包含該行動版視圖；一記憶體，用以儲存一應用程式、該報價資訊、該自選報價資訊及該些詳細資訊，該應用程式包含該資料接收模組、該自選股模組、該些詳細資訊模組、該介面切換模組、該行動版佈局模組及該電腦版佈局模組；該螢幕，用以顯示該應用程式之該第一圖形化使用者介面或該第二圖形化使用者介面；一或多個處理器，連接該記憶體與該螢幕並執行該應用程式。

本發明更進一步，在一些實施例中，該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。

本發明更進一步，在一些實施例中，該介面切換指令係由一切換按鍵所產生，而該電腦版視圖以及該行動版視圖皆包含該切換按鍵。

本發明更進一步，在一些實施例中，該切換按鍵係利用一視窗最大化鍵與一視窗還原鍵，該視窗最大化鍵用以顯示該第一圖形化使用者介面，該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。

本發明又提出一種具有多種圖形化使用者介面之股票報價 方法，應用於一裝置，該裝置包含一通訊模組、一記憶體、一操控裝置及一螢幕，該方法包含：於該螢幕顯示一第一圖形化使用者介面；與一伺服器建立連線並下載一金融商品之一報價資訊；依據該金融商品之該報價資訊產生一自選報價資訊；依據該金融商品之該報價資訊產生複數個詳細資訊；依據一電腦版佈局、該自選報價資訊及該些詳細資訊產生一電腦版視圖；於該螢幕之該第一圖形化使用者介面顯示該電腦版視圖；接收一介面切換指令；依據該介面切換指令於該螢幕顯示一第二圖形化使用者介面；依據一行動版佈局、該自選報價資訊及該些詳細資訊產生一行動版視圖；以及，於該第二圖形化使用者介面顯示該行動版視圖。

本發明更進一步，在一些實施例中，更包含：自該記憶體讀取一預設介面；依據該預設介面於該螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面。

本發明更進一步，在一些實施例中，該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。

本發明更進一步，在一些實施例中，該介面切換指令係由一切換按鍵所產生，而該電腦版視圖以及該行動版視圖皆包含該切換按鍵。

本發明更進一步，在一些實施例中，該切換按鍵係為一視窗最大化鍵與一視窗還原鍵，該視窗最大化鍵用以顯示該第一圖形化使用者介面，該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。

以下在實施方式中詳細敘述本發明之詳細特徵以及優點，其內容足以使任何熟習相關技藝者瞭解本發明之技術內容並據以實施，且 根據本說明書所揭露之內容、申請專利範圍及圖式，任何熟習相關技藝者可輕易地理解本發明相關之目的及優點。

10:具有多種圖形化使用者介面之股票報價裝置

12:處理器

14:記憶體

15:鍵盤

16:螢幕

17:操控裝置

18:通訊模組

20:應用程式

22:資料接收模組

24:自選股模組

26:詳細資訊模組

28:電腦版佈局模組

30:行動版佈局模組

32:介面切換模組

34:電腦版佈局

36:行動版佈局

38:視窗還原鍵

40:視窗最大化鍵

42:第一選單列

44:第二選單列

46:第一區塊

48:第二區塊

50:第三區塊

52:第四區塊

54:第五區塊

56:切換按鍵

58:電腦版視圖

60:行動版視圖

62:第六區塊

64:第七區塊

66:第八區塊

第1圖為本發明實施例裝置之系統功能方塊圖；第2圖為本發明實施例應用程式之系統功能方塊圖；第3圖為本發明實施例一電腦版佈局之示意圖；第4圖為本發明實施例一電腦版視圖之螢幕畫面示意圖；第5圖為本發明實施例二電腦版視圖之螢幕畫面示意圖；第6圖為本發明實施例三行動版佈局之示意圖；第7圖為本發明實施例四行動版佈局之示意圖；第8圖為本發明實施例三行動版視圖之螢幕畫面示意圖；第9圖為本發明實施例四行動版視圖之螢幕畫面示意圖；第10圖為本發明實施例五行動版視圖之螢幕畫面示意圖；及，第11圖為本發明實施例之操作流程圖。

本發明係使用但不限於個人電腦(Personal Computer/Mac Computer)、筆記型電腦(Laptop/Notebook/Portable Computer)、智慧型電視(Smart TV)…等等，凡是配置有螢幕並可執行本發明應用程式(即，股票報價軟體或股票交易軟體)皆可以應用本發明裝置與方法。

參閱第1圖與第2圖，本發明具有多種圖形化使用者介面之 股票報價裝置10之系統功能方塊圖與應用程式20之系統功能方塊圖，圖例僅列出與本發明一較佳實施例相關之核心模組，其餘模組省略未描繪。應用程式20係執行於本發明具有多種圖形化使用者介面之股票報價裝置10上。在本發明的一實施例中，本發明具有多種圖形化使用者介面之股票報價裝置10包含：一或多個處理器12、記憶體14、鍵盤15、螢幕16、操控裝置17以及通訊模組18。其中，記憶體14儲存有應用程式20(即，股票報價軟體或股票交易軟體)；鍵盤15用以輸入資料(例如：輸入商品名稱或代號以搜尋)及操作應用程式20(例如：以方向鍵控制游標或進行換頁、以ENTER鍵確認、以快捷鍵最大化視窗、以快捷鍵結束應用程式20)；操控裝置17用以操作應用程式20以取代原本行動裝置上應用程式的觸控操作，例如：操控裝置17為滑鼠，以滑鼠或軌跡球點擊按鍵；處理器12執行應用程式20所包含的複數個程式指令，並以硬體與軟體協同運作的方式實施以下模組：資料接收模組22、自選股模組24、詳細資訊模組26、電腦版佈局模組28、行動版佈局模組30及介面切換模組32；螢幕16用以顯示應用程式20所產生的第一圖形化使用者介面或第二圖形化使用者介面；通訊模組18用以建立Internet網路連線，如：有線寬頻、WLAN(Wi-Fi等)、行動通訊網路(如3G、4G…)等等。

繼續參閱第2圖，本發明實施例應用程式20之系統功能方塊圖，其包含有：資料接收模組22、自選股模組24、詳細資訊模組26、電腦版佈局模組28、行動版佈局模組30及介面切換模組32，圖例僅列出與本發明一較佳實施例相關之核心模組，其餘模組省略未描繪。

資料接收模組22用以與遠端的伺服器建立連線並下載金融 商品(例如：股票、期貨、選擇權、指數、債券、原物料、貴金屬、大宗物資…等)之報價資訊(包含即時報價與歷史資料)。

自選股模組24依據自選股名單透過資料接收模組22自伺服器下載自選股名單上所對應的金融商品之報價資訊，然後，依據所下載的該報價資訊產生自選報價資訊。所謂的自選股名單係使用者自行選擇要關注的金融商品名單，自選股名單包含複數個自選的金融商品，使用者可任意編輯自選股名單中的金融商品(例如：新增、刪除、修改名單中的商品)。在一些實施例中，自選股名單係儲存於裝置10的記憶體14當中，自選股模組24依據自選股名單產生自選訂閱指令上傳至伺服器，伺服器接到自選訂閱指令後，自資料庫中撈取對應的報價資訊再傳送至裝置10。在一些實施例中，自選股名單儲存於伺服器，伺服器依該自選股名單自資料庫中撈取對應的報價資訊，再傳送至裝置10。

詳細資訊模組26依據自伺服器所下載的報價資訊產生詳細資訊。詳細資訊模組26係一統稱，其包含複數個模組各自用以產生不同的詳細資訊，例如：最佳五檔模組產生最佳五檔資訊、即時明細模組產生即時明細資訊、分時明細模組產生分時明細資訊、技術分析模組產生技術分析線圖資訊、分價量表模組產生分價量表資訊、即時走勢圖模組產生即時走勢圖資訊、個股新聞模組產生個股新聞資訊、個股財務模組產生個股財務資訊…等。

電腦版佈局模組28依據軟體開發者(Software Developer)預先設計/規劃好的電腦版佈局(Layout，或稱版面配置)產生電腦版視圖(View)。 所謂的電腦版佈局係適合運用於電腦(即，具備較大的螢幕16，如前述的個人電腦、筆記型電腦、智慧型電視等)的視窗表單(Windows Form)，其佈局包含定義視窗表單的大小(此與最低螢幕解析度相關)、字型大小、區塊之數量/大小/位置/佈局、選單/按鍵/狀態列/跑馬燈資訊列之設置…等；例如：視窗表單的大小為1366x768、字型大小為12點、有1大4小共5個區塊(1個大的顯示自選報價資訊、4個小的顯示詳細資訊)、切換按鍵…等。意即，電腦版佈局僅係一個空的視窗表單設計而不包含任何報價內容(報價資訊)；至於依據電腦版佈局所產生的電腦版視圖則係包含顯示自選報價資訊、詳細資訊…等內容。換句話說，電腦版佈局模組28將前述詳細資訊模組26所產生的詳細資訊以及自選股模組24所產生的自選報價資訊套用至預先計設好的電腦版佈局並顯示於螢幕16後，即產生電腦版視圖。

行動版佈局模組30依據軟體開發者預先設計/規劃好的行動版佈局產生行動版視圖，行動版視圖係適合運用於行動裝置(即，具備較小的螢幕16，如智慧型手機)的視窗表單，其佈局包含定義視窗表單的大小、字型大小、區塊之數量/大小/位置/佈局、選單/按鍵/狀態列/跑馬燈資訊列之設置…等；例如：視窗表單的大小為320x480、字型大小為12點、自選報價的區塊有1個、詳細資訊報價的區塊有2個、切換按鍵…等。同樣地，行動版佈局僅係一個空的視窗表單設計而不包含任何報價內容(報價資訊)，而依據行動版佈局所產生的行動版視圖則係包含顯示自選報價資訊、詳細資訊…等內容。意即，行動版佈局模組30將前述詳細資訊模組26所產生的詳細資訊以及自選股模組24所產生的自選報價資訊套用至預先計設好的行動版 佈局並顯示於螢幕16後，即產生行動版視圖。

介面切換模組32用以接收介面切換指令，依據介面切換指令於螢幕16顯示第一圖形化使用者介面(例如，電腦版視圖呈現)或第二圖形化使用者介面(例如，行動版視圖)。在一些實施例中，介面切換指令係當拖曳操作以調整電腦版視圖或行動版視圖時所產生，例如：當以拖曳方式縮小電腦版視圖至行動版視圖之尺寸時即產生介面切換指令，或是，當以拖曳方式放大行動版視圖時亦產生介面切換指令。在一些實施例中，介面切換指令係點擊切換按鍵時所產生，而電腦版視圖以及行動版視圖皆包含切換按鍵。在一些實施例中，介面切換模組32所產生的切換按鍵(產生介面切換指令)即為視窗右上角(三按鍵的中間鍵)的“視窗最大化鍵”與“視窗還原鍵”。使用者點擊視窗最大化鍵或視窗還原鍵即產生介面切換指令，視窗最大化鍵用以切換顯示第一圖形化使用者介面，視窗還原鍵顯示用以切換顯示第二圖形化使用者介面。在一些實施例中，介面切換模組32產生專用的切換按鍵並設置於電腦版視圖與行動版視圖的特定位置，當使用者點擊切換按鍵時即產生介面切換指令。在一些實施例中，介面切換模組32將應用程式20最後一次執行的介面切換指令所對應之圖形化使用者介面儲存於記憶體14，以做為預設介面。

參閱第3圖，本發明實施例一電腦版佈局34之示意圖，圖例僅用以說明本發明之電腦版佈局34可包含哪些部份(元件)而非用以限定本發明實施例中的佈局。圖例說明了本實施例電腦版佈局34包含了第一選單列42、第二選單列44、第一區塊46、第二區塊48、第三區塊50、第四區塊52、 第五區塊54以及視窗右上角的視窗最小化鍵(元件未編號)、視窗還原鍵38與視窗關閉鍵(元件未編號)。其中，第一選單列42將用以呈現應用程式20之主要選單項目，第二選單列44將用以呈現應用程式20之功能選單項目，第一區塊46將用以呈現自選報價資訊，第二區塊48將用以呈現即時走勢圖資訊(屬詳細資訊之一)，第三區塊50將用以呈現分價量表資訊(屬詳細資訊之一)，第四區塊52將用以呈現即時明細資訊(屬詳細資訊之一)，第五區塊54將用以呈現最佳五檔資訊(屬詳細資訊之一)。在一些不同的實施例中，可有不同數量的區塊與配置，亦可有不同數量的選單列之設置，甚至可增設狀態列(未圖繪)與跑馬燈資訊列(未圖繪)。

參閱第4圖，本發明實施例一電腦版視圖58之螢幕16畫面示意圖，其說明了本發明一較佳實施例電腦版視圖58於螢幕16上顯示應用程式20所產生的第一圖形化使用者介面。圖式之螢幕16樣式並非用以限定本發明實施例所運用之硬體外型或條件。圖例說明了電腦版佈局模組28依據預先設計/規劃好的電腦版佈局34(如第3圖所示)產生電腦版視圖58以呈現自選報價資訊(由自選股模組24所產生)、即時走勢圖資訊(由即時走勢圖模組所產生，屬詳細資訊模組26之一)、分價量表資訊(由分價量表模組所產生，屬詳細資訊模組26之一)、即時明細資訊(由即時明細模組所產生，屬詳細資訊模組26之一)及最佳五檔資訊(由最佳五檔模組所產生，屬詳細資訊模組26之一)。本實施例之切換按鍵56係直接利用視窗還原鍵38，故，使用者點擊視窗還原鍵38(產生介面切換指令)即可切換至第二圖形化使用者介面(即，第8圖之行動版視圖60)。

參閱第5圖，本發明實施例二電腦版視圖58之螢幕16畫面示意圖，本實施例係由介面切換模組32產生專用的切換按鍵56以接收介面切換指令。另外，由於電腦版視圖58係依據電腦版佈局所產生，故，本實施例並非由第3圖的電腦版佈局34所產生，應由包含專用切換按鍵56的電腦版佈局來產生(未圖繪)。

參閱第6圖，本發明實施例三行動版佈局36之示意圖，圖例僅用以說明本發明之行動版佈局36可包含哪些部份(元件)而非用以限定本發明實施例中的佈局(如區塊之數量與位置、選單列之位置…等)。此一佈局包含兩個區塊：第六區塊62與第七區塊64，係用以顯示詳細資訊，使用者可以操控裝置17點擊設置於區塊內左、右兩邊的方向鍵以向左、向右切換不同的詳細資訊。在一些不同的實施例中，行動版佈局36中的多個區塊係以垂直排列聯結在一起(未圖繪)，使用者以上/下捲動方式(以操控裝置17點擊上/下捲動鍵，未圖繪)切換不同的詳細資訊。本實施例並在圖例最下方設置有選單列(元件未編號)，供使用者選擇切換不同功能之視圖。另外，行動版佈局36右上角包含了視窗最小化鍵(元件未編號)、視窗最大化鍵40與視窗關閉鍵(元件未編號)。本發明之行動版佈局36的用意在於提供“近似”於行動裝置上的實際圖形化使用者介面，以降低行動裝置使用者進入電腦版時的學習門檻，是故，假設此行動版佈局36提供了近似實際行動裝置某一股票報價軟體的九成以上的相似度；例如：同一軟體開發商同時提供了智慧型手機版的股票報價軟體，以及電腦版的股票報價軟體(即，本發明應用程式20)。

參閱第7圖，本發明實施例四行動版佈局36之示意圖，圖例說明了本實施例行動版佈局36包含一個區塊：第八區塊66，用以顯示自選報價資訊。在一些實施例中，另在區塊內左、右兩邊設置方向鍵(未圖繪)供使用者以操控裝置17點擊以切換顯示其他報價欄位資訊。在另一些實施例中，另在區塊內上、下兩邊設置捲動鍵(未圖繪)供使用者以操控裝置17點擊以切換顯示其他金融商品(適用於當金融商品數量超過螢幕可視範圍時)。

參閱第8圖，本發明實施例三行動版視圖60之螢幕16畫面示意圖，本實施例行動版視圖60係依據實施例三行動版佈局36(如第6圖)所產生，圖例說明了應用程式20於螢幕16顯示第二圖形化使用者介面以呈現詳細資訊。若某智慧型手機使用者平日習於操作智慧型手機之股票報價軟體，當操作電腦版之股票報價軟體(即，應用程式20)時，若對操作介面不熟悉(例如找不到切換至某功能的選單)，即可切換至本實施例之行動版視圖60以第二圖形化使用者介面來操作。本實施例之切換按鍵56係直接利用視窗最大化鍵40，故，使用者若以操控裝置17點擊視窗最大化鍵40(即產生介面切換指令)，介面切換模組32即可直接將應用程式20切換為第一圖形化使用者介面(如第3圖所示)。另外，由本圖例可得知，第二圖形化使用者介面所佔用的螢幕顯示空間較小，方便使用者可一邊注意股票行情、一邊操作其他軟體(例如文書處理軟體或瀏覽器)。

參閱第9圖，本發明實施例四行動版視圖60之螢幕16畫面示意圖，本實施例行動版視圖60係依據實施例四行動版佈局36(如第7圖)所產生，圖例說明了應用程式20於螢幕16顯示第二圖形化使用者介面以呈現自選 報價資訊。使用者以操控裝置17點擊圖例中任一自選股即可切換至該自選股之詳細資訊(如第8圖所示)，並且，假設此一詳細資訊切換方式與實際的行動版股票報價軟體相同，唯，操作方式不同。本實施例係以操控裝置17(如滑鼠)或鍵盤15操作，而實際的行動版係以觸控螢幕操作。

參閱第10圖，本發明實施例五行動版視圖60之螢幕16畫面示意圖，本實施例係由介面切換模組32產生專用的切換按鍵56以接收介面切換指令，使用者以操控裝置17點擊切換按鍵56後，螢幕16即顯示應用程式20所產生之第一圖形化使用者介面(如第5圖所示)。

參閱第11圖，本發明實施例之操作流程圖，使用者利用桌上型電腦(具有多種圖形化使用者介面之股票報價裝置10)執行應用程式20並切換圖形化使用者介面之操作流程，請同時參考第1圖、第2圖、第3圖、第4圖、第7圖及第9圖，係包含：

步驟S101：於電腦上執行本發明應用程式20。使用者於裝置10執行本發明之應用程式20(股票報價軟體或股票交易軟體)。

步驟S102：於螢幕16顯示第一圖形化使用者介面。應用程式20於電腦上執行後，以第一圖形化使用者介面(假設此為預設介面)顯示於螢幕16。此步驟的第一圖形化使用者介面係由電腦版佈局模組28依據電腦版佈局34(如第3圖)所產生。

步驟S103：與伺服器建立連線並下載金融商品之報價資訊。當通訊模組18建立Internet網路連線後，自選股模組24依據自選股名單透過資料接收模組22自伺服器下載自選股名單上所對應的金融商品之報價資 訊，並儲存至記憶體14中。在一些實施例中，在此步驟之前，使用者需以帳號及密碼進行登入驗證作業。在一些實施例中，自選股名單儲存於裝置10的記憶體14中，在一些實施例中，自選股名單儲存於伺服器上。

步驟S104：依據所下載的報價資訊產生自選報價資訊。下載對應的金融商品之報價資訊後，自選股模組24產生自選報價資訊。

步驟S105：依據所下載的報價資訊產生複數個詳細資訊。詳細資訊模組26透過資料接收模組22自伺服器下載報價資訊，再據以產生詳細資訊。例如：最佳五檔模組產生最佳五檔資訊、即時明細模組產生即時明細資訊、分時明細模組產生分時明細資訊、技術分析模組產生技術分析線圖資訊、分價量表模組產生分價量表資訊、即時走勢圖模組產生即時走勢圖資訊、個股新聞模組產生個股新聞資訊、個股財務模組產生個股財務資訊…等。

步驟S106：依據電腦版佈局、自選報價資訊及詳細資訊產生電腦版視圖。電腦版佈局模組28依據預先設計/規劃好的電腦版佈局34以及步驟S104、步驟S105的自選報價資訊和詳細資訊產生電腦版視圖58。

步驟S107：於螢幕16上第一圖形化使用者介面更新顯示電腦版視圖58。電腦版佈局模組28產生電腦版視圖58後更新顯示於螢幕16上之第一圖形化使用者介面，如第4圖所示；換言之，此時的應用程式20所產生的第一圖形化使用者介面即以電腦版視圖58的方式呈現。

步驟S108：接收介面切換指令。若使用者因不熟悉第一圖形化使用者介面(電腦版視圖58)之操作而欲切換成第二圖形化使用者介面 (行動版視圖60)，使用者可以操控裝置17點擊切換按鍵56(產生介面切換指令)，介面切換模組32即可接收到介面切換指令。第4圖之切換按鍵56係直接利用視窗還原鍵38(即，兩者共用同一按鍵)。在一些實施例中，使用者可透過拖曳方式調整第一圖形化使用者介面(電腦版視圖58)或第二圖形化使用者介面(行動版視圖60)之大小，當以拖曳方式縮小第一圖形化使用者介面(電腦版視圖58)至某一程度(例如：縮小至行動版視圖60之尺寸)時，亦產生介面切換指令；反之亦然，當以拖曳方式放大第二圖形化使用者介面(行動版視圖60)時亦產生介面切換指令，意即，此些實施例不需透過切換按鍵56亦可切換第一圖形化使用者介面與第二圖形化使用者介面。

步驟S109：依據介面切換指令於螢幕16顯示第二圖形化使用者介面。介面切換模組32接收到介面切換指令後，依據介面切換指令於螢幕16切換顯示第二圖形化使用者介面(行動版視圖60)，同時觸發行動版佈局模組30以產生行動版視圖60。換言之，即依據步驟102的相同步驟，行動版佈局模組30以行動版佈局36產生第二圖形化使用者介面。

步驟S110：依據行動版佈局36、自選報價資訊及詳細資訊產生行動版視圖60。介面切換模組32接收到介面切換指令後，觸發行動版佈局模組30依據預先設計/規劃好的行動版佈局36(如第7圖所示)，以及步驟S104、步驟S105的自選報價資訊和詳細資訊產生行動版視圖60。

步驟S111：於螢幕16上第二圖形化使用者介面顯示行動版視圖60。行動版佈局模組30產生行動版視圖60後，於螢幕16上第二圖形化使用者介面顯示行動版視圖60，如第9圖所示。

對本發明的不同實施例可理解的是，由電腦執行的程式指令可實行流程圖中的各個方塊、流程圖中方塊的組合、以及各實施例中的步驟。把該等程式指令提供給一處理器操作以產生一機器或產生硬體與軟體協同運作的資源，藉此在該處理器上執行該等指令時，將產生用以實行流程圖方塊指明之動作或技術效果的構件。不同集合的程式指令亦可使展示於流程圖方塊中的至少某些操作步驟並行地進行，且一應用程式的各個程式指令所表達的技術內容可能依不同實施例而不同。再者，亦可在不只一個處理器上進行某些該等步驟，例如本發明裝置中微處理器與周邊介面處理器所協同運作的狀況。此外，在不偏離本發明範圍或精神的條件下，流程圖中之一或多個方塊或方塊的組合亦可與其他方塊或方塊組合同時地進行，或甚至以不同於展示出的順序來進行，例如上述步驟S104與步驟S105在一些實施例中係同時進行，在一些實施例中係步驟S105先進行爾後再進行步驟S104，在一些實施例中則係步驟S104先進行爾後再進行步驟S105；再例如：步驟S104產生自選報價資訊後，不一定要接著完成步驟S105，亦可直接跳至步驟S106以產生電腦版視圖，再接著步驟S107以將自選報價資訊先顯示於螢幕16，然後再回至步驟S105繼續處理詳細資訊，意即，先下載/產生的資訊可先更新顯示於螢幕16，並非全部資訊皆下載/產生後才一次全部更新顯示於螢幕16。

因此，本發明流程圖的方塊支援用以進行指明動作或技術效果的構件組合、用以進行指明動作或技術效果的步驟組合、以及用以進行指明動作或技術效果的程式指令構件。亦可了解的是，這些指明動作或技 術效果是由特殊用途硬體式系統或者特殊用途硬體與程式指令協同運作來實行本發明流程圖的各個方塊以及流程圖的方塊組合。

本發明相當於在同一個應用程式中同時提供兩種不同架構的版本以供使用者選擇，即，行動版(手機版)與電腦版(桌機版)。然而，本發明之行動版係以模擬方法(採用行動版視圖)開發，並可於一般電腦作業系統(非透過模擬器)中執行，並可直接由一般電腦周邊裝置進行操控(如：滑鼠與鍵盤)。

綜上所述，本發明提出一種具有多種圖形化使用者介面之股票報價技術，解決了先前技術無法“在電腦版股票報價軟體中提供行動版的圖形化使用者介面”，對智慧型手機使用者而言無法降低電腦版的學習門檻，藉由本發明可讓使用者更方便地在電腦版軟體中，任意切換選擇欲操作的圖形化使用者介面，彌補了先前技術不足之處。另外，當股票報價軟體切換成行動版的圖形化使用者介面後，由於行動版視圖所佔用的螢幕顯示空間較小，本發明可讓使用者一邊注意股票行情、一邊操作其他軟體。

雖然本發明的技術內容已經以較佳實施例揭露如上，然其並非用以限定本發明，任何熟習此技藝者，在不脫離本發明之精神所作些許之更動與潤飾，皆應涵蓋於本發明的範疇內，因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。

20:應用程式

22:資料接收模組

24:自選股模組

26:詳細資訊模組

28:電腦版佈局模組

30:行動版佈局模組

32:介面切換模組

Claims (12)

1. 一種具有多種圖形化使用者介面之股票報價裝置，該裝置為一電腦並具有一螢幕，包含：一通訊模組，用以建立Internet網路連線，一資料接收模組，用以與一伺服器建立連線並下載一金融商品之一報價資訊；一自選股模組，依據該金融商品之該報價資訊產生一自選報價資訊；複數個詳細資訊模組，依據該金融商品之該報價資訊產生複數個詳細資訊，一電腦版佈局模組，依據該自選報價資訊、該些詳細資訊及一電腦版佈局產生一電腦版視圖；一行動版佈局模組，依據該自選報價資訊、該些詳細資訊及一行動版佈局產生一行動版視圖，用以提供近似於一行動裝置上的一實際圖形化使用者介面；一介面切換模組，用以接收一介面切換指令，及，依據該介面切換指令於該螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面，該第一圖形化使用者介面係包含該電腦版視圖，該第二圖形化使用者介面係包含該行動版視圖；其中，該第一圖形化使用者介面所佔用的該螢幕顯示空間較大，該第二圖形化使用者介面所佔用的該螢幕顯示空間較小；當以拖曳方式縮小該第一圖形化使用者介面至某一尺寸時，產生該介面切換指令而切換至較小之該第二圖形化使用者 介面；當以拖曳方式放大該第二圖形化使用者介面時，產生該介面切換指令而切換至較大之該第一圖形化使用者介面；一記憶體，用以儲存一應用程式、該報價資訊、該自選報價資訊及該些詳細資訊，該應用程式包含該資料接收模組、該自選股模組、該些詳細資訊模組、該介面切換模組、該行動版佈局模組及該電腦版佈局模組；該螢幕，用以顯示該應用程式之該第一圖形化使用者介面或該第二圖形化使用者介面；一或多個處理器，連接該記憶體與該螢幕並執行該應用程式。
2. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置，其中該介面切換模組更包含：依據該介面切換指令儲存一預設介面。
3. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置，其中該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。
4. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置，其中該介面切換指令係由一切換按鍵所產生，且該電腦版視圖以及該行動版視圖皆包含該切換按鍵。
5. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置，其中該切換按鍵係為一視窗最大化鍵與一視窗還原鍵，該視窗最大化鍵用以切換顯示該第一圖形化使用者介面，該視窗還原鍵顯示用以切換顯 示該第二圖形化使用者介面。
6. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置，其中該第二圖形化使用者介面係以一操作裝置進行操控。
7. 一種具有多種圖形化使用者介面之股票報價方法，應用於一裝置，該裝置為一電腦，包含一通訊模組、一記憶體、一操控裝置及一螢幕，該方法包含：於該螢幕顯示一第一圖形化使用者介面；與一伺服器建立連線並下載一金融商品之一報價資訊；依據該金融商品之該報價資訊產生一自選報價資訊；依據該金融商品之該報價資訊產生複數個詳細資訊；依據一電腦版佈局、該自選報價資訊及該些詳細資訊產生一電腦版視圖；於該螢幕之該第一圖形化使用者介面顯示該電腦版視圖；接收一介面切換指令；依據該介面切換指令於該螢幕顯示一第二圖形化使用者介面；其中，該第一圖形化使用者介面所佔用的該螢幕顯示空間較大，該第二圖形化使用者介面所佔用的該螢幕顯示空間較小；依據一行動版佈局、該自選報價資訊及該些詳細資訊產生一行動版視圖，該行動版佈局用以提供似於一行動裝置上的一實際圖形化使用者介面；以及，於該第二圖形化使用者介面顯示該行動版視圖；其中，當以拖曳方式縮小該第一圖形化使用者介面至某一尺寸時， 產生該介面切換指令而切換至較小之該第二圖形化使用者介面；當以拖曳方式放大該第二圖形化使用者介面時，產生該介面切換指令而切換至較大之該第一圖形化使用者介面。
8. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法，其中更包含：依據該介面切換指令儲存一預設介面。
9. 如請求項8所述的具有多種圖形化使用者介面之股票報價方法，其中更包含：自該記憶體讀取該預設介面；及，依據該預設介面於該螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面。
10. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法，其中該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。
11. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法，其中該介面切換指令係由一切換按鍵所產生，且該電腦版視圖以及該行動版視圖皆包含該切換按鍵。
12. 如請求項11所述的具有多種圖形化使用者介面之股票報價方法，其中該切換按鍵係為一視窗最大化鍵與一視窗還原鍵，該視窗最大化鍵用以顯示該第一圖形化使用者介面，該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。

Images