Web Application Migration via Self-Contained Chunks

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing web application frameworks require complete rewrites when migrating between different frameworks, leading to time-consuming and error-prone processes that disrupt development and user experience, as they often lack backward compatibility and require rewrites of existing code.

Innovation Solution

The method involves splitting web applications into self-contained application chunks, each migrating independently between frameworks, with an application core managing chunk loading based on user interface triggers and chunk definition metadata, allowing incremental updates and parallel development.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web applications are migrated between different web application frameworks using traditional methods, then the web application can be moved to a new framework, but complete rewrites of existing code are required, leading to time-consuming and error-prone processes

Engineering Contradiction:
Improveframework compatibilityVSAvoidmigration time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The web application is divided into self-contained application chunks that can be independently migrated. Each chunk represents a modular unit of the application that can be converted from one framework to another without requiring migration of the entire application, thereby reducing migration time and effort.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

A chunk definition metadata structure serves as an intermediary layer between the application chunks and the web application framework. This metadata describes the content, dependencies, and triggers of each chunk, enabling framework-independent representation and facilitating migration without complete rewrites.

Inventive Principle:
Principle #24Intermediary (Mediator)

2Adaptability or versatility

If web applications are migrated between different web application frameworks using traditional methods, then the web application can be moved to a new framework, but existing code must be completely rewritten, making the process error-prone

Engineering Contradiction:
Improveframework compatibilityVSAvoidmigration accuracy
Core Design Contradiction:
Adaptability or versatilityVSReliability

Solution Approach 1:

Instead of rewriting code during migration, the invention creates copies of application chunks in the target framework while preserving the original functionality through chunk definition metadata. This copying approach with metadata preservation reduces errors compared to manual rewriting.

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The chunk definition metadata acts as an intermediary that captures the essential characteristics of application chunks in a framework-independent manner, reducing migration errors by providing a standardized representation that can be accurately translated between frameworks.

Inventive Principle:
Principle #24Intermediary (Mediator)

3Adaptability or versatility

If web applications are migrated between different web application frameworks using traditional methods, then the web application can be moved to a new framework, but the process disrupts development and user experience

Engineering Contradiction:
Improveframework compatibilityVSAvoiddevelopment continuity
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

By segmenting the application into independent chunks, the migration process can proceed incrementally without stopping entire development teams or disrupting user access to non-migrated portions of the application, thereby maintaining development productivity and user experience.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

Application chunks can be prepared and converted to the target framework in advance, allowing for staged migration that minimizes disruption to ongoing development and user experience. The self-contained nature of chunks enables preliminary conversion without affecting the running application.

Inventive Principle:
Principle #10Preliminary action

4Adaptability or versatility

If web applications are migrated between different web application frameworks using traditional methods, then the web application can be moved to a new framework, but the migration process requires complete rewrites rather than incremental updates

Engineering Contradiction:
Improveframework compatibilityVSAvoidmigration complexity
Core Design Contradiction:
Adaptability or versatilityVSEase of manufacture

Solution Approach 1:

Segmenting the application into self-contained chunks transforms the migration process from a complex complete rewrite task into a series of simpler, independent conversion tasks. Each chunk can be migrated separately, reducing the overall complexity and making the process more manageable.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The chunk definition metadata provides a standardized intermediary representation that simplifies the migration process by abstracting away framework-specific details, making conversion between frameworks more straightforward and less complex than direct rewriting.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS11853752B2Migration of web applications between different web application frameworks
Publication Date: 2023.12.26 EMC IP HLDG CO LLC
  • US11853752B2 patent drawing
  • US11853752B2 patent drawing
  • US11853752B2 patent drawing

AI summary

A method includes identifying a portion of a web application to be migrated from a first to a second web application framework, selecting at least one page element in the portion of the web application that is to be migrated, generating an application chunk for the selected page element as a self-contained web application that utilizes the second web application framework, and replacing a portion of software code of the web application corresponding to the selected page element with chunk definition metadata defining content of the selected page element, dependencies of the selected page element, and triggers for loading the generated application chunk. The method also includes creating an application core comprising a user interface shell configured to load the generated application chunk and one or more other application chunks of the web application responsive to activation of user interface elements of the web application corresponding to the defined triggers.