TW202117527A - Device and method of a stock quoting software with multiple guis - Google Patents

Device and method of a stock quoting software with multiple guis Download PDF

Info

Publication number
TW202117527A
TW202117527A TW108137063A TW108137063A TW202117527A TW 202117527 A TW202117527 A TW 202117527A TW 108137063 A TW108137063 A TW 108137063A TW 108137063 A TW108137063 A TW 108137063A TW 202117527 A TW202117527 A TW 202117527A
Authority
TW
Taiwan
Prior art keywords
graphical user
interface
quotation
module
user interface
Prior art date
Application number
TW108137063A
Other languages
Chinese (zh)
Other versions
TWI770429B (en
Inventor
邱宏哲
Original Assignee
三竹資訊股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 三竹資訊股份有限公司 filed Critical 三竹資訊股份有限公司
Priority to TW108137063A priority Critical patent/TWI770429B/en
Priority to CN201911336491.6A priority patent/CN112667328A/en
Publication of TW202117527A publication Critical patent/TW202117527A/en
Application granted granted Critical
Publication of TWI770429B publication Critical patent/TWI770429B/en

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Stored Programmes (AREA)

Abstract

This disclosure is related to a device and method of a stock quoting software with multiple GUIs. The device includes a data-receiving module, a watchlist module, a detail-information module, a PC-layout module, a mobile-layout module, and a interface-switching module. The stock quoting software provides both PC-interface and mobile-interface for user to choose at any time during operating.

Description

具有多種圖形化使用者介面之股票報價裝置與方法 Stock quotation device and method with multiple graphical user interfaces

本發明是關於一種電腦版股票報價軟體的技術,特別是關於一種具有多種圖形化使用者介面之股票報價裝置與方法。 The present invention relates to a computer version of the stock quotation software technology, in particular to a stock quotation device and method with multiple graphical user interfaces.

現今電腦(例如:桌上型個人電腦與筆記型個人電腦)上所執行的股票報價軟體(或稱股票看盤軟體,亦包含股票交易軟體)皆提供固定一種的圖形化使用者介面(Graphical User Interface,簡稱GUI)供使用者操作軟體,而該圖形化使用者介面係針對運行的裝置(即,電腦)及其硬體周邊(如螢幕、鍵盤、滑鼠)所設計,例如:螢幕解析度1366x768或以上、以實體鍵盤輸入、以滑鼠單擊/雙擊/拖曳/捲動…等。相較於電腦版的圖形化使用者介面之設計,由於行動裝置的硬體配備與電腦相比有極大差異,行動裝置(如智慧型手機與平板電腦)的螢幕較小、以螢幕虛擬鍵盤輸入、以螢幕觸控單擊/雙擊/拖曳/滑動…等,是故,運行在行動裝置上的軟體其圖形化使用者介面之設計必然與電腦版截然不同。 Nowadays, the stock quotation software (also called stock watch software, including stock trading software) running on computers (such as desktop personal computers and notebook personal computers) all provide a fixed graphical user interface (Graphical User Interface). Interface, referred to as GUI) for users to operate software, and the graphical user interface is designed for the running device (ie, computer) and its hardware peripherals (such as screen, keyboard, mouse), for example: screen resolution 1366x768 or above, input with physical keyboard, click/double-click/drag/scroll with mouse... etc. Compared with the design of the graphical user interface of the computer version, the hardware of mobile devices is greatly different from that of computers. Mobile devices (such as smartphones and tablets) have smaller screens and use on-screen virtual keyboards for input , Click/double-click/drag/slide with touch on the screen, etc. Therefore, the design of the graphical user interface of the software running on the mobile device must be completely different from that of the computer version.

另外,相較於電腦版僅提供固定一種圖形化使用者介面,在行動裝置方面倒是有稍微不同的發展,例如:先前技術一,中華民國專利公開號201633237,揭示了一種「股票多模式詳細資訊裝置與方法」,該裝 置包含一記憶體,儲存複數個詳細資訊,該詳細資訊關於一金融商品報價資訊;一螢幕;及一處理器,連接該記憶體與該螢幕,以存取複數個詳細資訊並顯示該詳細資訊於該螢幕;其中,該處理器操作以產生具有一第一使用者體驗之一第一詳細資訊模式視圖,並根據該第一使用者體驗的一第一操作指令以顯示該些詳細資訊於該第一詳細資訊模式視圖;產生具有一第二使用者體驗之一第二詳細資訊模式視圖,並根據該第二使用者體驗的一第二操作指令以顯示該些詳細資訊於該第二詳細資訊模式視圖;以及,根據一模式選擇指令以決定將該第一詳細資訊模式視圖或該第二詳細資訊模式視圖產生於該螢幕。先前技術一揭露了一種支援多模式股票詳細資訊之切換技術,藉由各模式具有不同的UI與UX設計,以讓使用者自行選擇較習慣的模式。 In addition, compared to the computer version that only provides a fixed graphical user interface, there are slightly different developments in mobile devices. For example, the prior art 1, the Republic of China Patent Publication No. 201633237, discloses a "stock multi-mode detailed information" Device and method", the device The device includes a memory that stores a plurality of detailed information about a financial product quotation information; a screen; and a processor, which connects the memory and the screen to access the plurality of detailed information and display the detailed information On the screen; wherein, the processor operates to generate a first detailed information mode view with a first user experience, and displays the detailed information in the first operation command according to a first user experience The first detailed information mode view; a second detailed information mode view having a second user experience is generated, and the detailed information is displayed in the second detailed information according to a second operation command of the second user experience Mode view; and, according to a mode selection command, it is determined to generate the first detailed information mode view or the second detailed information mode view on the screen. Prior art 1 discloses a switching technology that supports multi-mode stock detailed information. Each mode has a different UI and UX design, so that users can choose the mode they are more accustomed to.

先前技術一可在同一個軟體中提供兩種模式(包含UI與UX方面)的詳細資訊視圖,供使用者選擇較習慣的模式。然而,先前技術一所提供的兩種模式皆係針對行動裝置平台所設計,如先前技術一第3圖至第8圖所示,先前技術一並未揭露或教示如何將電腦版與行動裝置版的圖形化使用者介面同時整合在同一個軟體。 The prior art 1 can provide detailed information views of two modes (including UI and UX) in the same software for users to choose the mode they are more accustomed to. However, the two modes provided by the prior art 1 are designed for mobile device platforms. As shown in Figures 3 to 8 of the prior art 1, the prior art 1 does not disclose or teach how to combine the computer version and the mobile device version. The graphical user interface is integrated into the same software at the same time.

近年來隨著行動網路的普及以及智慧型行動裝置的發展,民眾以智慧型行動裝置(如智慧型手機與平板電腦)上網的使用率已超越了電腦的使用率,此一結果說明了愈來愈多的民眾跳過門檻較高的電腦而以行動裝置上網。民眾在數年前的上網使用習慣乃電腦為主、行動裝置為輔,如今已翻轉成為行動裝置為主、電腦為輔。對某些使用族群來講,此一使用習慣造就了一些操作方面的困擾問題,例如金融投資者(使用者)平常若習 慣以智慧型手機看盤、交易股票,當使用者坐在電腦前改以電腦版軟體操作時,常常因為電腦版的圖形化使用者介面與智慧型手機大相逕庭,而一時無法適應,甚至可能致使操作不順(例如欲操作的功能一時之間不知位在何處),進而影響到投資時機。意即,對於慣於操作智慧型手機的族群來說,電腦版軟體因功能較為複雜,且疏於操作使用,故有較高的學習門檻不易跨越。 In recent years, with the popularization of mobile networks and the development of smart mobile devices, the use of smart mobile devices (such as smartphones and tablets) to access the Internet has surpassed that of computers. This result shows that More and more people have skipped computers with higher thresholds and used mobile devices to access the Internet. The Internet usage habits of the people a few years ago were based on computers and supplemented by mobile devices. Now it has turned into mobile devices mainly and computers supplemented. For some user groups, this usage habit has created some operational problems. For example, financial investors (users) are usually accustomed to I’m used to using smart phones to watch orders and trade stocks. When users sit in front of a computer and switch to computer version software, the graphical user interface of the computer version is very different from that of the smart phone. The operation is not smooth (for example, where the function to be operated is not known for a while), which affects the investment timing. This means that for people who are accustomed to operating smart phones, the computer version of the software has more complicated functions and negligence in operation, so it has a higher learning threshold that is not easy to cross.

意即,先前技術無法滿足使用者需求,無法在電腦版的股票報價軟體中自行選擇要以行動裝置版或電腦版的圖形化使用者介面來操作。故,實有必要改善先前技術的方法,以硬體與軟體協同運作的資源提出一種具有多種圖形化使用者介面之股票報價技術,使得使用者在操作電腦版的股票報價軟體之時,可讓使用者在同一軟體中任意切換欲操作的圖形化使用者介面,協助使用者以習慣的操作介面快速上手,以便彌補先前技術不足之處。 This means that the previous technology cannot meet the needs of users, and it is impossible to choose whether to use the mobile device version or the computer version of the graphical user interface in the computer version of the stock quotation software. Therefore, it is necessary to improve the method of the prior art, and propose a stock quotation technology with a variety of graphical user interfaces based on the resources of the cooperative operation of hardware and software, so that the user can let users operate the computer version of the stock quotation software. The user can switch the graphical user interface he wants to operate in the same software at will, helping the user to quickly get started with the accustomed operation interface, so as to make up for the shortcomings of the previous technology.

有鑑於此,本發明提出一種具有多種圖形化使用者介面之股票報價裝置與方法,讓使用者在電腦版的股票報價軟體中自行選擇要以行動裝置版或電腦版的圖形化使用者介面來操作。 In view of this, the present invention proposes a stock quotation device and method with multiple graphical user interfaces, allowing users to choose whether to use the mobile device version or the computer version of the graphical user interface in the computer version of the stock quotation software. operating.

本發明提出一種具有多種圖形化使用者介面之股票報價裝置,該裝置包含:一通訊模組,用以建立Internet網路連線;一資料接收模組,用以與一伺服器建立連線並下載一金融商品之一報價資訊;一自選股模組,依據該金融商品之該報價資訊產生一自選報價資訊;複數個詳細資訊模組,依據該金融商品之該報價資訊產生複數個詳細資訊;一電腦版佈 局模組,依據該自選報價資訊、該些詳細資訊及一電腦版佈局產生一電腦版視圖;一行動版佈局模組,依據該自選報價資訊、該些詳細資訊及一行動版佈局產生一行動版視圖;一介面切換模組,用以接收一介面切換指令,依據該介面切換指令於一螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面,及,依據該介面切換指令設定一預設介面,該第一圖形化使用者介面係包含該電腦版視圖,該第二圖形化使用者介面係包含該行動版視圖;一記憶體,用以儲存一應用程式、該報價資訊、該自選報價資訊及該些詳細資訊,該應用程式包含該資料接收模組、該自選股模組、該些詳細資訊模組、該介面切換模組、該行動版佈局模組及該電腦版佈局模組;該螢幕,用以顯示該應用程式之該第一圖形化使用者介面或該第二圖形化使用者介面;一或多個處理器,連接該記憶體與該螢幕並執行該應用程式。 The present invention provides a stock quotation device with multiple graphical user interfaces. The device includes: a communication module for establishing an Internet network connection; a data receiving module for establishing a connection with a server and Download one of the quotation information of a financial product; a self-selected stock module that generates a self-selected quotation information based on the quotation information of the financial product; multiple detailed information modules that generate multiple detailed information based on the quotation information of the financial product; A computer version of the cloth Bureau module, based on the optional quotation information, the detailed information, and a computer version layout to generate a computer version view; a mobile version layout module, based on the optional quotation information, the detailed information and a mobile version layout to generate an action Layout view; an interface switching module for receiving an interface switching command, displaying a first graphical user interface or a second graphical user interface on a screen according to the interface switching command, and switching according to the interface The command sets a default interface, the first graphical user interface includes the computer version view, the second graphical user interface includes the mobile version view; a memory for storing an application and the quote Information, the optional quotation information, and the detailed information. The application includes the data receiving module, the optional stock module, the detailed information module, the interface switching module, the mobile layout module, and the computer Layout module; the screen for displaying the first graphical user interface or the second graphical user interface of the application; one or more processors, which connect the memory and the screen and execute the application.

本發明更進一步,在一些實施例中,該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。 The present invention is a further step. In some embodiments, the interface switching command is generated when a drag operation is performed to adjust the view of the computer version or the view of the mobile version.

本發明更進一步,在一些實施例中,該介面切換指令係由一切換按鍵所產生,而該電腦版視圖以及該行動版視圖皆包含該切換按鍵。 The present invention is a further aspect. In some embodiments, the interface switching command is generated by a switch button, and both the computer version view and the mobile version view include the switch button.

本發明更進一步,在一些實施例中,該切換按鍵係利用一視窗最大化鍵與一視窗還原鍵,該視窗最大化鍵用以顯示該第一圖形化使用者介面,該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。 The present invention is a further step. In some embodiments, the switch button uses a window maximize button and a window restore button, the window maximize button is used to display the first graphical user interface, and the window restore button is used for displaying To display the second graphical user interface.

本發明又提出一種具有多種圖形化使用者介面之股票報價方法,應用於一裝置,該裝置包含一通訊模組、一記憶體、一操控裝置及一螢幕,該方法包含:於該螢幕顯示一第一圖形化使用者介面;與一伺服器建立連線並下載一金融商品之一報價資訊;依據該金融商品之該報價資 訊產生一自選報價資訊;依據該金融商品之該報價資訊產生複數個詳細資訊;依據一電腦版佈局、該自選報價資訊及該些詳細資訊產生一電腦版視圖;於該螢幕之該第一圖形化使用者介面顯示該電腦版視圖;接收一介面切換指令;依據該介面切換指令於該螢幕顯示一第二圖形化使用者介面;依據一行動版佈局、該自選報價資訊及該些詳細資訊產生一行動版視圖;以及,於該第二圖形化使用者介面顯示該行動版視圖。 The present invention further provides a stock quotation method with multiple graphical user interfaces, which is applied to a device, the device includes a communication module, a memory, a control device, and a screen. The method includes: displaying a The first graphical user interface; establishes a connection with a server and downloads quotation information of a financial product; according to the quotation information of the financial product Generate a self-selected quotation information; generate a plurality of detailed information based on the quotation information of the financial product; generate a computer version view based on a computer version layout, the self-selected quotation information and the detailed information; the first graphic on the screen Display the computer version view on the customized user interface; receive an interface switching command; display a second graphical user interface on the screen according to the interface switching command; generate based on a mobile version layout, the self-selected quotation information, and the detailed information A mobile version view; and displaying the mobile version view on the second graphical user interface.

本發明更進一步,在一些實施例中,更包含:自該記憶體讀取一預設介面;依據該預設介面於該螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面。 The present invention is further, in some embodiments, further comprising: reading a default interface from the memory; displaying a first graphical user interface or a second graphical user on the screen according to the default interface interface.

本發明更進一步,在一些實施例中,該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。 The present invention is a further step. In some embodiments, the interface switching command is generated when a drag operation is performed to adjust the view of the computer version or the view of the mobile version.

本發明更進一步,在一些實施例中,該介面切換指令係由一切換按鍵所產生,而該電腦版視圖以及該行動版視圖皆包含該切換按鍵。 The present invention is a further aspect. In some embodiments, the interface switching command is generated by a switch button, and both the computer version view and the mobile version view include the switch button.

本發明更進一步,在一些實施例中,該切換按鍵係為一視窗最大化鍵與一視窗還原鍵,該視窗最大化鍵用以顯示該第一圖形化使用者介面,該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。 The present invention is a further step. In some embodiments, the switch button is a window maximize button and a window restore button, the window maximize button is used to display the first graphical user interface, and the window restore button is used for displaying To display the second graphical user interface.

以下在實施方式中詳細敘述本發明之詳細特徵以及優點,其內容足以使任何熟習相關技藝者瞭解本發明之技術內容並據以實施,且根據本說明書所揭露之內容、申請專利範圍及圖式,任何熟習相關技藝者可輕易地理解本發明相關之目的及優點。 The detailed features and advantages of the present invention are described in detail in the following embodiments. The content is sufficient to enable anyone familiar with the relevant art to understand the technical content of the present invention and implement it accordingly, and in accordance with the content disclosed in this specification, the scope of patent application and the drawings. Anyone who is familiar with relevant skills can easily understand the purpose and advantages of the present invention.

10‧‧‧具有多種圖形化使用者介面之股票報價裝置 10‧‧‧Stock quotation device with multiple graphical user interfaces

12‧‧‧處理器 12‧‧‧Processor

14‧‧‧記憶體 14‧‧‧Memory

15‧‧‧鍵盤 15‧‧‧Keyboard

16‧‧‧螢幕 16‧‧‧Screen

17‧‧‧操控裝置 17‧‧‧Control device

18‧‧‧通訊模組 18‧‧‧Communication Module

20‧‧‧應用程式 20‧‧‧Apps

22‧‧‧資料接收模組 22‧‧‧Data receiving module

24‧‧‧自選股模組 24‧‧‧Optional Stock Module

26‧‧‧詳細資訊模組 26‧‧‧Detailed Information Module

28‧‧‧電腦版佈局模組 28‧‧‧Computer version layout module

30‧‧‧行動版佈局模組 30‧‧‧Mobile layout module

32‧‧‧介面切換模組 32‧‧‧Interface switching module

34‧‧‧電腦版佈局 34‧‧‧Computer version layout

36‧‧‧行動版佈局 36‧‧‧Mobile version layout

38‧‧‧視窗還原鍵 38‧‧‧Window Restore Button

40‧‧‧視窗最大化鍵 40‧‧‧Window maximize button

42‧‧‧第一選單列 42‧‧‧The first menu row

44‧‧‧第二選單列 44‧‧‧Second menu row

46‧‧‧第一區塊 46‧‧‧The first block

48‧‧‧第二區塊 48‧‧‧Second block

50‧‧‧第三區塊 50‧‧‧Block 3

52‧‧‧第四區塊 52‧‧‧The fourth block

54‧‧‧第五區塊 54‧‧‧Fifth block

56‧‧‧切換按鍵 56‧‧‧Switch button

58‧‧‧電腦版視圖 58‧‧‧Computer version view

60‧‧‧行動版視圖 60‧‧‧Mobile View

62‧‧‧第六區塊 62‧‧‧The sixth block

64‧‧‧第七區塊 64‧‧‧Block Seven

66‧‧‧第八區塊 66‧‧‧The eighth block

第1圖為本發明實施例裝置之系統功能方塊圖; Figure 1 is a system functional block diagram of the device of the embodiment of the present invention;

第2圖為本發明實施例應用程式之系統功能方塊圖; Figure 2 is a system functional block diagram of an application program according to an embodiment of the present invention;

第3圖為本發明實施例一電腦版佈局之示意圖; Figure 3 is a schematic diagram of the layout of the computer version according to the first embodiment of the present invention;

第4圖為本發明實施例一電腦版視圖之螢幕畫面示意圖; Figure 4 is a schematic diagram of a screen image of a computer version view according to an embodiment of the present invention;

第5圖為本發明實施例二電腦版視圖之螢幕畫面示意圖; Fig. 5 is a schematic diagram of a screen image of a computer version view according to the second embodiment of the present invention;

第6圖為本發明實施例三行動版佈局之示意圖; Figure 6 is a schematic diagram of the layout of the mobile version of the third embodiment of the present invention;

第7圖為本發明實施例四行動版佈局之示意圖; Figure 7 is a schematic diagram of the layout of the mobile version of the fourth embodiment of the present invention;

第8圖為本發明實施例三行動版視圖之螢幕畫面示意圖; Figure 8 is a schematic diagram of a screen image of a mobile view in the third embodiment of the present invention;

第9圖為本發明實施例四行動版視圖之螢幕畫面示意圖; Figure 9 is a schematic diagram of a screen image of a mobile version view according to the fourth embodiment of the present invention;

第10圖為本發明實施例五行動版視圖之螢幕畫面示意圖;及, Figure 10 is a schematic diagram of the screen of the mobile view in the fifth embodiment of the present invention; and,

第11圖為本發明實施例之操作流程圖。 Figure 11 is a flowchart of the operation of the embodiment of the present invention.

本發明係使用但不限於個人電腦(Personal Computer/Mac Computer)、筆記型電腦(Laptop/Notebook/Portable Computer)、智慧型電視(Smart TV)…等等,凡是配置有螢幕並可執行本發明應用程式(即,股票報價軟體或股票交易軟體)皆可以應用本發明裝置與方法。 The present invention is used but not limited to personal computers (Personal Computer/Mac Computer), notebook computers (Laptop/Notebook/Portable Computer), smart TV (Smart TV)... etc., all equipped with a screen and can execute the application of the present invention Programs (ie, stock quotation software or stock trading software) can apply the device and method of the present invention.

參閱第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…)等等。 Referring to Figures 1 and 2, the system function block diagram of the stock quotation device 10 with multiple graphical user interfaces and the system function block diagram of the application program 20 of the present invention. The illustration only lists a preferred embodiment of the present invention. Related core modules, other modules are omitted and not depicted. The application program 20 is executed on the stock quotation device 10 with multiple graphical user interfaces of the present invention. In one embodiment of the present invention, the stock quotation device 10 with multiple graphical user interfaces of the present invention includes: one or more processors 12, memory 14, keyboard 15, screen 16, control device 17, and Communication module 18. Among them, the memory 14 stores an application program 20 (ie, stock quotation software or stock trading software); the keyboard 15 is used to input data (for example, enter a product name or code to search) and operate the application program 20 (for example, use the arrow keys Control the cursor or change the page, confirm with the ENTER key, maximize the window with the shortcut key, and end the application with the shortcut key 20); the control device 17 is used to operate the application 20 to replace the original touch operation of the application on the mobile device, for example : The control device 17 is a mouse, and the button is clicked with a mouse or a trackball; the processor 12 executes a plurality of program instructions included in the application program 20, and implements the following modules in a cooperative manner of hardware and software: data receiving module Group 22, optional stock module 24, detailed information module 26, computer version layout module 28, mobile version layout module 30, and interface switching module 32; screen 16 is used to display the first graphic generated by application 20 User interface or second graphical user interface; communication module 18 is used to establish Internet network connection, such as: wired broadband, WLAN (Wi-Fi, etc.), mobile communication network (such as 3G, 4G...), etc. .

繼續參閱第2圖,本發明實施例應用程式20之系統功能方塊圖,其包含有:資料接收模組22、自選股模組24、詳細資訊模組26、電腦版佈局模組28、行動版佈局模組30及介面切換模組32,圖例僅列出與本發明一較佳實施例相關之核心模組,其餘模組省略未描繪。 Continuing to refer to Figure 2, the system function block diagram of the application 20 of the embodiment of the present invention includes: a data receiving module 22, a self-selection module 24, a detailed information module 26, a computer version layout module 28, and a mobile version For the layout module 30 and the interface switching module 32, the illustration only lists the core modules related to a preferred embodiment of the present invention, and the remaining modules are omitted and not depicted.

資料接收模組22用以與遠端的伺服器建立連線並下載金融商品(例如:股票、期貨、選擇權、指數、債券、原物料、貴金屬、大宗物資…等)之報價資訊(包含即時報價與歷史資料)。 The data receiving module 22 is used to establish a connection with a remote server and download the quotation information (including real-time) of financial products (such as stocks, futures, options, indexes, bonds, raw materials, precious metals, bulk materials, etc.) Quotations and historical data).

自選股模組24依據自選股名單透過資料接收模組22自伺服器下載自選股名單上所對應的金融商品之報價資訊,然後,依據所下載的該報價資訊產生自選報價資訊。所謂的自選股名單係使用者自行選擇要關注的金融商品名單,自選股名單包含複數個自選的金融商品,使用者可任 意編輯自選股名單中的金融商品(例如:新增、刪除、修改名單中的商品)。在一些實施例中,自選股名單係儲存於裝置10的記憶體14當中,自選股模組24依據自選股名單產生自選訂閱指令上傳至伺服器,伺服器接到自選訂閱指令後,自資料庫中撈取對應的報價資訊再傳送至裝置10。在一些實施例中,自選股名單儲存於伺服器,伺服器依該自選股名單自資料庫中撈取對應的報價資訊,再傳送至裝置10。 The self-selected stock module 24 downloads the quotation information of the financial product corresponding to the self-selected list from the server through the data receiving module 22 according to the self-selected stock list, and then generates the self-selected quotation information based on the downloaded quotation information. The so-called self-selected stock list is a list of financial products that users choose to pay attention to. The self-selected stock list contains multiple self-selected financial products. It is intended to edit the financial products in the list of self-selected stocks (for example: add, delete, modify the products in the list). In some embodiments, the self-selected stock list is stored in the memory 14 of the device 10, and the self-selected stock module 24 generates a self-selected subscription instruction according to the self-selected stock list and uploads it to the server. After the server receives the self-selected subscription instruction, it downloads it from the database. The corresponding quotation information is retrieved and sent to the device 10. In some embodiments, the self-selected stock list is stored in the server, and the server retrieves the corresponding quotation information from the database according to the self-selected stock list, and then transmits it to the device 10.

詳細資訊模組26依據自伺服器所下載的報價資訊產生詳細資訊。詳細資訊模組26係一統稱,其包含複數個模組各自用以產生不同的詳細資訊,例如:最佳五檔模組產生最佳五檔資訊、即時明細模組產生即時明細資訊、分時明細模組產生分時明細資訊、技術分析模組產生技術分析線圖資訊、分價量表模組產生分價量表資訊、即時走勢圖模組產生即時走勢圖資訊、個股新聞模組產生個股新聞資訊、個股財務模組產生個股財務資訊…等。 The detailed information module 26 generates detailed information based on the quotation information downloaded from the server. The detailed information module 26 is a collective term that includes a plurality of modules each used to generate different detailed information, for example: the best five-level module generates the best five-level information, the real-time detailed module generates real-time detailed information, and time-sharing The detail module generates time-sharing detailed information, the technical analysis module generates technical analysis line graph information, the price scale module generates price scale information, the real-time trend chart module generates real-time trend chart information, and the individual stock news module generates individual stocks News information, individual stock financial module to generate individual stock financial information... etc.

電腦版佈局模組28依據軟體開發者(Software Developer)預先設計/規劃好的電腦版佈局(Layout,或稱版面配置)產生電腦版視圖(View)。所謂的電腦版佈局係適合運用於電腦(即,具備較大的螢幕16,如前述的個人電腦、筆記型電腦、智慧型電視等)的視窗表單(Windows Form),其佈局包含定義視窗表單的大小(此與最低螢幕解析度相關)、字型大小、區塊之數量/大小/位置/佈局、選單/按鍵/狀態列/跑馬燈資訊列之設置…等;例如:視窗表單的大小為1366x768、字型大小為12點、有1大4小共5個區塊(1個大的顯示自選報價資訊、4個小的顯示詳細資訊)、切換按鍵…等。意即,電腦版佈局僅係一個空的視窗表單設計而不包含任何報價內容(報價資訊);至於依據電 腦版佈局所產生的電腦版視圖則係包含顯示自選報價資訊、詳細資訊…等內容。換句話說,電腦版佈局模組28將前述詳細資訊模組26所產生的詳細資訊以及自選股模組24所產生的自選報價資訊套用至預先計設好的電腦版佈局並顯示於螢幕16後,即產生電腦版視圖。 The computer version layout module 28 generates a computer version view (View) according to a computer version layout (Layout, or layout) pre-designed/planned by a software developer (Software Developer). The so-called computer version of the layout is suitable for use in computers (that is, with a larger screen 16, such as the aforementioned personal computers, notebook computers, smart TVs, etc.) Windows forms (Windows Form), its layout includes the definition of the window form Size (this is related to the lowest screen resolution), font size, number of blocks/size/position/layout, menu/button/status bar/ marquee information bar settings... etc.; for example, the size of the window form is 1366x768 , The font size is 12 points, there are a total of 5 blocks (1 large and 4 small) (1 large to display optional quotation information, 4 small to display detailed information), switch buttons... etc. This means that the layout of the computer version is only an empty window form design without any quotation content (quotation information); The computer version view generated by the brain layout includes the display of self-selected quotation information, detailed information... and so on. In other words, the computer version layout module 28 applies the detailed information generated by the aforementioned detailed information module 26 and the optional quotation information generated by the optional stock module 24 to the pre-designed computer version layout and displays it behind the screen 16. , The computer version view is generated.

行動版佈局模組30依據軟體開發者預先設計/規劃好的行動版佈局產生行動版視圖,行動版視圖係適合運用於行動裝置(即,具備較小的螢幕16,如智慧型手機)的視窗表單,其佈局包含定義視窗表單的大小、字型大小、區塊之數量/大小/位置/佈局、選單/按鍵/狀態列/跑馬燈資訊列之設置…等;例如:視窗表單的大小為320x480、字型大小為12點、自選報價的區塊有1個、詳細資訊報價的區塊有2個、切換按鍵…等。同樣地,行動版佈局僅係一個空的視窗表單設計而不包含任何報價內容(報價資訊),而依據行動版佈局所產生的行動版視圖則係包含顯示自選報價資訊、詳細資訊…等內容。意即,行動版佈局模組30將前述詳細資訊模組26所產生的詳細資訊以及自選股模組24所產生的自選報價資訊套用至預先計設好的行動版佈局並顯示於螢幕16後,即產生行動版視圖。 The mobile version layout module 30 generates a mobile version view based on the mobile version layout pre-designed/planned by the software developer. The mobile version view is suitable for windows of mobile devices (ie, windows with a smaller screen 16, such as a smart phone) Form, its layout includes defining the size of the window form, font size, the number/size/position/layout of the block, the setting of the menu/button/status bar/the marquee information bar... etc.; for example: the size of the window form is 320x480 , The font size is 12 points, there is one block for self-selected quotation, two blocks for detailed information quotation, switch buttons... etc. Similarly, the mobile version layout is only an empty window form design without any quotation content (quotation information), while the mobile version view generated based on the mobile version layout includes displaying optional quotation information, detailed information... and so on. That is, the mobile layout module 30 applies the detailed information generated by the aforementioned detailed information module 26 and the optional quotation information generated by the optional stock module 24 to the pre-designed mobile layout and displays it on the screen 16. The mobile view is generated.

介面切換模組32用以接收介面切換指令,依據介面切換指令於螢幕16顯示第一圖形化使用者介面(例如,電腦版視圖呈現)或第二圖形化使用者介面(例如,行動版視圖)。在一些實施例中,介面切換指令係當拖曳操作以調整電腦版視圖或行動版視圖時所產生,例如:當以拖曳方式縮小電腦版視圖至行動版視圖之尺寸時即產生介面切換指令,或是,當以拖曳方式放大行動版視圖時亦產生介面切換指令。在一些實施例中,介面切換指令係點擊切換按鍵時所產生,而電腦版視圖以及行動版視圖皆包含切 換按鍵。在一些實施例中,介面切換模組32所產生的切換按鍵(產生介面切換指令)即為視窗右上角(三按鍵的中間鍵)的“視窗最大化鍵”與“視窗還原鍵”。使用者點擊視窗最大化鍵或視窗還原鍵即產生介面切換指令,視窗最大化鍵用以切換顯示第一圖形化使用者介面,視窗還原鍵顯示用以切換顯示第二圖形化使用者介面。在一些實施例中,介面切換模組32產生專用的切換按鍵並設置於電腦版視圖與行動版視圖的特定位置,當使用者點擊切換按鍵時即產生介面切換指令。在一些實施例中,介面切換模組32將應用程式20最後一次執行的介面切換指令所對應之圖形化使用者介面儲存於記憶體14,以做為預設介面。 The interface switching module 32 is used to receive an interface switching command, and display a first graphical user interface (for example, a computer version view presentation) or a second graphical user interface (for example, a mobile version view) on the screen 16 according to the interface switching command . In some embodiments, the interface switching command is generated when the computer version view or the mobile version view is adjusted by a drag operation, for example: the interface switching command is generated when the size of the computer version view is reduced to the mobile version view by dragging, or Yes, when the mobile view is zoomed in by dragging, an interface switching command is also generated. In some embodiments, the interface switching command is generated when the switch button is clicked, and both the computer version view and the mobile version view include switching. Change the keys. In some embodiments, the switching buttons (generating interface switching instructions) generated by the interface switching module 32 are the "window maximize button" and the "window restore button" at the upper right corner of the window (the middle button of the three buttons). The user clicks the window maximize button or the window restore button to generate an interface switching command. The window maximize button is used to switch the display of the first graphical user interface, and the window restore button display is used to switch the display of the second graphical user interface. In some embodiments, the interface switch module 32 generates a dedicated switch button and is set in a specific position of the computer version view and the mobile version view. When the user clicks the switch button, an interface switch command is generated. In some embodiments, the interface switching module 32 stores the graphical user interface corresponding to the interface switching command executed last time by the application program 20 in the memory 14 as the default interface.

參閱第3圖,本發明實施例一電腦版佈局34之示意圖,圖例僅用以說明本發明之電腦版佈局34可包含哪些部份(元件)而非用以限定本發明實施例中的佈局。圖例說明了本實施例電腦版佈局34包含了第一選單列42、第二選單列44、第一區塊46、第二區塊48、第三區塊50、第四區塊52、第五區塊54以及視窗右上角的視窗最小化鍵(元件未編號)、視窗還原鍵38與視窗關閉鍵(元件未編號)。其中,第一選單列42將用以呈現應用程式20之主要選單項目,第二選單列44將用以呈現應用程式20之功能選單項目,第一區塊46將用以呈現自選報價資訊,第二區塊48將用以呈現即時走勢圖資訊(屬詳細資訊之一),第三區塊50將用以呈現分價量表資訊(屬詳細資訊之一),第四區塊52將用以呈現即時明細資訊(屬詳細資訊之一),第五區塊54將用以呈現最佳五檔資訊(屬詳細資訊之一)。在一些不同的實施例中,可有不同數量的區塊與配置,亦可有不同數量的選單列之設置,甚至可增設狀態列(未圖繪)與跑馬燈資訊列(未圖繪)。 Referring to FIG. 3, a schematic diagram of a layout 34 of a computer version of an embodiment of the present invention. The illustration is only used to illustrate which parts (components) can be included in the layout 34 of the computer version of the present invention and is not used to limit the layout in the embodiment of the present invention. The figure illustrates that the layout 34 of the computer version of this embodiment includes the first menu bar 42, the second menu bar 44, the first block 46, the second block 48, the third block 50, the fourth block 52, and the fifth block. Block 54 and the window minimize button (components not numbered), window restore button 38 and window close buttons (components not numbered) in the upper right corner of the window. Among them, the first menu row 42 will be used to display the main menu items of the application 20, the second menu row 44 will be used to display the function menu items of the application 20, and the first block 46 will be used to display optional quotation information. The second block 48 will be used to present real-time trend chart information (one of the detailed information), the third block 50 will be used to present the price scale information (one of the detailed information), and the fourth block 52 will be used Real-time detailed information (one of the detailed information) is presented, and the fifth block 54 will be used to present the best five levels of information (one of the detailed information). In some different embodiments, there may be a different number of blocks and configurations, and a different number of menu bar settings, and even a status bar (not shown) and a marquee information bar (not shown) may be added.

參閱第4圖,本發明實施例一電腦版視圖58之螢幕16畫面示意圖,其說明了本發明一較佳實施例電腦版視圖58於螢幕16上顯示應用程式20所產生的第一圖形化使用者介面。圖式之螢幕16樣式並非用以限定本發明實施例所運用之硬體外型或條件。圖例說明了電腦版佈局模組28依據預先設計/規劃好的電腦版佈局34(如第3圖所示)產生電腦版視圖58以呈現自選報價資訊(由自選股模組24所產生)、即時走勢圖資訊(由即時走勢圖模組所產生,屬詳細資訊模組26之一)、分價量表資訊(由分價量表模組所產生,屬詳細資訊模組26之一)、即時明細資訊(由即時明細模組所產生,屬詳細資訊模組26之一)及最佳五檔資訊(由最佳五檔模組所產生,屬詳細資訊模組26之一)。本實施例之切換按鍵56係直接利用視窗還原鍵38,故,使用者點擊視窗還原鍵38(產生介面切換指令)即可切換至第二圖形化使用者介面(即,第8圖之行動版視圖60)。 Referring to Figure 4, a schematic diagram of the screen 16 of the computer version view 58 of an embodiment of the present invention, which illustrates a preferred embodiment of the present invention, the computer version view 58 displays the first graphical use generated by the application 20 on the screen 16者interface. The screen 16 style of the drawing is not used to limit the hardware shape or conditions used in the embodiment of the present invention. The legend illustrates that the computer version layout module 28 generates a computer version view 58 based on the pre-designed/planned computer version layout 34 (as shown in Fig. 3) to present self-selected quotation information (generated by the self-selected stock module 24), real-time Trend chart information (generated by the real-time trend chart module, one of the detailed information modules 26), price scale information (generated by the price scale module, one of the detailed information modules 26), real-time Detailed information (produced by the real-time detailed module, which is one of the detailed information modules 26) and the best five-level information (produced by the best five-level module, which is one of the detailed information modules 26). The switch button 56 of this embodiment directly uses the window restore button 38. Therefore, the user clicks the window restore button 38 (generates an interface switching command) to switch to the second graphical user interface (ie, the mobile version in Figure 8). View 60).

參閱第5圖,本發明實施例二電腦版視圖58之螢幕16畫面示意圖,本實施例係由介面切換模組32產生專用的切換按鍵56以接收介面切換指令。另外,由於電腦版視圖58係依據電腦版佈局所產生,故,本實施例並非由第3圖的電腦版佈局34所產生,應由包含專用切換按鍵56的電腦版佈局來產生(未圖繪)。 Referring to Fig. 5, a schematic diagram of the screen 16 of the computer version view 58 of the second embodiment of the present invention. In this embodiment, the interface switching module 32 generates a dedicated switching button 56 to receive interface switching commands. In addition, since the computer version view 58 is generated based on the computer version layout, this embodiment is not generated by the computer version layout 34 in Figure 3, and should be generated by the computer version layout including the dedicated switch button 56 (not shown) ).

參閱第6圖,本發明實施例三行動版佈局36之示意圖,圖例僅用以說明本發明之行動版佈局36可包含哪些部份(元件)而非用以限定本發明實施例中的佈局(如區塊之數量與位置、選單列之位置…等)。此一佈局包含兩個區塊:第六區塊62與第七區塊64,係用以顯示詳細資訊,使用者可以操控裝置17點擊設置於區塊內左、右兩邊的方向鍵以向左、向右切換不 同的詳細資訊。在一些不同的實施例中,行動版佈局36中的多個區塊係以垂直排列聯結在一起(未圖繪),使用者以上/下捲動方式(以操控裝置17點擊上/下捲動鍵,未圖繪)切換不同的詳細資訊。本實施例並在圖例最下方設置有選單列(元件未編號),供使用者選擇切換不同功能之視圖。另外,行動版佈局36右上角包含了視窗最小化鍵(元件未編號)、視窗最大化鍵40與視窗關閉鍵(元件未編號)。本發明之行動版佈局36的用意在於提供“近似”於行動裝置上的實際圖形化使用者介面,以降低行動裝置使用者進入電腦版時的學習門檻,是故,假設此行動版佈局36提供了近似實際行動裝置某一股票報價軟體的九成以上的相似度;例如:同一軟體開發商同時提供了智慧型手機版的股票報價軟體,以及電腦版的股票報價軟體(即,本發明應用程式20)。 Refer to Figure 6, a schematic diagram of the mobile layout 36 of the third embodiment of the present invention. The illustration is only used to illustrate which parts (components) can be included in the mobile layout 36 of the present invention and is not used to limit the layout in the embodiment of the present invention ( Such as the number and location of the blocks, the location of the menu bar... etc.). This layout includes two blocks: the sixth block 62 and the seventh block 64, which are used to display detailed information. The user can manipulate the device 17 to click the arrow keys on the left and right sides of the block to move to the left. , Switch to the right The same details. In some different embodiments, multiple blocks in the mobile layout 36 are connected together in a vertical arrangement (not shown), and the user scrolls up/down (using the control device 17 to scroll up/down Button (not shown) to switch between different detailed information. In this embodiment, a menu row (components not numbered) is provided at the bottom of the legend for the user to choose to switch between views of different functions. In addition, the upper right corner of the mobile version layout 36 contains the window minimize button (components are not numbered), the window maximize button 40, and the window close buttons (components are not numbered). The purpose of the mobile layout 36 of the present invention is to provide an "approximate" to the actual graphical user interface on the mobile device, so as to reduce the learning threshold for mobile device users to enter the computer version. Therefore, it is assumed that the mobile layout 36 provides It is similar to the similarity of more than 90% of a stock quotation software of an actual mobile device; for example, the same software developer provides both the smartphone version of the stock quotation software and the computer version of the stock quotation software (that is, the application of the present invention). 20).

參閱第7圖,本發明實施例四行動版佈局36之示意圖,圖例說明了本實施例行動版佈局36包含一個區塊:第八區塊66,用以顯示自選報價資訊。在一些實施例中,另在區塊內左、右兩邊設置方向鍵(未圖繪)供使用者以操控裝置17點擊以切換顯示其他報價欄位資訊。在另一些實施例中,另在區塊內上、下兩邊設置捲動鍵(未圖繪)供使用者以操控裝置17點擊以切換顯示其他金融商品(適用於當金融商品數量超過螢幕可視範圍時)。 Referring to Fig. 7, a schematic diagram of the layout 36 of the mobile version of the fourth embodiment of the present invention. The figure illustrates that the layout 36 of the mobile version of this embodiment includes a block: the eighth block 66 for displaying self-selected quotation information. In some embodiments, direction keys (not shown) are provided on the left and right sides of the block for the user to click on the control device 17 to switch to display other quotation field information. In other embodiments, scroll keys (not shown) are provided on the upper and lower sides of the block for the user to control the device 17 to click to switch to display other financial products (applicable when the number of financial products exceeds the visible range of the screen Time).

參閱第8圖,本發明實施例三行動版視圖60之螢幕16畫面示意圖,本實施例行動版視圖60係依據實施例三行動版佈局36(如第6圖)所產生,圖例說明了應用程式20於螢幕16顯示第二圖形化使用者介面以呈現詳細資訊。若某智慧型手機使用者平日習於操作智慧型手機之股票報價軟體,當操作電腦版之股票報價軟體(即,應用程式20)時,若對操作介面不熟悉(例 如找不到切換至某功能的選單),即可切換至本實施例之行動版視圖60以第二圖形化使用者介面來操作。本實施例之切換按鍵56係直接利用視窗最大化鍵40,故,使用者若以操控裝置17點擊視窗最大化鍵40(即產生介面切換指令),介面切換模組32即可直接將應用程式20切換為第一圖形化使用者介面(如第3圖所示)。另外,由本圖例可得知,第二圖形化使用者介面所佔用的螢幕顯示空間較小,方便使用者可一邊注意股票行情、一邊操作其他軟體(例如文書處理軟體或瀏覽器)。 Refer to Figure 8, a schematic diagram of the screen 16 of the mobile version view 60 of the third embodiment of the present invention. The mobile version view 60 of this embodiment is generated based on the mobile version layout 36 of the third embodiment (as shown in Figure 6). The illustration illustrates the application. 20 A second graphical user interface is displayed on the screen 16 to present detailed information. If a smartphone user is accustomed to operating the stock quotation software of a smartphone on weekdays, when operating the stock quotation software of the computer version (ie, application 20), if he is not familiar with the operation interface (e.g. If you cannot find the menu to switch to a certain function), you can switch to the mobile view 60 of this embodiment to operate with the second graphical user interface. The switch button 56 in this embodiment directly uses the window maximize button 40. Therefore, if the user clicks on the window maximize button 40 with the operating device 17 (that is, an interface switch command is generated), the interface switch module 32 can directly use the application program 20 Switch to the first graphical user interface (as shown in Figure 3). In addition, it can be seen from this illustration that the second graphical user interface occupies a small screen display space, which is convenient for the user to pay attention to the stock market while operating other software (such as word processing software or browser).

參閱第9圖,本發明實施例四行動版視圖60之螢幕16畫面示意圖,本實施例行動版視圖60係依據實施例四行動版佈局36(如第7圖)所產生,圖例說明了應用程式20於螢幕16顯示第二圖形化使用者介面以呈現自選報價資訊。使用者以操控裝置17點擊圖例中任一自選股即可切換至該自選股之詳細資訊(如第8圖所示),並且,假設此一詳細資訊切換方式與實際的行動版股票報價軟體相同,唯,操作方式不同。本實施例係以操控裝置17(如滑鼠)或鍵盤15操作,而實際的行動版係以觸控螢幕操作。 Refer to Figure 9, which is a schematic diagram of the screen 16 of the mobile version view 60 of the fourth embodiment of the present invention. The mobile version view 60 of this embodiment is generated according to the mobile version layout 36 of the fourth embodiment (as shown in Figure 7). The illustration illustrates the application. 20 A second graphical user interface is displayed on the screen 16 to present self-selected quotation information. The user can switch to the detailed information of the self-selected stock by clicking on any one of the self-selected stocks in the legend with the control device 17 (as shown in Figure 8), and assume that this detailed information switching method is the same as the actual mobile stock quotation software , Only, the operation method is different. In this embodiment, a control device 17 (such as a mouse) or a keyboard 15 is used for operation, while the actual mobile version is operated by a touch screen.

參閱第10圖,本發明實施例五行動版視圖60之螢幕16畫面示意圖,本實施例係由介面切換模組32產生專用的切換按鍵56以接收介面切換指令,使用者以操控裝置17點擊切換按鍵56後,螢幕16即顯示應用程式20所產生之第一圖形化使用者介面(如第5圖所示)。 Refer to Figure 10, which is a schematic diagram of the screen 16 of the mobile view 60 in the fifth embodiment of the present invention. In this embodiment, the interface switch module 32 generates a dedicated switch button 56 to receive the interface switch command. The user uses the control device 17 to click to switch After the button 56 is pressed, the screen 16 displays the first graphical user interface generated by the application program 20 (as shown in FIG. 5).

參閱第11圖,本發明實施例之操作流程圖,使用者利用桌上型電腦(具有多種圖形化使用者介面之股票報價裝置10)執行應用程式20並切換圖形化使用者介面之操作流程,請同時參考第1圖、第2圖、第3圖、第4圖、第7圖及第9圖,係包含: Referring to Figure 11, the operation flow chart of the embodiment of the present invention, the user uses a desktop computer (the stock quotation device 10 with multiple graphical user interfaces) to execute the application program 20 and switch the operation flow of the graphical user interface. Please refer to Fig. 1, Fig. 2, Fig. 3, Fig. 4, Fig. 7 and Fig. 9 at the same time, including:

步驟S101:於電腦上執行本發明應用程式20。使用者於裝置10執行本發明之應用程式20(股票報價軟體或股票交易軟體)。 Step S101: Run the application program 20 of the present invention on the computer. The user runs the application program 20 (stock quotation software or stock trading software) of the present invention on the device 10.

步驟S102:於螢幕16顯示第一圖形化使用者介面。應用程式20於電腦上執行後,以第一圖形化使用者介面(假設此為預設介面)顯示於螢幕16。此步驟的第一圖形化使用者介面係由電腦版佈局模組28依據電腦版佈局34(如第3圖)所產生。 Step S102: Display the first graphical user interface on the screen 16. After the application program 20 is executed on the computer, it is displayed on the screen 16 with the first graphical user interface (assuming this is the default interface). The first graphical user interface in this step is generated by the computer version layout module 28 according to the computer version layout 34 (as shown in FIG. 3).

步驟S103:與伺服器建立連線並下載金融商品之報價資訊。當通訊模組18建立Internet網路連線後,自選股模組24依據自選股名單透過資料接收模組22自伺服器下載自選股名單上所對應的金融商品之報價資訊,並儲存至記憶體14中。在一些實施例中,在此步驟之前,使用者需以帳號及密碼進行登入驗證作業。在一些實施例中,自選股名單儲存於裝置10的記憶體14中,在一些實施例中,自選股名單儲存於伺服器上。 Step S103: Establish a connection with the server and download the quotation information of financial products. After the communication module 18 establishes an Internet connection, the self-selection module 24 downloads the quotation information of the corresponding financial product on the self-selection list from the server through the data receiving module 22 according to the self-selection list and stores it in the memory 14 in. In some embodiments, before this step, the user needs to perform the login verification operation with the account and password. In some embodiments, the self-selected stock list is stored in the memory 14 of the device 10, and in some embodiments, the self-selected stock list is stored on a server.

步驟S104:依據所下載的報價資訊產生自選報價資訊。下載對應的金融商品之報價資訊後,自選股模組24產生自選報價資訊。 Step S104: Generate self-selected quotation information based on the downloaded quotation information. After downloading the quotation information of the corresponding financial product, the optional stock module 24 generates optional quotation information.

步驟S105:依據所下載的報價資訊產生複數個詳細資訊。詳細資訊模組26透過資料接收模組22自伺服器下載報價資訊,再據以產生詳細資訊。例如:最佳五檔模組產生最佳五檔資訊、即時明細模組產生即時明細資訊、分時明細模組產生分時明細資訊、技術分析模組產生技術分析線圖資訊、分價量表模組產生分價量表資訊、即時走勢圖模組產生即時走勢圖資訊、個股新聞模組產生個股新聞資訊、個股財務模組產生個股財務資訊…等。 Step S105: Generate a plurality of detailed information according to the downloaded quotation information. The detailed information module 26 downloads the quotation information from the server through the data receiving module 22, and generates detailed information accordingly. For example: the best five-level module generates the best five-level information, the real-time detail module generates real-time detail information, the time-sharing detail module generates time-sharing detail information, the technical analysis module generates technical analysis line graph information, and the price scale The module generates price scale information, the real-time trend chart module generates real-time trend chart information, the individual stock news module generates individual stock news information, and the individual stock financial module generates individual stock financial information... etc.

步驟S106:依據電腦版佈局、自選報價資訊及詳細資訊產 生電腦版視圖。電腦版佈局模組28依據預先設計/規劃好的電腦版佈局34以及步驟S104、步驟S105的自選報價資訊和詳細資訊產生電腦版視圖58。 Step S106: According to the layout of the computer version, self-selected quotation information and detailed information production Health computer version view. The computer version layout module 28 generates a computer version view 58 according to the pre-designed/planned computer version layout 34 and the self-selected quotation information and detailed information in steps S104 and S105.

步驟S107:於螢幕16上第一圖形化使用者介面更新顯示電腦版視圖58。電腦版佈局模組28產生電腦版視圖58後更新顯示於螢幕16上之第一圖形化使用者介面,如第4圖所示;換言之,此時的應用程式20所產生的第一圖形化使用者介面即以電腦版視圖58的方式呈現。 Step S107: The computer version view 58 is updated and displayed on the first graphical user interface on the screen 16. The computer version layout module 28 generates the computer version view 58 and then updates the first graphical user interface displayed on the screen 16, as shown in Figure 4; in other words, the first graphical user interface generated by the application 20 at this time is used The user interface is presented in the form of computer view 58.

步驟S108:接收介面切換指令。若使用者因不熟悉第一圖形化使用者介面(電腦版視圖58)之操作而欲切換成第二圖形化使用者介面(行動版視圖60),使用者可以操控裝置17點擊切換按鍵56(產生介面切換指令),介面切換模組32即可接收到介面切換指令。第4圖之切換按鍵56係直接利用視窗還原鍵38(即,兩者共用同一按鍵)。在一些實施例中,使用者可透過拖曳方式調整第一圖形化使用者介面(電腦版視圖58)或第二圖形化使用者介面(行動版視圖60)之大小,當以拖曳方式縮小第一圖形化使用者介面(電腦版視圖58)至某一程度(例如:縮小至行動版視圖60之尺寸)時,亦產生介面切換指令;反之亦然,當以拖曳方式放大第二圖形化使用者介面(行動版視圖60)時亦產生介面切換指令,意即,此些實施例不需透過切換按鍵56亦可切換第一圖形化使用者介面與第二圖形化使用者介面。 Step S108: Receive an interface switching instruction. If the user is not familiar with the operation of the first graphical user interface (computer version view 58) and wants to switch to the second graphical user interface (mobile version view 60), the user can manipulate the device 17 and click the switch button 56 ( If an interface switching command is generated), the interface switching module 32 can receive the interface switching command. The switch button 56 in Figure 4 directly uses the window restore button 38 (that is, the two share the same button). In some embodiments, the user can adjust the size of the first graphical user interface (computer version view 58) or the second graphical user interface (mobile version view 60) by dragging. When the graphical user interface (computer version view 58) reaches a certain level (for example: reduced to the size of the mobile version view 60), an interface switching command is also generated; vice versa, when the second graphical user is zoomed in by dragging The interface (mobile version view 60) also generates an interface switching command, which means that these embodiments can switch the first graphical user interface and the second graphical user interface without using the switch button 56.

步驟S109:依據介面切換指令於螢幕16顯示第二圖形化使用者介面。介面切換模組32接收到介面切換指令後,依據介面切換指令於螢幕16切換顯示第二圖形化使用者介面(行動版視圖60),同時觸發行動版佈局模組30以產生行動版視圖60。換言之,即依據步驟102的相同步驟,行動版佈局模組30以行動版佈局36產生第二圖形化使用者介面。 Step S109: Display a second graphical user interface on the screen 16 according to the interface switching command. After receiving the interface switching command, the interface switching module 32 switches to display the second graphical user interface (mobile view 60) on the screen 16 according to the interface switching command, and triggers the mobile layout module 30 to generate the mobile view 60 at the same time. In other words, according to the same steps of step 102, the mobile layout module 30 uses the mobile layout 36 to generate the second graphical user interface.

步驟S110:依據行動版佈局36、自選報價資訊及詳細資訊產生行動版視圖60。介面切換模組32接收到介面切換指令後,觸發行動版佈局模組30依據預先設計/規劃好的行動版佈局36(如第7圖所示),以及步驟S104、步驟S105的自選報價資訊和詳細資訊產生行動版視圖60。 Step S110: Generate a mobile version view 60 based on the mobile version layout 36, optional quotation information and detailed information. After the interface switching module 32 receives the interface switching instruction, it triggers the mobile layout module 30 to follow the pre-designed/planned mobile layout 36 (as shown in Figure 7), as well as the self-selected quotation information in step S104 and step S105 and The detailed information generates a mobile view 60.

步驟S111:於螢幕16上第二圖形化使用者介面顯示行動版視圖60。行動版佈局模組30產生行動版視圖60後,於螢幕16上第二圖形化使用者介面顯示行動版視圖60,如第9圖所示。 Step S111: Display the mobile view 60 on the second graphical user interface on the screen 16. After the mobile version layout module 30 generates the mobile version view 60, the mobile version view 60 is displayed on the second graphical user interface on the screen 16, as shown in FIG. 9.

對本發明的不同實施例可理解的是,由電腦執行的程式指令可實行流程圖中的各個方塊、流程圖中方塊的組合、以及各實施例中的步驟。把該等程式指令提供給一處理器操作以產生一機器或產生硬體與軟體協同運作的資源,藉此在該處理器上執行該等指令時,將產生用以實行流程圖方塊指明之動作或技術效果的構件。不同集合的程式指令亦可使展示於流程圖方塊中的至少某些操作步驟並行地進行,且一應用程式的各個程式指令所表達的技術內容可能依不同實施例而不同。再者,亦可在不只一個處理器上進行某些該等步驟,例如本發明裝置中微處理器與周邊介面處理器所協同運作的狀況。此外,在不偏離本發明範圍或精神的條件下,流程圖中之一或多個方塊或方塊的組合亦可與其他方塊或方塊組合同時地進行,或甚至以不同於展示出的順序來進行,例如上述步驟S104與步驟S105在一些實施例中係同時進行,在一些實施例中係步驟S105先進行爾後再進行步驟S104,在一些實施例中則係步驟S104先進行爾後再進行步驟S105;再例如:步驟S104產生自選報價資訊後,不一定要接著完成步驟S105,亦可直接跳至步驟S106以產生電腦版視圖,再接著步驟S107以將自選報價資 訊先顯示於螢幕16,然後再回至步驟S105繼續處理詳細資訊,意即,先下載/產生的資訊可先更新顯示於螢幕16,並非全部資訊皆下載/產生後才一次全部更新顯示於螢幕16。 It is understandable for different embodiments of the present invention that the program instructions executed by the computer can execute each block in the flowchart, a combination of blocks in the flowchart, and the steps in each embodiment. These program instructions are provided to a processor to operate to generate a machine or to generate resources for the cooperative operation of hardware and software, so that when the instructions are executed on the processor, the actions specified in the flowchart blocks will be generated Or a component of technical effect. Different sets of program instructions can also enable at least some of the operation steps shown in the flowchart blocks to be performed in parallel, and the technical content expressed by each program instruction of an application program may be different according to different embodiments. Furthermore, some of these steps can also be performed on more than one processor, such as the cooperative operation of the microprocessor and the peripheral interface processor in the device of the present invention. In addition, without departing from the scope or spirit of the present invention, one or more blocks or a combination of blocks in the flowchart can also be performed simultaneously with other blocks or block combinations, or even in a different order than shown. For example, the above step S104 and step S105 are performed simultaneously in some embodiments. In some embodiments, step S105 is performed first and then step S104 is performed, and in some embodiments, step S104 is performed first and then step S105 is performed; For another example: after the self-selected quotation information is generated in step S104, it is not necessary to complete step S105. You can also skip to step S106 to generate the computer version view, and then follow step S107 to transfer the self-selected quotation The information is displayed on the screen 16 first, and then returns to step S105 to continue processing the detailed information, which means that the information downloaded/generated first can be updated and displayed on the screen 16. Not all information is downloaded/generated and then all updates are displayed on the screen at once. 16.

因此,本發明流程圖的方塊支援用以進行指明動作或技術效果的構件組合、用以進行指明動作或技術效果的步驟組合、以及用以進行指明動作或技術效果的程式指令構件。亦可了解的是,這些指明動作或技術效果是由特殊用途硬體式系統或者特殊用途硬體與程式指令協同運作來實行本發明流程圖的各個方塊以及流程圖的方塊組合。 Therefore, the blocks of the flowchart of the present invention support a combination of components used to perform specified actions or technical effects, a combination of steps used to perform specified actions or technical effects, and program instruction components used to perform specified actions or technical effects. It can also be understood that these specified actions or technical effects are implemented by special-purpose hardware-based systems or special-purpose hardware and program instructions in cooperation to implement each block of the flowchart of the present invention and the block combination of the flowchart.

本發明相當於在同一個應用程式中同時提供兩種不同架構的版本以供使用者選擇,即,行動版(手機版)與電腦版(桌機版)。然而,本發明之行動版係以模擬方法(採用行動版視圖)開發,並可於一般電腦作業系統(非透過模擬器)中執行,並可直接由一般電腦周邊裝置進行操控(如:滑鼠與鍵盤)。 The present invention is equivalent to simultaneously providing two versions of different architectures in the same application program for users to choose, namely, the mobile version (mobile version) and the computer version (desktop version). However, the mobile version of the present invention is developed by a simulation method (using the mobile view), and can be executed in a general computer operating system (not through the simulator), and can be directly controlled by general computer peripheral devices (such as a mouse) With keyboard).

綜上所述,本發明提出一種具有多種圖形化使用者介面之股票報價技術,解決了先前技術無法“在電腦版股票報價軟體中提供行動版的圖形化使用者介面”,對智慧型手機使用者而言無法降低電腦版的學習門檻,藉由本發明可讓使用者更方便地在電腦版軟體中,任意切換選擇欲操作的圖形化使用者介面,彌補了先前技術不足之處。另外,當股票報價軟體切換成行動版的圖形化使用者介面後,由於行動版視圖所佔用的螢幕顯示空間較小,本發明可讓使用者一邊注意股票行情、一邊操作其他軟體。 In summary, the present invention proposes a stock quotation technology with multiple graphical user interfaces, which solves the problem that the prior art cannot "provide a mobile version of the graphical user interface in the computer version of the stock quotation software." In other words, the learning threshold of the computer version cannot be lowered. The present invention allows users to more conveniently switch and select the graphical user interface to be operated in the computer version software, which makes up for the shortcomings of the prior art. In addition, when the stock quotation software is switched to the graphical user interface of the mobile version, since the view of the mobile version occupies a small screen display space, the present invention allows the user to pay attention to the stock market while operating other software.

雖然本發明的技術內容已經以較佳實施例揭露如上,然其並非用以限定本發明,任何熟習此技藝者,在不脫離本發明之精神所作些許 之更動與潤飾,皆應涵蓋於本發明的範疇內,因此本發明之保護範圍當視後附之申請專利範圍所界定者為準。 Although the technical content of the present invention has been disclosed in the preferred embodiment as above, it is not intended to limit the present invention. Anyone familiar with the art can make a little without departing from the spirit of the present invention. The changes and modifications should be included in the scope of the present invention. Therefore, the scope of protection of the present invention shall be subject to the scope of the attached patent application.

20‧‧‧應用程式 20‧‧‧Apps

22‧‧‧資料接收模組 22‧‧‧Data receiving module

24‧‧‧自選股模組 24‧‧‧Optional Stock Module

26‧‧‧詳細資訊模組 26‧‧‧Detailed Information Module

28‧‧‧電腦版佈局模組 28‧‧‧Computer version layout module

30‧‧‧行動版佈局模組 30‧‧‧Mobile layout module

32‧‧‧介面切換模組 32‧‧‧Interface switching module

Claims (12)

一種具有多種圖形化使用者介面之股票報價裝置,該裝置包含: A stock quotation device with multiple graphical user interfaces, the device includes: 一通訊模組,用以建立Internet網路連線; A communication module for establishing Internet network connection; 一資料接收模組,用以與一伺服器建立連線並下載一金融商品之一報價資訊; A data receiving module for establishing a connection with a server and downloading quotation information of a financial product; 一自選股模組,依據該金融商品之該報價資訊產生一自選報價資訊; A self-selected stock module, which generates a self-selected quotation information based on the quotation information of the financial product; 複數個詳細資訊模組,依據該金融商品之該報價資訊產生複數個詳細資訊; A plurality of detailed information modules generate a plurality of detailed information based on the quotation information of the financial product; 一電腦版佈局模組,依據該自選報價資訊、該些詳細資訊及一電腦版佈局產生一電腦版視圖; A computer version layout module, which generates a computer version view based on the optional quotation information, the detailed information, and a computer version layout; 一行動版佈局模組,依據該自選報價資訊、該些詳細資訊及一行動版佈局產生一行動版視圖; A mobile version layout module, which generates a mobile version view based on the self-selected quotation information, the detailed information, and a mobile version layout; 一介面切換模組,用以接收一介面切換指令,及,依據該介面切換指令於一螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面,該第一圖形化使用者介面係包含該電腦版視圖,該第二圖形化使用者介面係包含該行動版視圖; An interface switching module for receiving an interface switching command, and displaying a first graphical user interface or a second graphical user interface on a screen according to the interface switching command, the first graphical user The interface includes the computer version view, and the second graphical user interface includes the mobile version view; 一記憶體,用以儲存一應用程式、該報價資訊、該自選報價資訊及該些詳細資訊,該應用程式包含該資料接收模組、該自選股模組、該些詳細資訊模組、該介面切換模組、該行動版佈局模組及該電腦版佈局模組; A memory for storing an application, the quotation information, the optional quotation information, and the detailed information. The application includes the data receiving module, the optional stock module, the detailed information modules, and the interface Switching module, the mobile version layout module and the computer version layout module; 該螢幕,用以顯示該應用程式之該第一圖形化使用者介面或該第 二圖形化使用者介面; The screen is used to display the first graphical user interface or the second 2. Graphical user interface; 一或多個處理器,連接該記憶體與該螢幕並執行該應用程式。 One or more processors connect the memory and the screen and execute the application program. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置,其中該介面切換模組更包含: The stock quotation device with multiple graphical user interfaces as described in claim 1, wherein the interface switching module further includes: 依據該介面切換指令儲存一預設介面。 A default interface is stored according to the interface switching command. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置,其中該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。 The stock quotation device with multiple graphical user interfaces as described in claim 1, wherein the interface switching command is generated when a drag operation is performed to adjust the computer version view or the mobile version view. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置,其中該介面切換指令係由一切換按鍵所產生,且該電腦版視圖以及該行動版視圖皆包含該切換按鍵。 The stock quotation device with multiple graphical user interfaces as described in claim 1, wherein the interface switching command is generated by a switch button, and both the computer version view and the mobile version view include the switch button. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置,其中該切換按鍵係為一視窗最大化鍵與一視窗還原鍵,該視窗最大化鍵用以切換顯示該第一圖形化使用者介面,該視窗還原鍵顯示用以切換顯示該第二圖形化使用者介面。 The stock quotation device with multiple graphical user interfaces as described in claim 1, wherein the switch button is a window maximize button and a window restore button, and the window maximize button is used to switch to display the first graphical user interface In the user interface, the window restoration key display is used to switch to display the second graphical user interface. 如請求項1所述之具有多種圖形化使用者介面之股票報價裝置,其中該第二圖形化使用者介面係以一操作裝置進行操控。 The stock quotation device with multiple graphical user interfaces as described in claim 1, wherein the second graphical user interface is controlled by an operating device. 一種具有多種圖形化使用者介面之股票報價方法,應用於一裝置,該裝置包含一通訊模組、一記憶體、一操控裝置及一螢幕,該方法包含: A stock quotation method with multiple graphical user interfaces is applied to a device that includes a communication module, a memory, a control device, and a screen. The method includes: 於該螢幕顯示一第一圖形化使用者介面; Display a first graphical user interface on the screen; 與一伺服器建立連線並下載一金融商品之一報價資訊; Establish a connection with a server and download quotation information of a financial product; 依據該金融商品之該報價資訊產生一自選報價資訊; Generate a self-selected quotation information based on the quotation information of the financial product; 依據該金融商品之該報價資訊產生複數個詳細資訊; Generate multiple detailed information based on the quotation information of the financial product; 依據一電腦版佈局、該自選報價資訊及該些詳細資訊產生一電腦版視圖; Generate a computer version view based on a computer version layout, the self-selected quotation information and the detailed information; 於該螢幕之該第一圖形化使用者介面顯示該電腦版視圖; Displaying the computer version view on the first graphical user interface of the screen; 接收一介面切換指令; Receiving an interface switching command; 依據該介面切換指令於該螢幕顯示一第二圖形化使用者介面; Displaying a second graphical user interface on the screen according to the interface switching command; 依據一行動版佈局、該自選報價資訊及該些詳細資訊產生一行動版視圖;以及, Generate a mobile view based on a mobile layout, the self-selected quotation information, and the detailed information; and, 於該第二圖形化使用者介面顯示該行動版視圖。 The mobile view is displayed on the second graphical user interface. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法,其中更包含: The stock quotation method with multiple graphical user interfaces as described in claim 7, which further includes: 依據該介面切換指令儲存一預設介面。 A default interface is stored according to the interface switching command. 如請求項8所述的具有多種圖形化使用者介面之股票報價方法,其中更包含: The stock quotation method with multiple graphical user interfaces as described in claim 8, which further includes: 自該記憶體讀取該預設介面;及, Read the default interface from the memory; and, 依據該預設介面於該螢幕顯示一第一圖形化使用者介面或一第二圖形化使用者介面。 A first graphical user interface or a second graphical user interface is displayed on the screen according to the default interface. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法,其中該介面切換指令係當一拖曳操作以調整該電腦版視圖或該行動版視圖時所產生。 The stock quotation method with multiple graphical user interfaces according to claim 7, wherein the interface switching command is generated when a drag operation is performed to adjust the computer version view or the mobile version view. 如請求項7所述的具有多種圖形化使用者介面之股票報價方法,其中該介面切換指令係由一切換按鍵所產生,且該電腦版視圖以及該行動 版視圖皆包含該切換按鍵。 The stock quotation method with multiple graphical user interfaces as described in claim 7, wherein the interface switching command is generated by a switch button, and the computer version view and the action The layout view includes the switch button. 如請求項11所述的具有多種圖形化使用者介面之股票報價方法,其中該切換按鍵係為一視窗最大化鍵與一視窗還原鍵,該視窗最大化鍵用以顯示該第一圖形化使用者介面,該視窗還原鍵顯示用以顯示該第二圖形化使用者介面。 The stock quotation method with multiple graphical user interfaces according to claim 11, wherein the switch button is a window maximize button and a window restore button, and the window maximize button is used to display the first graphical user interface In an interface, the window restoration key display is used to display the second graphical user interface.
TW108137063A 2019-10-15 2019-10-15 Device and method of a stock quoting software with multiple guis TWI770429B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
TW108137063A TWI770429B (en) 2019-10-15 2019-10-15 Device and method of a stock quoting software with multiple guis
CN201911336491.6A CN112667328A (en) 2019-10-15 2019-12-23 Stock quote device and method with multiple graphic user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW108137063A TWI770429B (en) 2019-10-15 2019-10-15 Device and method of a stock quoting software with multiple guis

Publications (2)

Publication Number Publication Date
TW202117527A true TW202117527A (en) 2021-05-01
TWI770429B TWI770429B (en) 2022-07-11

Family

ID=75400709

Family Applications (1)

Application Number Title Priority Date Filing Date
TW108137063A TWI770429B (en) 2019-10-15 2019-10-15 Device and method of a stock quoting software with multiple guis

Country Status (2)

Country Link
CN (1) CN112667328A (en)
TW (1) TWI770429B (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI765736B (en) * 2021-06-04 2022-05-21 三竹資訊股份有限公司 Device and method for a notepad with modularized stock information
TWI817331B (en) * 2022-01-20 2023-10-01 三竹資訊股份有限公司 System, device and method for multi-purpose of a financial quotes application on a tv
TWI817299B (en) * 2021-12-24 2023-10-01 三竹資訊股份有限公司 Device and method of configuring and previewing a comprehensive detailed stock information

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101143458B1 (en) * 2010-08-30 2012-05-23 유상규 Method for controlling internet browsing mode by recognizing mobile phone display and system thereof
US20140053065A1 (en) * 2012-08-16 2014-02-20 Motorola Mobility Llc System and method for adjusting website displays
TWI541748B (en) * 2015-03-06 2016-07-11 三竹資訊股份有限公司 Device and method for a multi-mode of detailed information of stocks
CN107682535B (en) * 2017-09-22 2020-05-19 华北理工大学 Method for remotely controlling computer based on smart phone platform

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI765736B (en) * 2021-06-04 2022-05-21 三竹資訊股份有限公司 Device and method for a notepad with modularized stock information
TWI817299B (en) * 2021-12-24 2023-10-01 三竹資訊股份有限公司 Device and method of configuring and previewing a comprehensive detailed stock information
TWI817331B (en) * 2022-01-20 2023-10-01 三竹資訊股份有限公司 System, device and method for multi-purpose of a financial quotes application on a tv

Also Published As

Publication number Publication date
CN112667328A (en) 2021-04-16
TWI770429B (en) 2022-07-11

Similar Documents

Publication Publication Date Title
US8418076B2 (en) Managing inputs from a plurality of user input device actuators
JP5681191B2 (en) Method and apparatus for providing an application interface on a computer peripheral
TWI770429B (en) Device and method of a stock quoting software with multiple guis
US20030184592A1 (en) Method and system for controlling an application displayed in an inactive window
US11604580B2 (en) Configuration of application execution spaces and sub-spaces for sharing data on a mobile touch screen device
TWI541748B (en) Device and method for a multi-mode of detailed information of stocks
WO2008034336A1 (en) Method for browsing web page
CN106445956B (en) Shopping data management method and device
CN110471609B (en) Text information editing method and device, computer equipment and storage medium
CN107430597A (en) The enhancing of text selecting control
TWI425438B (en) Device and method for polymorphism button of the stock quoting software on a mobile apparatus
WO2016155518A1 (en) Interface interaction method and device
TWI522884B (en) Device and method for an efficient layout arrangement and information combination of the quoting view of the stock quoting software
WO2024037438A1 (en) Split screen control method and apparatus, electronic device, and readable storage medium
EP3472728A1 (en) Deconstructing and rendering of web page into native application experience
WO2023142356A1 (en) Article display interaction method, apparatus, and device and storage medium
TWI650721B (en) Device and method for setting related financial products and computer program products thereof
CN113126863B (en) Object selection implementation method and device, storage medium and electronic equipment
TWM580750U (en) Financial product manipulating and stock quoting linking system
CN113360064A (en) Method and device for searching local area of picture, medium and electronic equipment
JP7174506B2 (en) Information processing equipment
TWI675345B (en) Device and method of an outer link of a stock watchlist
JP7331071B2 (en) System, program, method, and information processing device for providing service for creating game programs
JP2023095323A (en) System for providing service for creating game, program, method, and information processor
TWI410861B (en) Device and method to enlarge the important price information of a finance software on a mobile apparatus