[發明專利]一種基于WebGL的物聯網社區數據監控方法

在審

• 申請號: 202210639159.2
• 申請日: 2022-06-07
• 公開（公告）號: CN114969594A
• 公開（公告）日: 2022-08-30
• 發明（設計）人: 吳哲夫;史運旺
• 申請（專利權）人: 浙江工業大學
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958;G06T17/10;H04L67/02;H04L67/12
• 代理公司: 浙江千克知識產權代理有限公司 33246
• 代理人: 趙芳

1.一種基于WebGL的物聯網社區數據監控方法，其特征在于，所述方法包括如下步驟：

步驟1：通過建模軟件建立物聯網社區場景中的模型，包括居民樓模型、樹木和圍墻模型；

步驟2：搭建web服務器，將實際場景與后臺數據管理、前端網頁呈現相關聯；

步驟3：構建物聯網社區3D場景，導入模型并創建組件；

步驟4：建立數據庫，對物聯網社區采集到的數據進行存儲；

步驟5：數據對接與交互設計，將物聯網社區中的監測數據從數據庫導入并顯示在物聯網社區3D場景中；

步驟6：社區管理人員通過web端訪問社區三維場景，查看物聯網社區的監控數據與報警信息。

2.根據權利要求1所述的方法，其特征在于，所述步驟1中，所用的建模軟件為3Ds Max2021，所要建立的物聯網社區模型還包括運動設施模型以及小型公共設施模型。

3.根據權利要求1或2所述的方法，其特征在于，所述步驟2中，搭建的服務器類型是web服務器，負責從數據庫中提取相關的數據并將提取到的物聯網監控數據存儲，再通過Ajax數據對接方式實現數據對接，通過接收客戶端的Ajax請求并將請求數據發送給客戶端。

4.根據權利要求1或2所述的方法，其特征在于，所述步驟3中，構建物聯網社區3D場景通過Three.js框架，通過VS Code軟件編寫JavaScript代碼并引入Three.js API，建立場景將步驟1中建立的物聯網社區模型導入場景，建立渲染器渲染場景和模型并對接服務器。

5.根據權利要求1或2所述的方法，其特征在于，所述步驟4中，使用的數據庫為MySQL和阿里云。

6.根據權利要求1或2所述的方法，其特征在于，所述步驟5中，數據對接與交互設計的實現過程為所述數據對接使用Ajax數據對接方式，通過瀏覽器的XMLHttpRequest對象向服務器發送HTTP請求，得到服務器返回的數據后進行數據處理，包括以下步驟：

1.創建XMLHttpRequest實例；

2.發出HTTP請求；

3.接收服務器傳回的數據；

4.處理數據，更新頁面。

所述交互設計的交互方式有：創建按鈕、創建對話框、小地圖控件、數據顯示框或粒子動畫。

7.根據權利要求1或2所述的方法，其特征在于，所述步驟6中，訪問物聯網社區3D場景通過Firefox、Chrome、Safari或Edge瀏覽器等行，社區物聯網數據顯示方式通過在監測節點處創建的數據顯示框顯示，報警信息顯示方式通過對話框與粒子動畫的顯示方式進行顯示。