2023年6月21日星期三

從流程圖到 Thunkable app_5：

計算體脂肪 BMI 值

Line：ted2016.kpvs
Email：Lct4246@gmail.com
FB：http://gg.gg/TedLeeFB/

Blog：http://gg.gg/TedLeeBlog/

June 21, 2023

[1]

本 Thunkable app 系列文之五係改編陳會安老師所著「2_fChart_Blockly_Thunkable_變數與運算子(循序結構).pdf（https://reurl.cc/6NEGRV）」中第 46、81 至 83 頁中攝氏溫度轉華氏範例。

第一小節先說明要解決的問題，再將它的解題步驟匯整為陳會安老師設計的 fChart 流程圖（圖 1、2）。最後再著手設計 app 的呈現畫面（圖 3、4）及其背後的控制程式（圖 5）。

輸入身高 h（單位：公尺）及體重 w（單位：公斤），使用下列公式自動計算出相對應的 BMI（Body Mass Index，身體質量指標）數值：

BMI = w / h × h，h 以公尺計

根據陳會安老師提供的圖 1 流程。

圖 1：BMI 的解題流程圖

我們說這個人身高 180，基本單位是「公分」。然而，BMI 公式中的身高是要以「公尺」做度量。有句廣告詞說的好：電腦也會煮花生。不管使用者要輸入哪一種，程式應該可以更聰明地自動判斷出來吧？（圖 2）。

圖 2：程式會自動判斷身高的單位

會安老師設計的畫面如圖 3 所示，我們將使用 3 個 Label、2 個 Text Input 和 1 個 button 元件來完成。

圖 3：畫面設計圖

各元件的命名及其屬性設定詳列如圖 4。

圖 4：各元件設定

在程式自動化方面，當我們輸入完身高與體重，按下按鈕後即開始計算 BMI 值。最後，將計算結果直接更新到畫面最下方的文字標籤即可（圖 5）。

圖 5：積木程式