HTML5 visualization with zenon

HTML5 technology in zenon enhances your access to process data and information. Users appreciate the familiar browser environment, while creators of visualization projects benefit from proven zenon technology.

Visualization with HTML5 provides users with a simple way to display important information in a web environment. Key figures and process information are easily accessible via smartphone or tablet. 
HTML5 visualization is integrated in zenon and is a state-of-the-art add-on for your end-to-end SCADA application. It  enables users to visualize production-related information. Features include display of process images, dashboards, KPI-monitoring, and more. HTML5 screens extend the portfolio  of mobile access options so users can easily access the most important production information-agnostic.

Configuration of HTML5 visualizations and process overviews

Dynamic HTML5 content can be generated directly from a zenon project. The informative dashboards and process overview can be generated similarly with little effort. No additional software is needed to display the visualization design. The familiar features and tools from zenon Engineering Studio are available. No installation or configuration on the end device is required.
As of zenon 11, Service Engine can optionally provide your visualization directly as HTML5 content using the Web 
Visualization Service (WVS). Configuration and operation of your machines and equipment rely on proven zenon technology, while you benefit from an HTML5 application for easy access to visualizations. 
As an alternative, HTML Web Engine supports visualization in a cloud environment. Data communication is handled, in this case, by zenon IIoT Services. The native zenon technology reliably maps the production process. The whole range of visualization options can be used flexibly: native zenon client, native zenon Smart Client, zenon Terminal Server, Web Visualization Service, and HTML Web Engine.

Security of HTML projects

HTML visualization supports secure authentication and requires entry of username and password. The zenon user  authentication and integrated Active Directory technology ensure secure user access and protect against unauthorized access to data. User levels can be set so that certain information is only issued to targeted user groups and user rights can be allocated at object level. Network communication is secured via HTTPS and SSL certificates. 

Technological Details

• Supported functionality at a glance
  • All visualization content is provided as standard HTML5 web content.
  • Display of basic visualization content from zenon projects on all HTML5-compatible devices.
  • Variable values are visualized dynamically and can be viewed from mobile devices.
  • Forwarding of process information, such as variable values, alarm messages or event messages from zenon Service Engine to one or more HTML web clients.
  • Customizable language and color settings for every client.
  • Run the application on a separate server, e.g. in a DMZ.
  • HTML Web Server can be embedded seamlessly in the zenon network topology.
    
    
• Supported browsers
  • HTML5 technology in zenon is supported by Chrome, Firefox and 
    Safari (iOS).
    
    
• zenon projects / engineering
  • HTML5 visualization is generated directly from a standard zenon project. As a result, no additional programming effort is required.
    
    
• Display options and supported screen elements
  • All static zenon objects
  • Selected dynamic objects, e.g. numeric values, buttons, dynamic text, switch, bargraph, pointer instrument
  • Element groups and symbols
  • Basic support for Alarm Message List (AML)
  • Basic support for Chronological Event List (CEL)
  • Basic support for Extended Trend (ETM)
  • Basic support of the recipe group manager incl. keyboard screen
  • Basic command processing support
  • Equipment model filter screen and higher
  • Login screen
  • HTML screen for integration of external websites
  • Standard screen