Web Component Linkability via Tag Matching
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Non-IT specialists face difficulties in determining whether components in a web application are linkable, as the linkability is not easily discernible, making it challenging to arrange and connect components effectively in Web 2.0 applications.
Innovation Solution
A method and system that display components with assigned tags, allowing users to select tags on one component, identify matching tags on other components, and present linkable components, enabling visual checking and linking of components through a component-link edit mode, displaying link icons and lines to facilitate component interaction.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If users are allowed to freely add and link components in a web application, then the application becomes more flexible and customizable, but it becomes difficult for users to determine whether components are linkable to each other
Solution Approach 1:
The system performs preliminary actions by automatically collecting tags from all components and pre-processing linkability information before the user needs it. When a user selects a component, the system has already prepared the tag information and matching components, enabling quick display of linkable components without requiring the user to manually check compatibility.
Solution Approach 2:
Tags serve as an intermediary element between components, providing a standardized interface for determining linkability. Instead of requiring users to directly assess complex component compatibility, the system uses tags as mediators that encode component properties and interface requirements, making the linkage decision process simpler and more intuitive.
2Ease of operation
If all components are displayed with their properties and tags, then users can easily determine linkability, but the interface becomes complex and information-overloaded
Solution Approach 1:
The interface is segmented into distinct functional areas: component selection area, tag display area, and candidate component area. This segmentation allows the system to present detailed information (tags, properties) in organized sections rather than overwhelming the user with a single complex view. Users can focus on one aspect at a time while accessing comprehensive information when needed.
Solution Approach 2:
The system displays partial information by default (showing only selected component tags) and provides additional information on demand. Rather than displaying all component properties and tags simultaneously, the system shows relevant tag information for the selected component and displays candidate components that match, allowing users to access detailed information only when necessary for their specific task.
Data Source
AI summary
Embodiments of the present invention provide a method, a computer system and its computer program which are for presenting a candidate to be linked with a component when the component is to be linked to another component in a web application. In one embodiment, the method includes the steps of: displaying at least two components on a display device; allowing a user to select at least one tag from tags (first tags) on one component (a first component) of the at least two components; identifying a second component having the same tag as the selected first tag; and presenting the identified second component to the user.