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

基于HTML5的HMI應(yīng)用能夠提供用戶跨平臺(tái)、跨瀏覽器的數(shù)據(jù)操作。這種跨平臺(tái)的操作能夠在手機(jī)、平板、電腦的瀏覽器(IE、Firefox、Chrome、Safari)上實(shí)現(xiàn)，實(shí)時(shí)監(jiān)控?cái)?shù)據(jù)及圖表分析數(shù)據(jù)。

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

HTML5優(yōu)勢(shì)

01、HTML5 融合三大技術(shù)

對(duì)于一個(gè)網(wǎng)頁(yè)，HTML定義網(wǎng)頁(yè)的結(jié)構(gòu)，CSS描述網(wǎng)頁(yè)的界面，JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)性、交互性的點(diǎn)睛之筆。HTML5實(shí)現(xiàn)在一個(gè)網(wǎng)頁(yè)里能夠跨平臺(tái)顯示文本、圖像、音頻等其他信息。意味著在不同平臺(tái)的web瀏覽器上，都可實(shí)現(xiàn)web訪問(wèn)。

02、自適應(yīng)屏幕尺寸

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

03、安全訪問(wèn)

Flash被認(rèn)為是一種長(zhǎng)期不安全和過(guò)時(shí)的軟件，因此Adobe宣布在2020年停止更新Flash Player。HTML5不需要插件，因此能夠更好的防止黑客攻擊，也不需要做手動(dòng)更新。

基于HTML5的Web HMI

菲尼克斯電氣HTML5 Web HMI非常適合于物聯(lián)網(wǎng)的應(yīng)用，用戶只需要在web HMI上輸入web server的IP地址，通過(guò)SSL加密的安全訪問(wèn)就可以建立，此時(shí)用戶就可以在web HMI上實(shí)現(xiàn)可視化訪問(wèn)和操作。WP 4000 與BWP 2000 系列的產(chǎn)品作為Web HMI，為用戶提供了兩種不同性能的選擇。

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

WP 4000 可支持同時(shí)連接4個(gè)web server，可選7”，10.1"、12.1"、15.6"、18.5"四個(gè)尺寸。

在菲尼克斯電氣PLCnext應(yīng)用中，PLCnext Engineer可直接進(jìn)行人機(jī)界面開發(fā)，隨程序下載至PLCnext控制器中，在網(wǎng)絡(luò)中發(fā)布HTML5網(wǎng)頁(yè)界面，用戶通過(guò)智能設(shè)備即可實(shí)現(xiàn)可視化人機(jī)交互。

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