Unified Browser Directed Graph Editor

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current software products face challenges in editing and viewing directed graphs, particularly in client-server networks with different operating systems and browsers, due to the need to switch between editing and viewing applications, leading to inconsistent and aesthetically unacceptable displays.

Innovation Solution

A method and system that uses a data processing system to generate a display for a directed graph within a browser application, allowing for editing and viewing in a unified format by creating tables and generating lines to represent parallel columns, enabling seamless reconnection of child nodes and improving the visual representation of workflows.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If separate editing and viewing applications are used, then workflow editing capability is provided, but display consistency and aesthetic quality deteriorate

Engineering Contradiction:
Improveworkflow editing capabilityVSAvoiddisplay consistency and aesthetic quality
Core Design Contradiction:
Ease of operationVSManufacturing precision

Solution Approach 1:

The patent combines the editing application and viewing application into a single unified application. This allows the workflow editor to edit and view the directed graph within the same application environment, ensuring that the display remains consistent and aesthetically pleasing while maintaining full editing capability. The unified application eliminates the need to switch between separate applications and their different display formats.

Inventive Principle:
Principle #5Merging (Combining)

2Manufacturing precision

If a single application is used for both editing and viewing, then display consistency is improved, but the complexity of handling different client configurations worsens

Engineering Contradiction:
Improvedisplay consistencyVSAvoidclient configuration compatibility
Core Design Contradiction:
Manufacturing precisionVSDevice complexity

Solution Approach 1:

The patent implements a universal display approach using standard web technologies (HTML, CSS, JavaScript) that can be rendered consistently across different operating systems and browsers. The application uses a browser-based architecture with a server that generates standardized output, making the system universally compatible with various client configurations while maintaining display consistency. This universal approach eliminates the need to handle different client configurations separately.

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

3Device complexity

If conventional organizational chart structures are used, then simplicity is maintained, but workflow representation capability deteriorates

Engineering Contradiction:
Improvestructure simplicityVSAvoidworkflow representation capability
Core Design Contradiction:
Device complexityVSAdaptability or versatility

Solution Approach 1:

The patent implements a dynamic directed graph structure that allows child nodes to reconnect to parent nodes, enabling complex workflow patterns that go beyond static organizational charts. The system maintains simplicity through automated layout algorithms and intuitive user interfaces, while providing versatile workflow representation capabilities. The dynamic nature of the graph allows it to adapt to various workflow scenarios, including parallel processes, decision points, and iterative loops, all while maintaining visual clarity.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS7725820B2Method of generating a display for a directed graph and a system for use with the method
Publication Date: 2010.05.25 PLANVIEW
  • US7725820B2 patent drawing
  • US7725820B2 patent drawing
  • US7725820B2 patent drawing

AI summary

A data processing system readable medium can have code to generate a display for a directed graph, wherein the code is embodied within the data processing system readable medium. The code can include an instruction to generate a table corresponding to a row element. The table can include a first row, at least one second row, a third row, and columns, wherein a number of the columns corresponds to the number of columns associated with the row element. The code can also include an instruction to generate lines to illustrate a set of parallel columns for the row element, and an instruction to display elements associated with the row element. In another embodiment, a method can include transmitting any or all of the instructions to a browser application in order for the browser application to execute the instructions.