Extended UI Components for Reusable Cross-Platform Page Editing

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Conventional program development devices face limitations in easily repositioning, changing, or reordering graphical objects on the screen, such as buttons and boxes, during software development, especially in supporting multi-browser, multi-device, and multi-OS environments.

Innovation Solution

An extended component generation method and device that allows developers to create components with additional functions by inheriting properties from basic components, supporting multi-browser, multi-device, and multi-OS environments, using a development tool to generate, extend, and register these components.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If conventional program development devices are used, then basic component functionality is maintained, but developers face limitations in easily repositioning, changing, or reordering graphical objects on the screen

Engineering Contradiction:

Improveease of repositioning and reordering graphical objectsVSAvoidcomplexity of component editing operations

Core Design Contradiction:

Ease of operationVSDevice complexity

Solution Approach 1:

The patent merges the functionality of basic components with additional custom functions by allowing developers to extend existing components. This combines the proven stability of basic components with the flexibility of custom extensions, enabling easy repositioning and reordering of graphical objects without creating entirely new components from scratch.

Inventive Principle:

Principle #5Merging (Combining)

Solution Approach 2:

The extended component mechanism provides universality by allowing a single basic component to serve multiple functions. Developers can add custom functions to existing components, making them multi-functional while maintaining their original capabilities. This resolves the contradiction by enabling flexible graphical object manipulation through extended components that work across different scenarios.

Inventive Principle:

Principle #6Universality (Multi-functionality)

2Adaptability or versatility

If developers create extended components with additional functions, then component functionality is enhanced, but the complexity of component management increases

Engineering Contradiction:

Improvefunctionality of UI componentsVSAvoidcomplexity of component management

Core Design Contradiction:

Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The patent implements a nested structure where extended components contain both basic component functionality and additional custom functions. The basic component serves as the inner core providing fundamental capabilities, while custom extensions are nested around it, adding specialized functionality. This nested architecture enhances adaptability while managing complexity through hierarchical organization.

Inventive Principle:

Principle #7Nested doll (Nesting)

Solution Approach 2:

The component system is segmented into basic components and extended components. Basic components provide core functionality and remain simple to manage, while extended components handle specialized requirements. This segmentation allows developers to manage complexity by only extending components when necessary, keeping the majority of components simple and maintainable.

Inventive Principle:

Principle #1Segmentation

3Adaptability or versatility

If manual coding is used for each component variation, then custom functionality is achieved, but development productivity decreases

Engineering Contradiction:

Improvecustomization of component functionsVSAvoiddevelopment productivity

Core Design Contradiction:

Adaptability or versatilityVSProductivity

Solution Approach 1:

The patent enables preliminary action by providing pre-built basic components that developers can extend rather than creating components from scratch. Developers perform the customization action once by adding functions to a basic component, and this extended component can be reused multiple times. This preliminary extension action significantly improves productivity compared to manual coding for each variation.

Inventive Principle:

Principle #10Preliminary action

Solution Approach 2:

Once an extended component is created with additional functions, it can be copied and reused across multiple projects and scenarios. The extended component serves as a template that can be instantiated multiple times, eliminating the need for manual coding of the same functionality repeatedly. This copying mechanism dramatically improves development productivity while maintaining full customization capabilities.

Inventive Principle:

Principle #26Copying

Data Source

PatentUS20250348289A1Extended component generation method in user interface platform development system and program performing this

Publication Date: 2025.11.13 INSWAVE CO LTD

AI summary

An extended component generation method in user interface platform development system and a program performing this are disclosed. According to one aspect of the present invention, a non-transitory computer-readable medium storing computer executable instructions for performing an extended component generation method when executed by a computer, the method comprising: generating a page for an extended component by a development tool, receiving a selection of one of basic components provided by the development tool, receiving information of an additional function, generating an extended component that inherits all of functions of the basic component and to which the additional function is granted, and registering the extended component with the development tool.