Metadata-Driven List UI Component Builder

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Application developers face challenges in creating customizable list user interface components, as they require substantial source code writing for data retrieval, processing, and view rendering, which is difficult to decouple from UI changes, especially for users with limited programming skills and those using unfamiliar programming languages.

Innovation Solution

A metadata-driven approach builds list UI components by defining data sources, view layouts, and functions using a metadata dataset, allowing developers to choose any programming language and design components in one location while building them in another, with a system comprising a metadata parser, data-source engine, expression engine, and renderer to generate UI views.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If developers manually program each list UI component for each instance in each application, then the UI component can be customized to specific needs, but the amount of source code required increases substantially

Engineering Contradiction:
ImproveUI component customizationVSAvoidsource code quantity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent extracts the common functionality and structure of list UI components into a separate, reusable template or framework. This allows the core component to be defined once with placeholder elements that can be automatically instantiated across multiple applications and instances, eliminating the need to manually program each component from scratch while maintaining customization capabilities through configuration parameters.

Inventive Principle:
Principle #2Taking out (Extraction)

Solution Approach 2:

The patent creates a universal list UI component framework that can serve multiple applications and instances through a single definition. The component is designed with configurable parameters and placeholder elements that allow it to adapt to different contexts and requirements, enabling one component to fulfill multiple specialized roles without requiring separate custom implementations for each use case.

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

2Adaptability or versatility

If developers manually program each list UI component, then the component can respond to specific user inputs and data sources, but the difficulty of decoupling data from view increases

Engineering Contradiction:
Improvedata source integrationVSAvoidcoupling between data and view
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent segments the list UI component into distinct, separable layers: a data layer for data sources, a template layer for view structure, and a binding layer that connects them. This segmentation allows data retrieval, processing, and view rendering to be defined in separate, independently maintainable sections, making it easy to decouple data from view while maintaining their functional relationships through defined binding mechanisms.

Inventive Principle:
Principle #1Segmentation

3Ease of manufacture

If developers use a metadata-driven approach to build list UI components, then the creation and maintenance is simplified, but a metadata parser and processing system is required

Engineering Contradiction:
Improvecomponent creation effortVSAvoidmetadata processing system
Core Design Contradiction:
Ease of manufactureVSDevice complexity

Solution Approach 1:

The patent introduces a metadata definition system as an intermediary layer between the developer and the actual component implementation. Developers interact with high-level metadata definitions that are easier to create and maintain, while a metadata parser and processing system automatically translates these definitions into the actual component code and configuration. This intermediary simplifies the developer's task while the automated processing handles the complexity of code generation and validation.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS10254931B2Metadata-driven list user interface component builder
Publication Date: 2019.04.09 SAP SE
  • US10254931B2 patent drawing
  • US10254931B2 patent drawing
  • US10254931B2 patent drawing

AI summary

Disclosed herein are technologies for a metadata-driven building of list user interface (UI) components of a UI of an application. This Abstract is submitted with the understanding that it will not be used to interpret or limit the scope or meaning of the claims.