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

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

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

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

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

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

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

　　● 網(wǎng)址友好；

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

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

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

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

　　● 不同風(fēng)格；

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

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

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

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

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

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

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

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

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

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

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

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

　　這些系統(tǒng)可以通過雙因素驗(yàn)證（2FA）來驗(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)用中訪問這些傳感器，從而可以釋放大量機(jī)會。

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