Dynamic API Web Form Engine for Complex Data Nesting

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Existing low or no-code editors for web forms struggle with supporting complex data types and nesting, leading to performance issues and limited interoperability with document assembly systems, particularly for businesses requiring frequent updates and nuanced document templates.

Innovation Solution

A dynamic content management system with a drag-n-drop editor allows subject matter experts to create highly interactive web forms with virtually unlimited control over data models, using a dynamic API to construct templates and push data to a client-side form engine, which processes with low latency and formats data for various output formats, enabling interoperability with third-party systems.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If existing low or no-code editors are used to create web forms, then ease of operation is improved, but the ability to support complex data types and nesting is limited

Engineering Contradiction:

Improveease of operationVSAvoidsupport for complex data types and nesting

Core Design Contradiction:

Ease of operationVSAdaptability or versatility

Solution Approach 1:

The system segments the form creation functionality into a visual drag-and-drop editor for ease of use and a separate code generation engine that produces complex JSON schemas and JavaScript code. This allows subject matter experts to work with simple visual interfaces while the system handles the complexity of data models and nesting structures behind the scenes.

Inventive Principle:

Principle #1Segmentation

Solution Approach 2:

The system introduces an intermediary code generation layer that translates visual form designs into complex data structures and JavaScript code. This intermediary handles the transformation from simple visual elements to complex nested data types, bridging the gap between ease of operation and support for complexity.

Inventive Principle:

Principle #24Intermediary (Mediator)

2Adaptability or versatility

If existing low or no-code editors support highly complex data types and nesting, then adaptability is improved, but performance deteriorates with significant time costs

Engineering Contradiction:

Improvesupport for complex data types and nestingVSAvoidperformance time

Core Design Contradiction:

Adaptability or versatilityVSLoss of time

Solution Approach 1:

The system performs preliminary actions by pre-compiling form definitions into optimized JavaScript code and data structures during the form creation phase. This pre-processing allows the runtime execution to be extremely fast, as the complex data types and nesting structures have already been processed and optimized beforehand.

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

The system replaces traditional server-side form processing mechanics with client-side JavaScript execution. By generating optimized JavaScript code that runs directly in the browser, the system eliminates server round-trips and achieves near-instantaneous form rendering and data processing, dramatically improving performance.

Inventive Principle:

Principle #28Mechanics substitution (Replace mechanical system)

3Ease of operation

If existing low or no-code editors are used, then ease of operation is improved, but interoperability with third-party document assembly systems is limited

Engineering Contradiction:

Improveease of operationVSAvoidinteroperability with document assembly systems

Core Design Contradiction:

Ease of operationVSAdaptability or versatility

Solution Approach 1:

The system generates universal JSON schemas and JavaScript code that can be executed in any browser environment and integrated with various document assembly systems. The standardized output formats and data structures enable broad interoperability while maintaining a simple visual editing interface for users.

Inventive Principle:

Principle #6Universality (Multi-functionality)

Data Source

PatentUS11537684B2System and method for creating and rendering complex, highly performant web interviews using a low-code editor, supporting interoperability with existing third party document assembly systems

Publication Date: 2022.12.27 NET LAW GROUP INC

AI summary

In a computing system environment, a method for automated document creation by a dynamic content management system is described. A dynamic application programming interface (API) retrieves stored existing and/or persisting user data from a server and constructs a dynamic interview form template. The dynamic API pushes the dynamic template including the retrieved existing and/or persisting document data to a document form engine residing on a user computing device. The document form engine constructs one or more interview form pages from the pushed dynamic template and retrieved existing and/or persisting user data. Each element used to construct the one or more interview form pages is customized to each component of the document being constructed. The selected elements may be one or more of HyperText Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript™, or others.