Logical DOM Template Generation for Web Portal Bandwidth Reduction

Solution Overview

Problem

Large enterprise organizations face challenges in embedding dynamic content on user-facing web portals while optimizing computing resources and network bandwidth for their server infrastructure.

Innovation Solution

Implementing just-in-time front end template generation using logical document object models, allowing client devices to update specific page elements without modifying underlying source data, thereby conserving network bandwidth and processing resources.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If dynamic content is embedded in user-facing web portals on a large scale, then content flexibility and interactivity are improved, but computing resource consumption and network bandwidth usage increase

Engineering Contradiction:

Improvecontent flexibilityVSAvoidcomputing resource consumption

Core Design Contradiction:

Adaptability or versatilityVSUse of energy by moving object

Solution Approach 1:

The patent segments the web page into static template portions and dynamic content portions. The static template is generated once and cached, while only dynamic content portions are updated when data changes. This segmentation allows the system to maintain content flexibility through dynamic elements while reducing overall computing resource consumption by avoiding repeated generation of static portions.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent performs preliminary generation of the static template structure before the actual web page delivery. The template is pre-processed and cached on the server, so that when dynamic content needs to be displayed, only the dynamic portions need to be generated and combined with the cached template, significantly reducing real-time computing resource consumption.

Inventive Principle:

Principle #10Preliminary action

2Adaptability or versatility

If dynamic content is embedded in user-facing web portals on a large scale, then content flexibility and interactivity are improved, but network bandwidth consumption increases

Engineering Contradiction:

Improvecontent flexibilityVSAvoidnetwork bandwidth usage

Core Design Contradiction:

Adaptability or versatilityVSLoss of energy

Solution Approach 1:

The patent segments the web page into static template portions and dynamic content portions. The static template is generated once and cached, while only dynamic content portions are updated when data changes. This segmentation allows the system to maintain content flexibility through dynamic elements while reducing overall computing resource consumption by avoiding repeated generation of static portions.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The patent performs preliminary generation of the static template structure before the actual web page delivery. The template is pre-processed and cached on the server, so that when dynamic content needs to be displayed, only the dynamic portions need to be generated and combined with the cached template, significantly reducing real-time computing resource consumption.

Inventive Principle:

Principle #10Preliminary action

3Ease of manufacture

If conventional techniques are used to update web pages, then simplicity of implementation is maintained, but data editing capabilities at the front end are limited

Engineering Contradiction:

Improvesimplicity of implementationVSAvoiddata editing capabilities

Core Design Contradiction:

Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent introduces a template engine as an intermediary between the static template and dynamic content data. The template engine processes template syntax, binds dynamic data to template placeholders, and generates the final HTML output. This intermediary enables sophisticated data editing capabilities at the front end while maintaining relative simplicity in implementation through the use of standard template processing techniques.

Inventive Principle:

Principle #24Intermediary (Mediator)

Data Source

PatentUS11663288B2Just-in-time front end template generation using logical document object models

Publication Date: 2023.05.30 BANK OF AMERICA CORP

AI summary

Aspects of the disclosure relate to processing systems for performing just-in-time front end template generation using a logical DOM. A computing device may receive, from a web server host platform, an HTML page with a DOM structure. The computing device may parse the DOM structure to generate a logical DOM, which may include a key value store identifying dynamic elements to be updated based on data received from a data source different from the web server host platform. The computing device may receive, from a data source computer system, source data. The computing device may modify the logical DOM, based on the source data, by replacing the dynamic elements with corresponding values from the source data. This may produce a first updated real DOM. The computing device may render a first graphical user interface based on the first updated real DOM, and may display the first graphical user interface.