簡介
下圖為整體系統架構圖，系統可以分為Web端、Server端、資料庫跟硬體與感測器端。
使用時，由使用者可以從網頁直接監測感測器獨到的數值。
硬體功能方塊圖
硬體的部分相當簡單，只有Esp8266與YL-69相連接，在使用時我使用的是類比腳位(Esp8266的A0到YL-69的AO腳位)，這樣接可以讓YL-69有1024個量級作為濕度的數值，會比較精確一些。
程式流程圖
程式可以分成三個部分，第一部分為Esp8266中以Arduino IDE開發的C++程式。
第二部分為進行多個Esp8266管理跟更新資料的Python-Socket伺服器端。
網頁端使用單純的React JS去讀取Firebase Realtime Database中的資料並更新在網頁中。
功能展示
下圖為網頁初始進入的畫面，可以直接觀測各個感測器傳來的數值和來源IP，要使用更新資料名稱或刪除資料的功能則必須先輸入上方密碼。
對任意資料點擊後可以看到如下圖的詳細資訊。
結論
系統仍然有許多可以改進的地方，比如：
- 更完善的身份驗證機制，讓多個使用者可以登入查看自己的資料。
- 新增可以選擇感測器的欄位，因為系統可以接收的資料其實非常多，如果可以建立感測器欄位的話就可以有效依照類別分類各個感測器並顯示。
待未來有更多時間再來加以改善！如果有任何其他想法也歡迎指教！
BryanSapo 
發表留言