TWaver可視化編輯器的前世此生（三）Doodle編輯器

插播一則廣告（長期有效）
TWaver須要在武漢招JavaScript工程師若干
要求：對前端技術(JavasScript、HTML、CSS)，對可視化技術(Canvas、WebGL)有濃厚的興趣
基礎很差的可培養，基礎好的可共謀大事
感興趣的給我發郵件：hr@servasoft.com


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


前兩天說到了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並不止步於此，真正的大殺器還在後頭，咱們下一篇接着說。