Bmi 計算--APP inventor

1. 程式設計第二週
0222程式作業流程

2. 目錄
一.作業BMI計算APP步驟
二.模擬器連線步驟

3. 步驟一：建立新專案
新建專案：
新建一個新的專案來做0222的作業，以此
為例名稱取為week2_20160222_404731381_2
PS.專案名稱須注意開頭為英文

4. 步驟二-1：製作簡易程式-BMI計算
step.1：先去左側元件
面板的界面布局-表格布
局拖移置工作面板中，
然後再到右側元件屬性-
列數、行數，將數字修
改成3，並做寬度調整為
填滿。再來到左側元件
面板-使用者介面拖移文
字方塊(使用者輸入數字)、
標籤(標示文字)、按鈕
(計算按鈕)至中間工作面
板。

5. 步驟二-2：製作簡易程式-BMI計算
step.2：拖移完後再
到元件屬性的地方更
改文字大小為25並改
變顯示的文字名稱。
之後在到元件清單做
更改名字，這樣以利
於之後程式設計部分
的拖移動作。更改完
名稱之後就能看見成
品的雛形。

6. 步驟二-3：製作簡易程式-BMI計算
step.3：再來做結果部
分，到左側元件面板-界
面布局-水平布局拖移2
個至工作面板地方，再
來到右側元件屬性-背景
顏色(透明)、寬度(填滿)
做調整。之後到左側元
件面板-使用者介面拖移
標籤至水平布局裡面。

7. 步驟二-4：製作簡易程式-BMI計算
step.4：之後到右側
元件屬性的地方，將
剛才拖移的標籤做更
改文字大小(25、20)、
文字名稱的動作。並
且到元件清單的地方
做名稱更改,以利於之
後程式撰寫步驟，完
成後外觀排版就完成
了。

8. 步驟二-5：製作簡易程式-BMI計算
step.5：再來到畫面右上角點選程式設計，開始進入程式撰寫步驟。首先，
先將程式步驟撰寫排列成這樣，把計算成果先撰寫出來，等一下才是結果顯
示、建議事項的撰寫步驟說明。
ps. BMI值計算公式：BMI = 體重(公斤) / 身高 2(公尺 2)

9. 步驟二-6：製作簡易程式-BMI計算
step.6：點選『如果 則』的左上角齒輪，
將『否則 如果』拖移至『如果 則』下方，
總共拖移5個，因為BMI計算結果共能分為
6個項目(詳細看左表圖)，但因為第一個
『如果 則』就算1個，因此要拖移5個。

10. 步驟二-7：製作簡易程式-BMI計算
step.7：因為之前有更改文字標題的動
作，因此我們可以快速的確認目標做拖
移，城市撰寫顯示計算出的數字及標準
範圍、或者BMI>24的警告用語。

11. 步驟三-1：測試簡易程式-BMI計算
step.8：測試所撰寫程式
是否有誤，我們利用
android手機掃描QR code
下載觀看程式，並將剛才
所撰寫好的程式點選左上
方連線-Al Companion，
用手機上的程式掃描畫面
顯示的QR code觀看並做
測試程式。

12. 步驟三-2：測試簡易程式-BMI計算
step.9：若無Android
手機則可以下載電腦
版模擬器，首先至
moodle平台下載模擬
器檔案，下載好後並
做安裝之部分，安裝
好後打開會呈現右側
這樣。
ps.此程式只能按取ctrl+C才能
關閉。

13. 步驟三-3：測試簡易程式-BMI計算
step.10：我們回至撰寫
程式網頁，並點選左上
方連線-模擬器部分，之
後便出現此訊息，等待
模擬器連線後會跳出訊
息要求升級版本，此時
點選確定。

14. 步驟三-4：測試簡易程式-BMI計算
step.11：更新完模
擬器後，此時模擬器
會出現這樣畫面，我
們根據圖片點選選項。

15. 步驟三-5：測試簡易程式-BMI計算
step.12：確定完成後
回至程式網頁中點選
左上方連線-重置連線，
之後再一次點選連線-
模擬器，這樣便能在
模擬器中測試app程
式-BMI計算。

16. 步驟三-6：測試簡易程式-BMI計算
step.13：確定程式
無誤之後，為了繳交
作業，因此需點選左
上角專案-匯出專案，
將此程式上傳至
moodle平台，同時
此程式可以點選打包
apk帶走至手機下載。