Open Automation Software
Moving Data From Anywhere to Anywhere
1-303-679-0898

IoT Web HMI
Create cross-platform web application interfaces to
display and interact with real time server data

OPEN AUTOMATION SOFTWARE – FREE EVALUATION

Everything you need to build world-class SCADA, HMI, .NET, and Web Applications quickly. Without touching a line of code!

Web HMI

Key Features of Web HMIweb-hmi-tanks-example

  • 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

OAS WEB HMI

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.

Live Demo

 

Live example at www.opcweb.com.

webhmisyntax01webhmisyntax02

Getting started with 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 an OPC Server.

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 SCADA 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.

 


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 web pages 

Learn more about Web HMI Dashboard

Edge Computing with OAS Distributed Network Architecture

  • Universal Driver Interface – Use C# or VB.NET to integrate your own data model into OAS for realtime data access.
  • Allen Bradley – Use the Allen Bradley IoT Driver to connect to ControlLogix, CompactLogix, GuardLogix, Micro800, MicroLogix, SLC 500, and PLC-5. Add Allen Bradley Data Historian to log data to industry standard databases.
  • Siemens – Use the Siemens IoT Driver to connect to S7-200, S7-300, S7-400, S7-1200, and S7-1500. Add Siemens Data Historian to log data to industry standard databases.
  • Modbus – Use the Modbus IoT Driver to connect to Modbus TCP, Modbus RTU, and Modbus ASCII all supported on Ethernet, RS-232 Serial, and RS-485 Serial. Add Modbus Data Historian to log data to industry standard databases.
  • MQTT – With the MQTT IoT Connector you can subscribe to MQTT Brokers.
  • Amazon Web Services – With the AWS IoT Gateway driver you can subscribe to AWS for live data updates.
  • .NET Applications – The .NET Data Connector provides read and write access to data programmatically via C# or VB code in a .NET application.
  • Excel – Use the Excel Connector to use Microsoft Excel as data source
  • Industry Standard Databases – Use the Recipe Connector to connect to SQL Server, Oracle, Access, mySQL and  SQL Azure databases
  • Industry Standard SCADA Systems – Use the Universal Data Connector to connect to Wonderware, WinCC, RSView and Cimplicty
  • OPC Client – Use the OPC Client Connector to connect to third party OPC Clients
  • OPC Servers – Connect to OPC DA 2.x, 3.0, OPC UA, OPC A&E, and OPC UA Alarm and Conditions. Use the OPC Tunnel Connector to automatically transfer data from any Data Source to third party OPC Servers
  • Javascript – With the HTTP API Connector you can connect to jQuery and JSON data sources
  • REST – With the REST API Connector you can connect to data sources via the REST API
  • iOS and Android Apps – Use PCL for Android and iOS to connect to data on iOS and Android devices.

Cost-effective Licensing

OAS licensing is based on three simple factors:

  1. The number of tags you need to connect to
  2. The number of OAS products needed to connect your data sources
  3. Whether you need a networked or stand-alone system

You can deploy unlimited client applications for each Distributed Network Architecture enabled server.

Price
start at
$1895

Web HMI

More Web HMI Videos

OAS Introduction

OAS Introduction

Introduction to Open Automation Software. IoT / SCADA / HMI software for .NET, web, and Big Data.

OAS IoT Software

Overview of IoT software products by Open Automation Software.

IIoT Software with Edge Computing Distributed Network Architecture

Connect Data Sources

Make virtually limitless connections from a huge range of data sources with OAS Universal Data Connector feature.

Universal Data Connector

Move Data

Move data quickly and securely and in an open format using our innovative Distributed Network Architecture.

Distributed Network Architecture

Create Applications

Create powerful .NET, web and cross-platform mobile HMI applications. Access OAS data from anywhere and from any device.

Application Development