Mobile Enabled Web App Framework

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional web applications are not mobile-enabled due to limitations in accessing local resources and native APIs, preventing them from functioning effectively on mobile devices.

Innovation Solution

A framework is developed that includes a mobile application enabler which transforms a web application by changing its project structure, inserting bootstrap codes, handling mobile device events, and converting data sources, enabling the web application to function as a mobile-enabled application.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web application code is used with standard web browser access, then cross-platform compatibility is supported and maintenance is simplified, but access to local resources and native APIs is prevented

Engineering Contradiction:
Improvecross-platform compatibilityVSAvoidinability to access native APIs
Core Design Contradiction:
Adaptability or versatilityVSObject-generated harmful factors

Solution Approach 1:

The patent introduces a hybrid application framework that acts as an intermediary between web application code and native device resources. The framework includes a web view component that loads web application code and a native application component that provides access to local resources and native APIs, enabling web code to indirectly access device functionality through the hybrid framework's mediation layer

Inventive Principle:
Principle #24Intermediary (Mediator)

2Ease of manufacture

If web application structure is maintained, then ease of development and updates is preserved, but mobile device functionality integration is limited

Engineering Contradiction:
Improveease of web app developmentVSAvoidmobile device functionality access
Core Design Contradiction:
Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent segments the application into distinct components: a web view component that handles web application code execution and a native application component that handles mobile device functionality. This segmentation allows the web application structure to be maintained for ease of development while the native component provides the necessary mobile functionality access

Inventive Principle:
Principle #1Segmentation

3Ease of operation

If conventional web application framework is used, then deployment simplicity is maintained, but mobile-specific events and resources cannot be handled

Engineering Contradiction:
Improvedeployment simplicityVSAvoidinability to handle mobile events
Core Design Contradiction:
Ease of operationVSObject-generated harmful factors

Solution Approach 1:

The patent merges the web application deployment model with native application capabilities by creating a hybrid application framework. The web view component maintains the simple deployment characteristics of web applications, while the integrated native application component adds the ability to handle mobile-specific events and resources without complicating the deployment process

Inventive Principle:
Principle #5Merging (Combining)

Data Source

PatentUS9672032B2Mobile enabled application
Publication Date: 2017.06.06 SAP SE
  • US9672032B2 patent drawing
  • US9672032B2 patent drawing
  • US9672032B2 patent drawing

AI summary

A framework for enabling mobile functionality in a web application (App) to produce a mobile enabled App is described herein. In accordance with one aspect, a web App and a configuration file is provided to a mobile application (mApp) enabler. The configuration file contains configuration information for mobile enablement. The mApp enabler changes a project structure of the web App to a mobile structure and inserts bootstrap codes into the web App. The bootstrap codes load plugins for mobile devices. Codes to handle events available on mobile devices may be inserted, and data sources for the web App may be converted to data sources for a mobile enabled App to enable the web App for mobile (mobile enabled web App).