Metadata-Driven UI Rendering for Distributed Client Consistency

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

The client-server model, particularly in web-based applications, faces challenges in providing a consistent and efficient user interface across different client devices due to varying hardware capabilities and presentation formats, as web services do not define how data should be displayed, leading to inconsistencies in user interface rendering.

Innovation Solution

A metadata-driven system that allows distributed clients to derive user interface components and manage interactions from a server application, using a base class like SugarBean and metadata parsing to generate user interfaces dynamically, ensuring consistency and adaptability across diverse devices.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web services are used to transmit data between client and server, then data can be accessed in a machine-processable format, but the presentation format and user interface rendering become inconsistent across different client devices

Engineering Contradiction:
Improvedata accessibilityVSAvoidUI rendering consistency
Core Design Contradiction:
Adaptability or versatilityVSManufacturing precision

Solution Approach 1:

The patent introduces metadata as an intermediary layer between the web service data transmission and the client-side user interface rendering. The metadata contains presentation format definitions, UI component specifications, and rendering instructions that mediate between the raw data and the final displayed interface, ensuring consistent rendering across different client devices while maintaining data accessibility through standard web services

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent applies preliminary action by defining all presentation format specifications, UI component structures, and rendering rules in advance through metadata schemas before the actual user interface is rendered. This pre-definition of UI behavior and presentation standards ensures that when data is transmitted via web services, the client application can consistently render the user interface according to pre-established rules, eliminating rendering inconsistencies across different devices

Inventive Principle:
Principle #10Preliminary action

2Reliability

If user interface components and behavior are statically embedded in the client application, then the client can independently render the UI, but updates require redistribution of the client application

Engineering Contradiction:
ImproveUI rendering independenceVSAvoidUI update efficiency
Core Design Contradiction:
ReliabilityVSProductivity

Solution Approach 1:

The patent transforms the static UI embedding model into a dynamic one where metadata is externally accessible and modifiable. Instead of having UI components fixed in the client application, the system allows metadata to be dynamically retrieved, parsed, and applied at runtime. This enables the client to maintain rendering independence while allowing administrators to update UI behavior and presentation by modifying metadata without redistributing the client application

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent segments the user interface system into separate components: the client application structure, the metadata definitions, and the rendering engine. This segmentation allows the metadata portion to be independently updated and modified without affecting the core client application, enabling efficient UI updates while maintaining the reliability of the client's rendering capability

Inventive Principle:
Principle #1Segmentation

3Adaptability or versatility

If different client devices with varying hardware capabilities access the same web service, then broad device compatibility is achieved, but the user interface cannot be optimized for specific device characteristics

Engineering Contradiction:
Improvedevice compatibilityVSAvoidUI optimization
Core Design Contradiction:
Adaptability or versatilityVSEase of manufacture

Solution Approach 1:

The patent applies local quality by allowing metadata to contain device-specific presentation format definitions and UI component specifications. Different client devices can retrieve and apply locally-appropriate metadata that is optimized for their specific hardware capabilities, screen resolutions, and rendering engines, while still accessing the same core data through the web service. This enables each device to have a customized, optimized UI experience tailored to its local characteristics

Inventive Principle:
Principle #3Local quality

Data Source

PatentUS10387130B1Metadata driven distributed application behavior system and method
Publication Date: 2019.08.20 SUGARCRM INC
  • US10387130B1 patent drawing
  • US10387130B1 patent drawing
  • US10387130B1 patent drawing

AI summary

A distributed metadata driven system and method that allows a single server component the ability to control the display, behavior, and functionality of client applications.