感測器數值轉換與校正

###### tags: `iot-greenhouse` `lab` 返回[物聯網自動化溫室監控系統](/s/PJIS24sFR76axKI0xOrnjQ) ## <span style="color:#F9BF45;">感測器數值轉換與校正</span> ###### [點我開啟簡報模式](/@BEExANT-ta/H19kJW9uY#) ###### <kbd>ESC</kbd> 鍵進入總覽模式 ###### <kbd>←</kbd> <kbd>↑</kbd> <kbd>↓</kbd> <kbd>→</kbd> 切換頁面 --- ## 目標 **使用溫室端網頁，將網頁上顯示的感測器原始數值轉換成對應單位的數值，並依據實際環境量測結果進行校正，分別有空氣溫濕度、土壤濕度、幫浦壓力需做轉換與校正，最後反應結果至圖表上。** --- ## 設計原理 - 為求收集數據的準確度，參考感測器規格所提供的誤差範圍進行校正。 - 將土壤濕度感測器分別置於==空氣中==與==水中==(可用衛生紙沾水包覆)取得乾燥與潮濕的==原始數值==，將其設定在土壤濕度介面的==乾燥==與==潮濕==中，並點擊圖表輸入轉換程式。 - 空氣溫度與濕度點擊圖表輸入轉換程式。 - 在==程式編輯區塊==中先==測試轉換程式與結果==，再將程式設定至圖表中顯示結果。 ---- :::info :globe_with_meridians: 參考資源 - [DHT22溫濕度感測器](https://itcgs.tcgs.tc.edu.tw/yute?cid=2296) - [土壤濕度感測器校準步驟](https://itcgs.tcgs.tc.edu.tw/yute?cid=2528) ::: --- ## 範例程式碼新增程式檔並命名 ==感測器數值轉換與校正==，將以下程式碼複製貼上程式編輯區執行。 ```javascript= let air_T_output = DATA.air_T_raw / 10; console.log(air_T_output); let air_H_output = DATA.air_H_raw / 10; console.log(air_H_output); let soil_H_output = Math.round((DATA.soil_H_dry - DATA.soil_H_raw) * 100 / (DATA.soil_H_dry - DATA.soil_H_wet) * 100) / 100; console.log(soil_H_output); ``` --- ## 程式解說逐行講解程式意義。 ---- ```javascript= let air_T_output = DATA.air_T_raw / 10; console.log(air_T_output); ``` - 將==空氣溫度==原始資料轉換為溫度，顯示在訊息欄位中。 - 若要顯示在圖表上，點擊空氣溫度圖，將 ==DATA.air_T_raw / 10== 設定至空氣溫度圖表中。 ---- ```javascript=3 let air_H_output = DATA.air_H_raw / 10; console.log(air_H_output); ``` - 將==空氣濕度==原始資料轉換為濕度，顯示在訊息欄位中。 - 若要顯示在圖表上，點擊空氣溫度圖，將 ==DATA.air_H_raw / 10== 設定至空氣濕度圖表中。 ---- ```javascript=15 let soil_H_output = Math.round((DATA.soil_H_dry - DATA.soil_H_raw) * 100 / (DATA.soil_H_dry - DATA.soil_H_wet) * 100) / 100; console.log(soil_H_output); ``` - 將土壤濕度原始資料轉換為土壤濕度，顯示在訊息欄位中。 - 取得土壤==乾燥與原始資料==的差佔土壤==乾燥與土壤潮濕==的差中的比例換算為土壤濕度，以 ==```Math.round()```== 取到小數第二位。 - 若要顯示在圖表上，點擊空氣溫度圖，將 ==Math.round((DATA.soil_H_dry - DATA.soil_H_raw) * 100 / (DATA.soil_H_dry - DATA.soil_H_wet) * 100) / 100== 設定至土壤濕度圖表中。 --- ## 範例影片 {%youtube RGUSH_K8XRA %} <a class="btn btn-warning" style="width:100%;color:#333333;" href="/s/J5myhWWZRviz1FPdEeWYpA" role="button"> 控制幫浦與電磁閥 **⇨** </a> <a class="btn btn-primary" style="width:100%;" href="/s/B5CHHPaTR_qQX_EAiDWtpw" role="button"> **⇦** 網頁功能總覽 </a>