Dashboard Preview GUI for Multi-Device Layout Simulation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing graphical design software for industrial automation systems lacks the ability to preview how dashboard reports and graphical objects will appear on different screen sizes, making it difficult for designers to visualize and adjust layouts for various viewing devices without publishing and testing on each device.

Innovation Solution

The system allows designers to preview dashboard reports using a graphical user interface with selectable preview modes for monitor, tablet, and phone devices, simulating how the dashboard will render on each device, enabling repositioning and resizing of graphical objects to fit different screen resolutions and orientations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If designers publish and test dashboards on multiple physical devices to ensure proper rendering, then display accuracy on various devices is improved, but time consumption and complexity of the design process increases

Engineering Contradiction:
Improvedisplay accuracyVSAvoidtime consumption
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The patent creates virtual copies of different viewing devices (monitors, tablets, smartphones) within the design software interface. These virtual device representations simulate the actual display characteristics of physical devices, allowing designers to preview and test dashboard rendering on multiple device types without physically obtaining or testing on each actual device. This copying approach maintains display accuracy across device types while eliminating the time-consuming process of physical device testing.

Inventive Principle:
Principle #26Copying

2Adaptability or versatility

If designers create separate layout versions for different device types to ensure optimal display, then adaptability to various devices is improved, but device complexity of the design process increases

Engineering Contradiction:
Improveadaptability to devicesVSAvoiddesign process complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a universal preview mechanism that integrates multiple device type simulations within a single design interface. The system provides a unified design workspace where designers can access preview functionality for monitors, tablets, and smartphones through a common interface, rather than requiring separate design processes for each device type. This multi-functionality approach enhances adaptability to various devices while reducing design process complexity by consolidating what would otherwise be multiple separate workflows into one universal system.

Inventive Principle:
Principle #6Universality (Multi-functionality)

3Manufacturing precision

If designers manually adjust graphical objects for each device type to achieve proper layout, then layout precision for each device is improved, but ease of operation decreases

Engineering Contradiction:
Improvelayout precisionVSAvoidease of design
Core Design Contradiction:
Manufacturing precisionVSEase of operation

Solution Approach 1:

The patent implements automatic layout adjustment functionality that performs preliminary positioning and sizing of graphical objects based on the selected virtual device type. When a designer selects a specific device preview mode (monitor, tablet, or smartphone), the system automatically calculates and applies appropriate layout transformations, scaling, and positioning for graphical objects to match that device's characteristics. This preliminary automatic action achieves precise layouts for each device type while eliminating the need for designers to manually adjust each object, thereby maintaining layout precision while dramatically improving ease of operation.

Inventive Principle:
Principle #10Preliminary action

Data Source

PatentUS11144183B2System and method for previewing a dashboard display on various form factors
Publication Date: 2021.10.12 ROCKWELL AUTOMATION TECH INC
  • US11144183B2 patent drawing
  • US11144183B2 patent drawing
  • US11144183B2 patent drawing

AI summary

Provided herein are systems, methods, and software for previewing a dashboard report comprising displaying a graphical object on a dashboard design canvas of a design graphical user interface (GUI), receiving a user input to display a preview GUI of the dashboard design canvas, and displaying a preview of the dashboard design canvas on the preview GUI according to a preview mode. The preview mode is user-selectable and includes a monitor device preview mode that causes the preview GUI to display the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a monitor device having a screen resolution greater than a monitor threshold and an alternate device preview mode causes the preview GUI to display the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a preview device having a screen resolution less than the monitor threshold.