現(xiàn)如今，利用HTML5和CSS3完成的令人驚艷的技術(shù)，以及適用于手機(jī)和平板電腦的原生應(yīng)用已觸手可及。對(duì)移動(dòng)設(shè)備的接受，似乎使其已取代臺(tái)式機(jī)成為首選的計(jì)算設(shè)備。想一想每天使用的所有令人難以置信的應(yīng)用；如果利用這些技術(shù)，實(shí)現(xiàn)人機(jī)界面(HMI)/監(jiān)控和數(shù)據(jù)采集（SCADA）應(yīng)用，那會(huì)怎么樣？好吧，讓我們來(lái)一探究竟。

　　網(wǎng)絡(luò)瀏覽器和網(wǎng)絡(luò)技術(shù)已經(jīng)足夠成熟，可以用于工業(yè)領(lǐng)域，這些進(jìn)步推動(dòng)新方法來(lái)實(shí)現(xiàn)HMI和SCADA的應(yīng)用。借助現(xiàn)代HMI和SCADA應(yīng)用中功能強(qiáng)大的網(wǎng)絡(luò)技術(shù)和下一代可視化系統(tǒng)等工具，用戶可以構(gòu)建能夠自動(dòng)響應(yīng)特定工況的工業(yè)應(yīng)用。通過(guò)授權(quán)用戶創(chuàng)建可以在任何移動(dòng)設(shè)備和網(wǎng)絡(luò)瀏覽器上本地運(yùn)行的美觀的、響應(yīng)性移動(dòng)工業(yè)應(yīng)用，現(xiàn)代工具還可以動(dòng)員工廠車間的力量。

　　使用現(xiàn)代的網(wǎng)絡(luò)瀏覽器，可以在任何位置訪問(wèn)HMI和SCADA應(yīng)用而無(wú)需插件。用戶可以在支持現(xiàn)代網(wǎng)絡(luò)瀏覽器的任何設(shè)備上訪問(wèn)Google應(yīng)用。HMI和SCADA應(yīng)用也是如此。借助HTML5和CSS3以及適用于手機(jī)和平板電腦的原生應(yīng)用，這是可以實(shí)現(xiàn)的。

集成了先進(jìn)移動(dòng)功能的現(xiàn)代網(wǎng)絡(luò)瀏覽器。本文圖片來(lái)源：Inductive Automation

　　HTML5是超文本標(biāo)記語(yǔ)言的第五個(gè)版本，用于定義和組織網(wǎng)頁(yè)上的內(nèi)容。所有網(wǎng)頁(yè)都以一種或另一種方式實(shí)現(xiàn)HTML。CSS代表層疊樣式表，而CSS3是其最新版本。CSS徹底改變了如何定義網(wǎng)頁(yè)布局，其中大多數(shù)網(wǎng)頁(yè)都是基于HTML構(gòu)建的。CSS3具有一些高級(jí)樣式功能，可以使用媒體查詢來(lái)做出響應(yīng)。這意味著針對(duì)不同的屏幕尺寸和分辨率，此類網(wǎng)頁(yè)均具有最優(yōu)的外觀。

　　新的工業(yè)移動(dòng)可能性

　　這些成熟的技術(shù)為HMI和SCADA應(yīng)用提供了許多可能性，包括：

　　● 網(wǎng)址友好；

　　● 自定義導(dǎo)航；

　　● 強(qiáng)大的網(wǎng)頁(yè)組件；

　　● 手勢(shì)和多點(diǎn)觸控；

　　● 移動(dòng)響應(yīng)設(shè)計(jì)；

　　● 不同風(fēng)格；

　　● 聯(lián)合身份：?jiǎn)吸c(diǎn)登錄（SSO）和雙因素身份驗(yàn)證（2FA）；

　　● 適用于蘋(píng)果iOS和谷歌安卓的原生應(yīng)用。

　　工業(yè)網(wǎng)頁(yè)應(yīng)用設(shè)計(jì)人員，需要控制用戶如何導(dǎo)航和使用應(yīng)用。沒(méi)有兩個(gè)HMI和SCADA應(yīng)用是相同的，因此無(wú)法進(jìn)行任何預(yù)裝。某些應(yīng)用只有一個(gè)屏幕。其它的可以從一個(gè)屏幕導(dǎo)航到另一個(gè)屏幕，并深入探究不同部分，或打開(kāi)彈出窗口以獲取更多詳細(xì)信息。導(dǎo)航時(shí)，SCADA應(yīng)用應(yīng)易于使用URL并更新URL。

　　網(wǎng)頁(yè)應(yīng)用通過(guò)URL工作。它們是用來(lái)訪問(wèn)各種資源的地址。大多數(shù)情況下，它們用來(lái)訪問(wèn)互聯(lián)網(wǎng)上的網(wǎng)站。用戶可以復(fù)制URL并將其發(fā)送給另一個(gè)用戶，而無(wú)需導(dǎo)航到該屏幕或資源。URL還使您易于理解用戶在應(yīng)用中的位置。

　　強(qiáng)大的用戶界面組件可用于網(wǎng)絡(luò)，并且很容易構(gòu)建組件。人們經(jīng)常與這些組件交互，因此很容易將它們帶入HMI和SCADA領(lǐng)域。強(qiáng)大的圖表、菜單、輪播、嵌入式地圖等組件均支持觸摸和手勢(shì)，例如滑動(dòng)和多點(diǎn)觸摸以進(jìn)行縮放。它們還具有移動(dòng)響應(yīng)能力，旨在與臺(tái)式機(jī)和智能手機(jī)配合使用。

　　移動(dòng)響應(yīng)設(shè)計(jì)是HTML5和CSS3最重要功能之一。它允許用戶構(gòu)建一個(gè)可以自動(dòng)更改以匹配屏幕尺寸的應(yīng)用，無(wú)論是臺(tái)式機(jī)、筆記本電腦、平板電腦還是手機(jī)。所有現(xiàn)代網(wǎng)站均以移動(dòng)響應(yīng)設(shè)計(jì)為基礎(chǔ)，并根據(jù)設(shè)備以不同的形式呈現(xiàn)相同的數(shù)據(jù)。

　　用戶在臺(tái)式機(jī)上可以獲得更多細(xì)節(jié)的視圖，而在智能手機(jī)上獲得針對(duì)手機(jī)顯示進(jìn)行了優(yōu)化的視圖。例如，如果用戶正在查看表格數(shù)據(jù)，那么他們將在臺(tái)式機(jī)上獲得一個(gè)具有多列的傳統(tǒng)表格，但是在移動(dòng)設(shè)備上，每一行都會(huì)有一張卡片。在移動(dòng)設(shè)備中該表不再縮小，從而失去了列的可見(jiàn)性。HMI和SCADA的每個(gè)部分都可以用這種方式構(gòu)建，這在考慮應(yīng)用時(shí)需要一種新的方法。為移動(dòng)設(shè)備構(gòu)建單獨(dú)的應(yīng)用已經(jīng)成為歷史。

　　CSS為網(wǎng)頁(yè)提供樣式。用戶可以開(kāi)發(fā)可重復(fù)使用樣式類（對(duì)象），但只需要在一處定義。樣式可以是背景顏色、前景色、字體、邊框和設(shè)計(jì)元素。這使用戶可以即時(shí)切換樣式或更新樣式的某些部分，而不必轉(zhuǎn)到每個(gè)屏幕。定義樣式是HMI和SCADA開(kāi)發(fā)的重要組成部分，可確保在多個(gè)應(yīng)用中保持一致的樣式。

　　CSS3還提供動(dòng)畫(huà)。動(dòng)畫(huà)樣式類會(huì)在一段時(shí)間內(nèi)通過(guò)兩個(gè)或多個(gè)樣式配置過(guò)渡。例如，使用動(dòng)畫(huà)樣式類可能是一種強(qiáng)大的方式，可以顯示組件上數(shù)據(jù)隨時(shí)間的變化（例如警報(bào)狀態(tài)或機(jī)器狀態(tài)）。

移動(dòng)感應(yīng)式設(shè)計(jì)節(jié)省了開(kāi)發(fā)時(shí)間，并且可以無(wú)縫適應(yīng)不同的屏幕尺寸。

　　保護(hù)SCADA系統(tǒng)

　　安全性是任何HMI和SCADA應(yīng)用中最重要的部分之一，尤其是在越來(lái)越多的用戶獲得訪問(wèn)權(quán)限時(shí)更是如此。大多數(shù)公司已經(jīng)使用了多個(gè)云應(yīng)用，例如電子郵件、文檔共享和客戶跟蹤。這些應(yīng)用使用具有現(xiàn)有公司憑證的SSO，并允許在同一處訪問(wèn)所有應(yīng)用。這可以使用受信任的聯(lián)合識(shí)別技術(shù)，如安全斷言標(biāo)記語(yǔ)言（SAML）和OpenID連接。這些技術(shù)可以與SCADA系統(tǒng)一起使用。無(wú)需共享帳戶，每個(gè)人都可以登錄以安全地訪問(wèn)他們所需的數(shù)據(jù)。

　　這些系統(tǒng)可以通過(guò)雙因素驗(yàn)證（2FA）來(lái)驗(yàn)證身份，這需要憑據(jù)和附加步驟，例如將PIN發(fā)送到手機(jī)。出于安全考慮，許多公司不允許在智能手機(jī)上使用SCADA應(yīng)用。但是，使用該技術(shù)可以使用戶有效而安全地從不同的應(yīng)用中獲取數(shù)據(jù)。

　　智能手機(jī)也是令人難以置信的硬件技術(shù)。智能手機(jī)內(nèi)置了數(shù)量驚人的傳感器，例如GPS、攝像頭、加速度計(jì)、藍(lán)牙等?？梢酝瑫r(shí)將應(yīng)用提供給網(wǎng)絡(luò)瀏覽器和智能手機(jī)。但是，使用智能手機(jī)可以在應(yīng)用中訪問(wèn)這些傳感器，從而可以釋放大量機(jī)會(huì)。

　　想象一下，當(dāng)用戶在工廠周圍走動(dòng)或通過(guò)輸入數(shù)據(jù)來(lái)標(biāo)記他們的位置時(shí)，利用GPS可以自動(dòng)切換到適當(dāng)?shù)钠聊?。將條形碼放置在重要區(qū)域，用戶可以掃描條形碼以獲得機(jī)器手冊(cè)、操作程序或其它信息。甚至能夠?qū)⒐に囘^(guò)程的圖片或視頻流，傳輸?shù)焦局С謭F(tuán)隊(duì)以進(jìn)行遠(yuǎn)程故障排除?，F(xiàn)在，是在HMI和SCADA應(yīng)用中利用現(xiàn)代網(wǎng)絡(luò)技術(shù)的時(shí)候了，而且從未如此簡(jiǎn)單。（作者：TravisCox）