Web HMI

Create HTML5 web application interfaces to display and interact with real time data.
Add live data access to your existing web application.

Key Features of Web HMI

  • Compatible with ALL browsers on Mac, PC, Linux, and mobile devices capable of displaying HTML5 and executing JavaScript, including: Chrome, Firefox, Safari, Internet Explorer (8+, 9+ recommended), Mobile Safari and Chrome on iOS, Mobile browsers on Android
  • Utilizes open standards for HTML5, JavaScript, and CSS
  • Unique markup option quickly adds live data to existing HTML pages
  • Programmatic JS interface allows for advanced application UI development
  • Can run on ANY web application platform that generates or delivers HTML includingASP.NET and .NET MVC, PHP, Ruby on Rails, NodeJS, Static HTML sites like WordPress …and more!
  • Supports authentication and secure communications over SSL
  • Requires no plugins, Java applets, or ActiveX controls to execute; just point your browser to your web application to start
  • Requires no compilation or packaging for deployment; supports file copy deployment or integration with your own deployment methods
  • Real time data delivered directly to your browser, reducing load on your web application server

Platform Components

Universal Data Connector

The core of the OAS Platform, enabling data connectivity, server-to-server networking, and more

Data Historian

Log data in open format to MS SQL Server, Oracle, mySQL, PostgreSQL, Cassandra, MongoDB, SQLite, MariaDB, Access, SQL Azure, and CSV

Alarm Logging & Notification

Log events to open databases, and send notifications via SMS, email, and voicemail

Device & Data Connectors

Read and write data to Allen Bradley, Siemens, and Modbus devices, Universal Drivers, OPC, and OPC UA, open databases, and Excel

IoT Connectors

Connect to cloud-base IoT gateways such as AWS, Azure IoT, and MQTT Brokers

Developer Tools & APIs

Develop custom Visualizations, User Interfaces, and Automation apps for Windows, web, native iOS and Android, integrate with .NET and REST APIs

Networking Features

Provides the most robust, scalable, and reliable distributed networking platform for IIoT solutions

With OAS Web HMI, you can create user interfaces to display and interact with real time server data, enabling a whole range of applications on any device with a web browser.

By utilizing standard, platform-agnostic technologies such as HTML5, CSS, Javascript, JQuery, and JSON, web developers can quickly create new HTML5 SCADA interfaces or integrate Web HMI functionality into existing web applications with minimal effort.


web-hmi-tanks-example

Live example at www.opcweb.com.

Using Web HMI

Getting started with Web HMI is as simple as including the Javascript reference libraries on a web page and adding markup to HTML elements.

Our custom attributes add behaviors to display data values, alter appearance, or even toggle element visibility, all based on real time data streamed from any local or remote OAS Data Engine.

For more complex control and advanced application functionality, developers familiar with Javascript and JQuery can programmatically interact with the real time data using the Web HMI library. With OAS you can develop feature rich HTML5 user interface applications using open standards and technologies.

By utilizing standard web technologies, Web HMI supports user interface development on any web platform such as ASP.NET, .NET MVC, PHP, Ruby on Rails, Java, and more.


webhmisyntax01webhmisyntax02

Web HMI Dashboard

Built upon Web HMI, the Web HMI Dashboard allows you to quickly and securely visualize your data within a browser interface. Features include:

  • Give you access to real time and historical data on any device using a web browser
    • Desktop PCs
    • Mobile devices
  • Provides secure access to your data in any browser
  • Modular design includes components for visualizing:
    • Numeric data in radial gauges 
    • Boolean data as interactive switches 
    • Live, raw tag data in tabular format 
    • Real time and historical Alarms 
    • Real time and historical Trends 
    • Your own custom views and external pages 

Learn more about Web HMI Dashboard




Download and start a free, unlimited trial, or schedule a live, interactive demo