WEB-BASED HMI/SCADA SYSTEM

Create dynamic, user-interfaces effortlessly

Try it out free
OPEN THE DEMO
Product2---703x460

WebIQ, your web-based HMI / SCADA system

With WebIQ, you can create stunning professional and performant web HMIs and SCADA systems that allow you to distinguish your HMI from your competition, using 100% web technology. WebIQ is built with open web technologies (OPC-UA, HTML5, CSS, JavaScript) and supports responsive layouts, so your HMI will work on your machine as well as on your tablet.

WebIQ has a lot of features already built in. Gone are the days when you had to program everything from scratch, write a lot of code and have it only working on Windows. With its modern HTML5 web technology you can essentially do everything you can do on any other website (and that’s a lot!) and in addition visualize and control PLC data in any modern web browser easily.

Also, web development is quite simple, there are a lot of resources available online to get you started and to get help.

But then again – most of the time there’s no need to write any code at all – just click and configure!

100% web-based

WebIQ allows you to easily create your own widgets and libraries using HTML5, CSS, and JavaScript. Your HMI doesn't need any browser plugins, just open web standards. Yes, it works on smartphones and tablets too! Because WebIQ is a legacy-free system, we've always used web technologies. Our engineering tool, WebIQ Designer, uses web technologies.
html5
icon-responsive

Low code

WebIQ Designer allows you to create an HMI using drag-and-drop. Connect a PLC, style the HMI to your corporate CI, and you're done. Create Composite Widgets and reuse them in your HMI, or save certain parts as widget templates to reuse them. Additionally, parts of one HMI can be exported and imported. You write your own JavaScript and CSS code and create your own widgets. Usually, you don't have to.

Fully responsive

WebIQ HMIs are built with responsive design from the start, whether it´s a display directly on the machine or a mobile device. HMIs can adapt to different displays smoothly - even when you switch from landscape to portrait mode on your tablet. This is the benefit of web technologies that support responsive design by default.
html5
icon-responsive

Open platform

Even though we offer custom HMIs and widgets, you are not dependent on us for new features or custom widgets. You only need HTML, CSS, and JavaScript to create a WebIQ widget - and you can find plenty of resources online if you need help getting started. With extensive online documentation and information on web development, you have a lot of freedom. Integrate open-source libraries and frameworks instead of reinventing the wheel.

Continuous Improvement

With its continuous improvement with multiple releases per year new features are added and errors are fixed regularly.
A short time-to-market is ensured by employing agile processes in software development (Scrum) – that way we can react quickly to changing requirements and implement new features in a short time. In addition customer input is encouraged and often suggestions and feedback by customers are implemented quickly.
html5
icon-responsive

Edge based system

In addition to being an edge-based system, WebIQ can be used directly as a cloud data hub. With WebIQ´s web-based design and open standards, there is no restriction on the WebIQ Runtime´s location as data can be routed via standard network technologies (TCP/IP, HTTP, HTTPS with TLS).

Drag & Drop and Configuration Instead Of Writing Code

With its more than 50 built-in widgets that can be styled extensively and all delivered in both light and dark styles WebIQ comes ready to start building your web HMI from the start.

Whether its input our output widgets, gauges or trend displays, recipe widgets or buttons – WebIQ has it all:

  • Alarm widgets
  • Buttons and switches of multiple types
  • Input fields, dropdowns, date and time inputs, checkbox, slider
  • Image and image changer widgets
  • Text and label widgets
and more...
WebIQ-Widgets-962x1024-1-1

Data Recorder & Trend Functionalities

WebIQ includes a data recorder that stores the data in the built-in SQLite database. With each database capable of containing up to 281 TB of data you will be able to record a lot of data. For visualizing reocded data trend widgets are included that allow you to visualize data – either current data or historic data.
Video: TrendDisplay² – available from WebIQ 2.13

Style Your Widgets Code-Free

There’s no need to write a single line of code to create these Radial Gauge widget designs. Not only is the Radial Gauge widget included with WebIQ, you can also configure the widget easily by changing the design settings like font styles and sizes, positions and colors for ultimate flexibility. And if you want to re-use your creation in another project simply export the widget and import it in your next project!
gauge-styling2-1

Great for Programmers, Too!

While WebIQ Designer has been created to make it easy to create, edit and style an HMI without any programming knowledge, programming is also possible and allows you to basically do anything WebIQ has to offer from the most basic level upwards.

Whether you already have CSS knowledge and want to create your own custom CSS classes to style widgets with CSS or you want to create your own UI Actions and LocalScripts – both of which are written in standard JavaScript – all of that is possible!

With the integrated code editor – which is the same one that’s powering Microsoft’s Visual Studio Code – editing of CSS and JavaScript files is very efficient with included syntax checks and auto-complete – and an optional dark mode!

As WebIQ is built with open web technologies from the ground up including external JavaScript and CSS libraries is easy and well documented.
code-manager-localscript

Creating custom widgets that provide an advantage over your competition with HTML, CSS and JavaScript only is also an option many customers utilize.

Web technology is not only easy to learn – web developers are easier to find than specialists in other programming languages most often used for legacy non-web-based HMI systems.

There is probably also no question unanswered online regarding web technology so it’s easy to find answers to questions you might have regarding HTML, CSS and JavaScript with a simple Google query. And of course we’re also available for support on demand!

Responsive Design in a Breeze

Surely one of the most important reasons for switching from a legacy HMI to a modern web HMI for many companies is responsive design – being able to use the HMI on different devices in different locations – on your smartphone, on a tablet, on different machine displays and from anywhere on the planet.

WebIQ has built in responsive layouting features that make it easy to make your web HMI react to different display sizes – all of which is built on top of modern web technology using features like flex layout and wrapping:

Theming Support

As WebIQ is based fully on open web technologies custom styling of the widgets is not only possible directly inside WebIQ Designer using the built-in instance styling, it’s also possible to use custom CSS code to style the WebIQ widgets as desired.

In addition, WebIQ also has built-in support for theming with both normal and inverted styles for all of the widgets. With this it’s also possible to create multiple themes for the same HMI.

Here is another HMI which illustrates how to easily change the styling for different theme-like effects.
hmi-light
hmi-dark

WebIQ Designer: WYSIWYG Editor

Creating web HMIs with WebIQ is easy with WebIQ Designer and its included WYSIWYG (“What You See Is What You Get”) editor that allows you to see the current HMI directly.

Instant Preview on Mobile Devices

Whenver you change something it will be visible immediately and can also be tested directly in any browser or even on a smarthpone or tablet in your local network – no need to publish or compile anything: just open the preview address on your phone and see the current HMI as it is visible in WebIQ. If you now change something in your HMI in WebIQ Designer – like adding a widget – just reload the HMI on your smartphone and you’ll see the changes immediately! That makes testing for mobile devices easy!

The image below shows WebIQ Designer’s Layout Manager with the widget list and hierarchy open at the same time – with normal use you can of course see a lot more of your HMI than in this screenshot.
website-areas-designer

There’s so much more!

Honestly, we could go on and on to show you more of what WebIQ has to offer. But frankly there’s an even better way for you – why not try WebIQ for yourself now? It’s free, unconditional and you can test it without any limitations at all for 30 days. And if you’d like to extend the test period just drop us as a line and we’ll send you another 3o-day license key for free.

Platforms

In addition to being an edge-based system, WebIQ can be used directly as a cloud data hub. With WebIQ's web-based design and open standards, there is no restriction on the WebIQ Runtime's location as data can be routed via standard network technologies (TCP/IP, HTTP, HTTPS with TLS).

  logo-windows logo-linux logo-raspberry Vector logo-linux
  Windows (x86/x64) Linux (x86/x64) Raspberry Pi* Docker Linux (ARM)**
32bit icon-check icon-check icon-check icon-check icon-check
64bit icon-check icon-check icon-check icon-check icon-check
WebIQ Runtime icon-check icon-check icon-check icon-check icon-check
WebIQ Designer icon-check        
 
* Only Raspberry Pi OS is officially supported. When using Raspberry Pi also for the display of the HMI at least 2 GB of RAM is required.
** As ARM is only a processor platform it cannot be officially supported on all systems and depends on a number of factors. You can try using the Raspberry Pi versions – if you are unable to get them working on your ARM system please feel free to contact us for help!

Check out these WebIQ demo applications

We have made available several web HMIs built with WebIQ directly on the internet delivered by the powerful WebIQ Runtime. Even more online demos are available after signing up.
Dashboard demoOpens a new window
Alarm demoOpens a new window
OpenBridge DemoOpens a new window

Our Licensing options

WebIQ offers two types of licenses: licenses for the runtime system (WebIQ Runtime) and licenses for the development system (WebIQ Designer) which are licensed differently.
Group 12

WebIQ Designer Trial

Free 30 day evaluation

License model: hardware-bound 

Widgets included: 50+

Data sources: Unlimited

Tags: Unlimited

Client connections: Unlimited

License Expiration: 30 days

SIGN UP FOR FREE TRIAL
Group 12

WebIQ Designer

Yearly subscription

License model: floating license

Widgets included: 50+

Data sources: Unlimited

Tags: Unlimited

Client connections: Unlimited

License Expiration: until cancellation

REQUEST QUOTE
Group 12

WebIQ Runtime

One-time fee

License model: hardware-bound

Widgets included: 50+

Data sources: depending on license

Tags: depending on license

Client connections: license dependant

License Expiration: Never

REQUEST QUOTE