Web UI Component Generation for Master Data Management

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Creating customized web user interfaces for master data management (MDM) systems requires specialized knowledge and programming skills, limiting accessibility for users without expertise in software development or MDM APIs.

Innovation Solution

A system and method that acquire metadata from the MDM database schema, allow users to select appropriate Web UI elements, generate component definitions, and store them in the database, enabling UI designers with little programming knowledge to create and render web-based user interfaces without needing to know the MDM API or programming skills.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If a user interface designer or programmer with software development skills is used to create a customized web UI for MDM schema, then the user interface can be customized to specific database schema and MDM API, but the complexity and difficulty of UI development increases significantly

Engineering Contradiction:
Improvecustomization capabilityVSAvoiddevelopment complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent introduces an intermediary component that automatically generates web UI code by translating high-level user specifications into detailed implementation code. This intermediary layer handles the complexity of MDM API integration and database schema mapping, allowing users to define UI requirements without needing to understand the underlying technical complexity.

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The system enables self-service UI generation where the software automatically creates customized web interfaces based on database schema and user requirements. The system performs self-documentation and self-code-generation, eliminating the need for manual programming while maintaining full customization capabilities.

Inventive Principle:
Principle #25Self-service

2Adaptability or versatility

If traditional development tools and frameworks are used for creating web UIs for MDM systems, then the user interface can be customized, but the requirement for specialized knowledge and programming skills increases

Engineering Contradiction:
Improvecustomization capabilityVSAvoidease of UI development
Core Design Contradiction:
Adaptability or versatilityVSEase of operation

Solution Approach 1:

The system allows non-technical users to create customized web UIs through a simplified configuration process. Users can specify UI requirements using basic parameters without needing to understand programming concepts, and the system automatically generates the complete web interface implementation.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The patent transforms the UI development process from code-writing to parameter-specification. Users interact with high-level configuration parameters rather than programming syntax, fundamentally changing the operation mode from software development to system configuration, which is accessible to non-technical users.

Inventive Principle:
Principle #35Parameter changes

3Adaptability or versatility

If manual code writing is required for web UI development, then the user interface can be precisely customized, but the time and effort required for development increases

Engineering Contradiction:
Improvecustomization capabilityVSAvoidUI development speed
Core Design Contradiction:
Adaptability or versatilityVSProductivity

Solution Approach 1:

The system performs preliminary code generation and configuration setup automatically before the user needs the web interface. By pre-generating boilerplate code, establishing database connections, and configuring MDM API integrations in advance, the system eliminates time-consuming manual setup tasks and accelerates the overall development process.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The system uses templates and patterns to generate web UI code automatically. Instead of writing code from scratch, the system creates copies of proven UI patterns and adapts them to specific requirements, dramatically reducing development time while maintaining customization capability.

Inventive Principle:
Principle #26Copying

Data Source

PatentUS8200710B2System and method for runtime rendering of web-based user interfaces for master data management
Publication Date: 2012.06.12 SAP SE
  • US8200710B2 patent drawing
  • US8200710B2 patent drawing
  • US8200710B2 patent drawing

AI summary

One or more embodiments enable a system and method for creation and runtime rendering of web-based user interface applications for a master data management applications. The system and method comprise acquiring metadata of a schema of a master data management database at initialization, the metadata identifying a plurality of schema elements; selecting a schema element of the plurality of schema elements in the schema metadata; identifying a set of all appropriate Web UI element options for the schema element; presenting to a UI designer a graphic user interface populated with the schema element and the set of all appropriate Web UI element options for the schema element; accepting from the UI designer a selected Web UI element from the set of all appropriate Web UI element options; generating a Web UI component definition comprising a link between the schema element and the selected Web UI element; storing the Web UI component definition related to the link in the master data management database.