Single-Page Application UI Platform with Segmented Resource Loading
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current digital transformation efforts face challenges in rapidly responding to market needs and adapting to new technologies like AI, IoT, and cloud computing, requiring multi-experience development platforms that can integrate various development activities across devices and environments while ensuring fast performance and low memory usage.
Innovation Solution
A user interface platform development system with a microservices architecture, supporting multi-browser, multi-device, and multi-OS, utilizing a single page application (SPA) approach that organizes screen files into static and dynamic resources, allowing for efficient loading and reuse of resources, and featuring a WYSIWYG-style development environment with flexible linking to external libraries.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If traditional multi-page application architecture is used, then each screen can be independently loaded and managed, but screen resources are redundantly loaded multiple times causing slow output and high memory usage
Solution Approach 1:
The patent segments the screen resources into static resources (loaded once) and dynamic resources (loaded on-demand for each screen), allowing the browser to reuse static resources across multiple screens while only loading dynamic resources when needed. This segmentation eliminates redundant loading of common resources like frameworks, styles, and base components.
Solution Approach 2:
The system performs preliminary action by pre-loading and caching static resources in the browser's memory during the initial page load. These pre-loaded resources are then reused across subsequent screen transitions without requiring re-loading, thereby improving output speed and reducing memory usage during navigation.
2Reliability
If screen resources are loaded completely for each screen transition, then each screen can be fully rendered, but redundant loading occurs causing performance degradation
Solution Approach 1:
The patent applies partial action by loading only the necessary dynamic resources for the current screen while reusing previously loaded static resources. Instead of completely re-loading all resources for each screen transition, the system performs a partial load of only the screen-specific dynamic content, ensuring complete rendering while maintaining fast transition speeds.
3Adaptability or versatility
If multiple screen resources are loaded simultaneously, then all screens are available, but memory consumption increases due to redundant loading
Solution Approach 1:
The static resources serve a universal function across all screens in the application. By designing the architecture so that static resources (frameworks, styles, base components) can be reused universally across multiple screens, the system supports multi-screen functionality while minimizing memory consumption through single-instance loading of shared resources.
Data Source
AI summary
Disclosed is an integrated user interface platform development system and method of a single-page application type. A user interface platform development system may comprise: a development tool which provides a screen file development environment in a WYSIWYG method, and generates a screen file source in which a user interface platform is configured by structured components; a server which provides a resource for developing a screen file by using the development tool and in which a developed screen file source is registered; and a client which includes a client engine for loading the screen file source configured as a single page application type, which is requested to the server and received therefrom as a response, and executes the loaded screen file source in a browser window, so as to provide the user interface platform corresponding to a device associated with the executed screen file source.