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

　　網絡瀏覽器和網絡技術已經足夠成熟，可以用于工業領域，這些進步推動新方法來實現HMI和SCADA的應用。借助現代HMI和SCADA應用中功能強大的網絡技術和下一代可視化系統等工具，用戶可以構建能夠自動響應特定工況的工業應用。通過授權用戶創建可以在任何移動設備和網絡瀏覽器上本地運行的美觀的、響應性移動工業應用，現代工具還可以動員工廠車間的力量。

　　使用現代的網絡瀏覽器，可以在任何位置訪問HMI和SCADA應用而無需插件。用戶可以在支持現代網絡瀏覽器的任何設備上訪問Google應用。HMI和SCADA應用也是如此。借助HTML5和CSS3以及適用于手機和平板電腦的原生應用，這是可以實現的。

集成了先進移動功能的現代網絡瀏覽器。本文圖片來源：Inductive Automation

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

　　新的工業移動可能性

　　這些成熟的技術為HMI和SCADA應用提供了許多可能性，包括：

　　● 網址友好；

　　● 自定義導航；

　　● 強大的網頁組件；

　　● 手勢和多點觸控；

　　● 移動響應設計；

　　● 不同風格；

　　● 聯合身份：單點登錄（SSO）和雙因素身份驗證（2FA）；

　　● 適用于蘋果iOS和谷歌安卓的原生應用。

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

　　網頁應用通過URL工作。它們是用來訪問各種資源的地址。大多數情況下，它們用來訪問互聯網上的網站。用戶可以復制URL并將其發送給另一個用戶，而無需導航到該屏幕或資源。URL還使您易于理解用戶在應用中的位置。

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

　　移動響應設計是HTML5和CSS3最重要功能之一。它允許用戶構建一個可以自動更改以匹配屏幕尺寸的應用，無論是臺式機、筆記本電腦、平板電腦還是手機。所有現代網站均以移動響應設計為基礎，并根據設備以不同的形式呈現相同的數據。

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

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

　　CSS3還提供動畫。動畫樣式類會在一段時間內通過兩個或多個樣式配置過渡。例如，使用動畫樣式類可能是一種強大的方式，可以顯示組件上數據隨時間的變化（例如警報狀態或機器狀態）。

移動感應式設計節省了開發時間，并且可以無縫適應不同的屏幕尺寸。

　　保護SCADA系統

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

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

　　智能手機也是令人難以置信的硬件技術。智能手機內置了數量驚人的傳感器，例如GPS、攝像頭、加速度計、藍牙等。可以同時將應用提供給網絡瀏覽器和智能手機。但是，使用智能手機可以在應用中訪問這些傳感器，從而可以釋放大量機會。

　　想象一下，當用戶在工廠周圍走動或通過輸入數據來標記他們的位置時，利用GPS可以自動切換到適當的屏幕。將條形碼放置在重要區域，用戶可以掃描條形碼以獲得機器手冊、操作程序或其它信息。甚至能夠將工藝過程的圖片或視頻流，傳輸到公司支持團隊以進行遠程故障排除。現在，是在HMI和SCADA應用中利用現代網絡技術的時候了，而且從未如此簡單。（作者：TravisCox）