GUI‑Designer

Creating a good user interface is more work than you might think at first glance. With the GUI‑Designer, the design can be created intuitively on the PC. Using the GUI‑Designer with the LCM display modules offers many advantages:

• Significant reduction in development time and costs
• Design work without programming → Division of labor and relieving software developers of design work
• Less effort needed to experiment with or make changes to the design → more design improvements → better user interfaces

The GUI‑Designer goes far beyond existing options – which usually require an application to directly draw and control all graphic elements on the display – by realizing the following: fundamentally, an application wants to 1) display its current state on a user interface and 2) allow the operator to make (controlled) changes to it. In other words, an application can be completely described by its state, implemented as a set of “system variables”.

The GUI‑Designer can be used to create the application’s entire user interface on a PC, including its screens, graphics and text, as well as the graphical representations of the system variables and the system variables themselves. This design is then “uploaded” to the LCM module and processed there.

1. The temperature outside changes and is measured by the application.
2. The outdoor temperature is a system variable of the application, so it sends the change to the LCM module with the meaning “Outdoor temperature is now 23°C”.
3. The LCM module updates the representation of the temperature, e.g. a numerical or bar graph.

Conclusion: No more direct programming is required when designing the user interface – not even “low code”, but “zero code” – configuring instead of programming.

The manual describes the use of the GUI‑Designer in detail.

An overview of the elements of the GUI‑Designer can be found on the reference card.

Click here for the Video Tutorials