方案特點(diǎn)
系統(tǒng)將影響水質(zhì)的參數(shù)數(shù)據(jù)以及歷史數(shù)據(jù)、船只檢測(cè)的運(yùn)動(dòng)軌跡、船只周邊的攝像監(jiān)控情況等統(tǒng)一展示在大屏上,清晰明了。
- 數(shù)據(jù)實(shí)時(shí)且精準(zhǔn)
數(shù)據(jù)都是通過(guò)對(duì)應(yīng)的監(jiān)測(cè)儀和傳感器實(shí)時(shí)上傳的,實(shí)時(shí)且精準(zhǔn)。
- 生動(dòng)刻畫運(yùn)動(dòng)軌跡
通過(guò)GPS技術(shù)獲取船只的經(jīng)緯度上傳,結(jié)合監(jiān)測(cè)的水質(zhì)參數(shù),能精準(zhǔn)的獲取船只在每個(gè)監(jiān)測(cè)點(diǎn)的位置以及每個(gè)監(jiān)測(cè)點(diǎn)對(duì)應(yīng)的水質(zhì)、氣象數(shù)據(jù)。
通過(guò)大屏的圖表數(shù)據(jù)可知道近一周的水質(zhì)變化情況以及監(jiān)測(cè)情況。
想要監(jiān)測(cè)其他區(qū)域水質(zhì)情況,綁定不同的設(shè)備即可。
系統(tǒng)整體預(yù)覽效果

應(yīng)用場(chǎng)合
需要進(jìn)行水質(zhì)監(jiān)測(cè)的區(qū)域都適用。
系統(tǒng)說(shuō)明
系統(tǒng)通過(guò)海創(chuàng)可視化開發(fā)微微服務(wù)平臺(tái)采集數(shù)據(jù)上傳至阿里云平臺(tái),海創(chuàng)可視化平臺(tái)再接收阿里云平臺(tái)的數(shù)據(jù)進(jìn)行使用。結(jié)合大數(shù)據(jù)可視化看板,主要用于展示當(dāng)天監(jiān)測(cè)區(qū)域的水質(zhì)參數(shù)、當(dāng)天監(jiān)測(cè)不同區(qū)域水質(zhì)的變化程度、監(jiān)測(cè)次數(shù)、監(jiān)測(cè)船周圍的情況、近幾天水質(zhì)類別的變化情況以及檢測(cè)船的監(jiān)測(cè)軌跡生成等。
解決問(wèn)題
- 采集水質(zhì)分析儀數(shù)據(jù)
- 攝像頭監(jiān)控控制
- 氣象儀數(shù)據(jù)分析
- 設(shè)備數(shù)據(jù)上云
- 船舶在湖上定位
- 等直線預(yù)測(cè)算法數(shù)據(jù)模型分析
- 運(yùn)用網(wǎng)格式的方法將湖面劃分為若干個(gè)網(wǎng)格
- 預(yù)測(cè)該網(wǎng)格的水質(zhì)變化情況
系統(tǒng)解析
系統(tǒng)環(huán)境
軟件:海創(chuàng)可視化平臺(tái)、海創(chuàng)微服務(wù)、阿里云平臺(tái)、海創(chuàng)云平臺(tái)
硬件:水質(zhì)檢測(cè)儀、測(cè)深儀、氣象檢測(cè)儀、GPS、攝像頭、無(wú)人機(jī)
創(chuàng)建產(chǎn)品
在阿里云平臺(tái)分別創(chuàng)建產(chǎn)品“氣象數(shù)據(jù)”、“水質(zhì)監(jiān)測(cè)”,添加對(duì)應(yīng)屬性。


創(chuàng)建設(shè)備

剛創(chuàng)建的設(shè)備處于未激活狀態(tài)

數(shù)據(jù)采集和上傳
水質(zhì)數(shù)據(jù)采集
登錄海創(chuàng)可視化開發(fā)平臺(tái),點(diǎn)擊服務(wù)開發(fā),選擇對(duì)應(yīng)項(xiàng)目,創(chuàng)建微服務(wù)“水質(zhì)監(jiān)測(cè)”,從左邊的節(jié)點(diǎn)列表選擇http、function、阿里云IOT、海創(chuàng)IOT和調(diào)試節(jié)點(diǎn),填寫數(shù)據(jù)信息并連接。

- HTTP(請(qǐng)求指定數(shù)據(jù)接口,并返回?cái)?shù)據(jù))


- function(數(shù)據(jù)轉(zhuǎn)換)

由于水質(zhì)分類需要依托不同的參數(shù)進(jìn)行判斷以及將獲取到的數(shù)據(jù)賦值給對(duì)應(yīng)的設(shè)備屬性,需要用function節(jié)點(diǎn)進(jìn)行數(shù)據(jù)轉(zhuǎn)換。


- 阿里云IOT(連接阿里云平臺(tái)指定產(chǎn)品下的指定設(shè)備)


- 海創(chuàng)可視化平臺(tái)(接收阿里云平臺(tái)下發(fā)的數(shù)據(jù))


- 調(diào)試(查看節(jié)點(diǎn)下發(fā)的數(shù)據(jù)內(nèi)容)

顯示當(dāng)前連接的節(jié)點(diǎn)下發(fā)的數(shù)據(jù)內(nèi)容,默認(rèn)顯示msg.payload,調(diào)試節(jié)點(diǎn)可以接在任何節(jié)點(diǎn)的后端,用于查看節(jié)點(diǎn)的輸出數(shù)據(jù)是否有問(wèn)題,便于調(diào)試。

氣象數(shù)據(jù)采集

登錄海創(chuàng)可視化開發(fā)平臺(tái),點(diǎn)擊服務(wù)開發(fā),選擇對(duì)應(yīng)項(xiàng)目,創(chuàng)建微服務(wù)“氣象監(jiān)測(cè)”,從左邊的節(jié)點(diǎn)列表選擇定時(shí)器、modbus、阿里云IOT、海創(chuàng)IOT和調(diào)試節(jié)點(diǎn),填寫數(shù)據(jù)信息并連接。下面挑選幾個(gè)節(jié)點(diǎn)進(jìn)行介紹。
- 定時(shí)器(設(shè)置觸發(fā)類型)

可根據(jù)需求選擇相應(yīng)內(nèi)容設(shè)置觸發(fā)屬性,因?yàn)橐獙?shí)時(shí)獲取氣象數(shù)據(jù),這里選擇時(shí)間戳,并設(shè)置每隔10秒觸發(fā)一次。



配置完成后,點(diǎn)擊部署即可。然后返回阿里云查看設(shè)備狀態(tài)和對(duì)應(yīng)數(shù)據(jù)。



登陸海創(chuàng)云平臺(tái),在"數(shù)據(jù)報(bào)表欄"可通過(guò)各種形式查看數(shù)據(jù),從而更有效、直觀地對(duì)數(shù)據(jù)做出判斷。
水溫等值線圖

水溫網(wǎng)格點(diǎn)位圖

創(chuàng)建可視化大屏
場(chǎng)景設(shè)計(jì)制作
在海創(chuàng)可視化組態(tài)編輯器創(chuàng)建應(yīng)用“水質(zhì)監(jiān)測(cè)”,點(diǎn)擊“在線編輯”進(jìn)入,在設(shè)計(jì)欄創(chuàng)建文件夾存放自己設(shè)計(jì)的元素,根據(jù)需求進(jìn)行設(shè)計(jì)。以下便是水質(zhì)監(jiān)測(cè)看板的靜態(tài)設(shè)計(jì)過(guò)程,平臺(tái)擁有構(gòu)建復(fù)雜應(yīng)用所需的全套基礎(chǔ)模塊和組件,通過(guò)拖拉拽方法輕松實(shí)現(xiàn)炫酷大屏。

數(shù)據(jù)綁定
選擇需要綁定數(shù)據(jù)的組件,選擇綁定的微服務(wù)。

選擇需要綁定的標(biāo)簽屬性和對(duì)應(yīng)的設(shè)備屬性。

動(dòng)畫設(shè)置

攝像頭跳動(dòng)動(dòng)畫是引用了平臺(tái)自定義的setAnimation方法,通過(guò)這個(gè)方法可以實(shí)現(xiàn)組件的上下左右跳動(dòng)、隱藏顯示、放大和縮小等。當(dāng)前是通過(guò)設(shè)置組件的位置(x,y)中的y屬性實(shí)現(xiàn)上下跳動(dòng):
node.setAnimation({//node為組件的標(biāo)簽
amiStart: {//定義動(dòng)作對(duì)象
property: "y",//獲取組件的屬性,可以是組件的y、x、opacity、width、height等屬性
from: startNum,//讓組件從最初的數(shù)值
to: endNum,//變化到最終的數(shù)值
frames: num,//動(dòng)畫幀數(shù)
next: "amiEnd"//下一個(gè)要執(zhí)行的動(dòng)作,amiEnd為自定義對(duì)象名稱
}
start: ["amiStart"]//從amiStart狀態(tài)開始動(dòng)畫
在鼠標(biāo)移入攝像頭組件時(shí),設(shè)置圖片標(biāo)簽隱藏,通過(guò)node.s("2d.visible",true)實(shí)現(xiàn),其中node為圖片的標(biāo)簽,true則表明顯示該圖片。

圓圈旋轉(zhuǎn)則是通過(guò)平臺(tái)提供的hc.Default.startAnim動(dòng)畫函數(shù)實(shí)現(xiàn)的。
hc.Default.startAnim({
frames: 12, // 動(dòng)畫幀數(shù)
interval: 10, // 動(dòng)畫幀間隔毫秒數(shù)
easing: function(t){ return t * t; }, // 動(dòng)畫緩動(dòng)函數(shù),默認(rèn)采用`hc.Default.animEasing`
finishFunc: function(){}, // 動(dòng)畫結(jié)束后調(diào)用的函數(shù)。
action: function(v, t){ // action函數(shù)必須提供,實(shí)現(xiàn)動(dòng)畫過(guò)程中的屬性變化。
let y = (Math.PI/180)*(360*v);//v的變化范圍是0-1,y的變化從0-360,即旋轉(zhuǎn)一圈
node.a('rotation1', y);//設(shè)置圓圈的外圈順時(shí)針旋轉(zhuǎn)一圈
node.a('rotation2', -y);//設(shè)置圓圈的內(nèi)圈逆時(shí)針旋轉(zhuǎn)一圈
}
});
- 船只運(yùn)動(dòng)軌跡

首先添加平臺(tái)提供的地圖組件,其次綁定船只設(shè)備數(shù)據(jù)集,然后設(shè)置地圖展示的中心點(diǎn)位置以及地圖的縮放級(jí)別,最后綁定設(shè)備經(jīng)緯度,就能方便快捷的掌握船只運(yùn)動(dòng)軌跡。

以上就是一個(gè)水質(zhì)監(jiān)測(cè)預(yù)警系統(tǒng)的大概了,想要了解更多相關(guān)資訊,歡迎訂閱服務(wù)號(hào)“海創(chuàng)微聯(lián)”,或者掃描下方二維碼添加。

在日常生活中,做好水質(zhì)預(yù)警防控是重中之重,但是我們也要熱愛和保護(hù)我們生活的地球呀,從身邊小事做起,約用水不浪費(fèi)、不污染,為創(chuàng)建和諧美好家園盡綿薄之力。
|