CN114365084A - 响应式布局系统和服务器 - Google Patents

响应式布局系统和服务器 Download PDF

Info

Publication number
CN114365084A
CN114365084A CN202080063759.8A CN202080063759A CN114365084A CN 114365084 A CN114365084 A CN 114365084A CN 202080063759 A CN202080063759 A CN 202080063759A CN 114365084 A CN114365084 A CN 114365084A
Authority
CN
China
Prior art keywords
panes
content
display
layout
responsive
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
Application number
CN202080063759.8A
Other languages
English (en)
Inventor
A·S·贝克曼
M·K·辛格
C·周
R·阿达加特拉
S·M·威因里希
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Aviva Software Co ltd
Original Assignee
Aviva Software Co ltd
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 Aviva Software Co ltd filed Critical Aviva Software Co ltd
Publication of CN114365084A publication Critical patent/CN114365084A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37—Details of the operation on graphic patterns
    • G09G5/373—Details of the operation on graphic patterns for modifying the size of the graphic pattern
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/14—Display of multiple viewports
    • 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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/20—Software design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/003—Details of a display terminal, the details relating to the control arrangement of the display terminal and to the interfaces thereto
    • G09G5/005—Adapting incoming signals to the display format of the display terminal
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/39—Control of the bit-mapped memory
    • G09G5/391—Resolution modifying circuits, e.g. variable screen formats
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/045—Zooming at least part of an image, i.e. enlarging it or shrinking it
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/0464—Positioning
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/02—Networking aspects
    • G09G2370/027—Arrangements and methods specific for the display of internet documents
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2370/00—Aspects of data communication
    • G09G2370/04—Exchange of auxiliary data, i.e. other than image data, between monitor and graphics controller

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

根据一些实施例，本公开涉及一种新颖的响应式布局，其允许用户构建可以适合所有或几乎所有设备形状因子的布局。在一些实施例中，响应式布局被配置为允许用户基于显示器的尺寸和形状来布置其内容。在一些实施例中，系统被配置为通过计算机接收访问内容的请求，并且响应于该请求，基于显示尺寸和请求的内容自动生成响应式布局。在一些实施例中，响应式布局包括响应式布局编辑器窗格，其被配置为允许用户根据期望自定义响应式布局。

Description

响应式布局系统和服务器
相关申请的交叉引用
本申请要求于2019年8月21日提交的标题为“Responsive Layout System andServer”的美国临时申请No.62/890,011的权益和优先权，其全部内容通过引用并入本文。
背景技术
当前的布局系统要求用户在每个设备上创建和维护不同的布局。虽然在已知显示尺寸的情况下固定布局可能工作得相当好，但响应式布局可以在广泛得多的一系列布局尺寸上工作得很好，因为它们允许在许多不同的设备上显示和查看内容。
因此，需要提供一种无缝的现场响应式布局，其允许用户构建可以适合所有或几乎所有设备形状因子的布局。
发明内容
本公开的一些实施例提供了各种示例性技术改进的计算机实现平台、系统和方法，包括用于提供允许用户构建可以适合所有或几乎所有设备形状因子(即，计算机和/或显示器的尺寸、形状和/或物理布置)的一个布局的无缝现场响应式布局的方法。在一些实施例中，系统被配置为通过计算机接收访问内容的请求。响应于接收到请求，在一些实施例中，系统被配置为基于耦合到计算机的显示器的尺寸生成响应式布局。在一些实施例中，响应式布局包括响应式布局编辑器窗格。在一些实施例中，响应式布局编辑器窗格被配置为使用户能够创建自定义响应式布局。在一些实施例中，自定义响应式布局使用户能够修改一个或多个窗格的位置、尺寸、朝向和/或内容。
在一些实施例中，系统被配置为通过在显示器上显示基于响应式布局的内容。在一些实施例中，系统包括图形用户界面(GUI)。在一些实施例中，GUI被配置为接收一个或多个输入以通过响应式布局编辑器窗格选择经修改的响应式布局。在一些实施例中，系统被配置为基于一个或多个输入用所选择的经修改的响应式布局替换响应式布局。在一些实施例中，系统被配置为基于所选择的经修改的响应式布局来显示内容。在一些实施例中，响应式布局编辑器窗格包括一个或多个部分，该一个或多个部分包括响应式网格部分、分辨率部分、设备断点部分、旋转部分、显示隐藏窗格部分、特性网格部分、添加窗格部分及其组合中的一个或多个。在一些实施例中，响应式网格部分包括响应式布局中的一个或多个窗格。在一些实施例中，布局被配置为基于一个或多个输入被划分为多个列。在一些实施例中，设备断点部分包括用于响应式布局的一个或多个断点。如本文所使用的，“断点”是指每个窗格的边界。在一些实施例中，旋转部分包括横向模式和纵向模式。
在一些实施例中，系统包括被配置为与多个用户进行电子通信的响应式布局系统，该响应式布局系统包括一个或多个计算机，该一个或多个计算机包括存储处理器可执行指令的一个或多个非暂态计算机可读介质，以及被配置为执行指令的一个或多个处理器。在一些实施例中，系统被配置为接收访问内容的请求。在一些实施例中，响应于请求，系统被配置为基于显示器的尺寸生成响应式布局。
在一些实施例中，系统被配置为用包括除了请求中指定的信息之外的信息的补充窗格来填充可用的显示尺寸。在一些实施例中，补充窗格(以及所有窗格)包括从数据库(例如，历史数据库)中检索到的数据、图表、图形、动画、图、地图、文本、警报、颜色编码和/或任何其它信息中的一项或多项。例如，请求可以是关于泵的电流强度信息的用户请求。作为响应，根据一些实施例，系统被配置为显示具有所请求信息的窗格。在一些实施例中，系统被配置为在一个或多个补充窗格中自动显示关于一个或多个优先级的附加信息。在一些实施例中，系统被配置为确定什么是优先级。在一些实施例中，系统包括人工智能和/或机器学习(统称为AI)以识别优先级来在补充窗格中显示。在一些实施例中，优先级包括：警报、预期组件寿命、生产和/或业务趋势、预测、吞吐量和/或系统已识别为需要纠正动作和/或注意的任何信息。但是，在一些实施例中，系统被配置为在一个或多个补充窗格中自动显示关于与请求(即，泵)相关的项目的附加信息。在一些实施例中，系统被配置为自动显示关于与请求无关的项目的附加信息(例如，滚筒旋转速度、吞吐量统计分析、处理流程概览等)。
在一些实施例中，响应式布局包括响应式布局编辑器窗格。在一些实施例中，系统被配置为基于响应式布局显示内容和/或布置窗格。在一些实施例中，系统被配置为通过响应式布局编辑器窗格接收输入以将响应式布局修改为自定义布局(即，经修改的响应式布局)。在一些实施例中，系统被配置为基于输入用所选择的经修改的响应式布局替换响应式布局。在一些实施例中，系统被配置为基于显示器上的所选择的经修改的响应式布局来显示内容。
在一些实施例中，响应式布局编辑器窗格包括一个或多个窗格部分，所述一个或多个窗格部分包括响应式网格部分、分辨率部分、设备断点部分、旋转部分、显示隐藏窗格部分、特性网格部分、添加窗格部分和/或它们的组合中的一个或多个。在一些实施例中，一个或多个窗格部分被配置为允许用户自定义一个或多个窗格的属性。在一些实施例中，响应式网格部分包括响应式布局中的一个或多个窗格，其中系统被配置为允许用户修改响应式布局中的一个或多个窗格的属性。在一些实施例中，响应式布局被配置为使用户能够基于输入将窗格组织成期望数量的列和/或行。在一些实施例中，设备断点部分包括用于响应式布局的一个或多个断点。在一些实施例中，设备断点部分包括允许用户自定义一个或多个断点属性的一个或多个命令。在一些实施例中，一个或多个断点属性包括：窗格的尺寸、窗格中的一个或多个项目的尺寸、溢出行为，和/或定义窗格内容的尺寸和/或窗格的维度的任何其它特征。在一些实施例中，溢出行为包括当用户放大窗格的一部分或选择窗格的一部分时从窗格中移除什么信息。例如，用户可以放大图表，并且窗格可以显示窗格中的所有项目变得越来越大，直到它们消失在窗格边界之外(即，类似于常规放大到静态图片的区域)。在一些实施例中，旋转部分包括横向模式和/或纵向模式并且被配置为基于旋转部分所选择模式来旋转一个或多个窗格和/或整个响应式布局。
附图说明
图1图示了根据一些实施例的用户显示。
图2图示了根据一些实施例的高级体系架构图。
图3图示了根据一些实施例的响应式布局编辑器。
图4图示了根据一些实施例的响应式布局窗格设计时间。
图5图示了根据一些实施例的响应式布局编辑器。
图6是根据一些实施例的图5的响应式布局编辑器的特征的放大透视图。
图7是根据一些实施例的图5的响应式布局编辑器的特征的放大透视图。
图8图示了根据一些实施例的图5的添加窗格，其填充有来自图5的工具箱的图表。
图9描绘了根据一些实施例的图5的改变为在具有不同分辨率的屏幕上显示的添加窗格。
图10示出了根据一些实施例的改变添加窗格的布局以符合屏幕分辨率。
图11示出了根据一些实施例的隐藏窗格。
图12图示了示例性计算机系统启用或本文描述的系统的各方面。
具体实施方式
在详细解释本发明的任何实施例之前，应该理解的是，本发明在其应用方面不限于在以下描述中阐述或在以下附图中图示的构造和组件布置的细节。系统的一些实施例被配置为与一些其它实施例组合，并且所有实施例都能够以各种方式被实践或执行。此外，应该理解的是，本文所使用的措词和术语是出于描述的目的，而不应当被认为是限制性的。本文中“包括”、“包含”或“具有”及其变体的使用旨在涵盖其后列出的项目及其等同形式以及附加项目。除非另外指定或限制，否则术语“安装”、“连接”、“支撑”和“耦合”及其变化被广泛使用，并且包括直接和间接安装、连接、支撑和耦合。另外，“连接”和“耦合”不限于物理或机械连接或耦合。
提出以下讨论以使本领域技术人员能够制造和使用本系统。对所示实施例的各种修改对于本领域的技术人员来说将是显而易见的，并且根据一些所示实施例叙述的一般原理被配置为应用于一些其它所示实施例和应用和/或与之相结合而不脱离本发明的实施例。因此，本发明的实施例并不旨在限于所示的实施例，而是要符合与本文公开的原理和特征一致的最宽范围。将参考各图阅读以下详细描述，其中不同图中的相同元件具有相同的附图标记。不一定按比例绘制的图描绘了所选择的实施例并且不旨在限制本发明的实施例的范围。熟练的技术人员将认识到本文提供的示例具有许多有用的替代方案并且落入本发明的实施例的范围内。
一些实施例包括集成到监督控制和数据采集(在下文中称为“SCADA”)操作员界面(即，向操作员或用户呈现关于过程的状态的信息并启用操作员的控制指令的人机界面(HMI))中的3维(3D)模型、装备数据规范、维护记录、相关事件、附图以及管道和仪表图(P&ID)。
一些实施例包括工程信息管理系统(Application NET)，其被配置为集成到操作员界面中，诸如InTouch操作管理界面(OMI)，该界面自动将基于内容的资产信息呈现给操作员(也称为用户)，包括呈现资产/装备在其它装备的上下文中存在的位置的3D表示、装备的特定数据规范，和/或操作数据的传统SCADA实时可视化。在一些实施例中，当用户/操作员导航操作模型(在SCADA系统内)或工程模型(在Application NET内)时，显示器被配置为自动调整到变化的上下文以向用户显示适当的上下文信息。在一些实施例中，导航包括放大以使一个或多个或更多窗格的内容更大。在一些实施例中，系统被配置为在特定窗格上放大和/或缩小，而其它窗格在显示器中扩展(expand in)和/或扩大(expand out)，同时维持相同的布局。
在一些实施例中，响应式布局被配置为允许用户构建一个可以适合所有设备形状因子的布局。在一些实施例中，响应式布局在桌面和网络产品供应中都受到支持。在一些实施例中，响应式布局被配置为用响应式布局编辑器构建。在一些实施例中，响应式布局被配置为在不同的产品供应中使用。在一些实施例中，当前的响应式布局被配置为在InTouchOMI和InTouch Web Client中受到支持。在一些实施例中，系统被配置为使用包括一系列行和列的窗格的网格系统来实现响应式布局。在一些实施例中，系统被配置为与常规的网格系统(例如，Windows Presentation Foundation(WPF)网格系统)结合使用。
在一些实施例中，响应式布局窗格被配置为支持以下特性中的一个或多个：列跨度(Column Span)、推动(Push)、拉取(Pull)、偏移(Offset)和/或IsVisible(可见)。在一些实施例中，特性被配置为确定内容将如何在运行时被显示。
在一些实施例中，单个布局被配置为在内部部署的基于Windows的产品和在web上运行。一些实施例包括用于所有设备形状因子的单个编辑器、用于内部部署的相同编辑器和web。在一些实施例中，响应式布局中的内容被配置为基于设备形状因子或其它期望的特性来调整尺寸、移动或隐藏。
在一些实施例中，包括编辑器和运行时的响应式布局被配置为基于或供应与引导(Bootstrap)网格系统类似的功能。一些实施例被配置为使用一系列容器、行和列来布局和对齐内容。
在一些实施例中，响应式布局编辑器被配置为允许用户创建布局，该布局被配置为基于用户正在查看布局的设备来响应和改变。在一些实施例中，系统被配置为使用户能够将内容放置在这些布局上。在一些实施例中，响应式布局被配置为与OMI视图应用一起使用。
在一些实施例中，响应式布局被配置为允许用户基于用户正在从其查看布局的设备来布置他们的内容。在一些实施例中，这包括在响应式布局中调整尺寸、移动和隐藏内容。在一些实施例中，每个响应式布局被配置为具有窗格并且每个窗格被配置为具有与它相关联的内容。在一些实施例中，用户可以配置单个窗格可以在不同的设备形状因子上占据多少可用显示。在一些实施例中，响应式布局被配置为提供与常规引导网格系统相同或相似的功能。在一些实施例中，响应式布局被配置为使用响应式布局编辑器来构建。
在一些实施例中，系统包括编辑器(例如，响应式布局编辑器)，其被配置为具有位于显示器上(例如，在顶部)的选择器。在一些实施例中，选择器被配置为允许用户在不同的预定义标准设备形状因子之间切换。在一些实施例中，这实时地向用户显示他们的内容的预览将在该设备上被布置为什么样。在一些实施例中，选择器被配置为将显示视图改变为不同的预定义标准设备形状因子。
在一些实施例中，系统被配置为在诸如电话、平板电脑和膝上型电脑之类的不同设备上显示内容。在一些实施例中，这些设备中的每一个具有不同的显示尺寸，这需要创建和维护自定义布局。在一些实施例中，响应式布局被配置为自动布置和调整窗格尺寸以适合所有设备显示器。在一些实施例中，这降低了成本，因为用户可以选择基于从其访问内容的设备自动调整的单个布局。在一些实施例中，响应式布局被配置为允许用户对他们的内容将如何布置在他们的所有设备上具有单一的编辑体验。在一些实施例中，响应式布局编辑器被配置为允许用户预览他们的内容将如何在不同的设备形状因子上呈现给用户。在一些实施例中，该特征极大地提高了用户生产力。
图1图示了根据一些实施例的用户显示。在一些实施例中，网格系统被配置为将用户的显示分成跨页面的多个列(例如，2到12)。在一些实施例中，用户将列单独分组。在一些实施例中，用户将列分组在一起以创建更宽的列。
在一些实施例中，网格的系统被配置为响应式的。在一些实施例中，列被配置为取决于屏幕尺寸重新布置。在一些实施例中，列被配置为在大屏幕上(例如，>30”的屏幕)。在一些实施例中，列被配置为在将内容组织成三列时看起来更好。在一些实施例中，列被配置为在小屏幕上(例如，<30”的屏幕)。在一些实施例中，小屏幕上的列被配置为如果内容项堆叠在彼此之上则看起来更好。
在一些实施例中，网格系统被配置为具有断点。在一些实施例中，网格系统断点包括以下一项或多项：“XS”(超小；例如，约<10％的屏幕面积)、“SM”(小；例如，在约10.1％和20％的屏幕面积之间)、“MD”(中等；例如，例如，在约20.1％和30％的屏幕面积之间)、“LG”(大；例如，在约30.1％和50％的屏幕面积之间)、“XL”(超大；例如，大于约50％)。与断点结合使用的术语“约”为±.1％)。在一些实施例中，这些断点被配置为基于显示器中的像素数量(例如，总数、宽度、长度、直径和/或它们的组合)。例如：XS≤576px≤SM≤768px≤MD≤992px≤LG≤1200px≤XL。
图2图示了根据一些实施例的响应式布局编辑器概览。在一些实施例中，响应式布局被配置为布局编辑器内的选项。在一些实施例中，用户使布局响应于选项。在一些实施例中，选项包括以下一项或多项：1)布局特性中的响应(IsResponsive)特性；以及2)当设置为真(选中)时，响应式布局编辑器出现。在一些实施例中，工具栏按钮(图2：201)被配置为在布局编辑器中。在一些实施例中，工具栏按钮被配置为用于在响应式布局和固定布局之间切换。
图3图示了根据一些实施例的响应式布局编辑器。在一些实施例中，响应式布局编辑器窗格被配置为包含部分。在一些实施例中，部分包括以下一项或多项：部分301：响应式窗格，部分302：分辨率，部分303：设备断点，部分304：旋转，部分305：显示隐藏窗格；部分306：特性网格，部分307：添加窗格。
在一些实施例中，部分301被配置为包含处于响应式布局中的窗格(例如，窗格1(默认)350、窗格2、窗格3等)。在一些实施例中，沿着顶部发现数字1至12。在一些实施例中，布局被配置为划分成1至12列。在一些实施例中，响应式网格按高度和宽度调整尺寸。在一些实施例中，部分302包含部分1的响应式网格的当前宽度和高度。在一些实施例中，用户在编辑框中输入值并且响应式网格将响应。
在一些实施例中，部分303包含表示可用于响应式网格的不同断点(XS、SM、MD、LG、XL)的按钮。在一些实施例中，当选择断点时，响应式网格被配置为调整尺寸以匹配设备的尺寸。在一些实施例中，部分304包含被配置为允许用户在横向模式和纵向模式之间旋转的按钮。在一些实施例中，宽度和高度是相反的。
在一些实施例中，部分305包含按钮，该按钮被配置为允许用户隐藏或显示已通过IsVisible特性隐藏的任何窗格。
在一些实施例中，部分306包含与布局、窗格和内容相关的所有特性。在一些实施例中，部分307包含被配置为用于将新窗格添加到布局的按钮。在一些实施例中，窗格被配置为添加到布局列表的末尾。
图4图示了根据一些实施例的窗格1 350的响应式布局窗格设计时间。在一些实施例中，响应式布局窗格设计时间被配置为包括部分。在一些实施例中，部分包括以下一项或多项：部分401：窗格名称，部分402：上下文菜单，部分403：列跨度控件，部分404：可见性和/或部分405：删除窗格。
在一些实施例中，部分401被配置为显示窗格名称。在一些实施例中，如果窗格是默认窗格，那么在不处于编辑模式时将“(默认)”附加到名称。在一些实施例中，文本框是可编辑的并且被配置为允许用户改变窗格名称。
在一些实施例中，上下文菜单402被配置为当窗格上没有内容时具有以下项目：将焦点设置到部分401的“重命名窗格”，以及删除所选择的窗格的“删除窗格”。在一些实施例中，当窗格具有内容时，配置添加以下项目：“编辑<内容名称>”、“移除内容”和“窗格特性/内容特性”。
在一些实施例中，部分403包含用于改变所选择的窗格的列跨度(ColSpan)的控件。在一些实施例中，下拉列表被配置为列出数字1到12。在一些实施例中，用户选择数字。在一些实施例中，ColSpan特性被配置为针对响应式网格当前所在的断点更新所选择的窗格。在一些实施例中，+和-按钮被配置为在响应式网格的当前断点处递增和递减所选择的窗格的ColSpan特性。
在一些实施例中，部分404包含被配置为在响应式网格的当前断点处隐藏或显示所选择的窗格的按钮。在一些实施例中，它被配置为绑定到的属性是IsVisible。在一些实施例中，部分405包含被配置为从布局中删除所选择的窗格的按钮。在一些实施例中，如果布局中只有一个窗格，那么它不能被删除。
在一些实施例中，部分401、402、403、404和405统称为窗格控件410。
一些实施例包括响应式布局窗格特性。在一些实施例中，响应式布局窗格特性被配置为包括以下一项或多项：列跨度、推动、拉取、偏移和/或IsVisible。
在一些实施例中，列跨度特性用于确定窗格被配置为在网格中占据的列数。在一些实施例中，列跨度特性从XS传播到XL，除非为那些断点之一设置了该特性。例如：窗格具有以下列跨度特性值：ColXS(Column XS]＝12，ColSM＝0，ColMD＝6，ColLG＝0，ColXL＝3(即，在这种情况下，ColSM被配置为12，因为它从ColXS获取它的值)。在一些实施例中，ColLG被配置为6，因为它从ColMD获取它的值。在一些实施例中，默认值被配置为0，被配置为12的ColXS除外。
在一些实施例中，推动特性被配置为将窗格向右推动所设置的列数。在一些实施例中，当窗格被推入到其它窗格时，它们被配置为隐藏在其右侧的窗格后面。在一些实施例中，窗格被配置为部分或完全隐藏。在一些实施例中，窗格被配置为部分或完全推离显示器。在一些实施例中，推动特性被配置为以与列跨度特性相同的方式传播。在一些实施例中，默认值被配置为0。
在一些实施例中，拉动特性被配置为将窗格向左拉出所设置的列数。在一些实施例中，当窗格被拉入到其它窗格中时，它们被配置为与它们左侧的窗格重叠。在一些实施例中，窗格被配置为与它们旁边的窗格部分或完全重叠。在一些实施例中，窗格被配置为部分或完全推离显示器。在一些实施例中，拉动特性被配置为以与列跨度特性相同的方式传播。在一些实施例中，默认值被配置为0。
在一些实施例中，偏移特性被配置为将窗格向右推。在一些实施例中，偏移特性被配置为将所选择的窗格和在它之后的所有窗格向右推那么多列。在一些实施例中，偏移特性未被配置为使窗格自身重叠。在一些实施例中，偏移特性被配置为以与列跨度特性相同的方式传播。在一些实施例中，默认值被配置为0。
在一些实施例中，IsVisible特性被配置为确定窗格在某个断点处是显示还是隐藏。在一些实施例中，当IsVisible特性的值为真时，窗格被配置为被显示。在一些实施例中，当IsVisible特性的值为假时，窗格被配置为被隐藏。在一些实施例中，IsVisible特性不传播。在一些实施例中，当IsVisible特性不传播时，默认值被配置为真。
一些实施例包括web客户端运行时行为。一些实施例包括在Web客户端和Web客户端运行时中使用响应式布局。在一些实施例中，当在Web客户端中使用响应式布局时，当前的响应式布局被配置为与OMI视图应用一起使用。在一些实施例中，为了在Web客户端中查看响应式布局，用户必须配置具有响应式布局的OMI视图应用。在一些实施例中，在OMI视图应用中使用响应式布局的用户体验可以与使用固定布局相同。
一些实施例包括web客户端运行时。在一些实施例中，InTouch Web客户端运行时被配置为支持响应式布局。在一些实施例中，它渲染的布局被配置为基于HTML并使用库来实现它们的响应性。在一些实施例中，当浏览器被调整尺寸时，布局被配置为基于配置做出响应。
一些实施例包括OMI运行时行为。在一些实施例中，为了在OMI运行时中使用响应式布局，用户在查看应用编辑器中选择布局。在一些实施例中，OMI视图应用被配置为支持固定布局和响应式布局。
一些实施例包括OMI视图应用运行时。在一些实施例中，OMI视图应用运行时使用响应式网格WPF控件来渲染布局。在一些实施例中，这与在设计时用于响应式布局编辑器的控件相同。在一些实施例中，运行时和设计时的行为被配置为精确匹配。
图5图示了根据一些实施例的响应式布局编辑器。在一些实施例中，响应式网格被设置为如在响应断点菜单503中选择的特定分辨率502(在图6中最佳示出)和特定窗格配置501。在一些实施例中，窗格配置501被配置为用于大型监视器、智能电视等。在一些实施例中，窗格配置501被配置为在虚拟环境、智能电话或支持在窗格配置501内显示图像的任何显示设备中选择的视图。在一些实施例中，响应式布局编辑器包括工具箱504和窗格选择窗口505(在图7中最佳示出)
图8图示了根据一些实施例的图5的填充有来自窗格选择窗口505的图表的窗格配置501。根据一些实施例，通过将窗格从窗格选择窗口505拖到每个窗格中来创建窗格配置501。
图9描绘了根据一些实施例的图5的改变为显示在不同分辨率的屏幕上的窗格配置501。在一些实施例中，屏幕分辨率911的选择导致对新窗格配置901的响应式布局改变。在一些实施例中，屏幕分辨率912的选择导致对新窗格配置902的响应式布局改变。在一些实施例中，窗格配置902被配置为用于大型监视器、智能电视、桌面监视器等。在一些实施例中，窗格配置501被配置为在虚拟环境、智能电话或支持在窗格配置901、902内显示图像的任何显示设备中选择的视图。
图10示出了根据一些实施例的改变窗格配置501的布局以符合屏幕分辨率。在一些实施例中，屏幕分辨率1011的选择导致对新的4窗格配置1001的响应式布局改变。在一些实施例中，窗格配置1002显示通过选择列跨度控件1010来改变可见窗格的数量。在一些实施例中，窗格的数量从4窗格配置1001变为12窗格配置1003。在一些实施例中，窗格配置被修改以显示任何数量的窗格。
图11示出了根据一些实施例的屏幕分辨率的隐藏窗格。在一些实施例中，窗格配置1101是通过选择屏幕分辨率1111来获得的。在一些实施例中，窗格配置1101被配置为用于大型监视器、智能电视、桌面监视器等。在一些实施例中，窗格配置501被配置为在虚拟环境、智能电话或支持在窗格配置1101内显示图像的任何显示设备中选择的视图。在一些实施例中，隐藏窗格包括将窗格移动到显示设备的视图内。在一些实施例中，移动窗格包括滚动显示设备的屏幕。在一些实施例中，选择可见性按钮1110隐藏窗格，如步骤1102中所示。在一些实施例中，隐藏诸如窗格13之类的窗格导致其中窗格13未示出的窗格配置1103。
图12图示了根据一些实施例的启用或操作响应式布局系统和服务器的计算机系统。在一些实施例中，响应式布局系统和服务器被配置为可操作地耦合到图2中所示的计算机系统210。在一些实施例中，计算机系统210被配置为包括响应式布局系统和服务器。在一些实施例中，计算机系统210被配置为包括和/或操作和/或处理上述程序逻辑、软件模块和/或系统中的一个或多个的计算机可执行代码。另外，在一些实施例中，计算机系统210被配置为在耦合到响应式布局系统和服务器的一个或多个图形用户界面内操作和/或显示信息。在一些实施例中，计算机系统210包括云服务器和/或被配置为耦合到一个或多个基于云的服务器系统。
在一些实施例中，系统210包括至少一个计算机，该计算机包括至少一个处理器232。在一些实施例中，至少一个处理器232包括驻留在一个或多个服务器平台中或耦合到一个或多个服务器平台的处理器。在一些实施例中，系统210包括耦合到能够处理至少一个操作系统234的至少一个处理器232的网络接口235a和应用接口235b。另外，在一些实施例中，耦合到至少一个处理器232的接口235a、235b被配置为处理软件模块238中的一个或多个(例如，诸如企业应用)。在一些实施例中，软件模块238包括基于服务器的软件，并且操作以托管至少一个用户账户和/或至少一个客户端账户，和操作以使用至少一个处理器232在这些账户中的一个或多个之间传送数据。
考虑到以上实施例，应当理解的是，本发明可以采用涉及存储在计算机系统中的数据的各种计算机实现的操作。而且，在一些实施例中，通篇描述的上述数据库和模型可以将分析模型和其它数据存储在系统210内的计算机可读存储介质上以及耦合到系统210的计算机可读存储介质上。此外，在一些实施例中，系统的上述应用被配置为存储在系统210内的计算机可读存储介质上和/或耦合到系统210的计算机可读存储介质上。在一些实施例中，这些操作是要求对物理量进行物理操纵的操作。通常，虽然不是必需，但是在一些实施例中，这些量采取电、电磁或磁信号的形式，或能够被存储、传输、组合、比较和以其它方式操纵的光学或磁光形式。在一些实施例中，系统210包括耦合到至少一个数据源237a和/或至少一个数据存储设备237b和/或至少一个输入/输出设备237c的至少一个计算机可读介质236。
在一些实施例中，本发明被实施为计算机可读介质236上的计算机可读代码。在一些实施例中，计算机可读介质236是可以存储数据的任何数据存储设备，该数据随后可以由计算机系统(诸如系统210)读取。在一些实施例中，计算机可读介质236是可以用于有形地存储期望的信息或数据或指令并且可以由计算机或处理器232访问的任何物理或材料介质。
在一些实施例中，计算机可读介质236包括硬盘驱动器、网络附加存储(NAS)、只读存储器、随机存取存储器、基于FLASH的存储器、CD-ROM、CD-R、CD-RW、DVD、磁带、其它光学和非光学数据存储设备。在一些实施例中，各种其它形式的计算机可读介质236将指令传输或携带到计算机240和/或至少一个用户231，包括路由器、专用或公共网络，或有线和无线的其它传输设备或信道。在一些实施例中，软件模块238被配置为从数据库(例如，从包括数据源237a和包括数据库的数据存储装置237b的计算机可读介质236)发送和接收数据，并且数据被来自至少一个其它源的软件模块238接收。在一些实施例中，软件模块238中的至少一个被配置在系统内以经由在至少一个数字显示器上渲染的至少一个图形用户界面将数据输出到至少一个用户231。
在一些实施例中，计算机可读介质236经由网络接口235a分布在常规计算机网络上，其中可以以分布式方式存储和执行由计算机可读代码实施的系统。例如，在一些实施例中，系统210的一个或多个组件被配置为通过局域网(“LAN”)239a和/或互联网耦合网络239b(例如，诸如无线互联网)发送和/或接收数据。在一些另外的实施例中，网络239a、239b被配置为包括广域网(“WAN”)、直接连接(例如，通过通用串行总线端口)和/或其它形式的计算机可读介质236，和/或其任何组合。
在一些实施例中，网络239a、239b的组件包括任何数量的用户设备，诸如个人计算机，包括例如台式计算机和/或膝上型计算机，和/或通过LAN 239a耦合的任何固定的、一般非移动的互联网电器。例如，一些实施例包括通过LAN 239a耦合的个人计算机240a，其可以被配置用于包括管理员在内的任何类型的用户。一些实施例包括通过网络239b耦合的个人计算机。在一些其它的实施例中，系统210的一个或多个组件被耦合以通过互联网网络(例如，诸如网络239b)发送或接收数据。
例如，一些实施例包括至少一个用户231，其无线耦合并且经由输入和输出(“I/O”)设备237c访问包括至少一个企业应用238的系统的一个或多个软件模块。在一些其它实施例中，系统210可以使至少一个用户231能够通过LAN 239a经由I/O设备237c被耦合以访问企业应用238。在一些实施例中，用户231可以包括使用台式计算机、膝上型计算机和/或通过互联网239b耦合的任何固定的、一般非移动的互联网电器耦合到系统210的用户231a。在一些其它实施例中，用户231包括耦合到系统210的移动用户231b。在一些实施例中，用户231b可以使用任何移动计算机231c来无线耦合到系统210，包括但不限于个人数字助理和/或蜂窝电话、移动电话或智能电话和/或寻呼机，和/或数字平板电脑和/或固定或移动互联网电器。
作为申请人自己的词典编纂者，申请人定义“和/或”的使用(就“A和/或B”而言)是指一个选项可以是“A和B”并且另一个选项可以是“A或B”。这种解释与USPTO专利审判和上诉委员会的单方面裁决一致，委员会确定“和/或”是指单独的要素A、单独的要素B或要素A和B的组合。
系统的一些实施例被呈现有特定的值和/或设定点。这些值和设定点不旨在进行限制，而仅仅是较高配置与较低配置的示例，并且旨在帮助普通技术人员制造和使用该系统。此外，当与值结合使用时，“基本上”和“大约”包括被测量的相同单位和比例的10％或更少的差异。在一些实施例中，“基本上”和“大约”如在本说明书中所呈现的那样被定义。
应该理解的是，该系统在其应用方面不限于在前面的描述中阐述或在附图中示出的组件的构造和布置的细节。本文公开的系统和方法落入许多实施例的范围内。呈现前面的讨论是为了使本领域技术人员能够制作和使用系统的实施例。对本文所示实施例和一般原理的修改可以应用于所有实施例和应用而不脱离系统的实施例。此外，应该理解的是，来自本文呈现的一些实施例的特征可以与根据一些实施例的其它特征组合。因此，系统的一些实施例不旨在限于所示出的内容，而是要被赋予与本文所公开的所有原理和特征一致的最广范围。

Claims (18)

1.一种用于显示可操作概览内容的系统，包括：
包括历史数据库的历史服务器，以及
一个或多个计算机，包括一个或多个处理器和一个或多个计算机可读介质，所述一个或多个计算机可读介质包括处理器可执行指令，所述指令在由所述一个或多个处理器执行时实现：
图形用户界面(GUI)，以及
响应式布局；
其中响应式布局显示在图形用户界面上；
其中响应式布局包括内容；
其中所述内容包括存储在历史数据库中的内容数据；
其中响应式布局被配置为检测显示器的一个或多个属性；
其中所述一个或多个属性包括宽度、长度、直径、像素计数、面积、操作系统、制造商和由所述一个或多个处理器执行的附加应用中的一个或多个；以及
其中响应式布局被配置为基于所述一个或多个属性自动布置所述内容以适合显示器。
2.如权利要求2所述的系统，
其中响应式布局包括一个或多个窗格；以及
其中自动布置所述内容以适合显示器包括自动确定要显示的所述一个或多个窗格的数量。
3.如权利要求2所述的系统，
其中自动布置所述内容以适合显示器包括自动确定所述一个或多个窗格的尺寸。
4.如权利要求2所述的系统，
其中响应式布局包括网格系统；以及
其中网格系统包括包含所述一个或多个窗格的一系列行和列。
5.如权利要求4所述的系统，
其中网格系统包括一个或多个断点；以及
其中所述一个或多个断点被配置为定义所述一个或多个窗格的尺寸和形状。
6.如权利要求2所述的系统，
其中响应式布局包括一个或多个断点；以及
其中所述一个或多个断点被配置为定义所述一个或多个窗格的尺寸和形状。
7.如权利要求6所述的系统，
其中所述一个或多个断点被配置为基于显示器的总面积来定义所述一个或多个窗格的尺寸和形状。
8.如权利要求7所述的系统，
其中所述一个或多个窗格的尺寸和形状基于显示器的总面积的百分比。
9.如权利要求7所述的系统，
其中所述一个或多个窗格的尺寸和形状基于显示器的总面积的像素总数。
10.一种用于显示可操作概览内容的系统，包括：
包括历史数据库的历史服务器，以及
一个或多个计算机，包括一个或多个处理器和一个或多个计算机可读介质，所述一个或多个计算机可读介质包括处理器可执行指令，所述指令在由所述一个或多个处理器执行时实现：
图形用户界面(GUI)，
响应式布局，以及
一个或多个窗格；
其中响应式布局包括显示在GUI上的所述一个或多个窗格；
其中所述一个或多个窗格中的每个窗格都包括内容；
其中所述内容包括从历史数据库检索到的内容数据；
其中所述系统被配置为检测显示器的一个或多个属性；以及
其中所述系统被配置为基于一个或多个属性自动配置所述一个或多个窗格以适合显示器。
11.如权利要求10所述的系统，
其中所述一个或多个属性包括宽度、长度、直径、像素计数、面积、操作系统、制造商和由所述一个或多个处理器执行的附加应用中的一个或多个。
12.如权利要求10所述的系统，
其中所述系统被配置为基于所述一个或多个属性自动配置所述内容以适合所述一个或多个窗格。
13.如权利要求12所述的系统，
其中所述系统被配置为响应于用户改变一个或多个窗格的尺寸，基于所述一个或多个属性自动重新布置所述一个或多个窗格中的每个窗格内的内容；以及
其中改变尺寸包括用户配置所述一个或多个窗格以占据显示器上与自动配置不同的面积。
14.如权利要求10所述的系统，
其中所述系统被配置为响应于用户请求被配置为适合单个窗格的内容而在响应式布局中自动显示补充窗格。
15.如权利要求10所述的系统，
其中补充窗格被配置为显示补充内容；
其中补充内容包括存储在历史数据库中的数据；以及
其中所述系统被配置为基于系统识别为需要纠正动作和/或注意的数据自动确定要显示的补充内容。
16.如权利要求15所述的系统，
其中所述系统包括被配置为自动识别补充内容的人工智能和/或机器学习。
17.如权利要求16所述的系统，
其中补充内容包括对警报、预期组件寿命、生产和/或商业趋势、预测和/或吞吐量中的一个或多个的分析。
18.如权利要求11所述的系统，
其中所述系统被配置为基于所述一个或多个窗格中的所选择的一个窗格的内容自动创建新的响应式布局。
CN202080063759.8A 2019-08-21 2020-08-21 响应式布局系统和服务器 Pending CN114365084A (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US201962890011P 2019-08-21 2019-08-21
US62/890,011 2019-08-21
PCT/US2020/047465 WO2021035165A1 (en) 2019-08-21 2020-08-21 Responsive layout system and server

Publications (1)

Publication Number Publication Date
CN114365084A true CN114365084A (zh) 2022-04-15

Family

ID=74646336

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202080063759.8A Pending CN114365084A (zh) 2019-08-21 2020-08-21 响应式布局系统和服务器

Country Status (4)

Country Link
US (2) US20210056935A1 (zh)
EP (1) EP4018352A4 (zh)
CN (1) CN114365084A (zh)
WO (1) WO2021035165A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116719597A (zh) * 2023-08-10 2023-09-08 北京冠群信息技术股份有限公司 基于格栅布局的自适应视图渲染方法及创建方法

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11922110B2 (en) * 2021-11-24 2024-03-05 Adobe Inc. Responsive document authoring

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105740315A (zh) * 2015-12-31 2016-07-06 焦点科技股份有限公司 一种多种屏幕响应式网页布局调整的方法
CN106407261A (zh) * 2016-08-24 2017-02-15 上海斐讯数据通信技术有限公司 一种页面自适应屏幕的方法及智能终端
CN107193518A (zh) * 2017-05-23 2017-09-22 腾讯科技（深圳）有限公司 一种信息显示的方法以及终端设备
CN107209628A (zh) * 2015-01-21 2017-09-26 微软技术许可有限责任公司 自适应用户界面窗格对象

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8881039B2 (en) 2009-03-13 2014-11-04 Fisher-Rosemount Systems, Inc. Scaling composite shapes for a graphical human-machine interface
US20130305145A1 (en) 2012-05-09 2013-11-14 Ni Group Limited A Method of Publishing Digital Content
US20140258849A1 (en) * 2013-03-06 2014-09-11 Google Inc. Automatic Alignment of a Multi-Dimensional Layout
US9389759B2 (en) * 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
AU2014319964B2 (en) * 2013-09-12 2019-01-17 Wix.Com Ltd. System and method for automated conversion of interactive sites and applications to support mobile and other display environments
US9898255B2 (en) * 2013-11-13 2018-02-20 Sap Se Grid designer for multiple contexts
GB2523441A (en) 2014-02-19 2015-08-26 Sita Information Networking Computing Ireland Ltd Reservation system and method therefor
KR101509392B1 (ko) * 2014-03-10 2015-04-07 윤영조 웹 상에서 구현되는 홈페이지 제작방법
US10275142B2 (en) 2014-10-29 2019-04-30 International Business Machines Corporation Managing content displayed on a touch screen enabled device
WO2017017664A1 (en) * 2015-07-30 2017-02-02 Wix.Com Ltd. System integrating a mobile device application creation, editing and distribution system with a website design system
KR101760777B1 (ko) * 2016-01-09 2017-08-04 주식회사 넥스트비즈 반응형 웹사이트 빌더 시스템 및 그 방법
US20170322704A1 (en) 2016-05-03 2017-11-09 Google Inc. Composition of a user interface through data binding
JP2019531524A (ja) * 2016-07-27 2019-10-31 ウィックス．コム リミテッド． ウェブサイト構築システムおよびウェブサイト構築システムのための方法
KR101771473B1 (ko) * 2017-04-20 2017-08-25 주식회사 코코아스튜디오 반응형 웹페이지 생성 방법 및 장치
KR20190001894A (ko) * 2017-06-28 2019-01-07 주식회사 오리지널메이커스 웹 문서 생성 방법 및 그 장치
US20190087069A1 (en) 2017-09-21 2019-03-21 Rockwell Automation Technologies, Inc. Tiling content for presentation on different display sizes
US10318629B2 (en) 2017-11-01 2019-06-11 Microsoft Technology Licensing, Llc Adaptive content rendering for optimizing page layout

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107209628A (zh) * 2015-01-21 2017-09-26 微软技术许可有限责任公司 自适应用户界面窗格对象
CN105740315A (zh) * 2015-12-31 2016-07-06 焦点科技股份有限公司 一种多种屏幕响应式网页布局调整的方法
CN106407261A (zh) * 2016-08-24 2017-02-15 上海斐讯数据通信技术有限公司 一种页面自适应屏幕的方法及智能终端
CN107193518A (zh) * 2017-05-23 2017-09-22 腾讯科技（深圳）有限公司 一种信息显示的方法以及终端设备

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116719597A (zh) * 2023-08-10 2023-09-08 北京冠群信息技术股份有限公司 基于格栅布局的自适应视图渲染方法及创建方法
CN116719597B (zh) * 2023-08-10 2024-01-26 北京冠群信息技术股份有限公司 基于格栅布局的自适应视图渲染方法及创建方法

Also Published As

Publication number Publication date
US20210056935A1 (en) 2021-02-25
WO2021035165A1 (en) 2021-02-25
EP4018352A4 (en) 2023-09-13
US11823647B2 (en) 2023-11-21
US20230018841A1 (en) 2023-01-19
EP4018352A1 (en) 2022-06-29

Similar Documents

Publication Publication Date Title
US10732803B2 (en) Presentation and analysis of user interaction data
JP4880334B2 (ja) スクロール可能かつサイズ変更可能な数式バー
US10175853B2 (en) Chain layout for displaying hierarchical data
CN104063211B (zh) 用于具有可变的显示屏尺寸和取向的设备的布局系统
US5555357A (en) Computer system and method for generating and manipulating charts and diagrams
US8456488B2 (en) Displaying digital images using groups, stacks, and version sets
US11823647B2 (en) Responsive layout system and server
US20150135125A1 (en) Bubble loupes
CA2864351A1 (en) Presentation and analysis of user interaction data
US8756528B2 (en) System and method of customizing video display layouts having dynamic icons
KR20150016464A (ko) 이종 애플리케이션들을 포함하는 그룹을 나타내는 탭 윈도우를 관리하는 방법 및 장치.
CN102692888B (zh) 操作监视装置及操作监视方法
EP3171266B1 (en) User interface widget modeling and placement
CN102710900B (zh) 一种视频矩阵输出显示实现装置、方法及视频矩阵设备
US10983678B2 (en) Facilitating the prototyping and previewing of design element state transitions in a graphical design environment
CA2843114A1 (en) Moving visualizations between displays and contexts
US10467782B2 (en) Interactive hierarchical bar chart
CN104462516A (zh) 一种信息提示方法及移动终端
JP6068758B2 (ja) プログラマブル表示器
US10809904B2 (en) Interactive time range selector
EP4060467A1 (en) Command display control method, command display control program, and device therefor
US10860162B2 (en) Supervisory control system for controlling a technical system, a method and computer program products
CN112162805A (zh) 截图方法、装置和电子设备
CN114327208B (zh) 一种图例展示方法、装置、存储介质及终端
US20240104805A1 (en) Graphical User Interface

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