作者：Ted Lee
本 Thunkable app 系列文之四，係改編陳會安老師所著「2_fChart_Blockly_Thunkable_變數與運算子(循序結構).pdf」中第 43 至 45 頁中攝氏溫度轉華氏範例。
第一小節先說明要解決的問題，再將它的解題步驟匯整為陳會安老師設計的 fChart 流程圖（圖 1、2）。最後再著手設計 app 的呈現畫面（圖 3、4）及其背後的控制程式（圖 5）。
問題說明
由鍵盤手動輸入圓的攝氏（Celsius）溫度 C 後 app 會自動代入以下公式來計算出對應的華氏（Fahrenheit）溫度 F：
F = C× 9 / 5 + 32
陳會安老師已提供了如圖 1 的轉換流程。
圖 1：溫度轉換問題流程圖
為了實作的方便起見，我們將圖 1 更精要地濃縮為圖 2 的流程圖。
圖 2：溫度轉換問題的抽象流程圖
畫面設計
畫面的安排如圖 3 所示，我們使用 3 個 Label 和 1 個 Text Input（右上處）元件。
圖 3：畫面設計圖
各元件的命名及其屬性設定詳列如圖 4。
圖 4：各元件設定
程式畫面
在程式自動化方面，當我們輸入完華氏溫度時會觸發（trigger）改變（Changes）事件，於是我們立刻計算對應的華氏溫度並更新顯示結果（圖 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位開發者一同掌握科技創新的技術資訊！
