1.產品簡介
唯眾可視化界面設計工具是輔助師生用來構建物聯網應用程序的一個教學工具,它采用圖形化界面來代替代碼開發界面,通過拖拽、移動一些控件與控件節點,來過完成一個頁面的設計。它非常適合物聯網初學者學者使用,其特點是通過低代碼編程降低學習門檻,同時在必要的時候也可以寫一些輔助代碼來完善和拓展物聯網應用程序的功能。學生只需具備基本編程常識,不需要懂算法、語法、編譯、調試就能做出企業級的物聯網應用。2.產品功能
控件拖拽、屬性設置、連線、調式、部署、導入、導出、部署、可視化展示可視化界面設計工具由兩部分組成。一部分是編輯頁面,另一部分是展示頁面。登錄成功后就可以看到可視化界面設計工具的編輯界面,如下圖:2.1 控件拖拽
唯眾可視化界面設計工具左側為控件區,提供物聯網可視化的相關控件,用戶從左側控件區選擇需要的控件,按住鼠標左鍵后進行拖拽到工作區相應位置后放開鼠標左鍵,完成一個控件的拖動;在工作區中選中任意控件進行拖動即可改變其位置。2.2 屬性設置
在工作區中雙擊控件,即可彈出編輯屬性窗口,在參數修改框中修改、編輯參數后點擊【完成】按鈕,即可完成該節點屬性的編輯。2.3 連線
連線功能即對工作區中每個控件進行鏈接,按住鼠標左鍵,從一個控件的鏈接點直接拖動鼠標到另一個控件鏈接點即可完成控件連線功能。2.4 部署
所有控件設置、鏈接完成后,點擊右上角【部署】按鈕,將該流程進行部署;部署后的流程即可進行輸出調試或可視化頁面展示。2.5 導出
編輯器提供導出功能,可以將本次設置好的場景功能直接導出成json文件,以便保存。2.6 導入
編輯器提供導出功能,可以將之前導出的json文件,直接導入到編輯器中使用,不用再次拖控件、設置屬性。2.7 可視化展示
用戶在項目部署完成后,可在debug頁面查看輸出結果進行調試,輸出結果正常可以開啟可視化頁面,以圖形化的形式展現物聯硬件數據。3.導入演示項目
點擊右側
然后選擇【導入】按鈕,如下圖:
然后選擇【導入】按鈕,如下圖:
在新頁面中點擊【選擇要導入的文件】按鈕,選擇本地已準備好的文件,點擊【導入】按鈕,實現導入,如下圖:
4.項目部署實現可視化
將導入的項目成功部署后即可實現可視化;點擊【部署】按鈕,將項目部署,點擊按鈕,點擊如下圖完成部署后自動打開可視化頁面,當傳感器的值發生變化時,如下圖
在新頁面中點擊【選擇要導入的文件】按鈕,選擇本地已準備好的文件,點擊【導入】按鈕,實現導入,如下圖:
可視化界面設計工具.pdf