WO2011072938A1 - Interface graphique utilisateur pour ajuster et visualiser des paramètres en concurrence - Google Patents
Interface graphique utilisateur pour ajuster et visualiser des paramètres en concurrence Download PDFInfo
- Publication number
- WO2011072938A1 WO2011072938A1 PCT/EP2010/066332 EP2010066332W WO2011072938A1 WO 2011072938 A1 WO2011072938 A1 WO 2011072938A1 EP 2010066332 W EP2010066332 W EP 2010066332W WO 2011072938 A1 WO2011072938 A1 WO 2011072938A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- polygon
- parameters
- sub
- adjustment point
- parameter
- Prior art date
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Definitions
- the present invention relates to a method for providing a graphical user interface (GUI) as well as a respective GUI. More specifically the invention relates to a GUI capable to enter competing parameters into a data-processing system.
- GUI graphical user interface
- Data-processing system in the meaning of this invention is a computer system comprising a central processing unit (CPU) , a storage means, a user interface, and a display means, as well as a program running on the computer system.
- Computer program in the meaning of the invention may be an operating system of the computer system or an application program running under the operation system.
- an input by a user is needed.
- Such an input may be a command or a data-input, like e.g. a value.
- One means to input a command or data into a data-processing system is a GUI.
- GUI controls like a text field, a slider or a spinner could be used to adjust the desired value. In case more than one value must be adjusted, several of the mentioned controls can be used.
- GUI graphical user interface
- ratio of the parameters to each other is a function of the position of the adjustment point within the polygon displayed .
- this function can be any function like a complex function which may also include further parameters like the distance of the adjustment point from each corner of the
- the function can also be very simple, e.g. the ratio of the parameters to each other may directly correlate to the position of the adjustment point within the polygon without any other dependencies.
- the ratio of the parameters to each other is a bijective function of the position of the adjustment point within the polygon displayed. This makes the method very user friendly, since the position of the adjustment point in the polygon provides for an intuitive idea of the respective ratios of the competing parameters.
- GUI graphical user interface
- the polygon is a
- the sizes of the sub-polygons are the areas of the sub-polygons; in case of four competing parameters, the sizes of the sub-polygons are the volumes of the sub-polygons etc.
- the number of competing parameters is three. According to the inventive in such an embodiment the method comprises the following steps:
- each corner of the triangle representing one of the three parameters to be
- sub-triangles for each parameter, wherein the sub-triangles are defined by the position of the adjustment point and the corners of the triangle representing the two other parameters ;
- the function can be any function like a complex function which may also include further parameters like the distance of the adjustment point from each corner of the
- a simple geometric formula can be used for calculating the areas, e.g. the area of the main triangle, on basis of the absolute value (length) of the vector ⁇ AB ⁇ connecting two corners A and B of the triangle, and the absolute value (length) of the vector representing the height h of the triangle, i.e. the vector which starts at the third corner C of the triangle and runs orthogonal to the vector AB connecting the other two corners of the triangle.
- the areas S i , S 2 , S3 of the sub-triangles can be calculated, with the distinction that as height of the sub- triangle the absolute value (length) of the vector starting at the adjustment point and running orthogonal to the vector connecting the two other corners of the triangle is taken under consideration.
- the resulting value of Ri , R 2 , and R3 are used as input values for the three competing parameters.
- the number of competing parameters is four, the method
- each corner of the tetrahedron representing one of the three parameters to be adjusted, and an adjustment point capable to be position by the user;
- the function can also be any function like a complex function which may also include further parameters like the distance of the adjustment point from each corner of the polygon.
- the function can also be very simple which means that the fraction of each parameter may directly relate to the volume-ratio of its
- the graphic can be
- resulting volume ratios can be used as input values to the data- processing system for the four competing parameters.
- At least one adjustment point set by the user before is displayed to
- the user can access a report or view based on the historical parameter settings. Afterwards, he has to go back to the application, adjusts the new parameter settings and applies them. E.g. in case of using three text fields, the history of parameter settings could be visualized with three time series for each competing goal.
- the method and GUI according to this embodiment allows combining the visualization of historical parameter settings with the ability to immediately make new settings.
- the invention allows visualization of the history of adjustment within the control itself, and thus, could be used to help the user for the next adjustment.
- prior adjustment points can be displayed by the GUI in a colour different to the colour of the actual adjustment point, e.g. in a lighter shade of the colour.
- At least one competing parameter is set by a numeral input of the user to a fixed value, while the remaining parameters are adjustable relative to said fixed value.
- This enables the user to define a threshold for the parameter value. For example, if the user wants to define a certain adjustment but wants to guarantee that the process does not take more than 10 min, he can set the parameter value for the time to an adequate fixed value, while the remaining parameters can be varied with respect to the fixed time value.
- the area or volume of the polygon in which the adjustment point can be dragged relative to the fixed value is calculated by the computer system and highlighted on the desktop. This makes the input more comprehensive to the user and enables quick
- the invention further provides a GUI for adjusting competing parameters in a data processing system
- said data processing system comprises a computer system and a program running on said computer system
- said GUI comprises a display means and an input means
- the display means displays a polygon which number of corners is equal to the number of parameters to be adjusted, each corner of the polygon representing a parameter to be adjusted
- the input means enables to position an adjustment point within the polygon
- the GUI further comprises a recognition means which recognizes the relative position of the adjustment point within the polygon, wherein said recognition means generates a data stream representing the relative position of the adjustment point within the polygon and sends said data-stream to the data processing system
- said GUI generates for each competing parameter a sub-polygon defined by the position of the adjustment point and the corners of the polygon representing the other parameters and calculates the volume-ration or area-ratio of each sub-polygon volume or area to the polygon volume or area and sends a respective data stream to the data processing system
- the GUI and/or the method for providing a GUI according to the invention can be implemented to a data-processing system and/or application software by using a Standard Widget Toolkit (SWT) .
- SWT Standard Widget Toolkit
- the polygon, the adjustment point and the labels can be rendered using the rendering library of SWT.
- the most important implementation issue is to translate the dragged position of the adjustment point to three percentage values, one for each competing value. As described above, this is done by splitting the polygon into three polygons by means of the adjustment point. Then the area or volumes of each sub- polygon is calculated using geometric vector algebra. The proportion of the area or volume of the three sub-polygons then corresponds to the percentages of each competing value.
- the GUI can comprise a means to enter at least one of the competing parameters as numeral value. Such a means can be, e.g. a text field or the like.
- adjustment point that derivates form the entered parameter values by a reverse calculation of the relative position of the adjustment point using vector algebra.
- vector algebra allows an isomorphic unique translation in both directions, i.e. adjustment point position to parameter values and fixed
- the inverse function can be used to determine the sub-polygon areas or volumes and from those the adjustment point location.
- the invention also provides a computer- readable medium such as a storage device, such as a floppy disk, CD, DVD, Blue Ray disk, or a random access memory (RAM) ,
- a computer- readable medium such as a storage device, such as a floppy disk, CD, DVD, Blue Ray disk, or a random access memory (RAM) ,
- aspects of the present invention may be embodied as a system, method or
- aspects of the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment (including firmware, resident software, micro-code, etc.) or an embodiment combining software and hardware aspects that may all generally be referred to herein as a "circuit,” “module” or “system.”
- aspects of the present invention may take the form of a computer program product embodied in one or more computer readable medium (s) having computer readable program code embodied
- the computer readable medium may be a computer readable signal medium or a computer readable storage medium.
- a computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM) , a read-only memory (ROM) , an electrical connection having one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM) , a read-only memory (ROM) , an
- a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system,
- a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof.
- a computer readable signal medium may be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
- Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
- Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C++ or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages.
- the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the latter
- the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN) , or the connection may be made to an external computer (for example, through the Internet using an Internet Service Provider) .
- LAN local area network
- WAN wide area network
- Internet Service Provider an Internet Service Provider
- instructions may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the
- the computer program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other devices to cause a series of operational steps to be performed on the computer, other programmable apparatus or other devices to produce a computer implemented process such that the
- Fig. 1 shows an example of the inventive GUI
- Fig. 2 shows a further example of the inventive GUI with a
- Fig. 3 shows an embodiment displaying several historic
- Fig. 4 shows an embodiment having the option to enter a fixed value for a parameter
- Fig. 5 depicts a example how to calculate sub-triangles when the GUI is used for the adjustment of three competing parameters
- Fig. 6 shows a GUI according to the invention for the adjustment of four competing parameters.
- a GUI according to the invention is shown which can be used for the adjustment of three competing parameters.
- the three parameters cleaning effectiveness C, process duration D and energy consumption E of an industrial cleaning process are depicted, representing three competing parameters.
- a triangle is shown on which corners the name of three parameters C, D, and E is displayed. The user can drag an adjustment point within the area formed by the triangle. Each point within this grey area represents a specific combination of the competing parameters.
- the GUI is used for the adjustment of the three competing parameters.
- the cleaning effectiveness of the industrial cleaning process i.e. measured by a rest
- the invention allows specifying the proportion of all three competing goals within a single step by dragging the black adjustment point with e.g. a mouse to the appropriate place in the triangle representing the desired proportion. This is intuitive and errors are not possible, as the control implicitly guarantees correctness of the three proportions.
- the three values for C, D, and E always sum up to 100%.
- Fig. 3 an embodiment of the inventive GUI is shown in which the history of prior selected adjustment points is visible.
- the inventive GUI allows combining the visualization of historical settings with the ability to immediately make new settings. It allows to visualize the history of adjustment within the control itself, and thus, could be used to help the user for the next adjustment.
- Fig. 4 the optional entering of a fixed value for at least one of the competing parameters is shown. If the user wants to limit the time required for the cleaning process, he can set the value of the duration to a fixed number, e.g. 10 min., while the other two parameters are still adjustable by dragging the adjustment point within the triangular area.
- a fixed number e.g. 10 min.
- Fig. 5 depicts how the implementation of the inventive GUI can be performed.
- the implementation can be done by using SWT.
- the triangle, the adjustment point and the labels are rendered using the rendering library of SWT.
- the most important implementation issue is to translate the dragged position of the adjustment point to three percentage values, one for each competing value. This is done by splitting the triangle into three triangles by means of the adjustment point. Then the area of each sub-triangle is calculated using geometric vector algebra. The proportion of the area of the three sub-triangles then corresponds to the percentages of each competing value. Note, that the sub-triangle on the opposite side of the value corner is the corresponding area for that value.
- FIG. 6 an embodiment of the invention is shown in which four competing parameters W, X, Y, and Z are adjustable.
- W, X, Y, and Z are adjustable.
- a 3-D control can be rendered on a normal screen by e.g. emulating 3-D perspective.
- the adjustment point (sphere) can be adjusted e.g. using the mouse for 2 dimensions and the scroll wheel for the 3rd
- the inventive GUI can be used in real 3-D space.
- each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
L'invention concerne un procédé de fourniture d'une interface graphique utilisateur (GUI) pour ajuster des paramètres en concurrence dans un système informatique, ledit procédé comprenant les étapes consistant à : a) fournir à un utilisateur un bureau, lequel bureau affiche un polygone dont le nombre de coins est égal au nombre de paramètres à ajuster, chaque coin du polygone représentant un paramètre à ajuster, et un point d'ajustement capable d'être positionné par l'utilisateur ; b) permettre à l'utilisateur de déplacer le point d'ajustement dans le polygone affiché ; le rapport des paramètres les uns avec les autres étant fonction de la position du point d'ajustement dans le polygone affiché. En outre, l'invention concerne une interface graphique utilisateur respective.
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
EP09179440 | 2009-12-16 | ||
EP09179440.4 | 2009-12-16 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2011072938A1 true WO2011072938A1 (fr) | 2011-06-23 |
Family
ID=43544998
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/EP2010/066332 WO2011072938A1 (fr) | 2009-12-16 | 2010-10-28 | Interface graphique utilisateur pour ajuster et visualiser des paramètres en concurrence |
Country Status (2)
Country | Link |
---|---|
TW (1) | TW201142692A (fr) |
WO (1) | WO2011072938A1 (fr) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2015021309A1 (fr) * | 2013-08-07 | 2015-02-12 | The Coca-Cola Company | Réglage dynamique de rapports de boissons dans une boisson composée |
EP2730004A4 (fr) * | 2011-07-08 | 2016-01-20 | Sharp Kk | Système, interface utilisateur graphique et procédé de représentation multidimensionnelle de gestion d'énergie |
EP3309759A1 (fr) * | 2016-09-29 | 2018-04-18 | Viessmann Werke GmbH & Co KG | Dispositif permettant de déterminer une qualité de carburant individuelle dans une pompe à essence |
CN111768464A (zh) * | 2019-04-01 | 2020-10-13 | 珠海金山办公软件有限公司 | 一种图形调整方法及装置 |
CN113553813A (zh) * | 2020-04-24 | 2021-10-26 | 广州金山移动科技有限公司 | 一种平行四边形参数调节方法、装置、及存储介质 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI505116B (zh) * | 2013-02-04 | 2015-10-21 | Himax Tech Ltd | 導電材料圖案層之製造系統及製造方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050060659A1 (en) * | 2003-09-11 | 2005-03-17 | Dell Products L.P. | System, method and software for communicating the effects of user preference settings in an information handling system |
US6892249B1 (en) * | 2002-05-02 | 2005-05-10 | Western Digital Technologies, Inc. | Dependently adjusting at least three operating levels of a disk drive by dependently adjusting a plurality of disk drive parameters |
WO2007011280A1 (fr) * | 2005-07-18 | 2007-01-25 | Aktiebolaget Electrolux | Dispositif de commande du fonctionnement d'un lave-linge et/ou seche-linge |
US20070150536A1 (en) * | 2005-12-27 | 2007-06-28 | Lexmark International, Inc. | Peripheral device having user preference history and method of operation |
US20090164948A1 (en) * | 2007-12-19 | 2009-06-25 | Columbus Venture Capital S.A.R.L. | System and method for selecting weighting for searching and for presentation of search results |
-
2010
- 2010-09-30 TW TW99133430A patent/TW201142692A/zh unknown
- 2010-10-28 WO PCT/EP2010/066332 patent/WO2011072938A1/fr active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6892249B1 (en) * | 2002-05-02 | 2005-05-10 | Western Digital Technologies, Inc. | Dependently adjusting at least three operating levels of a disk drive by dependently adjusting a plurality of disk drive parameters |
US20050060659A1 (en) * | 2003-09-11 | 2005-03-17 | Dell Products L.P. | System, method and software for communicating the effects of user preference settings in an information handling system |
WO2007011280A1 (fr) * | 2005-07-18 | 2007-01-25 | Aktiebolaget Electrolux | Dispositif de commande du fonctionnement d'un lave-linge et/ou seche-linge |
US20070150536A1 (en) * | 2005-12-27 | 2007-06-28 | Lexmark International, Inc. | Peripheral device having user preference history and method of operation |
US20090164948A1 (en) * | 2007-12-19 | 2009-06-25 | Columbus Venture Capital S.A.R.L. | System and method for selecting weighting for searching and for presentation of search results |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2730004A4 (fr) * | 2011-07-08 | 2016-01-20 | Sharp Kk | Système, interface utilisateur graphique et procédé de représentation multidimensionnelle de gestion d'énergie |
WO2015021309A1 (fr) * | 2013-08-07 | 2015-02-12 | The Coca-Cola Company | Réglage dynamique de rapports de boissons dans une boisson composée |
US10384925B2 (en) | 2013-08-07 | 2019-08-20 | The Coca-Cola Company | Dynamically adjusting ratios of beverages in a mixed beverage |
EP3309759A1 (fr) * | 2016-09-29 | 2018-04-18 | Viessmann Werke GmbH & Co KG | Dispositif permettant de déterminer une qualité de carburant individuelle dans une pompe à essence |
CN111768464A (zh) * | 2019-04-01 | 2020-10-13 | 珠海金山办公软件有限公司 | 一种图形调整方法及装置 |
CN111768464B (zh) * | 2019-04-01 | 2023-09-19 | 珠海金山办公软件有限公司 | 一种图形调整方法及装置 |
CN113553813A (zh) * | 2020-04-24 | 2021-10-26 | 广州金山移动科技有限公司 | 一种平行四边形参数调节方法、装置、及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
TW201142692A (en) | 2011-12-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10255044B2 (en) | Method and system for modifying deployed applications | |
US9569082B1 (en) | Interactive threshold setting for pie charts | |
CN108351764B (zh) | 数据处理方法和系统 | |
WO2011072938A1 (fr) | Interface graphique utilisateur pour ajuster et visualiser des paramètres en concurrence | |
CN108415706A (zh) | 可视化网页生成的方法、系统、设备及存储介质 | |
CN108228287B (zh) | 基于qt的用户界面控件的生成方法及装置 | |
US8248428B2 (en) | Parallel computation of computationally expensive parameter changes | |
US8843892B2 (en) | Visual representations of code in application development environments | |
US20150095811A1 (en) | Context aware user interface parts | |
US10613879B2 (en) | Generating component pages to render in a configuration page in a graphical user interface to configure a computing resource | |
US20180373504A1 (en) | Graphical interface to generate instructions to control a representation by an output interface of one or more objects | |
US9513778B1 (en) | Defining objects using an object-relationship map | |
CN110832456A (zh) | 为图形界面创建默认布局约束 | |
CN110457028B (zh) | 一种页面可视化编程方法、装置、服务器和存储介质 | |
US10168884B2 (en) | Generating user interface configuration pages to configure a computing resource comprised of component computing resources | |
US10007949B2 (en) | Visual depiction of warnings and errors | |
US20130097582A1 (en) | Hierarchical functional and variable composition diagramming of a programming class | |
CN116661785A (zh) | 基于iOS的进度条实现方法、装置、电子设备及存储介质 | |
US10193959B2 (en) | Graphical interface for editing an interactive dynamic illustration | |
US20140245197A1 (en) | Duplicating graphical widgets | |
US20110029951A1 (en) | Visually Presenting Inherited Members in Object-Oriented Languages | |
US20200250871A1 (en) | Enhancement layers for data visualization | |
US9021346B2 (en) | Systems and methods for displaying and editing state-specific link attributes | |
US9710235B2 (en) | Generating software code | |
CN114518875A (zh) | 一种图形化编程系统及其编程方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 10776625 Country of ref document: EP Kind code of ref document: A1 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 10776625 Country of ref document: EP Kind code of ref document: A1 |