# 會員植物管理系統 - 專案文件 ## 實作方法 - 使用土壤濕度感測器偵測土壤濕度,並傳送到後端將濕度歷史存到資料庫中 - 使用 Vue.js(或 react.js) 並搭配 PWA 實做使用者介面 - 供使用者查詢盆器使用狀況 - 供使用者預約或排隊盆器租借 - 供使用者記錄租借植物的資料 - 供使用者記錄澆水時間 - 供使用者回報植物長蟲或枯萎 - 供使用者追蹤土壤濕度和植物狀況 - 供使用者掃描 QRCode 查詢植物資訊 - 使用者確定租借可用時列印含 QRCode 的標籤貼在盆器上 - 使用完畢時 QRCode 即報廢 - 通知功能 - 通知土壤濕度過低 - 通知植物長蟲或枯萎 - 使用光照感測器偵測環境亮度並自動控制光照燈 <!-- - 用 Figma 拉出網頁頁面 - 用 Vue.js 刻出前端畫面 - 紀錄土壤溼度存入資料庫 - - 連接前後端 - 將土壤溼度感測器插入土裡 --> ## 系統需求 - 土壤溼度感測器*2 ![土壤溼度感測器](https://i.imgur.com/kl3HXhI.png) - 光照度模組*2 ![光照度模組BH1750](https://i.imgur.com/AJ6FDYY.png) ## 進行方式 ### 使用者使用方式 <!-- 紀錄要租借盆器的會員的資料 --> #### 會員 - 登入會員帳號後可租借盆器 - 到預約畫面填寫個人資料、植物資料 - 到管理植物的畫面,可查看植物目前的土壤濕度、光照強度(可控制光照燈開關) - 掃qrcode可查看植物資訊及通知盆栽主人植物目前的狀態或澆水紀錄 #### 管理員 - 透過網頁管理目前盆器的租借狀態 - 發現植物枯萎可通知使用者 ### 開發時程 #### Before - 器材購買及測試 - #### 第一週 - 完成Figma構想畫面,並有Phototype及最少一頁RWD - (Optional)更多的RWD - 將零件全部整合到樹莓派上並測試功能 #### 第二週 - Vue 畫面完成,包含斷點測試 #### 第三週 - 前後端連接 #### 第四週 - 成果展示 ## 預期達成目標 - 讓會員帶來空間的植物好好活著,綠化空間的同時也能保持美觀 1. 掃描盆器外的 QrCode 就可以知道主人是誰、植物名稱、生長狀態。 2. 想隨時偵測濕度!!!! 3. 請主人設定要多久澆一次水,可由主人或他人澆水,澆水後到網頁按個按鈕紀錄有澆過水。 4. 發現植物長蟲、枯萎,可透過 網頁 發送通知主人請他趕快來處理! 5. 希望 網頁 有預約功能,假設開放 10 個盆器讓大家使用,若名額已滿可讓會員登入 網頁 後排候補,若有新名額釋出將依候補順序通知。 ### 網頁畫面 - 訪客瀏覽頁面 - 植物照片 - 會員 - 登入 - 註冊(monospace會員註冊) - 預約畫面 - 填姓名、植物名稱(暱稱)、植物簡介、最低濕度標準線、 - 會員管理植物頁面 - 土壤濕度、光照強度(開關) - 管理員 - 查看目前盆器租借狀態(遞補通知、目前已租借的會員資料)