Web UI Element Identifier Generation via Source Code Analysis

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

In cloud computing environments, integrating web applications is challenging due to the lack of unique identifiers for user interface elements, particularly when these elements are dynamically generated, making it difficult to reliably reference and manipulate them across page loads.

Innovation Solution

A server-based database system inspects the source code of web applications, generates unique identifiers for user interface elements, and stores edited source code to ensure consistent identification and manipulation of these elements, even if they are dynamically generated.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If web applications use dynamically generated user interface elements, then the applications are more flexible and adaptable, but the elements lack stable identifiers making them difficult to reference and manipulate across page loads

Engineering Contradiction:
Improveflexibility of web applicationVSAvoididentifier stability
Core Design Contradiction:
Adaptability or versatilityVSReliability

Solution Approach 1:

The system performs preliminary actions by inspecting and analyzing the source code structure before the web application runs. It pre-identifies user interface elements and generates stable identifiers in advance, storing them in a database. This preliminary analysis enables reliable element reference across page loads without affecting the dynamic nature of the application.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The system introduces an intermediary layer between the dynamic user interface elements and the reference system. This intermediary inspects the source code, extracts element information, and creates stable identifier mappings. The intermediary database stores these mappings, allowing external systems to reliably reference dynamic elements through stable identifiers without directly interacting with the dynamic elements themselves.

Inventive Principle:
Principle #24Intermediary (Mediator)

2Adaptability or versatility

If web applications integrate multiple applications and services, then the functionality and capabilities are enhanced, but the complexity of identifying and manipulating user interface elements increases

Engineering Contradiction:
Improveintegration capabilityVSAvoidsystem complexity
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The system creates a universal identifier framework that works across multiple web applications and services. By generating standardized stable identifiers for user interface elements regardless of which application they belong to, the system enables consistent reference and manipulation methods across diverse integrated applications, reducing the complexity of cross-application element interaction.

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

3Measurement precision

If manual inspection and editing of source code is performed to create identifiers, then unique identification is achieved, but the process is time-consuming and labor-intensive

Engineering Contradiction:
Improveidentifier accuracyVSAvoididentifier generation efficiency
Core Design Contradiction:
Measurement precisionVSProductivity

Solution Approach 1:

The system enables self-service automated identifier generation by having the inspection system automatically analyze source code, identify user interface elements, and generate stable identifiers without human intervention. The automated process maintains high accuracy in element identification while dramatically improving productivity compared to manual methods.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The system replaces the mechanical manual process of source code inspection and identifier creation with an automated computational system. The automated inspection tool programmatically analyzes source code structure, extracts element information, and generates identifiers, substituting human manual labor with machine-based automation while maintaining or improving identifier accuracy.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

Data Source

PatentUS9753703B2Generating identifiers for user interface elements of a web page of a web application
Publication Date: 2017.09.05 SALESFORCE INC
  • US9753703B2 patent drawing
  • US9753703B2 patent drawing
  • US9753703B2 patent drawing

AI summary

Disclosed are database systems, methods, and computer program products for generating identifiers for user interface elements of a web page of a web application. In some implementations, a server of a database system analyzes a copy of source code for a first web page. The first web page may comprise user interface elements capable of being generated from the source code. The server identifies one or more of the user interface elements of the first web page as not having a unique identifier or as having a dynamically generated identifier. The server generates, for each identified user interface element, a further unique identifier to be associated with the respective identified user interface element. The server generates edited source code comprising one or more further unique identifiers for the identified one or more user interface elements. The server stores the edited source code in a database of the database system.