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 including: ASP.NET and .NET MVC, PHP, Ruby on Rails, NodeJS, Static HTML sites like WordPress …and more!
- Compatible with front end frameworks such as Angular and VueJS.
- 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
NOTE: If you want to visualize your data in a desktop or mobile browser with zero programming, you may be interested in the OAS Open UIEngine .
The UIEngine is a robust no-code web application and HMI builder for developing rich user interfaces in a browser-based development environment.
See the UIEngine Documentation to learn more.
Platform Components
The core of the OAS Platform, enabling data connectivity, server-to-server networking, and more
Log data in open format to MS SQL Server, Oracle, mySQL, PostgreSQL, InfluxDB, MongoDB, SQLite, MariaDB, Access, SQL Azure, Amazon Aurora, Amazon RDS, Amazon Redshift, Google Firebase, and CSV files
Log events to open databases, and send notifications via SMS, email, and voicemail
Read and write data to Allen Bradley, Siemens, and Modbus devices, Universal Drivers, OPC, OPC UA, databases, Excel, and read MTConnect.
Connect to cloud-base IoT gateways such as AWS, Azure IoT Hub, Azure Event Hubs, Kafka, MQTT, and Sparkplug B
Build custom Visualizations, User Interfaces, HMIs and Dashboards for Windows, web, as well as native iOS and Android devices
Develop custom automation apps for Windows, web, and mobile devices. Integrate with .NET and REST APIs. Build custom integrated device drivers.
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.
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.
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
