HTML5 Layout Rendering in Native Mobile Apps
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Developing mobile applications that can be seamlessly compatible across different platforms like iOS and Android is challenging due to platform-specific requirements, tools, and certification processes, making it impossible to use an iOS application on an Android platform.
Innovation Solution
A method and system that utilize HTML5 layout for rendering native downloaded graphical user interfaces, where an HTML5 authoring tool creates a layout conformant with HTML5 standards, which is embedded into a native application and downloaded as a resource file, allowing the application to intercept requests and satisfy them from local resources without network access, enabling compatibility across mobile devices.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If an application is developed using iOS platform tools and standards, then the application can be certified and executed on iOS devices, but the application cannot be used on Android platform due to platform-specific requirements
Solution Approach 1:
The patent introduces HTML5 as an intermediary layer between the application logic and the native platform. The application is built using HTML5, CSS, and JavaScript which can be rendered by mobile browsers on both iOS and Android platforms, eliminating the need for separate native development for each platform while maintaining platform-specific compatibility through the universal web standards.
Solution Approach 2:
The patent applies universality by using HTML5 standards which are universally supported across different mobile operating systems. The same HTML5-based application can be deployed on both iOS and Android platforms without modification, as HTML5 provides a universal interface that works on all mobile devices with web browser support.
2Ease of manufacture
If an application uses native platform-specific code for each operating system, then the application can leverage platform-specific features, but the development process becomes complex and time-consuming
Solution Approach 1:
The patent segments the application into two distinct parts: the universal HTML5 interface layer that handles user interaction and display, and the platform-specific native code layer that handles device-specific functionality. This segmentation allows developers to write the interface once using standard web technologies and then adapt only the necessary native components for different platforms, significantly reducing development time and complexity.
Solution Approach 2:
The patent utilizes parameter changes by adapting the same HTML5 application framework to different platforms through configuration changes rather than code rewriting. The application can be deployed on different operating systems by modifying deployment parameters and configuration files rather than rewriting the core application logic, thereby simplifying the development process.
3Adaptability or versatility
If an application is certified by Apple for iOS platform, then the application can be distributed through App Store, but the application cannot be distributed on other platforms
Solution Approach 1:
The patent uses HTML5 as an intermediary that serves as a universal distribution format. Instead of requiring separate certification processes for each platform, the HTML5 application can be packaged and distributed through a single process that works across multiple platforms, including iOS App Store, Android Market, and other mobile application stores, thereby simplifying the certification and distribution complexity.
Solution Approach 2:
The patent applies universality by creating a platform-agnostic application using HTML5 standards that can be distributed on multiple platforms simultaneously. The same HTML5 application can be submitted to different platform stores (iOS App Store, Android Market, etc.) without requiring separate development and certification processes for each platform, thereby enhancing distribution capability while reducing complexity.
4Adaptability or versatility
If an application uses web technologies like HTML5, then the application can be rendered in mobile browsers and achieve cross-platform compatibility, but the application may not have access to all native device features
Solution Approach 1:
The patent introduces a bridge or intermediary layer that connects the HTML5 web application to the native device features. This intermediary enables the HTML5 application to access native device capabilities such as camera, GPS, and sensors through standardized web APIs and bridge technologies, while maintaining cross-platform compatibility. The intermediary translates web-based requests into platform-specific native function calls.
Solution Approach 2:
The patent applies universality by using standardized web APIs and communication protocols that provide universal access to device features across different platforms. Instead of requiring platform-specific code for each device feature, the application uses universal web-based interfaces that work consistently across iOS, Android, and other platforms, thereby maintaining ease of manufacture while achieving cross-platform compatibility.
Data Source
AI summary
A method and system configured to use HTML5 layout for rendering a native downloaded graphical user interface is disclosed herein. The system is comprised of a mobile device, a native downloadable application, a mobile web services API, a native application authoring tool, and an HTML5 authoring tool. The HTML5 authoring tool is used to create an application layout conformant with the HTML5 standards and practices.