Hybrid Mobile Interaction Bridge for Native and HTML5 Apps
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing mobile app interaction systems struggle to seamlessly integrate native and web-based applications, limiting user experience and multitasking capabilities, especially on mobile devices.
Innovation Solution
A system and method that allows native and HTML5 applications to coexist on a mobile device, using a unified interface that supports backward compatibility, enabling users to launch and interact with both types of apps in a familiar manner, with HTML5 apps running within a browser environment and supporting multitasking through split-screen display and inter-app communication.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If HTML5 apps run inside a browser environment, then cross-platform compatibility and multitasking are improved, but integration with native app interfaces and user experience consistency deteriorate
Solution Approach 1:
The patent introduces a bridge component that mediates between HTML5 web apps running in the browser and the native app interface layer. This bridge enables seamless integration by translating between web app events and native interface events, allowing HTML5 apps to respond to native gestures and display in native interface contexts, thus resolving the contradiction between cross-platform compatibility and interface consistency
Solution Approach 2:
The system creates a universal interface layer that can handle both native apps and HTML5 web apps through a common event system. The bridge component provides multi-functional capabilities by supporting multiple app types and interaction modes, enabling a unified user experience across different platform-specific applications
2Ease of operation
If a unified interface system integrates both native and web apps, then user experience and multitasking are improved, but system complexity increases
Solution Approach 1:
The patent segments the system into distinct layers: a native interface layer, a bridge component layer, and a web app layer. This segmentation allows each layer to operate independently with well-defined interfaces, reducing overall system complexity while enabling unified user experience through coordinated interaction between layers
3Ease of manufacture
If HTML5 apps are used instead of native apps, then development portability is improved, but access to native device features and performance deteriorate
Solution Approach 1:
The patent implements a nested architecture where HTML5 web apps are embedded within the native application environment. The web apps run inside the browser container which is itself integrated into the native app framework, allowing HTML5 apps to leverage native device features through the bridge component while maintaining the portability benefits of web-based development
Data Source
AI summary
There is disclosed a system, including apparatus, methods and computer programs, for running native software applications (apps) and HTML5 web-based apps on a computing device, particularly a mobile computing device, in a multitasking mode of operation. In one embodiment, touch screen displays having one or more browsers are adapted to run one or more HTML5 apps, and receive input from hand gestures. One or more software modules execute on the operating system and are responsive to a dragging gesture applied to an HTML5 app displayed in a full screen mode, to subdivide the screen display and display the HTML5 app in one of the subdivided areas and display icons used to launch a second HTML5 app in a different one of the subdivided areas. The second HTML5 app is run concurrently with the first HTML5 app in order to provide multi-tasking between the first and second apps.