Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
程式設計第二週
0222程式作業流程
目錄
一.作業BMI計算APP步驟
二.模擬器連線步驟
步驟一:建立新專案
新建專案:
新建一個新的專案來做0222的作業,以此
為例名稱取為week2_20160222_404731381_2
PS.專案名稱須注意開頭為英文
步驟二-1:製作簡易程式-BMI計算
step.1:先去左側元件
面板的界面布局-表格布
局拖移置工作面板中,
然後再到右側元件屬性-
列數、行數,將數字修
改成3,並做寬度調整為
填滿。再來到左側元件
面板-使用者介面拖移文
字方塊(使用者輸...
步驟二-2:製作簡易程式-BMI計算
step.2:拖移完後再
到元件屬性的地方更
改文字大小為25並改
變顯示的文字名稱。
之後在到元件清單做
更改名字,這樣以利
於之後程式設計部分
的拖移動作。更改完
名稱之後就能看見成
品的雛形。
步驟二-3:製作簡易程式-BMI計算
step.3:再來做結果部
分,到左側元件面板-界
面布局-水平布局拖移2
個至工作面板地方,再
來到右側元件屬性-背景
顏色(透明)、寬度(填滿)
做調整。之後到左側元
件面板-使用者介面拖移
標籤至水平...
步驟二-4:製作簡易程式-BMI計算
step.4:之後到右側
元件屬性的地方,將
剛才拖移的標籤做更
改文字大小(25、20)、
文字名稱的動作。並
且到元件清單的地方
做名稱更改,以利於之
後程式撰寫步驟,完
成後外觀排版就完成
了。
步驟二-5:製作簡易程式-BMI計算
step.5:再來到畫面右上角點選程式設計,開始進入程式撰寫步驟。首先,
先將程式步驟撰寫排列成這樣,把計算成果先撰寫出來,等一下才是結果顯
示、建議事項的撰寫步驟說明。
ps. BMI值計算公式:BMI ...
步驟二-6:製作簡易程式-BMI計算
step.6:點選『如果 則』的左上角齒輪,
將『否則 如果』拖移至『如果 則』下方,
總共拖移5個,因為BMI計算結果共能分為
6個項目(詳細看左表圖),但因為第一個
『如果 則』就算1個,因此要拖移5個。
步驟二-7:製作簡易程式-BMI計算
step.7:因為之前有更改文字標題的動
作,因此我們可以快速的確認目標做拖
移,城市撰寫顯示計算出的數字及標準
範圍、或者BMI>24的警告用語。
步驟三-1:測試簡易程式-BMI計算
step.8:測試所撰寫程式
是否有誤,我們利用
android手機掃描QR code
下載觀看程式,並將剛才
所撰寫好的程式點選左上
方連線-Al Companion,
用手機上的程式掃描畫面
顯示的QR...
步驟三-2:測試簡易程式-BMI計算
step.9:若無Android
手機則可以下載電腦
版模擬器,首先至
moodle平台下載模擬
器檔案,下載好後並
做安裝之部分,安裝
好後打開會呈現右側
這樣。
ps.此程式只能按取ctrl+C才能
關...
步驟三-3:測試簡易程式-BMI計算
step.10:我們回至撰寫
程式網頁,並點選左上
方連線-模擬器部分,之
後便出現此訊息,等待
模擬器連線後會跳出訊
息要求升級版本,此時
點選確定。
步驟三-4:測試簡易程式-BMI計算
step.11:更新完模
擬器後,此時模擬器
會出現這樣畫面,我
們根據圖片點選選項。
步驟三-5:測試簡易程式-BMI計算
step.12:確定完成後
回至程式網頁中點選
左上方連線-重置連線,
之後再一次點選連線-
模擬器,這樣便能在
模擬器中測試app程
式-BMI計算。
步驟三-6:測試簡易程式-BMI計算
step.13:確定程式
無誤之後,為了繳交
作業,因此需點選左
上角專案-匯出專案,
將此程式上傳至
moodle平台,同時
此程式可以點選打包
apk帶走至手機下載。
Upcoming SlideShare
Loading in …5
×

Bmi 計算--APP inventor

618 views

Published on

Bmi 計算--APP inventor

Published in: Education
  • Be the first to comment

  • Be the first to like this

Bmi 計算--APP inventor

  1. 1. 程式設計第二週 0222程式作業流程
  2. 2. 目錄 一.作業BMI計算APP步驟 二.模擬器連線步驟
  3. 3. 步驟一:建立新專案 新建專案: 新建一個新的專案來做0222的作業,以此 為例名稱取為week2_20160222_404731381_2 PS.專案名稱須注意開頭為英文
  4. 4. 步驟二-1:製作簡易程式-BMI計算 step.1:先去左側元件 面板的界面布局-表格布 局拖移置工作面板中, 然後再到右側元件屬性- 列數、行數,將數字修 改成3,並做寬度調整為 填滿。再來到左側元件 面板-使用者介面拖移文 字方塊(使用者輸入數字)、 標籤(標示文字)、按鈕 (計算按鈕)至中間工作面 板。
  5. 5. 步驟二-2:製作簡易程式-BMI計算 step.2:拖移完後再 到元件屬性的地方更 改文字大小為25並改 變顯示的文字名稱。 之後在到元件清單做 更改名字,這樣以利 於之後程式設計部分 的拖移動作。更改完 名稱之後就能看見成 品的雛形。
  6. 6. 步驟二-3:製作簡易程式-BMI計算 step.3:再來做結果部 分,到左側元件面板-界 面布局-水平布局拖移2 個至工作面板地方,再 來到右側元件屬性-背景 顏色(透明)、寬度(填滿) 做調整。之後到左側元 件面板-使用者介面拖移 標籤至水平布局裡面。
  7. 7. 步驟二-4:製作簡易程式-BMI計算 step.4:之後到右側 元件屬性的地方,將 剛才拖移的標籤做更 改文字大小(25、20)、 文字名稱的動作。並 且到元件清單的地方 做名稱更改,以利於之 後程式撰寫步驟,完 成後外觀排版就完成 了。
  8. 8. 步驟二-5:製作簡易程式-BMI計算 step.5:再來到畫面右上角點選程式設計,開始進入程式撰寫步驟。首先, 先將程式步驟撰寫排列成這樣,把計算成果先撰寫出來,等一下才是結果顯 示、建議事項的撰寫步驟說明。 ps. BMI值計算公式:BMI = 體重(公斤) / 身高 2(公尺 2)
  9. 9. 步驟二-6:製作簡易程式-BMI計算 step.6:點選『如果 則』的左上角齒輪, 將『否則 如果』拖移至『如果 則』下方, 總共拖移5個,因為BMI計算結果共能分為 6個項目(詳細看左表圖),但因為第一個 『如果 則』就算1個,因此要拖移5個。
  10. 10. 步驟二-7:製作簡易程式-BMI計算 step.7:因為之前有更改文字標題的動 作,因此我們可以快速的確認目標做拖 移,城市撰寫顯示計算出的數字及標準 範圍、或者BMI>24的警告用語。
  11. 11. 步驟三-1:測試簡易程式-BMI計算 step.8:測試所撰寫程式 是否有誤,我們利用 android手機掃描QR code 下載觀看程式,並將剛才 所撰寫好的程式點選左上 方連線-Al Companion, 用手機上的程式掃描畫面 顯示的QR code觀看並做 測試程式。
  12. 12. 步驟三-2:測試簡易程式-BMI計算 step.9:若無Android 手機則可以下載電腦 版模擬器,首先至 moodle平台下載模擬 器檔案,下載好後並 做安裝之部分,安裝 好後打開會呈現右側 這樣。 ps.此程式只能按取ctrl+C才能 關閉。
  13. 13. 步驟三-3:測試簡易程式-BMI計算 step.10:我們回至撰寫 程式網頁,並點選左上 方連線-模擬器部分,之 後便出現此訊息,等待 模擬器連線後會跳出訊 息要求升級版本,此時 點選確定。
  14. 14. 步驟三-4:測試簡易程式-BMI計算 step.11:更新完模 擬器後,此時模擬器 會出現這樣畫面,我 們根據圖片點選選項。
  15. 15. 步驟三-5:測試簡易程式-BMI計算 step.12:確定完成後 回至程式網頁中點選 左上方連線-重置連線, 之後再一次點選連線- 模擬器,這樣便能在 模擬器中測試app程 式-BMI計算。
  16. 16. 步驟三-6:測試簡易程式-BMI計算 step.13:確定程式 無誤之後,為了繳交 作業,因此需點選左 上角專案-匯出專案, 將此程式上傳至 moodle平台,同時 此程式可以點選打包 apk帶走至手機下載。

×