方案特點(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ù)都是通過對(duì)應(yīng)的監(jiān)測(cè)儀和傳感器實(shí)時(shí)上傳的，實(shí)時(shí)且精準(zhǔn)。
- 生動(dòng)刻畫運(yùn)動(dòng)軌跡
通過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ù)。
通過大屏的圖表數(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)說明
系統(tǒng)通過海創(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è)軌跡生成等。
解決問題
- 采集水質(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、攝像頭、無人機(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ù)是否有問題，便于調(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)表欄"可通過各種形式查看數(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ì)過程，平臺(tái)擁有構(gòu)建復(fù)雜應(yīng)用所需的全套基礎(chǔ)模塊和組件，通過拖拉拽方法輕松實(shí)現(xiàn)炫酷大屏。
數(shù)據(jù)綁定
選擇需要綁定數(shù)據(jù)的組件，選擇綁定的微服務(wù)。
選擇需要綁定的標(biāo)簽屬性和對(duì)應(yīng)的設(shè)備屬性。
動(dòng)畫設(shè)置
攝像頭跳動(dòng)動(dòng)畫是引用了平臺(tái)自定義的setAnimation方法，通過這個(gè)方法可以實(shí)現(xiàn)組件的上下左右跳動(dòng)、隱藏顯示、放大和縮小等。當(dāng)前是通過設(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)簽隱藏，通過node.s("2d.visible",true)實(shí)現(xiàn)，其中node為圖片的標(biāo)簽，true則表明顯示該圖片。
圓圈旋轉(zhuǎn)則是通過平臺(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)畫過程中的屬性變化。
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)建和諧美好家園盡綿薄之力。
|
