HVAC, HMI and integration platform for building automation based on Beckhoff PLC

HTML5 visualization

HTML5 is the latest version of HTML and is widely lauded as the best HTML standard so far. The current version of this formatting language offers new and greatly improved ways to design and implement Web pages.

Using HTML5 provides advantages to businesses to create refined and accurate web pages and web systems that operate across devices, operating systems and web browsers. Write once, run anywhere. The plethora of devices, operating systems and screen sizes present numerous design, functional and layout considerations and problems if standards are not adhered to.

What does HTML5 mean for the business world?

Cost effective Multi-Platform Development Deployment across multiple platforms means you can develop once and use the same code in many different markets. A single batch of code leads to less maintenance and a lower lifetime cost.

Desktop and mobile. HTML5 is designed to work on both desktop and mobile device browsers with little need for tweaking and revision.

Offline browsing In a similar way that ‘apps’ can be used offline, without an internet connection, HTML5 supports local storage of web application code and content, through the offline application cache. This is a tremendous advantage to businesses, like publishers, who can provide an offline web experience for readers on the move. The offline cache also produces significant performance enhancements as more of the site or system code and content is accessed quickly, locally.

Consistency across multiple browsers and operating systems

Not all browsers support all web pages or web applications, however, the implementation of HTML5 and CSS3 helps the designer to create a compatible site or system within all browsers. No more Silverlight, Java, Flash etc. plugins required.

A better user experience

HTML5 offers a wider range of design and presentation tools across media types, giving the developers greater scope to produce a better web sites and web applications. Creating an accessible and usable site or system means that users will learn the interface more quickly and understand it easily.

High-end vector graphics

HTML5 supports scalable vector graphics (SVGs) to visualise your devices, components, or even entire systems. This web standard, laid down by W3C (World Wide Web Consortium), works with any resolution.

Zoom the display in or out as you wish – the images never look “pixelated”, but always remain razor- sharp!

SVGs enable a huge range of display options such as colour gradients, transparent look, etc. They are also ideal for displaying dynamic and user-interactive graphics. Data compression is used to reduce the required bandwidth.


Scalable vector graphics ...