Webpage Presentation via Native-HTML Hybrid Interface
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current methods for presenting webpages, either in Native or Html-based manners, result in suboptimal user experience due to limitations in interface design and update capabilities, necessitating a solution that enhances presentation quality while allowing dynamic updates.
Innovation Solution
A method and device that receive webpage data, extract interface elements from a local application based on page presentation-related information, and use these elements to present webpages, incorporating dynamic user interface templates for improved user experience without requiring full application updates.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If a user interface is implemented by API of the native platform in the Native manner, then the user interface achieves good presentation results and user experience, but for different platforms it is necessary to design and develop respective user interfaces and the user interface can be updated only through updating applications
Solution Approach 1:
The patent segments the user interface into two independent parts: a static native UI framework that provides the foundation, and a dynamic HTML webpage layer that contains the actual interface elements. This segmentation allows the native platform to provide structural support while the HTML layer handles presentation details, eliminating the need to redesign native UIs for each platform while maintaining good presentation quality.
Solution Approach 2:
The patent introduces WebView as an intermediary component that bridges the native application and HTML webpage data. The WebView renders HTML content within the native app container, acting as a mediator that translates between native UI frameworks and web-based interfaces. This intermediary enables cross-platform compatibility while preserving the advantages of both native and web technologies.
2Adaptability or versatility
If a user interface is implemented through WebView in a client apparatus and by using a compiled Html file in the Html-based manner, then the user interface can be dynamically updated, but the user interface is presented relatively poorly and user experience is relatively poor
Solution Approach 1:
The patent merges the advantages of both Native and Html-based approaches by combining a native application container with HTML webpage content. The native framework provides structural integrity and platform-specific optimizations, while the HTML layer contributes dynamic update capabilities. This fusion allows the system to achieve both good presentation quality and dynamic update capability simultaneously.
Solution Approach 2:
The patent applies local quality by allowing different parts of the user interface to be implemented with different technologies. Critical structural elements use native components for optimal presentation, while content-heavy sections use HTML for dynamic updates. This selective application of technologies optimizes both presentation quality and adaptability in different regions of the interface.
3Manufacturing precision
If a user interface can be updated only through updating applications in the Native manner, then the user interface achieves good presentation results, but the update process is time-consuming and requires full application downloads
Solution Approach 1:
The patent extracts the updateable interface content from the native application binary and places it in separate HTML webpage files. This extraction allows the interface content to be updated independently through web-based delivery mechanisms, eliminating the need to redistribute the entire application package. The native framework remains unchanged while the HTML content can be updated rapidly and efficiently.
Data Source
AI summary
A method, a device, a client apparatus, and an electronic device for presenting webpages are disclosed. The method comprises: receiving webpage data; obtaining, based on page presentation-related interface information in the webpage data, corresponding interface elements of a local application; and at least partially using the interface elements of the local application to present a webpage of the webpage data. User experience can be improved according to some embodiments of the present disclosure.