辜渝儐

13037102709

027-87870986

新聞動態

您當前的位置:首頁 > 唯眾產品 > 物聯網實訓室 >

唯眾可視化界面設計工具

發布者:唯眾    布時間:2020-09-10 16:46:22    點擊量:

       1.產品簡介

       唯眾可視化界面設計工具是輔助師生用來構建物聯網應用程序的一個教學工具,它采用圖形化界面來代替代碼開發界面,通過拖拽、移動一些控件與控件節點,來過完成一個頁面的設計。它非常適合物聯網初學者學者使用,其特點是通過低代碼編程降低學習門檻,同時在必要的時候也可以寫一些輔助代碼來完善和拓展物聯網應用程序的功能。學生只需具備基本編程常識,不需要懂算法、語法、編譯、調試就能做出企業級的物聯網應用。

      2.產品功能

       控件拖拽、屬性設置、連線、調式、部署、導入、導出、部署、可視化展示可視化界面設計工具由兩部分組成。一部分是編輯頁面,另一部分是展示頁面。登錄成功后就可以看到可視化界面設計工具的編輯界面,如下圖:
唯眾可視化界面設計工具

       2.1 控件拖拽

       唯眾可視化界面設計工具左側為控件區,提供物聯網可視化的相關控件,用戶從左側控件區選擇需要的控件,按住鼠標左鍵后進行拖拽到工作區相應位置后放開鼠標左鍵,完成一個控件的拖動;在工作區中選中任意控件進行拖動即可改變其位置。

       2.2 屬性設置

       在工作區中雙擊指定控件,即可彈出編輯屬性窗口,在參數修改框中修改、編輯參數后點擊【完成】按鈕,即可完成該節點屬性的編輯。
 唯眾可視化界面設計工具

       2.3 連線

       連線功能即對工作區中每個控件進行鏈接,按住鼠標左鍵,從一個控件的鏈接點直接拖動鼠標到另一個控件鏈接點即可完成控件連線功能。
唯眾可視化界面設計工具

       2.4 部署

       所有控件設置、鏈接完成后,點擊右上角【部署】按鈕,將該流程進行部署;部署后的流程即可進行輸出調試或可視化頁面展示。

       2.5 導出

       編輯器提供導出功能,可以將本次設置好的場景功能直接導出成json文件,以便保存。

       2.6 導入

       編輯器提供導出功能,可以將之前導出的json文件,直接導入到編輯器中使用,不用再次拖控件、設置屬性。

      2.7 可視化展示

       用戶在項目部署完成后,可在debug頁面查看輸出結果進行調試,輸出結果正??梢蚤_啟可視化頁面,以圖形化的形式展現物聯硬件數據。
 

      3.導入演示項目

       點擊右側唯眾可視化界面設計工具
       然后選擇【導入】按鈕,如下圖:
唯眾可視化界面設計工具

        在新頁面中點擊【選擇要導入的文件】按鈕,選擇本地已準備好的文件,點擊【導入】按鈕,實現導入,如下圖:
唯眾可視化界面設計工具
 

      4.項目部署實現可視化

       將導入的項目成功部署后即可實現可視化;點擊【部署】按鈕,將項目部署,點擊按鈕,點擊如下圖

完成部署后自動打開可視化頁面,當傳感器的值發生變化時,如下圖
唯眾可視化界面設計工具

       在新頁面中點擊【選擇要導入的文件】按鈕,選擇本地已準備好的文件,點擊【導入】按鈕,實現導入,如下圖:


唯眾可視化界面設計工具




上一篇:物聯網綜合實驗箱

下一篇:智慧農業3D可視化教學實訓系統

重庆时时彩是不是全天 体彩官方微信 北京快乐8什么时间开奖 股票平台突破图形 趣多吧娱乐城官方网站-点击进入 彩票平台排行榜 球探足球比分 jdb财神捕鱼有赢家吗 牛牛如何玩不输钱 攒劲甘肃麻将苹果版下载 福利彩票6+1号码预测 云南快乐十分开奖结果l 德州麻将游戏 彩票平台靠什么赚钱 澳洲幸运5哪里有提前开 河南快赢481视频在电视 股指期货交易技巧高手雪球上