---
# System prepended metadata

title: 會員植物管理系統 - 專案文件

---


# 會員植物管理系統 - 專案文件

## 實作方法
- 使用土壤濕度感測器偵測土壤濕度，並傳送到後端將濕度歷史存到資料庫中
- 使用 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會員註冊)
    - 預約畫面
        - 填姓名、植物名稱(暱稱)、植物簡介、最低濕度標準線、
    - 會員管理植物頁面
        - 土壤濕度、光照強度(開關)
- 管理員
    - 查看目前盆器租借狀態(遞補通知、目前已租借的會員資料) 