1. 程式人生 > >TWaver可視化編輯器的前世今生(四)電力 雲計算 數據中心

TWaver可視化編輯器的前世今生(四)電力 雲計算 數據中心

變電站 fontsize 復雜 部署 ood 配置信息 來看 tar 右鍵

插播一則廣告(長期有效)

TWaver需要在武漢JavaScript工程師若幹

要求:對前端技術(JavasScript、HTML、CSS),對可視化技術(Canvas、WebGL)有濃厚的興趣
基礎不好的可培養,基礎好的可共謀大事
感興趣的給我發郵件:[email protected]

[email protected][email protected]--------------------------------------------------

可視化的這口香餑餑,很快便從電信行業,蔓延到了電力老大哥那裏。和電信設備的面板一樣,為了能夠方便地繪制和顯示電力系統中的各類設備元件,提供統一的圖形用戶界面,電力系統

應用軟件通常需要一個電力系統圖形編輯器,用於電路圖的展示、編輯、存儲和導出,實現基本圖形和電氣設備元件的繪畫、縮放、復制、粘貼、刪除等操作。

專業人員用的那些軟件,像Multisim,Protel,Proteus等等都是用於專業設計,而較為常見的CAD,Visio,又存在著各種問題,比如來看這位知乎網友的吐槽:

技術分享

為了響應越來越多電力行業客戶的需求,基於Doodle的編輯器框架,TWaver快速為電力行業的客戶開發了一款編輯器,基本圖形和元件作為模型,放置在界面左側,通過拖拽的方式,即可快速繪制圖形界面,並且和實時數據綁定,實現電力監控可視化

技術分享

更加復雜的版本:

技術分享

智能變電站也是近年來的熱點話題,電力行業發展迅速,對變電站設計、巡檢、故障處理等管理提出了更高要求。TWaver為某變電站定制了三維巡檢可視化功能,使用變電站場景編輯器,可以快速創建變電站模型場景,並且在場景基礎上,進行可視化的巡檢安全區劃定和安全線路劃定:

技術分享

人員位置實時定位,實現越界實時報警:

技術分享

除了電力行業,拖拖拽拽弄個軌道交通圖出來,也挺好玩的:

技術分享

寫到這裏,小編也不禁感嘆,風雲十年,TWaver編輯器的發展史,可不就是一場技術的革命呢?前面說的,都是比較傳統行業的應用,而這兩年,雲計算、大數據、物聯網、機器智能紛至沓來,我們還是要面向未來,看看這兩年,TWaver都做了些什麽。舉兩個風口浪尖的小栗子吧:

雲計算架構設計編輯器

雲計算不再是巨頭們的專屬了,軟件定義網絡,亦或是一切,雲資源的管理,得靠這款雲架構編輯器來完成。雲資源被設計為可視化元件,用戶只需要通過可視化元件的放置和簡單的連線以及必要的信息配置便可建立雲資源之間的依賴關系,完成系統的架構設計。

技術分享

在實際使用的中,編輯器也可以可視化的方式將架構展現給用戶,用戶可以在此基礎上增加、修改配置,查看和修改整體架構設計,參考此架構圖完成雲計算資源購買與部署。

用戶也可以繪制現有系統的架構圖,導入現有雲資源的配置信息,然後根據現有的業務系統的需要,進行資源配置的修改和架構的調整。

數據中心能耗管理

最後我們還是回到數據中心可視化。正所謂,可視的才是可管的,除了在視覺效果上可以做到業界數一數二的數據中心三維可視化場景,TWaver還巧妙利用了編輯器,使得數據中心的業務管理,變得更加簡單。

例如在這個用於能耗管理的產品中,TWaver通過最簡單的2D場景,實現了數據中心的機櫃容量、電力負載、空調負載、網絡負載、端口占用等業務。

對,你看到的密集恐懼圖,就是負載展示了,一看就知道是幹活的員工需要面對的界面:

技術分享

使用3D場景圖片+小掛件,來統計每層樓或者每個房間的能耗情況:

技術分享

技術分享

可拖拽的純2D圖紙,精確顯示每個機櫃的當前能耗:

技術分享

2D面板,右鍵功能實現設備上下架、設備連接的創建和查看:

技術分享

如果你有耐心讀到這裏,小編真的很感動技術分享,你一定是TWaver的鐵粉。歡迎私信留言一起交流技術問題。

最後放一張小諜照:這是TWaver正在參與設計的某公司數據中心電子化設計工具。

技術分享

看起來是很樸素的一張平面圖,和平時看到的CAD圖紙沒多大差別,但是,上面的每一個小對象,都已經被轉為了TWaver對象,也就意味著這是一張可以被讀取的圖紙,將來可以直接被用作監控界面,或者轉為TWaver的3D場景,可謂是編輯器的終極應用了。怎麽樣,是不是很期待呢?

TWaver可視化編輯器的前世今生(四)電力 雲計算 數據中心