CHALLENGES

  • Separation of logical and visual levels of diagramming.
  • Flexible wiring (orthogonal edge routing).
  • One-click modification of nesting level for states.
  • Diagram logic restrictions.

KEY FEATURES

  • User friendly toolset (Boxes&Arrows approach).
  • Deep nesting support.
  • Customization of conditions, events, event handlers.
  • Generating code for the selected programming langua.

APPROACH

Since the application is a visual creator for building state diagrams and establishing connections between them we`ve started with designing of the proper architecture to provide the ability to separate the logic level from graphical representation. This allowed to define the main logic elements at the beginning and then switch directly to visual part. In the course of work a number of UX ideas for objects manipulation has been suggested and successfully added to the editor facilities.

One of the main obstacles, caused by various cases of states nesting was implementation of optimal routing mechanism for connection lines. The analysis of existing approaches allowed us to choose the appropriate one and improve it to meet the requirements and limitations of diagramming logic.

RESULTS

The Creator work area includes canvas and auxiliary panels. The project navigation panel allows the user to manage schemes and configure them. The components panel includes a list of available functional components that could be moved to the scheme with a drag-and-drop. The resource panel represents a menu of available hardware resources and provides the ability to manage local project resources. The issue navigator menu displays a list of errors and warnings that were detected in the course of the current project and highlights the problematic nodes on the canvas. The project analyzer is working in the background during a scheme drawing process which allows it to notify the user about possible issues and generate intelligent suggestions to resolve and optimize the logic.

What our team says?

about project

Employee image

What our team says?

about project

Results image
target audience
This product was created for people with technical knowledge, therefore it was essential to develop a convenient platform without drawbacks indeed. All the necessary tools should have been at hand, and the interface should have been intuitive. We enjoyed working on the project because the client clearly stated his desires and we managed to establish good communication.
Image

YOU MAY FIND INTERESTING

Image

AI Energy Control Solution

Image

AIR CONTROL APP

Image

Engineering Map for Cities Infrastructure