在线播放网站亚洲播放

  • 幫助中心
  • >
  • 實現Web物聯網監控系統中的實時動畫
實現Web物聯網監控系統中的實時動畫
  • 2000-01-01 00:00:00
  • 關鍵字: 物聯網, Web SCADA, 監控畫面, 動畫

在线播放网站亚洲播放 “物聯網概念”是在“互聯網概念”的基礎上,將其用戶端延伸和擴展到任何物品與物品之間,進行信息交換和通信的一種網絡概念。其定義是:通過射頻識別(RFID)、紅外感應器、全球定位系統、激光掃描器等信息傳感設備,按約定的協議,把任何物品與互聯網相連接,進行信息交換和通信,以實現智能化識別、定位、跟蹤、監控和管理的一種網絡概念。

SCADA(Supervisory Control And Data Acquisition)系統,即數據采集與監視控制系統。SCADA系統廣泛應用于電力、石油、水利、環保、智能樓宇等行業中,對生產、管理的自動化提供現場數據以及控制的技術手段,也是所謂物聯網的核心所在。 現代的SCADA系統主要都是由:以測控技術提供的現場傳感器,現場采集動作單元,數據傳輸通道,以及計算機為中心的主站系統組成的。

實現Web物聯網監控系統中的實時動畫

Web SCADA系統與傳統的SCADA系統有哪些優勢

具有以下優點具

在线播放网站亚洲播放 1) 可以遠程訪問,使用戶雖遠離現場,亦可處處關心

2) 報警方式的多途徑實現,不僅能在SCADA監控系統中顯示,還可以通過傳呼、E_Mail甚至手機短信實現

3) 一個用戶可監控多個過程,使過程控制人員不再分身乏術;多個用戶可以監控同一過程,真正實現了數據的開放性及過程信號的透明化

4) 儀器虛擬化,操作簡單,不僅可以進行現場數據記錄,更可以進行智能化分析  

5) 多種儀器、多種控制系統的協同工作,使全局自動診斷能力增強

 Web Scada系統架構中難點

一般的Scada系統包括圖形界面、設備管理、變量管理、腳本管理、設備驅動、事件管理和數據庫存取等幾個重要的模塊。而圖形界面與動畫
又是核心中的核心。組態軟件的圖形界面基本上都采用矢量圖形系統。對于矢量圖形的開發,有各種各樣的技術, 有SVG技術的, 有基于VML技術的。
還有使用最新的HTML5技術的。在本系統中,我們采用的是多比圖形控件。本文對矢量圖形系統的基礎知識不做介紹,
只是介紹適量圖形系統中很多用戶比較關心的兩個問題:  如何實現圖形的組合功能和動畫效果。

如何實現圖形的組合功能

多比圖形控件高級版中提供可視化的圖元編輯器,在圖元編輯器中, 用戶可以用線段,長方形,圓形,路徑等組成復雜的圖元圖形。

實現Web物聯網監控系統中的實時動畫

在线播放网站亚洲播放 用戶只需要打開《多比可視化的圖元編輯器》, 將線段,長方形,圓形等拖拽到展示區,即可完成多個圖元的組合。在日常用到的圖元庫中,常用的設備有、變壓器、傳送帶、電流計、電力的設備包括刀閘、開關、溫度計、液壓容器等等,這些元件一定是可以動作的,也是應該包含很多設備屬性的,多比圖形控件提供了自定義屬性的功能,您不僅可以自定義存儲屬性(如設備編號, 資產編號, 生產廠家、型號、生產地等信息),也可以自定義和界面相關的屬性。

 實現Web物聯網監控系統中的實時動畫

如何實現圖形的動畫功能

  下面是一個常用的這個刀閘元件。我們可以給他自己定義一個屬性onOff,只要改變此值,使之等于0或者1,刀閘就可以呈現開或分的狀態。以下是Javascript實現的代碼。

setOnOff:function(v){
 if(this.onOff != v){
 this.onOff = v;
 var main = this.getChild("main");
 if(v){
 main.setToY(0);
 }else{
            main.setToY(10);
        }
    }
}

又如一個泵,我們可以給他定義一個屬性stop, 只要改變該值,可以讓他不停的旋轉。

var a1 = sa.getShapeByPath("fah-" + i);
						if(a1!=null){
							a1.startAnimation(1, {rotation:"360", repeat:-1});
						}