No-Refresh DOM UI Framework for Web Interfaces
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Traditional web interfaces require full page refreshes when updated, leading to user discomfort, increased server workload, and network traffic, causing delays and degrading usability.
Innovation Solution
A data-driven, no-refresh user interface framework that uses a client-side implementation of DOM to dynamically update and modify web documents, allowing partial updates without reloading the entire page, and employs an event queue to manage user events, reducing server wait times and network traffic.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If full page refresh is used to update web interfaces, then data consistency is ensured, but user experience deteriorates and server workload increases
Solution Approach 1:
The patent segments the web page into multiple independent DOM elements that can be updated individually. Instead of refreshing the entire page, only specific DOM nodes are modified to reflect data changes, maintaining consistency where needed while avoiding unnecessary full-page reloads that degrade user experience.
Solution Approach 2:
The patent extracts the essential function of data consistency enforcement from the full page refresh mechanism. By using DOM-based selective updates, the system takes out only the necessary data synchronization capability without the harmful side effect of complete page reloading, thus improving user experience while maintaining data integrity.
2Reliability
If full page refresh is used to update web interfaces, then data consistency is ensured, but server workload increases
Solution Approach 1:
The patent extracts the essential function of data consistency enforcement from the full page refresh mechanism. By using DOM-based selective updates, the system takes out only the necessary data synchronization capability without the harmful side effect of complete page reloading, thus improving user experience while maintaining data integrity.
Solution Approach 2:
The patent applies partial action by updating only the specific DOM elements that need data consistency rather than performing the excessive action of refreshing the entire page. This reduces server workload significantly while maintaining data consistency for the relevant portions of the interface.
3Ease of operation
If event queue is implemented to manage user events, then responsiveness improves, but system complexity increases
Solution Approach 1:
The patent introduces an event queue as an intermediary component between user actions and server processing. This mediator buffers and manages events asynchronously, allowing the interface to remain responsive while events are processed in order, reducing perceived complexity through standardized event handling patterns.
Solution Approach 2:
The patent implements preliminary action by pre-establishing the event queue structure and event handling mechanisms before user interactions occur. This preparation allows events to be processed efficiently as they arrive, improving responsiveness without requiring complex real-time decision-making logic during user operations.
Data Source
AI summary
A data driven, no-refresh, high-interactivity user interface framework, which can be used in (or with) web browsers to provide user interface for accessing product and service configuration through network connection. For example, the user interface can be used with web-based customer order management or product configurator. In one embodiment, the user interface presented as a web document is updated using Document Object Model (DOM) to avoid refreshing. Updates to the user interface are driven by the data managed by the user interface. An event queue for user actions to be dispatched to the server is provided to improve usability of the user interface. A user interface level application program interface is provided for external applications/modules to improve configurability.