Extensible Template Pipeline for Web Application UI Adaptation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional systems lack a pipeline or process to easily modify web application user interfaces after an operating system release, making it cumbersome to adapt UI webpages for branding, localization, and language changes, with no efficient method for merging localized strings or images at authoring time.

Innovation Solution

A computer-implemented system with an authoring component that generates metadata for new webpages, a transformer component that merges templates with metadata at authoring time, and a validation component to ensure parameter validity, allowing for efficient localization and branding of webpages.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If conventional systems are used to modify web application user interfaces after OS release, then the operating system can be finalized and released, but the UI webpages become difficult and cumbersome to modify for branding, localization, and language changes

Engineering Contradiction:
ImproveUI modification capabilityVSAvoidWebpage editing ease
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The patent segments the webpage into two distinct parts: a template portion containing the structural framework and a content portion containing localizable elements such as text strings and images. This segmentation allows external content editors to modify only the content portion without affecting the template, enabling easy localization and branding changes while maintaining the integrity of the overall webpage structure.

Inventive Principle:
Principle #1Segmentation

2Adaptability or versatility

If conventional systems are used for localization, then webpages can be translated into other languages, but the webpages must be completely re-written which is time-consuming and error-prone

Engineering Contradiction:
ImproveLocalization capabilityVSAvoidLocalization time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent performs merging operations at authoring time rather than at run-time. The template and content portions are merged during the localization process itself, allowing translators to work with separated content files and have the final localized webpage generated automatically. This preliminary action eliminates the need for complete webpage rewrites and reduces localization time and errors.

Inventive Principle:
Principle #10Preliminary action

3Adaptability or versatility

If merging operations are performed at run-time as in conventional solutions, then localized strings and images can be integrated with the webpage, but the process is inefficient

Engineering Contradiction:
ImproveContent integration capabilityVSAvoidMerging operation efficiency
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent performs the merging of template and content portions at authoring time during the localization process, rather than at run-time when the webpage is accessed by users. This preliminary merging action significantly improves productivity by eliminating repeated merging operations and allowing the localized content to be prepared in advance, making the actual webpage delivery more efficient.

Inventive Principle:
Principle #10Preliminary action

Data Source

PatentUS11714666B2Extensible template pipeline for web applications
Publication Date: 2023.08.01 MICROSOFT TECHNOLOGY LICENSING LLC
  • US11714666B2 patent drawing
  • US11714666B2 patent drawing
  • US11714666B2 patent drawing

AI summary

Systems and methods are provided for modifying webpages. In some embodiments, a computer-implemented system can include: an authoring component configured to generate and output a file of metadata indicating contents for a new webpage and specifying a template for the new webpage. The system also includes a transformer component configured to receive the file of metadata indicating contents for the new webpage and specifying the template, and merge, with the template, the file of metadata. The transformer component is also configured to automatically generate a file describing the new webpage, wherein the new webpage is based, at least, on the contents for the new webpage and the template.