要：隨著工業(yè)智能化的快速發(fā)展，基于HTML for Web開發(fā)的工業(yè)組態(tài)圖成為實現(xiàn)智能化生產(chǎn)線監(jiān)控與控制的重要工具。本文將深入探討基于HTML for Web開發(fā)的工業(yè)組態(tài)圖的優(yōu)勢、設(shè)計要點以及實際應(yīng)用案例，展示其在工業(yè)領(lǐng)域中的重要性和價值。

引言

工業(yè)組態(tài)圖是一種以圖形化方式呈現(xiàn)工業(yè)生產(chǎn)線狀態(tài)和數(shù)據(jù)的技術(shù)。隨著互聯(lián)網(wǎng)和Web技術(shù)的快速發(fā)展，基于HTML for Web開發(fā)的工業(yè)組態(tài)圖成為了實現(xiàn)智能化生產(chǎn)線監(jiān)控與控制的主要方式之一。本文將深入探討基于HTML for Web開發(fā)的工業(yè)組態(tài)圖的設(shè)計原理、優(yōu)勢以及實際應(yīng)用案例。

設(shè)計原理

HTML5和CSS3的優(yōu)勢：HTML5和CSS3提供了豐富的語義化標(biāo)簽和樣式控制能力，能夠?qū)崿F(xiàn)靈活的頁面布局和交互效果。借助HTML5和CSS3，工業(yè)組態(tài)圖可以實現(xiàn)高度可定制化的界面設(shè)計，滿足不同工業(yè)場景的需求。

JavaScript的動態(tài)性：JavaScript是一門強大的腳本語言，通過它可以實現(xiàn)組態(tài)圖中的動態(tài)更新和交互操作。JavaScript可以處理實時數(shù)據(jù)的獲取、處理和呈現(xiàn)，為工業(yè)組態(tài)圖帶來了更高的靈活性和響應(yīng)性。

SVG的矢量圖形能力：可縮放矢量圖形（SVG）是一種基于XML的圖形格式，具有良好的可伸縮性和高質(zhì)量的圖形渲染能力。借助SVG，工業(yè)組態(tài)圖可以實現(xiàn)精確的圖形繪制和動畫效果，展示豐富的工業(yè)設(shè)備、傳感器和數(shù)據(jù)元素。

WebSocket的實時通信：WebSocket是一種支持雙向通信的網(wǎng)絡(luò)協(xié)議，能夠?qū)崿F(xiàn)實時數(shù)據(jù)的傳輸和更新。工業(yè)組態(tài)圖可以通過WebSocket與工業(yè)設(shè)備和傳感器進行實時數(shù)據(jù)交互，確保組態(tài)圖中的數(shù)據(jù)與實際生產(chǎn)線狀態(tài)保持同步。

設(shè)計要點

數(shù)據(jù)源與接口：工業(yè)組態(tài)圖需要與工業(yè)設(shè)備和傳感器建立連接并獲取實時數(shù)據(jù)。設(shè)計時需要考慮數(shù)據(jù)源的類型、接口方式以及數(shù)據(jù)傳輸?shù)姆€(wěn)定性和安全性。

組件庫與樣式：選擇適合工業(yè)場景的組件庫，包括圖標(biāo)、儀表盤、進度條等。同時，優(yōu)化樣式布局，確保組態(tài)圖界面簡潔明了、易于操作。

交互操作與反饋：提供友好的交互操作方式，如點擊、拖拽、縮放等，以便用戶與組態(tài)圖中的元素進行交互。同時，及時反饋操作結(jié)果和狀態(tài)變化，增強用戶體驗。

告警與報警機制：根據(jù)實際需求，設(shè)定合適的告警和報警規(guī)則，及時顯示和處理潛在問題。通過直觀的標(biāo)識和提示，幫助操作人員快速發(fā)現(xiàn)和解決異常情況。

歷史數(shù)據(jù)記錄與分析：記錄歷史數(shù)據(jù)，提供數(shù)據(jù)回放和分析功能，幫助用戶了解過去的生產(chǎn)線狀態(tài)和數(shù)據(jù)變化，優(yōu)化生產(chǎn)過程和決策。

實際應(yīng)用案例

生產(chǎn)線監(jiān)控與優(yōu)化：基于HTML for Web開發(fā)的工業(yè)組態(tài)圖可以實時監(jiān)控生產(chǎn)線上的設(shè)備狀態(tài)、生產(chǎn)進度和質(zhì)量指標(biāo)等關(guān)鍵數(shù)據(jù)。通過可視化展示，操作人員可以快速發(fā)現(xiàn)異常情況，并及時采取措施進行調(diào)整和優(yōu)化，提高生產(chǎn)效率和質(zhì)量。

能耗管理與節(jié)能控制：工業(yè)組態(tài)圖可以集成能耗監(jiān)測系統(tǒng)，實時顯示能源消耗情況，并與生產(chǎn)數(shù)據(jù)進行關(guān)聯(lián)分析。通過分析能耗數(shù)據(jù)，識別能源浪費和優(yōu)化機會，幫助企業(yè)實現(xiàn)節(jié)能減排目標(biāo)。

故障診斷與維護：基于HTML for Web開發(fā)的工業(yè)組態(tài)圖可以與設(shè)備故障診斷系統(tǒng)集成，實時顯示設(shè)備運行狀態(tài)和故障報警信息。操作人員可以通過組態(tài)圖快速定位故障設(shè)備，并提供維修指引和記錄維護日志，提高設(shè)備可用性和維護效率。

遠程監(jiān)控與操作：借助HTML for Web開發(fā)的工業(yè)組態(tài)圖，操作人員可以通過Web瀏覽器遠程訪問生產(chǎn)線的狀態(tài)和數(shù)據(jù)，實現(xiàn)遠程監(jiān)控和操作。這使得跨地域的生產(chǎn)管理和協(xié)作變得更加便捷，提高了生產(chǎn)線的靈活性和響應(yīng)能力。

結(jié)論

基于HTML for Web開發(fā)的工業(yè)組態(tài)圖為工業(yè)智能化提供了強大的工具和平臺。它利用HTML5、CSS3、JavaScript和SVG等技術(shù)，實現(xiàn)了數(shù)據(jù)可視化、實時通信和交互操作等功能，為工業(yè)生產(chǎn)線的監(jiān)控與控制帶來了便利和效率。隨著工業(yè)互聯(lián)網(wǎng)的進一步發(fā)展，基于HTML for Web開發(fā)的工業(yè)組態(tài)圖將在工業(yè)領(lǐng)域中發(fā)揮越來越重要的作用，助力企業(yè)實現(xiàn)智能化生產(chǎn)和可持續(xù)發(fā)展。

timulsoft Reports.JS是一個使用JavaScript和HTML5生成報表的平臺。它擁有所有擁來設(shè)計，編輯和查看報表的必需組件。該報表工具根據(jù)開發(fā)人員數(shù)量授權(quán)而不是根據(jù)應(yīng)用程序的用戶數(shù)量。

Stimulsoft Reports.JS v2019.4.2最新版下載：https://www.evget.com/product/3619/download

新增功能：

• 支持CosmosDB連接。
• MaximizeAfterCreating選項已添加到設(shè)計器中。
• 對Data.World的支持。
• ПоддержкаWPFпроектовприпубликациидашбордов中， 發(fā)布儀表板時支持WPF項目。

改進功能：

• 在發(fā)布向?qū)е懈铝藘x表板對象創(chuàng)建代碼。
• 導(dǎo)出到Excel中，尺寸比例的校正。
• 對圖表的所有線系列標(biāo)記進行動畫處理。
• 從零軸開始值設(shè)置為false時的柱形圖動畫。

BUG修復(fù)：

• BarCode中的換行符消失了。
• 清除儀表板和報表服務(wù)器端的緩存。
• 未應(yīng)用CreateLabel屬性的UsesAliases。
• Mac窗體中的選項卡存在問題。
• 下拉菜單消失的問題。
• 內(nèi)存問題，為設(shè)計器和查看器添加調(diào)度方法。
• 布爾文本格式的錯誤。
• 用于AllowHtmlTags屬性的帶有文字自動換行的錯誤。
• 在圖表中旋轉(zhuǎn)Halfcycle Marker。
• 使用儀表中的負范圍顏色值。

更多精彩內(nèi)容請關(guān)注stimulsoft中文網(wǎng)www.stimulsoft.cn（點擊“了解更多”獲取最新資訊）

展背景

在我國，很多CIO都愁于企業(yè)決策者往往不是IT系統(tǒng)的使用者，很難切身感受到信息化為企業(yè)帶來的好處，而且對信息化的重視難以提升，這在很大程度上阻礙企業(yè)信息化建設(shè)的進一步深入。而商業(yè)智能（簡稱：BI，下同）則是最能讓企業(yè)決策者看到信息化所帶來的價值的應(yīng)用，因為決策者可以通過BI系統(tǒng)直觀地了解企業(yè)的運營狀態(tài)，快捷的分析企業(yè)的整體績效，為企業(yè)決策提供客觀、準(zhǔn)確、有效的數(shù)據(jù)支持。但是，企業(yè)決策者往往很難總坐在電腦前，因而他們中的一些人并沒有像CIO們所想象的那樣經(jīng)常去看BI系統(tǒng)中的數(shù)據(jù)，甚至在BI系統(tǒng)里都沒有相應(yīng)的賬號。如何打破時間與地域的限制，讓企業(yè)決策者隨時隨地掌握企業(yè)運營情況成為CIO們急需解決的難題。

移動商業(yè)智能技術(shù)BI應(yīng)運而生，很好地解決了這個難題。它通過使用智能移動終端，使得業(yè)務(wù)用戶能夠隨時隨地獲取所需的業(yè)務(wù)數(shù)據(jù)及分析應(yīng)用，實現(xiàn)分析決策進程的加速。

移動計算的概念雖然已經(jīng)流行了十多年，移動BI的勢頭也只是在2011年左右才有所增長。這種變化得益于“有線世界”向無線世界的轉(zhuǎn)變，在無線世界中智能終端開啟了一個移動計算的新紀(jì)元，特別是在BI方面。同時，隨著智能終端的數(shù)量、性能不斷提升，移動互聯(lián)網(wǎng)的普及，使得企業(yè)級移動應(yīng)用成為真正可能，移動BI就是移動應(yīng)用的一大亮點。

Cognos Mobile介紹

IBM Cognos Mobile 可以將交互式 Cognos BI擴展到多種移動設(shè)備，包括 Apple iPhone、iPad、Android以及平板電腦。利用功能豐富的客戶端，用戶能夠在安全性極高的環(huán)境內(nèi)查看 Cognos 報表、儀表盤、指標(biāo)、分析及其他信息，并與之充分交互。無論身在何處，用戶都可及時收到各種交互式的商業(yè)智能 (BI) 信息，幫助做出決策。

Cognos Mobile 可以幫助您：

• 利用對各種移動技術(shù)的支持及豐富的交互式 BI 界面，隨時隨地獲得洞察。
• 通過高度可視化的交互式報表，聯(lián)機或脫機與數(shù)據(jù)交互。
• 幫助 IT 人員自信地將 BI 部署至眾多移動設(shè)備，為他們提供各種工具，以防數(shù)據(jù)丟失和盜竊，同時實施策略合規(guī)性。
• 無論您身在何處，均可查看報表、儀表盤和分析并與之交互。
• 在辦公室或通過筆記本電腦、平板電腦或智能手機處理廣泛的分析內(nèi)容和所有受支持的數(shù)據(jù)源，可確保無中斷的體驗。
• 基于最新信息制定及時且準(zhǔn)確的決策。
• 指尖只需輕輕一點，即可組織您的移動工作空間、對其命名或連接至多臺服務(wù)器。
• 無需依賴網(wǎng)絡(luò)連接即可瀏覽業(yè)務(wù)信息。
• 通過向下鉆取和過濾功能分析現(xiàn)場數(shù)據(jù)。
• 享受消費者移動應(yīng)用所特有的熟悉而豐富的交互式體驗。
• 自信地在眾多設(shè)備上部署 BI
• 為管理員提供集中控制功能，同時還幫助管理員滿足特定的用戶需求。
• 通過標(biāo)準(zhǔn)的 Cognos數(shù)據(jù)加密和 Cognos 認證、租賃密鑰技術(shù)、針對設(shè)備數(shù)據(jù)庫的遠程鎖定功能和遠程設(shè)備擦除功能，享受高度安全的 BI。

Cognos Mobile上的分析內(nèi)容

通過Cognos Mobile，可以訪問下列分析應(yīng)用：

• 活動報表：一種離線的、可視化的、可交互式的數(shù)據(jù)可視化應(yīng)用，常用于對關(guān)鍵指標(biāo)、核心信息的圖形化組合展示。
• 常規(guī)的HTML報表：常用于對多數(shù)據(jù)量的表格顯示，由于數(shù)據(jù)較多，可能會有多個頁面，并且支持與BI服務(wù)器的聯(lián)機/離線展示。
• Cognos Workspace：是一種在線的業(yè)務(wù)用戶可交互式的，可以自由定制的聯(lián)機自助分析、查詢應(yīng)用。它已經(jīng)針對觸屏操控進行了專門優(yōu)化。

Cognos Mobile的安裝配置

如上圖所示，在服務(wù)器端，最新版本10.2.2版本已經(jīng)不需要單獨針對Cognos Mobile進行專門安裝，因為Mobile安裝包已經(jīng)集成到Cognos BIServer一起了。當(dāng)然，由于整個BI平臺是基于SOA架構(gòu)設(shè)計的，所以管理員也可以根據(jù)需要通過Cognos的管理員界面停止Mobile的服務(wù)。 客戶端的訪問手段有兩種，一種是通過移動終端的WEB瀏覽器訪問，另一種是通過移動終端的原生應(yīng)用程序IBM Cognos Mobile（如下圖所示）進行訪問。它支持Apple公司的IOS系統(tǒng)及Google的Android系統(tǒng)，且都可以從其官方的app store免費下載。

Cognos Mobile的其它特點

物理尺寸自適應(yīng)。報表設(shè)計人員完成分析應(yīng)用設(shè)計后，業(yè)務(wù)人員打開時會根據(jù)移動終端的分辨率自動擴展到全屏大小。同時，如果對于小屏幕的終端，還可以通過放大的方法手動調(diào)整報表大小，以保證最佳的視覺效果。

支持對原生應(yīng)用程序的個性化定制。如修改界面背景、展示公司logo、展示一個完全可交互式的HTML5的儀表盤。

自動生成BI系統(tǒng)訪問路徑。針對手工輸入易錯的問題，可以由管理員生成相關(guān)的訪問url配置郵件發(fā)送給所有的業(yè)務(wù)用戶。

通過訪問終端與服務(wù)器的安全機制保證BI數(shù)據(jù)的安全性。如服務(wù)器可以通過web server/app server提供安全保障；網(wǎng)絡(luò)鏈路采用安全加密的https協(xié)議、VPN、安全的wifi，專用的郵件發(fā)送提供安全保障；客戶端采用終端密碼安全、應(yīng)用程序密碼安全、訪問用戶認證的方式保障安全。

支持與BI服務(wù)器離線/在線的方式訪問各種分析應(yīng)用。

業(yè)務(wù)用戶可以對報表內(nèi)容進行批注，并通過電子郵件通知相關(guān)人員執(zhí)行下一步行動。

對Cognos Mobile 感興趣的朋友不妨來試一試吧，下載地址如下：

via：華南IBM大數(shù)據(jù)支持團隊

詳情請咨詢在線客服！

慧都控件｜提供軟件技術(shù)整體解決方案

掃碼關(guān)注微信

云集全球三千余款優(yōu)秀控件、軟件產(chǎn)品，提供行業(yè)領(lǐng)先的咨詢、培訓(xùn)與開發(fā)服務(wù)

微信ID：EVGET_Huidu

企業(yè)QQ：800018081｜電話：023-66090381