Website-to-Mobile App Conversion Using Per-Vertical Base Apps
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current website building systems lack the ability to seamlessly convert websites into mobile applications, failing to fully integrate with website metadata and perform complex conversions that adapt components and layouts for mobile devices.
Innovation Solution
The proposed system, an Application Generating Website Building System (AGWBS), utilizes a database to store website data, including metadata and business intelligence, to generate an extended application content file (XACF) that converts website components and layouts into a mobile application format, using a combination of tools like a complex component converter, color and theme setter, and screen preview creator, while also incorporating a mobile visualizer app and recommender engine.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a website building system is used to create websites, then professional-looking websites can be built, but the system lacks the ability to convert websites into mobile applications
Solution Approach 1:
The website building system is extended to perform multiple functions: it can both build websites and convert them into mobile applications. The application generator module enables the system to analyze website structure, generate mobile app configurations, and produce deployable mobile applications from existing website templates and content.
Solution Approach 2:
The application generator is nested within the website building system, allowing the conversion functionality to be integrated into the existing architecture. The system uses the website's hierarchical structure (templates, pages, components) as a foundation and nests mobile application generation logic within this existing framework.
2Manufacturing precision
If website structure is analyzed to generate mobile application, then conversion accuracy improves, but processing time increases
Solution Approach 1:
The system performs preliminary analysis of the website structure during the website creation or editing phase, storing structural metadata and hierarchical relationships in advance. When conversion is requested, this pre-analyzed structure is readily available, significantly reducing the processing time required for conversion while maintaining high accuracy.
Solution Approach 2:
The application generator creates a simplified copy of the website structure tailored for mobile devices. It copies essential hierarchical relationships, component definitions, and template structures from the website while adapting them to mobile app formats, achieving accurate conversion without processing every detail of the original website.
3Productivity
If per-vertical base apps are used as templates, then app generation speed improves, but customization flexibility decreases
Solution Approach 1:
The system uses dynamic template selection and adaptation. Per-vertical base apps serve as starting templates that can be dynamically modified based on the specific website being converted. The application generator adjusts template parameters, adds or removes components, and customizes structures based on the source website's characteristics, enabling both rapid generation and high customization.
Solution Approach 2:
Different parts of the generated mobile application can have different levels of customization. Critical sections that benefit from standardized templates maintain template-based structure for speed, while sections that need to match the source website closely undergo detailed customization. This local differentiation optimizes both generation speed and flexibility where needed.
Data Source
AI summary
An application generating website building system (AGWBS) converts a website to an application which operates on a mobile device. The system includes a website building system (WBS) to enable a user to build a website, and to host the website, a database to store website data that includes at least a structure of the website, an application generator repository to store at least several per-vertical base apps, where each per-vertical base app is a template app for one type of business, and an application generator to determine the website type of business, to generate an initial extended application content file (XACF) at least from an associated per-vertical base app for the type of business, to analyze the structure of the website to generate a graph of elements of the website and to use the graph to modify the associated per-vertical base app into an XACF defining the mobile application.