Dynamic Web Widget Generation via Server-Side Code Templates

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current methods for generating dynamic web content are time-consuming and prone to errors, requiring developers to recreate components, making it impractical to reuse existing components effectively.

Innovation Solution

The system automatically generates client-side code on a server at runtime, downloads it to the client, and executes it as a widget with dynamic behavior, allowing for rapid creation and reuse of web page components, including rich Internet applications, using a non-blocking mechanism and dynamic behavior attributes triggered by events.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Manufacturing precision

If developers manually create web components, then each component can be customized, but the process is time-consuming and error-prone

Engineering Contradiction:
Improvecomponent accuracyVSAvoiddevelopment time
Core Design Contradiction:
Manufacturing precisionVSLoss of time

Solution Approach 1:

The patent applies code generation templates that automatically generate client-side code by copying and transforming server-side template code. This eliminates manual rewriting of components while maintaining customization through template parameters, thus reducing development time without sacrificing accuracy.

Inventive Principle:
Principle #26Copying

Solution Approach 2:

The patent replaces manual mechanical coding processes with automated server-side code generation mechanisms. The system automatically generates, downloads, and executes client-side code from server-side templates, substituting developer manual work with an automated computational process.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

2Adaptability or versatility

If developers recreate components manually, then each component can be optimized, but reuse becomes impractical

Engineering Contradiction:
Improvecomponent reusabilityVSAvoiddevelopment efficiency
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent creates universal code generation templates that can generate multiple types of web components through parameter substitution. A single template framework serves multiple purposes by accepting different input parameters, enabling components to be created, modified, and reused across different contexts without requiring separate manual creation for each component type.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The system generates reusable client-side code by copying and transforming server-side template code. The generated code includes instructions for creating widgets that can be reused across multiple pages and applications, with the template mechanism ensuring consistency and reusability while maintaining optimization for each specific component type.

Inventive Principle:
Principle #26Copying

3Adaptability or versatility

If code is generated at runtime, then components can be dynamically adapted, but the generation process adds complexity

Engineering Contradiction:
Improvedynamic behaviorVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent introduces a code generation template as an intermediary between the server-side logic and client-side execution. This template acts as a mediator that transforms server-side parameters into executable client-side code, enabling dynamic adaptation without exposing the underlying complexity of the generation process to the end user or requiring complex manual configuration.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent replaces complex manual code construction with automated template-based generation. The system automatically handles the complexity of generating, downloading, and executing client-side code from server-side templates, substituting complex manual processes with a streamlined automated mechanism that achieves dynamic adaptation.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

Data Source

PatentUS10362089B1Methods and systems for dynamically generating and reusing dynamic web content
Publication Date: 2019.07.23 CITICORP CREDIT SERVICES INC (USA)
  • US10362089B1 patent drawing
  • US10362089B1 patent drawing
  • US10362089B1 patent drawing

AI summary

Methods and systems for generating and reusing dynamic web content involve, for example, automatically generating client-side code on a server at run time, and automatically downloading the client-side code to the client side at run time. The client-side code is executed on the client side to become a widget with dynamic behavior attributes displayed as a component of a web page on a display screen of a client-side computing device. Dynamic behavior of the client-side code may triggered via an event handler mechanism wherein properties of the client-side code are dynamically changed without affecting any other content on the web page. The widget may be redisplayed on a subsequent occasion with a change in the widget without regenerating the client-side code.