Adaptive GUI Rendering via Dynamic Template Segmentation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing GUI systems are limited in dynamically changing screen configuration and static resources in response to user interactions or external context, making it difficult to adapt to various input schemes such as voice input without altering the screen layout or static resources.
Innovation Solution
A system and method that involves a front-end transmitting object information upon interaction, a back-end determining and transmitting content and template information based on this data, and the front-end combining these to render a GUI screen dynamically, using web-based bidirectional communication technology.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a GUI system uses predefined pages with static screen configuration and static resources, then the system structure is simple and easy to maintain, but the system cannot dynamically adapt to different situations or input schemes
Solution Approach 1:
The system segments the GUI into three independent components: screen configuration (layout), static resources, and content. This segmentation allows each component to be independently controlled and updated, enabling dynamic adaptation without requiring changes to the overall system structure. The front-end receives separate template information (screen configuration) and content from the back-end, combining them to render adaptive GUIs.
Solution Approach 2:
The system introduces dynamic template information that can change screen configuration and static resources based on different situations. The back-end determines appropriate templates based on context information and transmits them to the front-end, allowing the GUI to dynamically adapt to various input schemes (voice, text, etc.) and situations without structural complexity.
2Adaptability or versatility
If a GUI program takes charge of screen transition, then the screen management is centralized and controllable, but it is difficult to transition screens without screen interaction in situations with multiple input schemes
Solution Approach 1:
The system introduces template information as an intermediary between the back-end and front-end for screen transitions. Instead of requiring direct screen interactions, the back-end can transmit template information that triggers screen transitions automatically. This intermediary mechanism enables transitions based on system states or context changes, accommodating multiple input schemes including voice input without requiring screen interaction.
3Productivity
If the system reads information from database and actively generates only content as newly defined page, then the content is dynamically updated, but the screen configuration and static resources remain unchanged
Solution Approach 1:
The system merges the dynamic content generation capability with dynamic screen configuration by introducing template information. The back-end transmits both content and template information (including screen configuration and static resources) to the front-end. The front-end combines these elements to render a complete adaptive GUI, allowing content, screen configuration, and static resources to be updated together based on different situations.
Data Source
AI summary
An embodiment method for providing a graphical user interface (GUI) includes transmitting object information in response to an interaction, transmitting content and template information based on the object information, combining the content with the template information to render a GUI screen, and displaying the rendered GUI screen on a display device.