TWaver可視化編輯器(三)Doodle編輯器

插播一則廣告(長期有效)
TWaver需要在武漢招JavaScript工程師若干
要求:對前端技術(JavasScript、HTML、CSS),對可視化技術(Canvas、WebGL)有濃厚的興趣
基礎不好的可培養,基礎好的可共謀大事
感興趣的給我發郵件:[email protected]


------------------------------------------------------------正文的分割線--------------------------------------------------------------


前兩天說到了3D編輯器是大勢所趨,今天就接着這個話題繼續說。


Legolas,特別帥氣的一個名字,是TWaver繼Mono-Design發佈的一款產品,其最大的特點就是通過框架式設計和模塊化的呈現,突破了中間件的限制,可以直接將通過可視化拖拽生成的場景,經過簡單的機制,即轉換爲可運行的程序。


如果覺得這段話比較生澀,可以直接理解爲:Legolas是一個不寫代碼就能生成組態化監控小程序的平臺,像精靈王子一樣帥氣。


Legolas具備了一個優秀編輯器應該有的樣子:

  •  豐富的圖元庫,2D和3D的各類常見對象
  •  拖拽式交互(設置界面佈局,數據關聯綁定,圖元聯動動作設定…)
  •  多種頁面容器,支持界面佈局和交互
  •  腳本式動態邏輯注入
  •  Event總線滿足跨界面,跨圖元類型交互
  •  編輯態及調試態之間的實時切換
  •  預定義的業務流程模塊
  •  跨屏幕的支持



就是下面這些簡簡單單的小組件,拖拖拽拽,就搖身變成了各種小項目。


例如,水質淨化過程中,對藥劑流量和進水量進行實時檢測的污水自動控制處理:



對生產車間內各項生產指標和環境指標實時採集並進行圖形化展示的化工廠自控系統:


工程用車車況的採集和實時監控:


配電房一次接線圖:


水源地自動化監控系統中可旋轉交互的小閥門:



Legolas的獨到之處,在於它在Mono-Design的基礎上,向行業應用更近了一步,可以幫助那些不太懂代碼的終端用戶、實施人員迅速組建監控平臺。也難怪,具備了這些特色的Legolas,在非電信行業,尤其是工控領域大放異彩。


隨着越來越多的商業項目採用了Mono Design和Legolas,“可視化”的概念也越來越深入人心。TWaver深知一款優秀的編輯器工具,將大幅減少工程師和項目實施人員的工作量,就像編輯器在TWaver內部使用時一樣。因此,2015年,TWaver推出了一款集多年編輯器之大成的產品:TWaver Doodle,正如其名,希望用戶可以像塗鴉般輕鬆地使用編輯功能。


  •  TWaver Doodle不是單純的編輯器,而是編輯器的組件:
  •  高度封裝的編輯器組件,完整的數據編輯能力
  •  支持TWaver 2D拓撲圖、TWaver 3D模型、HTML片段的編碼
  •  網絡拓撲圖、設備機架圖、流程圖、3D模型、3D機房/園區的快速編輯
  •  基於TWaver Make模板庫,實現模版的快速導入,及編輯數據的導出
  •  通過API接口實現快速集成,讓您的系統立刻擁有強大的編輯器

簡單地說,他可以是TWaver Doodle,也可以是你的Doodle。換logo,改佈局,自定義模型,2D的,3D的,任何行業的,都可以通過Doodle來實現。


例如,Doodle爲數據中心打造了一整套的場景、機架、面板、模型編輯器:



機架,設備,模型多多,屬性都可以自定義:


拖拖拽拽,設備上架:



設備面板,也可以自由定義和編輯:



面板、設備、機架,完事具備,只差場景:


四大神器湊在一起,簡直就是合體金剛大力神了:



提到TWaver Doodle,就不得不介紹一下他的好兄弟TWaver Make。Make和Doodle是打虎不離親兄弟,一個管理模型,一個主打編輯,無論是2D還是3D的可視化應用,都可以分分鐘搞定。


Doodle的發佈,標誌着TWaver已經形成了內部使用,客戶定製,標準化產品三位一體的編輯器解決方案。



當然,TWaver並不止步於此,真正的大殺器還在後頭,我們下一篇接着說。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章