工控網首頁
>

應用設計

>

技術控 | 基于HTML5的Web HMI應用

技術控 | 基于HTML5的Web HMI應用

隨著設備之間的聯系越來越透明化,物聯網已成為各行業(yè)傳送大量數據的主要解決方案。HMI作為用戶和設備交互的窗口,如何設計用戶界面確保效率優(yōu)化,最大程度地提高用戶的體驗感和舒適度,是HMI的首要目標。

1.jpg

基于HTML5的HMI應用能夠提供用戶跨平臺、跨瀏覽器的數據操作。這種跨平臺的操作能夠在手機、平板、電腦的瀏覽器(IE、Firefox、Chrome、Safari)上實現,實時監(jiān)控數據及圖表分析數據。

2.jpg

傳統(tǒng)的HMI用戶在使用時,除了需要熟悉PLC通訊協(xié)議要求和與PLC建立通訊外,工程師還需要熟悉不同廠家HMI提供的編程軟件進行畫面編程。而基于HTML5的Web HMI,如果PLC集成web server, 可視化界面訪問就可以變得非常靈活。

3.jpg

HTML5優(yōu)勢

01、HTML5 融合三大技術

對于一個網頁,HTML定義網頁的結構,CSS描述網頁的界面,JavaScript實現網頁的動態(tài)性、交互性的點睛之筆。HTML5實現在一個網頁里能夠跨平臺顯示文本、圖像、音頻等其他信息。意味著在不同平臺的web瀏覽器上,都可實現web訪問。

02、自適應屏幕尺寸

基于web和跨平臺操作,為基于HTML5的Web 瀏覽器提供了更多的開放性和靈活性。頁面可以靈活地適應不同的屏幕尺寸,越來越多的用戶應用這種技術來避免不同廠家專屬應用的限制。

03、安全訪問

Flash被認為是一種長期不安全和過時的軟件,因此Adobe宣布在2020年停止更新Flash Player。HTML5不需要插件,因此能夠更好的防止黑客攻擊,也不需要做手動更新。

基于HTML5的Web HMI

4.jpg

菲尼克斯電氣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可直接進行人機界面開發(fā),隨程序下載至PLCnext控制器中,在網絡中發(fā)布HTML5網頁界面,用戶通過智能設備即可實現可視化人機交互。

5.jpg

基于HTML5的Web可視化操作是一種面向未來、具有良好開放性和高性能的解決方案,為工業(yè)4.0和物聯網提供了高效性和靈活性。用戶可以輕松掌握控制現場狀況,實時分析與決策,大幅節(jié)省人力及時間成本,提升維護效率!

審核編輯(
王靜
)
投訴建議

提交

查看更多評論
其他資訊

查看更多

【航海日志】與海鷗共舞,與星辰對話!

創(chuàng)新與標準同行|菲尼克斯電氣榮獲GB/T 20234-2023 CQC認證

解決方案 | 全速前進 向大海的深處去!

讀懂按鈕指示燈,來這場研討會就夠了!

新品速遞 | 寬僅6.2mm 超薄安全柵MINI Analog Pro Ex