HMI

技术控 | 基于HTML5 的Web HMI应用

2020年01月16日

　　随着设备之间的联系越来越透明化，物联网已成为各行业传送大量数据的主要解决方案。HMI作为用户和设备交互的窗口，如何设计用户界面确保效率优化，最大程度地提高用户的体验感和舒适度，是HMI的首要目标。

　　基于HTML5的HMI应用能够提供用户跨平台、跨浏览器的数据操作。这种跨平台的操作能够在手机、平板、电脑的浏览器(IE、Firefox、Chrome、Safari)上实现，实时监控数据及图表分析数据。

　　传统的HMI用户在使用时，除了需要熟悉PLC通讯协议要求和与PLC建立通讯外，工程师还需要熟悉不同厂家HMI提供的编程软件进行画面编程。而基于HTML5的Web HMI，如果PLC集成web server, 可视化界面访问就可以变得非常灵活。

HTML5优势

　　01 HTML5 融合三大技术

　　对于一个网页，HTML定义网页的结构，CSS描述网页的界面，JavaScript实现网页的动态性、交互性的点睛之笔。HTML5实现在一个网页里能够跨平台显示文本、图像、音频等其他信息。意味着在不同平台的web浏览器上，都可实现web访问。

　　02 自适应屏幕尺寸

　　基于web和跨平台操作，为基于HTML5的Web 浏览器提供了更多的开放性和灵活性。页面可以灵活地适应不同的屏幕尺寸，越来越多的用户应用这种技术来避免不同厂家专属应用的限制。

　　03 安全访问

　　Flash被认为是一种长期不安全和过时的软件，因此Adobe宣布在2020年停止更新Flash Player。HTML5不需要插件，因此能够更好的防止黑客攻击，也不需要做手动更新。

基于HTML5的Web HMI

　　菲尼克斯电气HTML5 Web HMI非常适合于物联网的应用，用户只需要在web HMI上输入web server的IP地址，通过SSL加密的安全访问就可以建立，此时用户就可以在web HMI上实现可视化访问和操作。WP 4000 与BWP 2000 系列的产品作为Web HMI，为用户提供了两种不同性能的选择。

　　BWP 2000 提供4.3-10.2寸的电阻屏web HMI。

　　WP 4000 可支持同时连接4个web server，可选7”，10.1"、12.1"、15.6"、18.5"四个尺寸。

　　在菲尼克斯电气PLCnext应用中，PLCnext Engineer可直接进行人机界面开发，随程序下载至PLCnext控制器中，在网络中发布HTML5网页界面，用户通过智能设备即可实现可视化人机交互。