HMI Project

Showcase HMI System

Here you can see a small preview of how operation of industrial machines could be implemented in the future with HTML5 technologies and adaptive layout constraints.
Our showcase “HMI System“ shows an example of a dashboard for mobile devices. Widgets adapt to user interaction
and changes in viewport size and use their available space optimally. Our screencast further illustrates the
possible interactions.

To demonstrate the docking of a mobile device we use NFC technology. Once the device is recognized it
enables direct machine operation. When detached from the machine those operations are no longer available
due to safety restrictions. In our demo you can easily simulate the docking by clicking on the button labelled
“Mit Maschine verbinden“ at the top of the screen.
Try different devices and resolutions to see how the demo adapts automatically and widgets change their
content according to the space available to them.