由TopoBuilder產(chǎn)品負(fù)責(zé)人王維成介紹「如何用TopoBuilder打造2D數(shù)字數(shù)字孿生」

2D可視化 VS 3D可視化

平時我們用ThingJS的工具和API通常是做一些3D可視化的開發(fā)，在描繪真實的物理世界時，3D的場景確實能給人更加直觀的感受。

然而在數(shù)字孿生的應(yīng)用中，除了描繪物理世界，很多時候我們也需要去描繪邏輯世界，去表達(dá)對象之間的邏輯拓?fù)潢P(guān)系，比如組態(tài)工藝流程、網(wǎng)絡(luò)拓?fù)潢P(guān)系等。在對面這些需求時，2D的表現(xiàn)方式顯然更為清晰。

我們搭建3D園區(qū)和3D城市，可以使用CampusBuilder和CityBuilder，而面對2D場景時，我們該用什么工具呢？

很多人使用Visio來繪制拓?fù)鋱D，但Visio圖不能對接外部數(shù)據(jù)，也不能用API來驅(qū)動場景中的對象狀態(tài)，無法滿足我們各式各樣的2D可視化需求。為了解決這些問題，我們?nèi)麓蛟炝艘豢町a(chǎn)品：TopoBuilder，它可以幫助開發(fā)者輕松完成2D場景下的各類可視化需求。

TopoBuilder強(qiáng)大的Web繪圖工具

TopoBuilder是一款簡單易用、功能強(qiáng)大的web繪圖工具，采用拖拉拽的交互方式，幫助用戶快速繪制拓?fù)鋱D、流程圖、物聯(lián)網(wǎng)、工業(yè)組態(tài)、IT運(yùn)維等多種場景下的視圖。

這是TopoBuilder的主界面，頂部是菜單和工具欄，左側(cè)是形狀庫，中間是畫布，右側(cè)是屬性和設(shè)置面板，底部是標(biāo)簽頁和導(dǎo)航器。接下來我們來通過一些特色功能的介紹幫助大家了解這款工具。

豐富圖元+多樣模板

TopoBuilder內(nèi)置豐富的圖元和模板，除了剛才提到的組態(tài)圖、流程圖、網(wǎng)絡(luò)架構(gòu)圖等，我們還支持UML、BPMN、ArchiMate 等多種專業(yè)圖形繪制。

同時也支持用戶上傳自定義圖形，打造屬于自己的形狀庫。

我們還預(yù)置了豐富的模板供大家使用，提升2D視圖繪制的效率和美觀度。

對接外部數(shù)據(jù)+API控制

開頭我們有提到，Visio是很多人常用的繪圖工具，但Visio繪制的是“死圖”，無法對接外部數(shù)據(jù)和用API控制。很多用戶手中積累了大量Visio圖，為了幫助用戶盤活手中的Visio圖，我們提供了Visio導(dǎo)入的功能，可以完美還原之前在Visio中繪制的視圖。同時還支持導(dǎo)出PDF、PNG、JPG、SVG等常見的文件格式，方便圖的瀏覽和使用。

輕松在線協(xié)作+歷史版本回溯

說到在線協(xié)作，大家應(yīng)該并不陌生，我們常用的騰訊文檔之類的互聯(lián)網(wǎng)產(chǎn)品都具備這個能力，TopoBuilder也提供了基于websocket的多人實時在線協(xié)作能力，滿足多人協(xié)作繪圖的場景。在繪圖過程中系統(tǒng)會自動生成歷史版本，方便回溯查看，使文件安全有保障。

無縫對接ThingJS開發(fā)平臺

作為ThingJS工具體系中的一員，TopoBuilder繪制的視圖，會自動同步到ThingJS在線開發(fā)平臺，用戶可直接引用，并使用ThingJS API中的拓?fù)浣M件進(jìn)行2D可視化應(yīng)用開發(fā)，輕松實現(xiàn)組態(tài)監(jiān)控、場景聯(lián)動等數(shù)字孿生應(yīng)用需求。

這里我先簡單介紹一下ThingJS拓?fù)浣M件，拓?fù)浣M件是ThingJS API中的一個插件，可以通過API來動態(tài)控制TopoBuilder產(chǎn)出的2D場景，拓?fù)浣M件在語法設(shè)計上和ThingJS API基本保持一致，熟悉ThingJS的用戶可以在10分鐘之內(nèi)上手。

我們的DEMO分為兩個部分，第一部分是編輯器的繪圖細(xì)節(jié)演示，我們在開發(fā)TopoBuilder的時候，花了很多時間在打磨用戶體驗，我們從中挑出幾個來和大家分享。

第二部分一個完整2D場景應(yīng)用開發(fā)的全過程，這是一個火力發(fā)電的工藝流程圖，從繪制2D場景，到使用拓?fù)浣M件控制場景對象實現(xiàn)組態(tài)流程和監(jiān)控。

TopoBuilder未來展望

最后說一下TopoBuilderd接下來的發(fā)展計劃。我們會推出零代碼快速配置2D可視化應(yīng)用的功能，目前大家需要使用API，通過編程來完成2D應(yīng)用的開發(fā)，后面我們編輯器中會內(nèi)置數(shù)據(jù)對接的能力和常用的交互配置，零代碼、一站式完成2D場景開發(fā)。

同時也會打通物聯(lián)森友會，這是UINO打造的一個物聯(lián)網(wǎng)產(chǎn)品、方案選品庫，在這里大家可以快速精準(zhǔn)地找到所需要的產(chǎn)品、方案及合作伙伴。TopoBuilder下一步將打通森友會，成為物聯(lián)網(wǎng)方案設(shè)計和交流的工具，提高物聯(lián)網(wǎng)生產(chǎn)活動效率。

TopoBuilder將在2022年Q1正式發(fā)布！

關(guān)于UINO優(yōu)锘科技

UINO優(yōu)锘科技成立于2012年，總部位于北京，目前團(tuán)隊已超過千人，在上海、廣州、深圳、杭州、南京等地均設(shè)有分支。

自成立至今，UINO秉承數(shù)字孿生的理念，以多維空間大數(shù)據(jù)為基礎(chǔ)，致力于打通邏輯世界和物理世界，并憑借三維可視化交互為核心特點的數(shù)字孿生運(yùn)維管理能力，形成了數(shù)據(jù)中心可視化、智慧園區(qū)、智慧城市、智慧消防等多種數(shù)字孿生運(yùn)運(yùn)場景群。

迄今為止，UINO優(yōu)锘科技已服務(wù)了2,000+行業(yè)領(lǐng)軍企業(yè)，并不斷為全行業(yè)客戶提供數(shù)字孿生可視化解決方案。