TWI312471B - Method for configuring graphical user interface - Google Patents

Method for configuring graphical user interface Download PDF

Info

Publication number
TWI312471B
TWI312471B TW94141424A TW94141424A TWI312471B TW I312471 B TWI312471 B TW I312471B TW 94141424 A TW94141424 A TW 94141424A TW 94141424 A TW94141424 A TW 94141424A TW I312471 B TWI312471 B TW I312471B
Authority
TW
Taiwan
Prior art keywords
container
window
user interface
pane
desktop
Prior art date
Application number
TW94141424A
Other languages
Chinese (zh)
Other versions
TW200720951A (en
Inventor
Edwin Chou
Hsin-Chen Ko
Cheng-Lin Jen
Imagine Chung
Sean Han
Original Assignee
Syscom Comp Engineering Co
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 Syscom Comp Engineering Co filed Critical Syscom Comp Engineering Co
Priority to TW94141424A priority Critical patent/TWI312471B/en
Publication of TW200720951A publication Critical patent/TW200720951A/en
Application granted granted Critical
Publication of TWI312471B publication Critical patent/TWI312471B/en

Links

Landscapes

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

Description

九、發明說明: 【發明所屬之技術領域】 是有關於關於—種使用者介面的組織方法,且特別 化使用者介面=執行時期’提供使用者自行組織圖形 【先前技術】 作,都用軟體’為了能夠方便使用者操 + °又5十—個使用者介面,提供使用者執;^ 軟體功能’完成多項牿定你安 Ητ 軟體開發人貞在㈣的。㈣制者介面主要是由 及定義好其中所期’即預先組態、排列’以 匕括的各個功能元件。因此,使用者僅♦ 利用此使用者介面,就能夠操作軟體執行各項功能。而 」而Ik著軟體功能的提昇,單—軟體所包含的 動辄數十種,若料些舰的元件全部置放於使用者介^ 中’則會佔據掉大I的視窗版面,非常不實用丨若由 人員設計’則會因為使用者工作内容或習慣的不同1 ,法相崎合制者的需要,而紐有效地發揮軟體 最大效能。 ^ 雖然當前的某些軟體有提供使用者個人化的設計 能,例如軟體基本設定、工具列組態或辅助視窗" 數等等,但僅侷限於單-視窗中的魏設定,若使 要同時執行多項軟體功能時,則無法有效地整合系= 源’,提供使用者最方便而有效的介面完成所欲達成的特^ 作業。 13124*73l4twfd〇c/g 【發明内容】 有鑑於此,本發明的目的就是在提供—種圖形化使用 者介面的組態方法,藉由提供使用者定義各種收納容器及 功能元件的排列方式與大小,而能夠讓不同的使用者,皆 能依其需要設定出個人化的使用者介面,達到有效發揮軟 體效能的目的。 本發明提出-種圖形化使用者介面的組態方法,適於 提供使用者組織系财軟體的使用者介面,並_此使用 者介面執行至少一項特定作業,此組態方法包括下列步 驟:首先,使用-麵幕容器I⑽、統之_個顯示榮幕, 並使用-個桌面容器收納此顯示螢幕之—個桌面,且此桌 面中包括完成上述特定作業其中之—的所有元件。此外, 更使用-個視窗容器收納桌面上的—個視窗,且此視窗係 切分為至少-個區域,以及使用—個窗格容器收納這些區 域其中之-。再者’更使用—個功能元件提供—項軟體功 能’且此功能元件係配置於上述區域其中之一。 依照本發明的較佳實施例所述圖形化使用者介面的組 :方法i ο括使用多個螢幕容器收納系統之多^^固顯示爱 八中每個螢幕容器中更包括配置有多個桌面容器, 而收納顯示螢幕之多個桌面。 ,照本發’較佳實施綱述圖形化使用者介面的組 田上述之鸯幕容器更包括利用頁簽,在桌面容器間 切換使用。 j I3124^$4twf.d〇c,g ▲為讓本發明之上述和其他目的、特徵和優點能更明顯 易It下文特舉較佳實施例,並配合所附圖式,作詳細說 明如下。 【實施方式】 圖1是依照本發明較佳實施例所繪示的圖形化使用者 ’丨面的木構圖。請參照圖卜本實施例之圖形化使用者介 面係知用階層化(Hierarchy)的設計,而其階層由高至低 依序為軟體110、營幕容E 120、桌面容器13〇、視窗容器 uy、齒格谷斋150,以及功能元件丨6〇。其中圖示標記 代表上層兀件可包含一個或一個以上的下層元件,而 〇..*則代表上層元件可包含零個(即不包含)4零個以上 的下層兀件。以下則針對各個收納容器及功能元件的内容 及特性提出說明: 螢幕(SCreen):本實施例之最上層的收納容器,可以是 ' ㈣者可操作之所有顯示#幕其中之—。其中,每個㈣ 都有個別的操作空間。雖然功能元件或其他較次級的收納 • f器可以在螢幕間拖良或移動,但不會有-個功能元件或 疋收納容器會同時出現在一個以上的螢幕中。 • 桌面(Deskt〇P):榮幕的次級收齡器。我們以此容器 ·. 純擬使用者的桌面。其中’―個桌面内的所有元件係代 ^-群可同時顯示的功能元件。也就是說,此桌面讓使 者將欲完成某特定作業時用到的所有魏it件,、°中在一 „中:以期在使用這些功能時,不需要來:切換桌 面’降低作業效能。此外,在同一個螢幕中,還可以頁^ 9 131247^l94tw^.d〇c/g 的方式,緑示多個桌面,並可利用這些頁簽來切換 同的桌面之間。 視窗(Window):桌面的次級收納容器。我們以此視窗 模擬桌面上的各個視窗。其中,每個視窗容器都具有個= 的大小與位置,且具有唯一之圖層深度(垂直於螢幕的方 向),因此使得視窗之間還可互相重疊。 自格容器(Cell):視窗的次級收納容器。這一層並不备 =應到任何現今視窗環境的組成要件,此窗格主要是在^ 窗容器中,切分出數個區域,而在這些切分出來的區域中, 容納多個功能元件。 功能元件:窗格的收納内容。這一層就是可以提供使 用者直接操作的軟體功能。而在一個窗格中,可以容納— 個或一個以上的功能元件,並以頁簽方式讓使用者在各個 功能元件間切換。IX. Description of the invention: [Technical field of the invention] There is a method for organizing the user interface, and the user interface = execution period is provided to provide the user with self-organizing graphics [previous technique], and the software is used. 'In order to facilitate the user to operate + ° and 50 - user interface, provide user experience; ^ software function 'to complete a number of determinations you install Η software developers 贞 (4). (4) The maker interface is mainly defined by the functional elements of the pre-configuration, arrangement, and definition. Therefore, the user can use the user interface only to operate the software to perform various functions. And Ik with the improvement of the software function, the single-software contains dozens of kinds of dynamics, if the components of some ships are placed in the user's media, it will occupy the window layout of the big I, very not If the application is designed by the staff, it will be the result of the user's work content or habits. ^ Although some current softwares provide users with personalized design capabilities, such as software basic settings, toolbar configuration or auxiliary windows, etc., but only in the single-window Wei settings, if you want When multiple software functions are executed at the same time, the system=source' cannot be effectively integrated, providing the most convenient and effective interface for the user to complete the desired task. 13124*73l4twfd〇c/g SUMMARY OF THE INVENTION In view of the above, the object of the present invention is to provide a graphical user interface configuration method by providing a user-defined arrangement of various storage containers and functional components. The size allows the different users to set up a personalized user interface according to their needs, so as to achieve effective software performance. The present invention proposes a configuration method of a graphical user interface, which is suitable for providing a user interface of a user organization software, and the user interface performs at least one specific job. The configuration method comprises the following steps: First, use - the mask container I (10), the system to display the screen, and use a desktop container to store the desktop of the display screen, and the desktop includes all the components of the above specific operations. In addition, a window container is used to store a window on the desktop, and the window is divided into at least one area, and a pane container is used to store these areas. Furthermore, the function function is provided by a functional element and the functional element is disposed in one of the above regions. A group of graphical user interfaces according to a preferred embodiment of the present invention: method i includes using a plurality of screen container storage systems, and displaying a plurality of desktops in each of the screen containers The container, which houses a plurality of desktops that display the screen. The above-mentioned curtain container of the group of the user interface of the preferred embodiment of the present invention further includes switching between desktop containers by using a tab. The above and other objects, features, and advantages of the present invention will become apparent from the accompanying drawings. [Embodiment] FIG. 1 is a block diagram of a graphical user's face painted in accordance with a preferred embodiment of the present invention. Please refer to the graphical user interface of the embodiment of the present invention for Hierarchy design, and the hierarchy from high to low is software 110, camp screen E 120, desktop container 13 〇, window container Uy, the tooth grid Gu Zhai 150, and the functional components 丨6〇. The pictogram indicates that the upper element may contain one or more lower elements, and 〇..* means that the upper element may contain zero (ie, does not contain) more than 4 lower elements. Hereinafter, the contents and characteristics of each storage container and functional elements will be described. Screen (SCreen): The storage container of the uppermost layer of this embodiment may be any of the display screens that are operable by '(4). Among them, each (four) has an individual operating space. Although functional components or other secondary storage devices can be dragged or moved between screens, there will be no functional components or storage containers that will appear in more than one screen at the same time. • Desktop (Deskt〇P): The secondary ageing device for the screen. We use this container.. Purely the user's desktop. Among them, all the components in the desktop are the functional components that can be displayed simultaneously. That is to say, this desktop allows the messenger to use all the components used in a particular job, in a medium: in order to use these functions, there is no need to: switch the desktop to reduce the performance of the work. In the same screen, you can also display multiple desktops in the way of ^ 9 131247^l94tw^.d〇c/g, and use these tabs to switch between the same desktop. Window: The secondary storage container of the desktop. We use this window to simulate the various windows on the desktop. Each window container has a size and position of = and has a unique layer depth (perpendicular to the direction of the screen), thus making the window Can also overlap each other. Cell: The secondary storage container of the window. This layer is not prepared = should be the components of any current window environment, this pane is mainly in the window container, cut There are several areas, and in these divided areas, multiple functional elements are accommodated. Functional elements: the contents of the pane. This layer is a software function that can provide direct operation by the user. Can be accommodated - one or more functional elements, and the manner in tab allows the user to switch between the functional element.

八圖2是依照本發明較佳實施例所繪示的圖形化使用者 ^面之組態方法的流程圖。本實施例係提供使用者組織系 、、先中之軟體的使用者介面,並利用此使用者介面執行至少 一項特定作業。 首先’使用一個螢幕容器收納系統之一個顯示螢幕(步 驟=210)。其中,若系統包括有多個顯示螢幕時,更可使 用多個螢幕容器分別收納這些顯示螢幕。 接著,使用一個桌面容器收納顯示螢幕之一個桌面, ^此桌面中包括完成上述特定作業其中之一的所有元件 (步驟S220)。其中,每一個螢幕容器中更包括配置有多 1247$4twfdoc’g 個桌面容器’而收納顯示螢幕之多個桌面。此外,在每一 個榮幕容器之中更包括利用頁簽的方式,在桌面容器間切 換使用。 然後’使用一個視窗容器收納桌面上的一個視窗,且 此視窗係切分為至少一個區域(步驟S220)。其中,此桌 面容器中更包括配置有多個視窗容器,而收納多個視窗, 而每一個視窗容器皆具有個別的大小及位置,且具有唯一 之圖層深度,而使這些視窗容器間得以互相重疊。此外, 这些視窗容器之中更可以包括有—個主視窗容器及多個輔 助視窗容器。其中,主視窗容器適於擺放主要之功能元件, 而輔助視窗容器則適於提供多個辅助功能。 驟S21〇^步用一個窗格容器收納上述區域其中之一(步 容哭」於二。母—個視窗容器更包括配置有多個窗格 適於77別模擬視窗所切分出的區域, 最後,使用一個功能元件提供一 Ϊ塌配置於上述區域其中之-(步驟力 包㈣有多個功能元二 項軟體功此’而母-個窗格容器更包 在功能it件間城使用。 j用頁《的方式, 此外,在-實施例中,本發明 組態方法更包括增刪或編納^ "^者"面的 作茲分述如下: 〜喂財介面’這些編輯動 13 1 2473l4twfdoc/g •r先,I』新增元件的動作,此 元件至桌面、視窗或窗格等收納容哭之:::新增功能 作的方式可以是由使用者“中H啟動這項動 能元件,或自功能元件盒= = 兀件盒中雙擊-功 欲新增之收納容器的空白處。 此元件,並放置於所 其中’若所欲新增的對象為桌面FIG. 2 is a flow chart of a configuration method of a graphical user surface according to a preferred embodiment of the present invention. In this embodiment, a user interface of the user organization system and the software of the user is provided, and at least one specific job is performed by using the user interface. First, use a display screen of a screen container storage system (step = 210). Wherein, if the system includes multiple display screens, the display screens can be separately stored by using multiple screen containers. Next, a desktop container is used to store a desktop of the display screen, and the desktop includes all the components that complete one of the above specific jobs (step S220). Each of the screen containers further includes a plurality of desktops configured to store more than 1247$4 twfdoc'g desktop containers. In addition, in each of the glory containers, the tabs are used to switch between desktop containers. Then, a window container is used to store a window on the desktop, and the window is divided into at least one area (step S220). The desktop container further includes a plurality of window containers, and a plurality of windows are accommodated, and each of the window containers has an individual size and position, and has a unique layer depth, so that the window containers overlap each other. . In addition, these window containers may further include a main window container and a plurality of auxiliary window containers. Among them, the main window container is adapted to place the main functional components, and the auxiliary window container is adapted to provide a plurality of auxiliary functions. Step S21 用 step by step using a pane container to accommodate one of the above areas (step crying). The parent window container further includes an area configured with a plurality of panes for the 77 analog windows. Finally, a functional component is used to provide a collapsed configuration in the above-mentioned area - (step force package (4) has multiple function elements and two software functions" and the mother-to-pane container is further packaged in the function of the piece. j uses the method of the page, in addition, in the embodiment, the configuration method of the present invention further includes adding, deleting or compiling ^ "^者" 1 2473l4twfdoc/g • r first, I 』 new component action, this component to the desktop, window or pane, etc. to contain crying::: The new function can be done by the user "H start this Kinetic component, or from the functional component box == Double-click in the component box - the blank space of the storage container that you want to add. This component is placed in the room where you want to add the object to the desktop.

桌:,產 格中,加入新產生的元件。;:新; 主;_者_的 完:視窗’其他動作皆相同, 若所賴增的縣為視料,财、齡纽放置之窗 ί下左右邊(依使用者的放置位置而定),產生-個新 由格,並於此職格巾,加人新產生的元件 。其中,舊窗 。大小例如y縮減-半’而新窗格大小則可縮減為原舊窗 格之-半’最後並包括醒目提示(啤啦⑷此視窗與視 窗所屬之桌面。 若所欲新增的對象為窗格時,則系統在欲放置之窗 格增-個頁簽’並將新產生的錯放人此f格中。此 外,還隱藏此窗格原先顯示之元件,而顯示新元件。最後 則醒目提示此窗格與窗格所屬之視窗與桌面。 接著介紹拖曳功能元件的動作,共可包括有自一個窗 格中拖_-個功能元件至-個桌面、視窗或是另一個窗格 12 131247194twf_doc/g 等收納容器之中’以及自—個視窗中㈣—個功能元件至 -個桌面、另-視窗或是另—個窗格等收納容器之中。此 外,還可包括自-個桌面中拖良—個功能元件至另一個桌 面,或是自-個螢幕中拖矣-個功能元件至另一個勞幕了 ^中’啟動這些動作的方式可以是由使用者在原收納容器 中’拖良任-個功能元件所屬之頁簽,並放置於標的之 納容器的空白處。 若是自窗格拖复-個功能元件至桌面時,則系統 3拖料功能元件自職格中移除,並在桌面上的拖良 =置處產生-個新視窗,然後在新視窗中產生—個新窗 格。最後才將此功能元件放人新t格中。1中 =示此桌面、被放置之桌面與其所屬螢幕,以及醒目提 不被拖曳的功能元件,並不限制其範圍。 將被格拖氧―個功能元件至視窗時,則系統會先 功处-件自原窗格中移除,若此窗格已經沒有 也不’則會將此窗格自所屬的視窗中移除。若視窗 外,^何窗格時,那麼同樣要自桌面刪除此視窗。另 置而二\ Γ放置之窗格之上下左右邊(依使用者的放置位 的功=生::新二格格= 新窗格中’加入_ 窗為原窗格之-半,並可以醒目提示被放置視 :曰面及螢幕,以及醒目提示被拖良元件。 將被拖n格拖氧―個功能元件至另—窗格時,則系統 也U件自原窗格中移除,若此窗格已經沒有元件 13 1312478l94twf_d〇c/g 了,也將此窗格自所屬視窗中移除。若視窗也不再有任何 窗格了,那麼同樣要自桌面刪除此視窗。另外,系統可以 在欲放置之窗格,新增一個頁簽,並將被拖戈元件放入此 窗格中。此外,還包括隱藏此窗格原先顯示之元件,顯示 被拖矣元件,並醒目提示被放置窗格與其所屬視窗、桌0面^ 螢幕及拖曳元件。 ' 若是自視窗拖复-個窗格至桌面時,則系統將被拖矣 窗格自原視窗移除,若原視窗已經沒有t格了,那麼同樣 要自桌面刪除此視窗。另外,系統在桌面上,拖曳放置處 產生一新視窗,然後將被拖良窗格置入新視窗中,而新視 窗大小以窗格之最適大小為主。此外,還包括醒目提示被 放置之桌面與其所屬之螢幕,並醒目提示被拖氧之窗格。 若是自一個視窗拖突一個窗格至另一個視窗時,則系 統會將被拖曳窗格自原視窗移除,若原視窗已經沒有窗格 了’那麼同樣要自桌面刪除此視窗。另外,系統在欲放置 之窗格的上下左右邊(依使用者的放置位置而定),置入被 拖戈窗格。其中,舊窗格大小可以縮減—半,而被拖良窗 格大小為原舊窗格之一半。此外,還包括醒目提示被放置 視窗與其所屬桌面及螢幕,以及醒目提示被拖曳窗格。 若是自一個視窗拖曳一個窗格至另一個窗格時,則系 統會將被拖曳窗格自原視窗移除,若原視窗中已經沒有窗 格了’那麼同樣要自桌面刪除此視窗。另外,系統在欲放 ,之窗格中,為被拖曳窗格中之每一個元件,新增一個頁 簽,並將被拖良窗格之每一個元件,置入欲放置窗格中。 131247^94tw^d〇c/g 此外,還包括隱藏欲放置窗格原先顯示之元件,顯示被拖 曳ϋ格中原先顯示之元件,並醒目提示被放置窗格與其所 屬視窗、桌面及螢幕,以及醒目提示被拖曳窗格。 若疋自一個桌面拖曳—個視窗至另一個桌面時,則系 統會將被拖曳視窗自原桌面中移除,並將被拖曳視窗加入 另依桌面的拖_放置處。此外,還包括0|目提示被放置虛 擬視窗與其所屬螢幕,以及醒目提示被拖曳視窗。 若是自一螢幕拖曳一個桌面至另一個螢幕時,則*** 會將被拖良桌面自原螢幕中移除,並將被拖矣視窗加^另 一螢幕,以及在另一螢幕中為被拖曳桌面,增加—個頁簽。 此外還包括隱藏另-發幕的原顯示桌面,並顯示被拖矣 桌面,並醒目提示新放置之螢幕,以及醒目提示被拖曳桌 面。 ’、Table: In the production, add newly created components. ;: new; main; _ _ the end of the: window 'other actions are the same, if the county of Lai Zeng is the visual material, the window of the financial and age placement is left and right (depending on the placement position of the user) , to create a new grid, and in this job towel, add new components. Among them, the old window. The size is y reduced by - half and the new pane size can be reduced to the original pane - half 'last and includes eye-catching tips (beer (4) this window and the desktop to which the window belongs. If the desired object is a window In the case of grid, the system adds a tab in the pane to be placed and puts the newly generated error into this box. In addition, the component originally displayed in this pane is hidden, and the new component is displayed. Prompt the pane and desktop to which this pane and pane belong. Next, the actions of dragging the function can be included, including dragging a function from one pane to a desktop, window, or another pane. 12 131247194twf_doc /g and other storage containers in the 'and from the window (four) - a functional component to a desktop, another - window or another pane of storage containers. In addition, can also include from the desktop Dragging a function to another desktop, or dragging a function from one screen to another. The way to start these actions can be done by the user in the original storage container. The tab of any functional component And placed in the blank space of the standard container. If the function is dragged from the pane to the desktop, the system 3 drag component is removed from the job and generated on the desktop. - a new window, then create a new pane in the new window. Finally, put this feature in the new t grid. 1 = display the desktop, the placed desktop and its screen, and eye-catching The function of dragging does not limit its scope. When the function element is dragged into the window, the system will first remove the piece - the piece is removed from the original pane, if the pane is not already This pane will be removed from the window it belongs to. If it is outside the window, then the window will be deleted from the desktop. Also set the top and bottom of the pane. The placement of the work = raw:: new two grid = new pane in the 'join _ window for the original pane - half, and can be eye-catching prompts are placed as: face and screen, as well as eye-catching tips are dragged components. Will be dragged n to the oxygen - a functional component to the other - pane, then the system is also U Removed from the original pane. If the pane already has no component 13 1312478l94twf_d〇c/g, the pane is also removed from the window. If the window no longer has any panes, then it should also be from the desktop. Delete this window. In addition, the system can add a tab in the pane to be placed, and put the dragged component into this pane. In addition, it also includes hiding the components originally displayed in this pane, and the display is dragged.矣 , , , , , 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被 被If the original window has no t-frame, then the window should also be deleted from the desktop. In addition, the system creates a new window on the desktop, dragging the placement, and then inserts the dragged pane into the new window, and the new window size The optimal size of the pane is the main one. In addition, it includes eye-catching prompts for the desktop to which it is placed and the screen to which it belongs, and highlighting the panes that are dragged. If you drag a pane from one window to another, the system will remove the dragged pane from the original window. If the original window has no panes, then the same window should be deleted from the desktop. In addition, the system places the dragged pane on the top, bottom, left and right sides of the pane to be placed (depending on the placement of the user). Among them, the size of the old pane can be reduced by half - and the size of the screen is dragged to one and a half of the original pane. In addition, it includes eye-catching prompts to be placed on the window with its own desktop and screen, as well as eye-catching prompts being dragged into the pane. If you drag a pane from one window to another, the system will remove the dragged pane from the original window. If there is no window in the original window, then the window will also be deleted from the desktop. In addition, in the pane to be placed, the system adds a tab for each component in the dragged pane, and places each component of the dragged pane into the pane to be placed. 131247^94tw^d〇c/g In addition, it also includes hiding the component originally displayed in the pane, displaying the component originally displayed in the dragged cell, and highlighting the placed pane and its associated window, desktop and screen, and The eye-catching prompt is dragged to the pane. If you drag a window from one desktop to another, the system will remove the dragged window from the original desktop and add the dragged window to the drag-and-drop location on the desktop. In addition, it also includes the 0|eye prompt to be placed on the virtual window and its own screen, and the eye-catching prompt to be dragged to the window. If you drag a desktop from one screen to another, the system will be removed from the original screen, and the window will be dragged to another screen, and the desktop will be dragged in another screen. , increase - a tab. It also includes the original display desktop that hides the other screen, and displays the dragged desktop, and highlights the newly placed screen, as well as the eye-catching prompt to be dragged to the desktop. ’,

接著介紹調整大小的動作,共可包括調整視窗或是窗 ^等收納容11的大小’其巾輕大小的方式可以是由使用 ^將滑鼠純,移賴窗的四個邊緣或角落,並 當調整到適當大小後,即放開滑鼠。 -二1整的是視窗,則在調整視窗大小之後,可以醒目提 Γ窗之桌面與螢幕,若調整的是窗格,則在調 、後,將會相對調整此窗格之相鄰窗格之大 ’、’旌-i提不此窗袼與其所屬之視窗、桌面與螢幕。 功能ΐ:: 除動作’共可包括刪除桌面、視窗,以及 b 八,這些刪除動作的方式可以是由使用者按 15 131 Z欲移除元件所對應之頁簽上的移除她,而將該元件 面對螢幕刪除此桌面,並移除此桌 個空白桌面。若:=;!桌面了’則替此勞幕新增-除此視窗。 …疋視® ’則直接將視窗所屬桌面移 右刪除的是功能元件, 件。若此窗格中已經沒:自:件所屬窗格移除此元 中移除。若視窗也不再有任=格^此諸自所屬視窗 刪除此視窗。 7自格了,那麼同樣要自桌面 方式為功能元件的位置和 示的窗格拖矣區示意圖。請實施爾 有窗格”。、”。、现及::^二窗細中係包括 、一個窗格的視 法的的組態、編輯方 緣示的榮幕容器。請參考圖4,此: =口 rr吏用一個,,三聯式‘ 以期在η日相告個谷益可以同時顯示於顯示器中, 咖—時間,_貞示出最Κ件之需求。使用者亦 16 13124 W4twf,d〇c/g 可視自己需求,僅使用一個或兩個 於,,勞幕,,内的’,桌面,,、,,視窗,,、,,窗格= 者也可以自減將魏U其他”s幕”崎放。使用 失考ΐ 55 树^較佳實施例所繪_ “容器。請 二圖。桌疋本發明之第二層容器,在一個,,螢 幕谷态500中,使用者配置了三個 …。。 螢 託桌面 '企業管理桌面與帳務―=為委Then introduce the resizing action, which can include adjusting the size of the window or window ^ etc. The size of the towel can be lightly sized by using the mouse to move the mouse to the four edges or corners of the window. When adjusted to the appropriate size, release the mouse. - The second one is the window. After adjusting the size of the window, you can highlight the desktop and screen of the window. If the pane is adjusted, the adjacent pane of the pane will be relatively adjusted after the adjustment. The big ', '旌-i does not mention this window and its own window, desktop and screen. Function ΐ:: In addition to the action 'total can include deleting the desktop, window, and b VIII, these delete actions can be done by the user pressing 15 131 Z to remove the component corresponding to the removal of the page, but will The component removes the desktop from the screen and removes the blank desktop from the table. If :=;! Desktop is on, then add for this screen - except this window. ... 疋 ® ® ' directly removes the desktop from the window to the right is the function, the piece. If there is no such thing in this pane: Remove from this element by removing the element from the pane. If the window no longer has any = grid ^ this belongs to the window to delete this window. 7 self-contained, then also from the desktop mode for the location of the functional components and the pane of the display area. Please implement the pane ".,". , and now:: ^ two window details include, the configuration of a pane of view, the editor of the edge of the container. Please refer to Figure 4, this: = port rr 吏 one, three-way ‘ 以 在 在 η 个 个 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷 谷Users also 16 13124 W4twf, d〇c/g can use their own needs, only use one or two in, the screen, inside the ', desktop,,,,, window,,,,, pane = You can reduce the other "s curtains" of Wei U. Use the missing test 树 55 tree ^ painted in the preferred embodiment _ "container. Please view two. Table 疋 the second layer of the container of the present invention, in one, the screen valley state 500, the user configured three .... Firetop Desktop 'Enterprise Management Desktop and Accounting' = Commission

要相互參照的=放 (使用’並使用螢幕谷器内的頁簽501 =間進行切換動作。。如此,使用者在進行作業時U 舄要在眾多桌面間時常切換了。 ” ^ 6是依照^㈣難實_所繪示的視t容器。請 ’考圖6 ’此視自谷态是本發明之第三層容器,使用者 將五個’,視窗,,(包括610、620、63〇、64〇及65〇)置入一、 桌面”容器_中。這—層通常是以—個主視窗,搭配 夕個置頂,,的輔助視窗來進行組合運用。其中,主視 用來擺放主要的作業元件,關助視窗财半是用作^ 照,以及提醒等辅助功能。 ^ 圖7是依照本發明較佳實施例所繪示的窗格容器。蜻 參考圖7 ’此窗格容器是本發明之第四層容器,使用°者在 一個”視窗”容器中’劃分了七個,,窗格,,(包括710、720、 730、740、750、760及770),每一個窗格都對應了使用 者需要’’同時”使用或參考的元件。此外,使用者可以任意 地改變窗格的大小、排列方式與個數。 124yi94tw^d〇c/g 圖8是依照本發明較佳實施例所繪示的功能元件。請 參考圖8,此功旎元件是本發明之最下層容器,使用者在 其中-個窗财,放置了四财託相_魏元件。如此 放置的用意,通常是因為這四個功能極少會同時使用,但 卻又會與其他窗格的功能元件,同時使用。使用者可以用 窗格内的頁簽801,在功能元件間進行切換動作。 值得-提的是,使用者的調整須被記錄下來,以便在 下一次使用者再度使用時,不需要使用者再進行調整。另 外’在實際應用時’通常會喊安排—些相的桌面植合 (template),讓使用者可以直接使用’而不需要每次都要使 用者從空白桌面開始組合作業元件。 =上所述,在本發明之圖形化使用者介面的組態方法 中,藉由使用各種收納容器及功能元件來定義使用者介 面,並利用編輯各種收納容器與功能元件間的相依關係, 而能夠提供不同的使用者’依其需要設定出個人化的使用 者介面,而達到有效發揮軟體效能的目的。 雖然本發明已以較佳實施例揭露如上,然其並非用以 限定本發明,任何熟習此技藝者,在不脫離本發明之精神 =範圍内,當可作些許之更動與潤飾,因此本發明之保護 範圍當視後附之申請專利範圍所界定者為準。 【圖式簡單說明】 圖1疋依照本發明較佳實施例所繪示的圖形化使用 介面的架構圖。 18 J3 圖2是依照本發明較佳實施例所繪示的圖形化使用者 介面之組態方法的流程圖。 圖3是依照本發明較佳實施例所繪示的窗格拖良 意圖。 μ 圖4是依照本發明較佳實施例所繪示的螢幕容器。 圖5是依照本發明較佳實施例所繪示的桌面容器。 圖6是依照本發明較佳實施例所繪示的視窗容器。 圖7疋依照本發明較佳實施例所繪示的窗格容器。 圖8是依照本發明較佳實施例所繪示的功能元件。 【主要元件符號說明】 110 :軟體 120、410、420、430、500 :螢幕容器 130、600 :桌面容器 140 :視窗容器 150 :窗格容器 160 :功能元件 300、610、620、630、640、650 :視窗 310、320、330、340、710、720、730、740、750、760、 770 :窗格 311 :窗格拖曳區 312 :視窗置物區 313 ·窗格放置區 400 :顯示器 501、801 :頁簽 19 13124 承 i^twf.doc/g S210 :使用螢幕容器收納系統之顯示螢幕 S220 :使用桌面容器收納顯示螢幕之桌面 S230 :使用視窗容器收納桌面上的視窗 S240 :使用窗格容器收納視窗中的區域 S250 :使用功能元件提供軟體功能To cross-reference = use (use 'and use the tab 501 in the screen bar to switch between the actions.. So, when the user is doing the job, U 时 often switch between the many desktops. ” ^ 6 is in accordance with ^ (4) Difficult to _ the depicted t container. Please 'Kao 6' This view from the valley state is the third layer container of the present invention, the user will be five ', window,, (including 610, 620, 63 〇, 64〇 and 65〇) are placed in the desktop “container _. This layer is usually used as a main window, with an auxiliary window for the top, and the auxiliary window is used for combination. The main working component is placed, and the auxiliary window function is used as a photo, and an auxiliary function such as a reminder. ^ Figure 7 is a pane container according to a preferred embodiment of the present invention. The container is the fourth layer container of the present invention, and the user is divided into seven, panes, (including 710, 720, 730, 740, 750, 760, and 770) in a "window" container, each of which The panes correspond to the components that the user needs to use or reference at the same time. In addition, the user The size, arrangement, and number of the panes are arbitrarily changed. 124yi94tw^d〇c/g FIG. 8 is a functional element according to a preferred embodiment of the present invention. Referring to FIG. 8, the power component is In the lowermost container of the invention, the user placed a four-finance phase in the middle of the window, and the purpose of such placement is usually because the four functions are rarely used at the same time, but they are combined with other panes. The functional components are used at the same time. The user can use the tab 801 in the pane to switch between the functional components. It is worth mentioning that the user's adjustments must be recorded for the next time the user re-uses. There is no need for the user to make adjustments. In addition, 'in actual application' usually screams - some desktop template, so that users can use it directly without having to use the user from the blank desktop every time. Starting to combine the working elements. As described above, in the configuration method of the graphical user interface of the present invention, the user interface is defined by using various storage containers and functional elements, and the editing is utilized. The relationship between the storage container and the functional components can provide different users to set a personalized user interface according to their needs, so as to achieve effective performance of the software. Although the present invention has been disclosed in the preferred embodiment The above is not intended to limit the invention, and any person skilled in the art can make some modifications and refinements without departing from the spirit of the invention. BRIEF DESCRIPTION OF THE DRAWINGS [FIG. 1] FIG. 1 is a block diagram of a graphical user interface according to a preferred embodiment of the present invention. 18 J3 FIG. 2 is a diagram illustrating a preferred embodiment of the present invention. A flowchart of a method for configuring a graphical user interface. Figure 3 is a schematic illustration of a pane in accordance with a preferred embodiment of the present invention. Figure 4 is a screen container in accordance with a preferred embodiment of the present invention. Figure 5 is a table top container in accordance with a preferred embodiment of the present invention. Figure 6 is a view of a window container in accordance with a preferred embodiment of the present invention. Figure 7 is a diagram of a pane container in accordance with a preferred embodiment of the present invention. Figure 8 is a diagram of the functional elements in accordance with a preferred embodiment of the present invention. [Main component symbol description] 110: software 120, 410, 420, 430, 500: screen container 130, 600: desktop container 140: window container 150: pane container 160: functional elements 300, 610, 620, 630, 640, 650: windows 310, 320, 330, 340, 710, 720, 730, 740, 750, 760, 770: pane 311: pane drag area 312: window storage area 313 · pane placement area 400: display 501, 801 : tab 19 13124 承 i^twf.doc/g S210 : Display screen using screen container storage system S220 : Desktop table for storing display screen using desktop container S230 : Window window for storing desktop S240 using window container : Storage using pane container Area S250 in the window: using the functional elements to provide software functions

2020

Claims (1)

1312471 98-1-9 月?日修正本 十、申請專利範圍: I、種圖形化使用者介面的組態方法,適於提供使用 I、'且織=系統中—軟體的一使用者介面,並利用該使用者 ;1面執^少—特定作業,該組態方法包括下列步驟: 使用一螢幕容器收納該系統之一顯示螢幕; 使用一桌面容器收納該顯示螢幕之一桌面;1312471 98-1-9 months? Japanese revision ten, the scope of patent application: I, a graphical user interface configuration method, suitable for providing a user interface using I, 'and weaving = system-software, and using the user; 1 side Performing less-specific operations, the configuration method includes the following steps: using a screen container to store one of the display screens of the system; using a desktop container to store one of the desktops of the display screen; 使用一視窗容器收納該桌面上的一視窗,且該視窗係 切分為至少一區域; 使用一窗格容器收納該視窗中之該些區域其中之一; 以及 — 使用一功能元件提供一軟體功能,且該功能元件係配 置於該些區域其中之一。 α 2_如申請專利範圍第1項所述之圖形化使用者介面的 組態方法,更包括使用多個螢幕容器收納該系統之多個顯 示螢幕。Using a window container to receive a window on the desktop, and the window is divided into at least one area; using a pane container to receive one of the areas in the window; and - providing a software function using a functional component And the functional component is configured in one of the regions. α 2_ The method of configuring the graphical user interface as described in claim 1 of the patent application, further comprising using a plurality of screen containers to accommodate a plurality of display screens of the system. έ Α 3.如申請專利範圍第2項所述之圖形化使用者介面的 且f f法,其中每—該些螢幕容器中更包括配置有多個桌 面容器,而收納該顯示螢幕之多個桌面。 ^4.如中請專利範圍第3項所述之圖形化使用者介面的 =心方法,其中在每一該些螢幕容器之中更包括利用一頁 双,在該些桌面容器間切換使用。 ρ5·如中請專利範㈣3項所述之圖形化使用者介面的 、,方法’其中該桌面容器中更包括配置有多個視窗容 益,而收納多個視窗。 21 1312471 98-1-9 6. 如申請專利範圍第5項所述之圖形化使用者介面的 組態方法,其中每一該些視窗容器更包括配置有多個窗格 容器,適於分別模擬該視窗所切分出的該些區域。 7. 如申請專利範圍第5項所述之圖形化使用者介面的 組態方法,其中該些視窗容器中包括: 一主視窗容器,適於擺放主要之該些功能元件;以及 多個輔助視窗容器,適於提供多個輔助功能。 8. 如申請專利範圍第5項所述之圖形化使用者介面的 組態方法,其中每一該些視窗容器皆具有一大小及一位 置,且具有唯一之一圖層深度,而使該些視窗容器間得以 互相重疊。 9. 如申請專利範圍第5項所述之圖形化使用者介面的 組態方法,其中該窗格容器更包括配置有多個功能元件, 適於提供多項軟體功能。 10. 如申請專利範圍第9項所述之圖形化使用者介面 的組態方法,其中該窗格容器更包括利用一頁簽,在該些 功能元件間切換使用。 11. 如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: 新增一功能元件至該桌面容器,其中包括在該桌面容 器中新增一視窗容器,並在該視窗容器中產生一窗格容 器,然後在該窗格容器中加入該功能元件。 12. 如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: 22 1312471 98-1-9 ⑽新增-功能元件至該視窗容器,其中包括在該視窗容 為中產生-新窗格容器,然後在該新窗格容器中加入該功 能元件。 . 13.如申凊專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: •新增一功能元件至該窗格容器,而直接在該窗格容器 中加入該功能元件。 14.如申請專利範圍第1項所述之圖形化使用者介面 攀的組態方法,更包括: 調整該視窗容器及該窗格容器其中之一的大小及位 置。 15·如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: 刪除該桌面容器、該視窗容器及該功能元件其中之―。 16.如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: # 自該窗格容器中拖曳該功能元件至該桌面容器、該視 窗容器,以及另外之該窗格容器其中之一之中。 ’ 17.如申請專利範圍第1項所述之圖形化使用者介面 ,的組態方法,更包括: 自該視窗容器中拖曳該窗格容器至該桌面容器、另外 之該視窗容器,以及另外之該窗格容器其中之一之中。 18.如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: 1312471 98-1-9 自該桌面容器中拖曳該視窗容器至另外之該桌面容器 之中。 19.如申請專利範圍第1項所述之圖形化使用者介面 的組態方法,更包括: 自該螢幕容器中拖曳該桌面容器至另外之該螢幕容器 之中。Α Α 3. The ff method of the graphical user interface described in claim 2, wherein each of the screen containers further includes a plurality of desktop containers configured to store the plurality of desktops of the display screen . The method of the graphical user interface as described in claim 3, wherein each of the screen containers further comprises using a page double to switch between the desktop containers. Ρ5· The method of the graphical user interface described in the third paragraph of the patent specification (4), wherein the desktop container further comprises a plurality of window contents, and a plurality of windows are accommodated. 21 1312471 98-1-9 6. The method for configuring a graphical user interface according to claim 5, wherein each of the window containers further comprises a plurality of pane containers, which are respectively adapted to simulate The areas that the window cuts out. 7. The method of configuring a graphical user interface as described in claim 5, wherein the window containers include: a main window container adapted to place the main functional components; and a plurality of auxiliary A window container suitable for providing multiple accessibility features. 8. The method of configuring a graphical user interface as described in claim 5, wherein each of the window containers has a size and a position and has a unique layer depth, and the windows are The containers can overlap each other. 9. The method of configuring a graphical user interface as described in claim 5, wherein the pane container further comprises a plurality of functional elements adapted to provide a plurality of software functions. 10. The method of configuring a graphical user interface as described in claim 9 wherein the pane container further comprises switching between the functional elements using a one-page sign. 11. The method for configuring a graphical user interface as described in claim 1 further includes: adding a functional component to the desktop container, including adding a window container to the desktop container, and A pane container is created in the window container, and the functional component is added to the pane container. 12. The method for configuring the graphical user interface as described in claim 1 of the patent scope further includes: 22 1312471 98-1-9 (10) New-functional components to the window container, which are included in the window Generate a new pane container and then include the feature in the new pane container. 13. The method for configuring a graphical user interface as described in claim 1 of the patent scope further includes: • adding a functional component to the pane container, and directly adding the function to the pane container element. 14. The method of configuring a graphical user interface as described in claim 1, further comprising: adjusting a size and a position of one of the window container and the pane container. 15. The method of configuring a graphical user interface as described in claim 1 of the patent application, further comprising: deleting the desktop container, the window container, and the functional component. 16. The method of configuring a graphical user interface as described in claim 1, further comprising: # dragging the functional component from the pane container to the desktop container, the window container, and the other window One of the grid containers. 17. The configuration method of the graphical user interface as described in claim 1, further comprising: dragging the pane container from the window container to the desktop container, the window container, and The pane container is in one of them. 18. The method of configuring a graphical user interface as described in claim 1, further comprising: 1312471 98-1-9 dragging the window container from the desktop container to another desktop container. 19. The method of configuring a graphical user interface as described in claim 1, further comprising: dragging the desktop container from the screen container into another of the screen containers. 24twenty four
TW94141424A 2005-11-25 2005-11-25 Method for configuring graphical user interface TWI312471B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW94141424A TWI312471B (en) 2005-11-25 2005-11-25 Method for configuring graphical user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW94141424A TWI312471B (en) 2005-11-25 2005-11-25 Method for configuring graphical user interface

Publications (2)

Publication Number Publication Date
TW200720951A TW200720951A (en) 2007-06-01
TWI312471B true TWI312471B (en) 2009-07-21

Family

ID=45072599

Family Applications (1)

Application Number Title Priority Date Filing Date
TW94141424A TWI312471B (en) 2005-11-25 2005-11-25 Method for configuring graphical user interface

Country Status (1)

Country Link
TW (1) TWI312471B (en)

Also Published As

Publication number Publication date
TW200720951A (en) 2007-06-01

Similar Documents

Publication Publication Date Title
US11321521B2 (en) Infinite canvas
US6626959B1 (en) Automatic formatting of pivot table reports within a spreadsheet
US7461088B2 (en) Superset file browser
US9390059B1 (en) Multiple object types on a canvas
JP3849880B2 (en) Computer / human interface system for compound documents
Sharp et al. The role of physical artefacts in agile software development: Two complementary perspectives
US9817991B2 (en) System and method for a cloud based solution to track notes against business records
JP5792287B2 (en) Spin control user interface for selecting options
BRPI0505014B1 (en) user interface for displaying a gallery of formatting options applicable to a selected object
ES2413759T3 (en) A data object tracking method that uses related thumbnail images in a palette window
BRPI0503986B1 (en) computer readable method, system and medium containing a method for providing a contextually relevant user interface
JP2006059358A (en) Improved user interface for displaying selectable software function control relevant to selected object
EA006060B1 (en) Automated system & method for patent drafting & technology assessment
KR20120026053A (en) Hierarchically-organized control galleries
US11227105B1 (en) Method and apparatus for structured documents
US20140111553A1 (en) Inferring diagram structure through implicit shape relationships
US20220083726A1 (en) Method of computerized presentation of a legend of object symbols on a document
JP3950937B2 (en) Interface method, compound document generation method, and compound document display method
CN100370454C (en) Device for displaying and operating book in electronic form
TWI312471B (en) Method for configuring graphical user interface
JP2006252045A (en) Device, method, and program for displaying file classification
CN100573447C (en) The configuration method of graphic user interface
JP2019211827A (en) Support device
JP2004013416A (en) Apparatus and method for document processing
KR20140110602A (en) Excel function providing method in supply chain management program