Web HMI Wizard

The OAS HMI Wizard provides an easy way to generate HTML code for inclusion in your web-based HMI or SCADA application.

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.

The OAS HMI Wizard is also self-hosted on your own OAS installation at http://localhost:58725/app/wizard/.  Use this self-hosted wizard to prototype update from your own tags.

View the following video to see how to use the Web HMI Wizard to automatically create HTML code to provide live data.

  • 00:00 – Introduction
  • 00:26 – Methods for Using OAS Web HMI Product
  • 00:32 – Programmatic Method
  • 01:00 – Web HMI Code Wizard
  • 01:26 – What is the Web HMI Code Wizard?
  • 02:09 – Code Wizard closer look
  • 07:38 – HTML Element View
  • 08:59 – HTML Attribute list
  • 09:34 – Tag Text
  • 13:55 – Other HTML Attributes
  • 15:05 – More Information

To use the wizard:

  1. Locate in the left hand pane the parameter your require code for.
  2. Fill in the parameter values e.g tag name, client side event etc. The HTML code sample updates as you enter values.
  3. Select the HTML element you wish to output (top of right hand pane).
  4. Copy the code snippet and paste into your HTML page.

Visit http://opcweb.com:58725/app/wizard/ to run the online interactive html wizard.

HTML Wizard
HTML Wizard