---
# System prepended metadata

title: BMI計算器

---

# BMI計算器
## 需求擷取
希望做一個App可以量測BMI，並且告知適合的體重範圍和體態
## 需求分析
1.計算BMI
2.給出適合體重
3.告知體態
4.給出到適合的體重需要減少或增加多少公斤
### 使用案例
```plantuml
skinparam actorStyle awesome
:User: --|> (輸入身高體重)
:User: --|> (得到BMI)
:App: --|> (給適合體重)
:App: --|> (計算BMI)
```
### 使用者故事
小名常常為身材而困擾，所以想要有一個隨時隨地可以算出BMI的工具
| 測資 | 輸入 |輸出 |
| -------- | -------- | -------- |
| 測資1| 身高180 體重70| BMI:21.6,適合的體重=59.94~77.76 kg|
| 測資2| 身高176 體重54| BMI:17.43,適合的體重=57.31~74.34 kg
## 流程圖
```flow
st=>start: 開始
e=>end: 結束
op=>operation: 計算BMI
op2=>operation: 過輕
op3=>operation: 適中
op4=>operation: 過重
op5=>operation: 輕度肥胖
op6=>operation: 中度肥胖
op7=>operation: 重度肥胖
cond=>condition: BMI>18.5
cond2=>condition: BMI>24
cond3=>condition: BMI>27
cond4=>condition: BMI>30
cond5=>condition: BMI>35
BMI=>inputoutput: 輸入BMI

st->BMI->op->cond->
cond(yes)->cond2
cond(no)->op2
cond2(yes)->cond3
cond2(no)->op3
cond3(yes)->cond4
cond3(no)->op4
cond4(yes)->cond5
cond4(no)->op5
cond5(yes)->op7
cond5(no)->op6
```
## UI及元件說明
### UI使用者介面
![](https://i.imgur.com/wGQW8IO.png)
### 元件說明
- 身高_文字輸入盒:身高輸入
- 體重_文字輸入盒:體重輸入
- 標籤1:顯示BMI
- 按鈕1:計算BMI
- 適合體重(標籤):算出適合體重
- 程度(標籤):你的體態
- 適合體重(標籤):顯示出適合的體重區間
- 應該怎麼辦(標籤):超過適合值需要增加或減少幾公斤
## 程式截圖
![](https://i.imgur.com/KE1bzhQ.png)
![](https://i.imgur.com/9zv8Su3.png)

## 結論跟心得
這次的作業已經可以抓到概念，慢慢去理解這個的邏輯思考，有慢慢的在進步，還有第一次使用HACK MD這個東西就覺得為什麼沒有提早知道這項東西，這個可以用在社團開會，或是其他需要紀錄的事情上，可以很好的列點分析。