Skip to content

WebIQ by Smart HMI

With WebIQ, Smart HMI has created the first 100% web-based tool for visualization of industrial applications and digital processes. WebIQ offers full graphic design capabilities and an integrated drag-and-drop editor for easy parameterization. This allows every automation engineer to create attractive and individual HMIs.

Notable features of WebIQ:

  • Platform independent
  • CSS3 as powerful styling method
  • Drag & drop and configuration instead of writing code
  • Data recorder & trend functionalities
  • Styling widgets code-free
  • Great for programmers: integrated code editor
  • WebIQ Designer: WYSIWYG editor
  • Instant preview on mobile devices

Integrate custom widgets, design styles, program scripts as well as open source or 3rd party components to extend functionality and create customer-specific functions. An extensive Application Programming Interface (API) can be used to address almost all functions of the HMI via internal and external scripts. WebIQ integrates an SQL database (SQLite) to store historical data and alarms as well as customer recipes and settings.

Refer to the WebIQ website for more on WebIQ's features.

Examples of interfaces created with WebIQ

The WebIQ website offers insight into examples and case studies of HMIs created with WebIQ. Among those are:

  • Weiss Technik, HMI created with WebIQ. Design by Ergosign GmbH, Saarbrücken.

    Weiss Technik WebIQ example

  • Krauss Maffei, HMI created with WebIQ. Design by HMI Project GmbH, Würzburg.

    Weiss Technik WebIQ example

How WebIQ runs with Nerve

WebIQ consists of two major components:

  • Designer environment

    WebIQ Designer is the engineering tool to develop and style HMI projects. It includes the WebIQ Server to run and test the HMI during design phase.

  • Runtime environment

    The runtime environment only includes the WebIQ Server. The HMI and the WebIQ Runtime Manager, a tool to provide all functions for setting up and maintaining the machine, can be viewed on any device with a browser.

WebIQ allows the runtime environment to be run as a Docker container, which is the perfect way for integration into Nerve. The WebIQ Runtime Docker Container is placed in the Workload repository of the Nerve Management System and can be deployed to Nerve nodes. With Remote connections in Nerve, the HMI and other web UIs can be viewed on the connected client’s browser. The HMI or other web UIs can be also viewed on any device with a browser that has network access to the Nerve device.

Architecture

WebIQ example application running on Nerve

This example is an extension of the Machine efficiency insight tutorial to demonstrate the use of WebIQ as the main HMI.

The basic scheme of the tutorial setup is as follows:

Example architecture

The machine simulation visualization has been redesigned with WebIQ Designer:

Machine simulation UI with WebIQ

This demo or other WebIQ deployment scenarios on Nerve can be easily recreated on demand in our trial space or on your own Nerve Node.

Interested? Here is what to do

Please contact us here for your free demo, trial setup or more information.