3.1 A Graphical Designer of Web HMI

RexHMI Designer1 is tool for designing the custom visualizations using predefined components. The whole HMI is stored in the SVG (Scalable Vector Graphics) file with REX specific extensions.

When the visualization is ready the HTML page with all necessary libraries is generated. Such a webpage can be easily downloaded to the target device from ./hmi directory using Compile and Download function of the RexDraw development tool.


PIC


Figure 3.1: The example of RexHMI Designer visualization

Each HMI scheme composes from several components which are connected to the signals from the control system. These components are organized in libraries. The example HMI on fig. 3.1 contain one Button, two LEDs and several GeneralComponents for pool and flower animations.


PIC


Figure 3.2: The list of RexHMI extensions

The HMI components are controlled via extensions (on fig. 3.2) which edit the RexHMi specific parameters and allow the export of the final HMI.

Follow the tutorials on www.rexcontrols.com to know how to use the extensions for creating your custom HMIs.