作者：Ted Lee
本Thunkable app系列文之五係改編陳會安老師所著「2_fChart_Blockly_Thunkable_變數與運算子(循序結構).pdf」中第 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：積木程式
（作者為本刊專欄作家，本文同步表於作者部落格，原文連結；責任編輯：謝涵如）
[1] 六種授權條款。
從工程師轉任中學教師，又為了捍衛教育理念，投身成為 STEAM 教育工作者，自稱「無可救藥的人文教育理想主義者」的李俊德（Ted Lee）。
Latest posts by Ted Lee (see all)
- 用GenAI生成連連看樣板 - 2025/05/15
- 細談「春仔產生器」的專案拆解 - 2025/04/17
- 用生成式AI打造「春仔」產生器 - 2025/03/12
訂閱MakerPRO知識充電報
與40000位開發者一同掌握科技創新的技術資訊！
