CN115552374A - 用于仪表板软件的自适应gui - Google Patents
用于仪表板软件的自适应gui Download PDFInfo
- Publication number
- CN115552374A CN115552374A CN202180033494.1A CN202180033494A CN115552374A CN 115552374 A CN115552374 A CN 115552374A CN 202180033494 A CN202180033494 A CN 202180033494A CN 115552374 A CN115552374 A CN 115552374A
- Authority
- CN
- China
- Prior art keywords
- sub
- area
- region
- grid
- computer
- Prior art date
- Legal status (The legal status 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 status listed.)
- Pending
Links
- 230000003044 adaptive effect Effects 0.000 title description 2
- 238000000034 method Methods 0.000 claims abstract description 51
- 230000006870 function Effects 0.000 claims description 8
- 230000003213 activating effect Effects 0.000 claims description 3
- 238000005259 measurement Methods 0.000 claims description 2
- 238000004590 computer program Methods 0.000 description 7
- 238000004422 calculation algorithm Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000000576 coating method Methods 0.000 description 3
- 238000001514 detection method Methods 0.000 description 3
- 239000011248 coating agent Substances 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 238000004519 manufacturing process Methods 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 238000013515 script Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000577979 Peromyscus spicilegus Species 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- QVGXLLKOCUKJST-UHFFFAOYSA-N atomic oxygen Chemical compound [O] QVGXLLKOCUKJST-UHFFFAOYSA-N 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000036772 blood pressure Effects 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000004737 colorimetric analysis Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000012530 fluid Substances 0.000 description 1
- 239000007789 gas Substances 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 238000007689 inspection Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000001301 oxygen Substances 0.000 description 1
- 229910052760 oxygen Inorganic materials 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000644 propagated effect Effects 0.000 description 1
- 230000036387 respiratory rate Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000000638 solvent extraction Methods 0.000 description 1
- 239000000758 substrate Substances 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
- Digital Computer Display Output (AREA)
Abstract
本公开涉及用于比色法软件产品的图形用户界面(GUI)，用于生成GUI的计算机实现的方法，以及用于执行该方法的系统。
Description
技术领域
本公开涉及用于仪表板软件产品(例如，比色法软件产品)的图形用户界面(GUI)、用于生成GUI的计算机实现的方法，以及用于执行该方法的系统。
背景技术
在汽车涂装生产线中，重要的是实现车身和附加部件的颜色一致的涂装。为了确保关于批次一致性和生产一致性的合规性，并保证满足颜色规格和比色特性的公差，已经开发了软件工具以支持生产过程的质量管理。
示例是由巴斯夫涂料公司开发的
软件，特别是
工具箱。该软件能够持续监视车身和附加部件(如舱口盖、后视镜或门把手)之间的颜色匹配。该软件将基于仪器的比色法与分析方法相结合以及将该统计数据转换为图形并指示偏差。
软件必须生成与计算设备的可视化显示相适应的图形用户界面(GUI)，其在计算设备上执行以向应用程序用户显示信息。取决于特定的应用程序和用户要检查的信息，需要显示大量不同和变化的数据对象。有必要对于最大的可用性提供允许用户以最大的灵活性配置GUI布局的计算机实现的方法和计算机系统。
EP2930613A1描述了用于生成用户界面布局的方法、系统和计算机程序产品。一种计算机实现的方法包括：基于多个数据显示字段的优先级将与图形用户界面相关联的可用垂直空间划分为多个允许的垂直空间分配，由计算机计算每个数据显示字段扩展后的闲置部分以填充与数据显示字段相关联的允许的垂直空间分配，在多个数据显示字段之间分配闲置部分，在多个数据显示字段之间分配闲置部分之后由计算机重新计算闲置部分，以及最终确定在图形用户界面中的多个数据显示元素的显示。
US6874128B1公开了一种鼠标驱动的拆分程序和算法。拆分显示窗口的方法包括将光标从显示窗口中的起始点拖到显示窗口中的结束点；以及将显示窗口划分为两个单独的拆分显示窗口，所述单独的拆分显示窗口中的每一个具有新形成的边缘，该边缘基本上与将穿过起始点和结束点的直线对齐。提供与拆分显示窗口中的每一个相关联的可滚动列表框，每个列表框包含用于在相关联窗口中显示的一个或多个显示选项；以及选择显示选项中的一个以用于拆分显示窗口中的每一个的显示；并且在拆分显示窗口中的每一个拆分显示窗口内显示与所选择的显示选项相关联的可视显示。
WO02/25420A1公开了一种视图管理系统，其具有提供具有窗格拆分控件的可隐藏视图栏和打开视图列表的计算机显示器。通过选择窗格拆分控件中的特定窗格拆分控件，系统用户可以配置显示器以示出任何数量和布置的平铺视图。仅通过在视图栏中出现的列表中选择打开视图中的一个，用户可以将该视图分配给当前具有焦点的窗格。一对窗格的内容可以通过使用光标控制的指向设备的点击拖放操作序列轻松交换。
发明内容
本公开涉及用于生成图形用户界面布局的计算机实现的方法、计算机可读介质和计算机系统。提供了权利要求1，14和15中定义的计算机实现的方法，存储计算机可读指令的计算机可读介质和系统。进一步的实施例在从属权利要求中阐述。
附图说明
图1a是采用本公开的方法生成的GUI的示例截图；
图1b是采用本发明的方法生成的GUI的另一个示例截图；
图2是示出用于生成本公开的用户界面布局的方法的一些步骤的流程图。
具体实施方式
本公开提出一种用于生成用于仪表板软件产品的图形用户界面(GUI)的计算机实现的方法。该方法包括以下步骤：
a)接收选择与GUI相关联的显示器上的可用(子)区域的输入；
b)接收由(子)区域是水平地划分还是垂直地划分的选择组成的二元输入；
c)取决于步骤b)所做的选择，将(子)区域水平地或垂直地划分为具有预定义的面积比的两个子区域；
d)重复步骤a)至c)直到已经获得所需的网格；
e)将由仪表板软件提供的至少一个数据对象分配给在步骤d)中获得的网格的至少一个子区域；
f)在分配的子区域中显示数据对象。
在本公开的上下文中，仪表板软件产品是需要显示和控制大量不同和变化的数据对象的软件。示例包括例如用于交易股票、债券、期权、货币、商品等的交易软件应用程序；用于监视比如脉搏率、血压、呼吸频率、氧饱和度、心律、脑电波等的病人多项重要参数的卫生部门的软件应用程序；以及用于测试和/或监视机器的工具；例如，发动机，其监视和/或控制排气参数、压力、液体流量、气体流量、电压、电流、功率、扭矩、温度、转速等。在特定实施例中，仪表板软件是比色法软件产品。
在该方法的一个实施例中，经由输入设备(诸如键盘、计算机鼠标、轨迹球或触摸屏)从用户接收输入。用户在与GUI相关联的显示器上选择可用的(子)区域以及该(子)区域将要被水平地还是垂直地划分。
在该方法的一个实施例中，通过将光标导航到(子)区域中来选择步骤a)中的(子)区域。在使用计算机鼠标或轨迹球作为输入设备的特定实施例中，将指针移动到(子)区域以选择它。在使用触摸屏作为输入设备的另一个特定实施例中，通过触摸相应(子)区域中的触摸屏来选择步骤a)中的(子)区域。在进一步的实施例中，可以使用快捷方式导航到相应的(子)区域。
在该方法的步骤b)中，接收到二元输入。二元输入由选择(子)区域将被水平地划分还是垂直地划分组成。换句话说，二元输入是单条信息，它只能接受两个表达式中的一个，一个表示“水平地划分”，另一个表示“垂直地划分”。二元输入不包括关于(子)区域被划分的位置的信息。换句话说，二元输入中不包含关于拆分的确切位置的信息。
在该方法的一个实施例中，通过将光标导航到如先前所述的(子)区域并生成用于选择(子)区域的水平划分的第一预定义二元输入或用于选择(子)区域的垂直划分的第二预定义二元输入来进行步骤b)中的选择。预定义二元输入是一种编程的二元输入，诸如鼠标点击、触摸屏手势、快捷方式或它们的组合。在一个示例中，通过使用计算机鼠标(或轨迹球)将光标导航到(子)区域并执行用于选择(子)区域的水平划分的鼠标左键点击或用于选择(子)区域的垂直划分的鼠标右键点击来进行步骤b)中的选择。在另一个示例中，通过使用计算机鼠标(或轨迹球)将光标导航到(子)区域并执行用于选择(子)区域的水平划分的鼠标右键点击或用于选择(子)区域的垂直划分的鼠标左键点击来进行步骤b)中的选择。
在步骤c)中，将(子)区域划分为具有预定义面积比的两个子区域。预定义面积比可以是任何比率x：y，其中0<x<1、0<y<1以及x+y＝1。在特定实施例中，预定义比率为0.5：0.5，即通过划分获得的两个子区域是相称的。
重复步骤a)至c)，直到获得GUI所需的网格。这允许使用递归算法生成灵活的GUI。所述算法允许用户根据需要垂直地和/或水平地划分GUI，使将显示区域划分为任意聚集量的子区域成为可能，从而在这些子区域内定位任意子窗口(例如，图表、表格等)。点击插入子区域，该子区域进而提供放置两个新子区域的可能性，以此类推。只要用户继续点击(左/右)，就会创建更多的子区域。最后的网格由多个矩形子区域组成。
在该方法的实施例中，只要没有数据对象被分配到(子)区域，步骤a)至c)就可以撤消或重做。撤销或重做可以由任何类型的预定义二元输入(等于回退或前进)触发，诸如经由鼠标、触摸、快捷方式。在一个实施例中，步骤a)至c)可以通过在计算机鼠标的鼠标滚轮上滚动来撤消或重做。该“历史”功能跟踪用户所做的选择，例如，鼠标左键点击和鼠标右键点击，并允许用户通过在鼠标滚轮上向后滚动来撤销任何他/她不满意的选择。如果用户在选择历史中后退了太多，可以通过在鼠标滚轮上向前滚动来重做步骤。然而，一旦用户将数据对象分配给(子)区域，历史记录功能就不再可用；并且以前对网格的更改无法通过在鼠标滚轮上滚动来撤消。这是由于网格的生成已经完成的事实。完成网格之后，只能分配数据对象类型和/或更改面积比。
GUI的网格应该是尽可能灵活的，并且它的生成只需要用户最少的输入；唯一需要的信息是：开始，划分水平/垂直，完成。
在该方法的一个实施例中，在步骤d)中获得的网格的每个子区域的边界可以移动以修改网格，即(已完成)网格的子区域在宽度和长度上是可修改的。在特定实施例中，通过指向并点击边界以选择该边界并且然后将指针拖动到所需的位置，使用计算机鼠标(或轨迹球)移动子区域的边界。
在步骤d)中获得所需的网格后，由仪表板软件提供的数据对象类型被分配到步骤d)中获得的网格的子区域。数据对象类型可以是相同的数据对象类型，也可以是不同的数据对象类型。可以向子区域分配多于一个数据对象类型。同样，相同的数据对象类型可以分配给多于一个的子区域。在一个实施例中，至少一个数据对象被分配给在步骤d)中获得的网格的子区域中的每个子区域。
在另一个实施例中，所获得的网格的每个子区域分配给由仪表板软件提供的至少一个数据对象类型。一旦网格生成完成，所有子区域都可以用于放置数据对象类型。每个和所有子区域都具有双向信息机制(在其链中具有n+1个成员，其中n是相应子区域的深度)，这使开发人员能够将关于所有子区域的所有信息捆绑在一个位置，并且另一方面从任何所需的位置将信息发送到子区域中的每个子区域。在一个实施例中，在网格的每个子区域中提供输入按钮以用于选择要分配给并显示在相应子区域中的至少一个数据对象类型。单个数据对象类型可以分配给并显示在多于一个的子区域。一旦将数据对象类型已经被分配给子区域，该子区域将包含相应被分配的数据对象类型的实例。这允许将具有相同类型但具有不同内容的数据对象类型，或具有相同内容的数据对象类型分配给相同或不同的子区域。
在该方法的一个实施例中，从由数字、文本、符号、表格、图表和图片组成的组中选择数据对象类型。在进一步的实施例中，数据对象表示由仪表板软件(例如比色法软件产品)获得的测量数据。
在该方法的一个实施例中，分配的数据对象可以例如通过拖放自由地从一个子区域移动到另一个子区域。在进一步的实施例中，其中多于一个的数据对象被分配给单个子区域，在相应的子区域中显示的数据对象的顺序可以例如通过拖放机制随意更改，该拖放机制将相应的数据对象移动到分配给相应子区域的数据对象列表中的不同位置。
在该方法的一个实施例中，完成的网格是可存储的，即，它可以被转移到另一个GUI或被重新加载。为此目的，用于生成网格的输入存储在数据存储介质上并可以在重新加载网格时取得。用于生成网格的输入可以通过删除不必要的输入，诸如在生成网格期间执行的闲置部分输入来减少，以便将需要存储的输入系列限制到优化的最小值。这允许将用于传输或重新加载完成的网格所需存储的数据量减少到最小值。在该方法的另一个实施例中，完成的网格是持久的。
在该方法的一个实施例中进一步涉及
f)对数据对象中的至少两个数据对象进行分组；以及
h)采用共同的颜色和/或编号突出显示数据对象组。
对数据对象进行分组允许在不同的子区域中显示与相同主题相关的不同数据对象。这为对于特定主题可用的所有数据提供了更好的概述。
在一个实施例中，除子区域网格外，GUI还包括可固定在显示器的边缘任意位置处的快速启动按钮栏。在特定实施例中，快速启动按钮栏也可以在未固定时从该位置浮入和浮出。在进一步的实施例中，可以经由拖放将激活不同功能的按钮添加到快速启动按钮栏和从快速启动按钮栏删除。
在一个实施例中，GUI包括标准的页眉、标准的页脚，以及灵活性方面的两个主要组件，即快速启动按钮栏和自定义网格，自定义网格包括像图表、表格和报告(等)这样的视图。网格满足了设计任意矩形子区域的需求，其中可以放置不同的视图，子区域的大小是可定制的。
本公开还提供了一种存储计算机可读指令的非暂态计算机可读介质，该计算机可读指令可由计算机执行并操作以：
a)接收选择显示器上的可用(子)区域的输入；
b)接收定义(子)区域将被水平地划分或定义(子)区域将被垂直地划分的二元输入；
c)取决于在步骤b)中接收的二元输入，将(子)区域水平地或垂直地划分为具有预定义面积比的两个子区域；
d)重复步骤a)至c)直到接收到指示已经获得所需的网格的输入；
e)接收将存在于计算机存储器中的至少一个数据对象分配给在步骤d)中获得的网格的至少一个子区域的多个输入；
f)显示子区域中分配的数据对象。
适合用于存储计算机程序指令和数据的计算机可读介质(暂态或非暂态，视情况而定)包括所有形式的非易失性存储器、介质和存储设备，以半导体存储设备为例，包括例如可擦可编程只读存储器(EPROM)、电可擦可编程只读存储器(EEPROM)和闪存设备；磁盘，例如内部硬盘或可移动磁盘；磁光盘；以及CD-ROM，DVD+/-R，DVD-RAM和DVD-ROM盘。该存储器可存储各种对象或数据，包括缓存、类、框架、应用、备份数据、作业、网页、网页模板、数据库表、存储业务和/或动态信息的存储库，以及包括任何参数、变量、算法、指令、规则、约束或其引用的任何其它适当的信息。此外，存储器可包括任何其它适当的数据，诸如日志，策略，安全或访问数据，报告文件，以及其它数据。处理器和存储器可以由专用逻辑电路补充或并入其中。
程序软件，软件应用，模块，软件模块，脚本或代码可以用包括编译或解释语言，或声明性或过程性语言的任何形式的编程语言编写，并且它可以以任何形式部署，包括作为独立的程序，或作为适合在计算环境中使用的模块、组件、子程序或其它单元。在一个实施例中，本公开的计算机可执行指令以HTML、TS(TypeScript)和CSS(级联样式表)编写。它们特别适合处理Angular框架。
计算机程序可以(但不必)与文件系统中的文件对应。程序可以存储在包含其它程序或数据的文件的一部分(例如，存储在标记语言文档中的一个或多个脚本)中，存储在专门用于所讨论的程序的单个文件中，或者存储在多个协调文件(例如，存储一个或多个模块、子程序或代码部分的文件)中。计算机程序可以部署为在一个计算机上或在位于一个站点或分布在多个站点并由通信网络相互连接的多个计算机上执行。虽然在各种图中所示的程序部分显示为单独的模块，该模块通过各种对象，方法或其它过程实现各种特性和功能，但视情况而定，程序反而可包括多个子模块，第三方服务，组件，库等。相反，各种组件的特性和功能可以视情况组合成单个组件。
本公开还提供了一个系统，包括：
1)至少一个输入设备；
2)至少一个显示器；
3)存储器；
4)至少一个硬件处理器，其与至少一个输入设备；至少一个显示器；以及存储器互操作耦合，并被配置为：
a)接收选择显示器上的可用(子)区域的输入；
b)接收定义(子)区域将被水平地划分或定义(子)区域将被垂直地划分的二元输入；
c)取决于在步骤b)中接收的二元输入，将(子)区域水平地或垂直地划分为具有预定义面积比的两个子区域；
d)重复步骤a)至c)直到接收到指示已经获得所需的网格的输入；
e)接收将存在于存储器中的至少一个数据对象分配给在步骤d)中获得的网格的至少一个子区域的多个输入；
f)显示子区域中分配的数据对象。
在一个实施例中，输入设备包括计算机鼠标或轨迹球。在进一步实施例中，至少一个输入设备包括计算机键盘。
在一个实施例中，该至少一个显示器包括触摸屏。触摸屏也可以作为输入设备。
适合执行本公开方法的系统可以基于通用或专用微处理器，基于两者，或基于任何其它类型的CPU。通常，CPU会从只读存储器(ROM)或随机存取存储器(RAM)或两者中接收指令和数据。系统的基本元件是用于实施或执行指令的CPU以及用于存储指令和数据的一个或更多个存储器设备。通常，该系统还将包括用于存储数据的一个或更多个大容量存储设备，例如磁、磁光盘或光盘，或操作地耦合到该一个或更多个大容量存储设备，从该一个或更多个大容量存储设备接收数据或向该一个或更多个大容量存储设备传输数据，或同时从该一个或更多个大容量存储设备接收数据和向该一个或更多个大容量存储设备传输数据。然而，系统不需要具有这种设备。此外，该系统还可以嵌入另一个设备，例如移动电话、个人数字助理(PDA)、游戏主机或便携式存储设备，仅举几例，例如通用串行总线(USB)闪存驱动器。
本公开通常描述用于生成用户界面布局的计算机实现的方法、计算机程序产品和系统。提出以下描述以便使任何技术人员能够制作、使用和/或实践所公开的主题，并在一个或多个特定实现方式的上下文中提供。对公开的实现方式的各种修改对于技术人员来说是容易显见的，并且在此定义的一般原则可以应用到其它实现方式和应用而不脱离公开的范围。因此，本公开并不旨在限于所描述的和/或说明的实现方式，而是被赋予与在此公开的原理和功能一致的最广泛的范围。
本说明书中描述的主题和功能操作的实现方式可以在数字电子电路中，在有形嵌入的计算机软件或固件中，在计算机硬件(包括本说明书中公开的结构及其结构等效物)中，或其中一个或更多个的组合中实现。本说明书中所述主题的实现方式可以实现为一个或更多个计算机程序，即在有形非暂态计算机存储介质上编码的计算机程序指令的一个或更多个模块，以便由数据处理设备执行或控制数据处理装置的操作。可替代地或另外，程序指令可以被编码到人工生成的传播信号(例如，机器生成的电、光或电磁信号)上，其被生成以对信息进行编码以便传输到合适的接收器装置以由数据处理装置执行。计算机存储介质可以是机器可读存储设备、机器可读存储基板、随机或串行访问存储设备，或其中一个或更多个的组合。
本说明书主题的一个或更多个实现方式的细节在附图和说明中阐述。主题的其它特征、方面和优点将从说明书、附图和权利要求中显而易见。
附图的详细描述
图1a是使用本公开的方法生成的GUI 100的第一个示例截图。GUI 100包括多个子区域110。在每个子区域110中显示恰好一个指定的数据对象。在每个子区域110中提供链接按钮120以用于选择要在子区域110中显示的数据对象。在图1a中所示的实施例中，在子区域110中提供指定并显示的数据对象类型的指示符130。
用于激活不同功能的包括多个按钮150的快速启动按钮栏140位于GUI的上边缘处。在图1a中所示的示例中，GUI包括以四列布置的八个子区域。虽然在本示例中所有子区域都是相称的，但这不是强制性的。子区域的数量也可能随行和/或列而不同。
图1b是使用本公开的方法生成的GUI 100的另一个示例截图。GUI 100包括多个子区域110。在左上的子区域中，显示了两个分配的数据对象。在它正下方的子区域中，显示两个分配的数据对象，而在GUI 100右侧的两个子区域中的每个子区域中只显示一个分配的数据对象。在每个子区域110中提供链接按钮120以用于选择要在子区域110中显示的数据对象类型。针对子区域110中的每个子区域中的每个分配数据对象提供分配和显示的数据对象的类型的指示符130。在所示的示例中，分配的数据对象被分组为两个子组。不同的颜色(由图中不同的纹理指示)和数字用于突出显示GUI 100中的不同子组。每个被分配的数据对象的指示符130显示数字160，并与分配数据对象所属的子组对应地上色。
图2是示出用于生成本公开的图形用户界面(GUI)布局的方法的一些步骤的流程图200。流程图200示出该方法的递归部分。在启动210之后，在步骤220中检查是否存在指示过程已经完成的输入。如果检测到这种输入，则进程将结束260。否则，在检测到进一步的输入(例如鼠标点击)时，执行检查230，检查针对当前所选的(子)区域已经选择哪个选项。在检测到鼠标右键点击时，(子)区域垂直地划分240，而在检测到鼠标左键点击时，(子)区域水平地划分250。在未示出的另一个实施例中，(子)区域在检测到鼠标左键点击时垂直地划分240，而(子)区域在检测到鼠标右键点击时水平地划分250。然后该过程转回步骤220。
参考符号列表
100 GUI
110 子区域
120 数据对象链接按钮
130 数据对象类型指示符
140 快速启动按钮栏
150 功能按钮
160 数据对象的子组数
200 流程图
210 启动
220 检查输入
230 识别输入
240 垂直地划分(子)区域
250 水平地划分(子)区域
260 结束
Claims (15)
1.一种用于生成仪表板软件的图形用户界面(100)(GUI)的计算机实现的方法，包括：
a)接收选择与所述GUI(100)相关联的显示器上的可用(子)区域(110)的输入；
b)接收由所述(子)区域(110)是水平地划分(250)还是垂直地划分(240)的选择组成的二元输入；
c)取决于步骤b)所做的所述选择，将所述(子)区域(110)水平地(250)或垂直地(240)划分为具有预定义的面积比的两个子区域(110)；
d)重复步骤a)至c)直到已经获得所需的网格；
e)将由所述仪表板软件提供的至少一个数据对象类型分配给步骤d)中获得的所述网格的至少一个子区域(110)；
f)在所述子区域(110)中显示分配的数据对象。
2.根据权利要求1所述的方法，其中，步骤a)中的所述(子)区域(110)通过将光标导航到所述(子)区域(110)来选择。
3.根据权利要求1或2所述的方法，其中，步骤b)中的所述选择通过使用计算机鼠标将光标导航到所述(子)区域(110)并执行鼠标左键点击以选择所述(子)区域的水平划分(250)或执行鼠标右键点击以选择所述(子)区域(110)的垂直划分(240)来进行。
4.根据权利要求1或2所述的方法，其中步骤b)中的所述选择通过使用计算机鼠标将光标导航到所述(子)区域(110)并执行鼠标右键点击以选择所述(子)区域的水平划分(250)或执行鼠标左键点击以选择所述(子)区域(110)的垂直划分(240)来进行。
5.根据权利要求1至4中任一项所述的方法，其中，只要没有数据对象被分配给所述(子)区域(110)，步骤a)至c)都可以撤消或重做。
6.根据权利要求1至5中任一项所述的方法，其中，所述数据对象从由数字、文本、符号、表格、图表和图片组成的组中选择。
7.根据权利要求1至6中任一项所述的方法，其中，所述数据对象表示由比色法软件获得的测量数据。
8.根据权利要求1至7中任一项所述的方法，其中，可以移动步骤d)中获得的所述网格的每个子区域(110)的边界来修改所述网格，通过指向并点击所述边界以选择所述边界并且然后将指针拖动到所述所需的位置，使用计算机鼠标移动子区域(110)的边界。
9.根据权利要求1至8中任一项所述的方法，其中，所述网格是可存储的。
10.根据权利要求1至9中任一项所述的方法，其中，所述GUI(100)包括快速启动按钮栏(120)，所述快速启动按钮栏(120)可以被固定在所述显示器边缘处的任意位置。
11.根据权利要求10所述的方法，其中，所述快速启动按钮栏(120)也可以在其未固定时从所述位置浮入和浮出。
12.根据权利要求10或11所述的方法，其中，可以经由拖放将激活不同功能的按钮(130)添加到所述快速启动按钮栏(120)以及从所述快速启动按钮栏(120)移除。
13.根据权利要求1至12中任一项所述的方法，其涉及：
g)对至少两个数据对象进行分组；以及
h)采用共同的颜色和/或编号突出显示数据对象组。
14.一种存储计算机可读指令的非暂态计算机可读介质，所述计算机可读指令可由计算机执行并操作以：
a)接收选择显示器上的可用(子)区域(110)的输入；
b)接收定义所述(子)区域(110)将被水平地(250)划分或定义所述(子)区域(110)将被垂直地(240)划分的二元输入；
c)取决于在步骤b)中接收的所述二元输入，将所述(子)区域(110)水平地(250)或垂直地(240)划分为具有预定义的面积比的两个子区域(110)；
d)重复步骤a)至c)直到接收到指示已经获得所需的网格的输入；
e)接收将存在于计算机存储器中的至少一个数据对象分配给在步骤d)中获得的所述网格的至少一个子区域(110)的多个输入；
f)显示所述子区域(110)中的分配的数据对象。
15.一种系统，包括：
1)至少一个输入设备；
2)至少一个显示器；
3)存储器；
4)至少一个硬件处理器，其与所述至少一个输入设备，所述至少一个显示器以及存储器互操作耦合，并被配置为：
a)接收选择所述显示器上的可用(子)区域(110)的输入；
b)接收定义所述(子)区域(110)将被水平地(250)划分或定义所述(子)区域将被垂直地(240)划分的二元输入；
c)取决于在步骤b)中接收的所述二元输入，将所述(子)区域水平地(250)或垂直地(240)划分为具有预定义的面积比的两个子区域(110)；
d)重复步骤a)至c)直到接收到指示已经获得所需的网格的输入；
e)接收将存在于所述存储器中的至少一个数据对象分配给在步骤d)中获得的所述网格的至少一个子区域(110)的多个输入；
f)显示所述子区域(110)中的分配的数据对象。
Applications Claiming Priority (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| EP20173995.0 | 2020-05-11 | ||
| EP20173995 | 2020-05-11 | ||
| PCT/EP2021/061765 WO2021228632A1 (en) | 2020-05-11 | 2021-05-04 | Adaptable gui for dashboard software |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115552374A true CN115552374A (zh) | 2022-12-30 |
Family
ID=70681713
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202180033494.1A Pending CN115552374A (zh) | 2020-05-11 | 2021-05-04 | 用于仪表板软件的自适应gui |
Country Status (9)
| Country | Link |
|---|---|
| US (1) | US20230176706A1 (zh) |
| EP (1) | EP4150449A1 (zh) |
| JP (1) | JP2023525804A (zh) |
| KR (1) | KR20230003285A (zh) |
| CN (1) | CN115552374A (zh) |
| AU (1) | AU2021271082B2 (zh) |
| CA (1) | CA3173409A1 (zh) |
| MX (1) | MX2022013468A (zh) |
| WO (1) | WO2021228632A1 (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| USD982605S1 (en) * | 2020-04-02 | 2023-04-04 | Basf Coatings Gmbh | Display screen or portion thereof with graphical user interface |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5416890A (en) * | 1991-12-11 | 1995-05-16 | Xerox Corporation | Graphical user interface for controlling color gamut clipping |
| US5644737A (en) * | 1995-06-06 | 1997-07-01 | Microsoft Corporation | Method and system for stacking toolbars in a computer display |
| US6874128B1 (en) * | 2000-03-08 | 2005-03-29 | Zephyr Associates, Inc. | Mouse driven splitter window |
| WO2002025420A1 (en) | 2000-09-18 | 2002-03-28 | International Business Machines Corporation | Method, system and computer program for managing views at a computer display |
| US20020191028A1 (en) * | 2001-06-19 | 2002-12-19 | Senechalle David A. | Window manager user interface |
| JP6215534B2 (ja) * | 2013-01-07 | 2017-10-18 | サターン ライセンシング エルエルシーＳａｔｕｒｎ Ｌｉｃｅｎｓｉｎｇ ＬＬＣ | 情報処理装置及び情報処理方法、並びにコンピューター・プログラム |
| US9692810B2 (en) | 2014-04-09 | 2017-06-27 | Sap Se | Dynamic user interface layout algorithm |
| US10338783B2 (en) * | 2014-11-17 | 2019-07-02 | Microsoft Technology Licensing, Llc | Tab sweeping and grouping |
-
2021
- 2021-05-04 CA CA3173409A patent/CA3173409A1/en active Pending
- 2021-05-04 MX MX2022013468A patent/MX2022013468A/es unknown
- 2021-05-04 WO PCT/EP2021/061765 patent/WO2021228632A1/en unknown
- 2021-05-04 AU AU2021271082A patent/AU2021271082B2/en active Active
- 2021-05-04 KR KR1020227042892A patent/KR20230003285A/ko unknown
- 2021-05-04 CN CN202180033494.1A patent/CN115552374A/zh active Pending
- 2021-05-04 EP EP21722262.9A patent/EP4150449A1/en active Pending
- 2021-05-04 US US17/998,462 patent/US20230176706A1/en active Pending
- 2021-05-04 JP JP2022568822A patent/JP2023525804A/ja active Pending
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| USD982605S1 (en) * | 2020-04-02 | 2023-04-04 | Basf Coatings Gmbh | Display screen or portion thereof with graphical user interface |
Also Published As
| Publication number | Publication date |
|---|---|
| CA3173409A1 (en) | 2021-11-18 |
| AU2021271082A1 (en) | 2022-12-08 |
| EP4150449A1 (en) | 2023-03-22 |
| KR20230003285A (ko) | 2023-01-05 |
| US20230176706A1 (en) | 2023-06-08 |
| JP2023525804A (ja) | 2023-06-19 |
| WO2021228632A1 (en) | 2021-11-18 |
| MX2022013468A (es) | 2022-11-16 |
| AU2021271082B2 (en) | 2024-05-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3341824B1 (en) | Multidimensional navigation | |
| CN102870106B (zh) | 所选择的数据的临时格式化和绘制 | |
| US9589233B2 (en) | Automatic recognition and insights of data | |
| US20160026709A1 (en) | Word Cloud Candidate Management System | |
| US10068100B2 (en) | Painting content classifications onto document portions | |
| JP7243100B2 (ja) | チームの会話データを分析及び視覚化するシステム、方法、プログラム及びコンピュータ装置 | |
| EP3136284A1 (en) | Personal information anonymization method, personal information anonymization program, and information processing apparatus | |
| US20070192747A1 (en) | Apparatus and method for mobile graphical cheminformatic | |
| US20110066973A1 (en) | Rendering System Log Data | |
| KR20130083832A (ko) | 옵션들을 선택하기 위한 스핀 컨트롤 사용자 인터페이스 | |
| CN104199603A (zh) | 一种浏览器网页的控制方法、装置及终端 | |
| US20190141110A1 (en) | Design Analysis for Framework Assessment | |
| CN111831182A (zh) | 应用图标控制方法、装置及电子设备 | |
| CN107219983A (zh) | 列表显示方法及装置 | |
| CN107257968B (zh) | 发现电子表格中的独特公式集 | |
| CN107391914B (zh) | 一种参数显示方法、装置及设备 | |
| CN115552374A (zh) | 用于仪表板软件的自适应gui | |
| US10783496B2 (en) | Balanced information system | |
| US11380028B2 (en) | Electronic drawing with handwriting recognition | |
| JP7147410B2 (ja) | チームの会話データを分析及び視覚化するシステム、方法、プログラム及びコンピュータ装置 | |
| Ross et al. | Symbulate: Simulation in the language of probability | |
| CN106569785B (zh) | 一种作业表单生成方法及设备 | |
| CN110673780A (zh) | 带有手写识别的电子绘图 | |
| US20180232116A1 (en) | User interface method and system for a mobile device | |
| Silva et al. | WebMUST evolution |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |