Web HMI

OAS Web HMI is a Software Development Kit (SDK) for integrating real time IoT data within your own web applications using a simple markup system of attributes and behaviors. Add real time read/write capabilities of live data, control visual behaviors of screen elements, and deploy cross-browser applications on any device.

Download OAS Request a Demo

Custom Integration for Web Developers

OAS Web HMI integrates with existing web applications as well as new applications built on any number of front-end frameworks. Whether you work in vanilla HTML and Javascript, or utilize a front end web development platform, Web HMI can provide streaming live data and UI behaviors driven by OAS data.

Key Features & Benefits

Browser Compatibility

Works with all modern browsers on any device, PC, Mac, Android, iOS, mobile, tablets, MS Edge, Chrome, Safari, and more. Web HMI is built on universally implemented browser standards such as HTML, Javascript, and CSS. No additional installation or plugins required.

Implementation Options

You are free to mix and match both declarative markup syntax or direct Javascript control of data. This means you can integrate live data into your application quickly, or add your own custom logic where needed.

Use with Existing Frameworks

Because Web HMI uses standard HTML and Javascript, you can integrate it within your own custom application, or add behaviors to another framework like ASP.NET, Ruby on Rails, PHP, Angular, React and VueJS.

Ease of Deployment

Web HMI is packaged into a single Javascript library that you add to your web page and deploys alongside all of your other resources.

Security

All client to server communications can be locked down using SSL. Simply enable SSL in the OAS server and data is encrypted over the wire between the browser and OAS.

Direct Data Delivery

All OAS data is directly sent and received between the client and the OAS server, which eliminates the need to implement server-side handling, and removing load from your web application server.

Using Web HMI


Markup Syntax

Web HMI allows you to use a unique markup syntax for adding behaviors to existing HTML elements. You can inject live OAS data into a label by simply adding a single attribute to the element, freeing you up to still apply your own styling via inline CSS or external stylesheets.

You can also layer behaviors such as displaying a value or changing background colors based on entirely different OAS Tag values. Additionally, you can trigger behaviors when OAS encounters "bad data quality" when network connectivity to the data source is lost or when unexpected values are encountered.


Full Javascript Control

Using the built in Javascript functions, you can issue authentication calls against the OAS server, read current live values, and submit new values to update OAS Tags on the server. All calls to the server are sent through the OAS Security layer, preventing unauthenticated users from updating Tags or reading Tag values they're not authorized to access.

With Javascript, you can run client-side calculations, update elements when Tag values change, or create interactive elements to update server data. And you are free to mix and match Javascript techniques with the Markup Syntax to combine both ease of implementation and detailed control.

Markup Syntax
Javascript Syntax

Looking for a No-Code Solution?

The OAS Open UIEngine is perfect for rapid development when you want to build simple or complex applications but do not have the resources for custom web development. UIEngine is a complete web-based application development tool and no code solution for HMI / SCADA using an intuitive drag and drop interface.

Learn more about OAS Open UIEngine

Example interface built with UIEngine

Web HMI Use Cases

Inject Live Data

With existing web applications, it is extremely simple to inject live data into elements, bringing static websites to life with up to date KPIs. No need to rewrite your applications or to start from square one.

Leverage Expertise

If your organization currently has the skills and expertise to build and deploy web solutions, the low barrier to entry with Web HMI allows you to rapidly create new classes of applications within your enterprise.

Learn how thousands of customers are using the OAS Product Platform around the globe to achieve truly open industrial automation

24/7/365
Support

Technical support available by phone, chat, and email

30+ Years
Experience

Product efficacy, market testing, and reliability

Used in 10K+
Data Servers

OAS is used in thousands of businesses worldwide

OAS Platform Features

Cross-Platform Support

The OAS Platform supports multiple operating systems and deployment options including Windows, Linux, Docker Containers, and can even run on low footprint devices such as a Raspberry PI 4.

Learn more about OAS System Requirements

Networking

OAS is an edge solution that offers flexible networking options for standalone installations, multi-tenant data aggregation, and even secure unidirectional data transport.

Learn more about OAS Networking Features

Programmatic Setup

Utilize our .NET SDK or REST API for flexible and automated setup, ensuring full integration with your asset management software. You can also import and export CSV files, which helps you work with Excel and third-party applications.

Learn more about OAS SDKs and APIs

Calculations, Time On, Counts, and Totals

Merge data from various controllers and additional data sources while performing real-time computations and logic processing, all without the need for coding. Monitor the duration of activities for specific points and the frequency of their transitions over a defined period. Aggregate analog values both daily and over the entire timeline.

Learn more about OAS Calculations

See How We Compare

The initial cost of OAS is far less than our competitors – but the savings don’t stop there. We work with OEMS and System Integrators to provide perpetual licenses with quantity discounts with flexible tag pricing and unlimited client connections.

Network Feature
OAS IoT DNA
Typical Cloud
Accurate Live Data
Unlimited Data Usage / No Fees
Data Resolution of 100 Nanoseconds
High Speed Throughput < 50 ms
No Data Loss on Network Failure

No Question Left Unanswered

We make getting started with OAS easy - Browse our extensive Knowledge Base of articles on Getting Started as well as How To content that takes you step-by-step through building a solution, and finally learn more about specific features and configurations.

Related Videos

Ready to get started? Install in 3 minutes & try OAS free for 30 days, or schedule a live interactive demo.