2023年5月29日 星期一

[app, Thunkable, flowchart] 從流程圖到 Thunkable app_4:攝氏轉華氏溫度

 從流程圖到 Thunkable app_4:

攝氏轉華氏溫度

Line:ted2016.kpvs
Email:Lct4246@gmail.com
FBhttp://gg.gg/TedLeeFB/
Bloghttp://gg.gg/TedLeeBlog/

May 29, 2023
[1]


本 Thunkable app 系列文之四係改編陳會安老師所著「2_fChart_Blockly_Thunkable_變數與運算子(循序結構).pdf(https://reurl.cc/6NEGRV)」中第 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:積木程式

進階思考

請讀者們動動腦,將以上的問題修改為華氏溫度轉換為攝氏溫度。或者,調整為不管是輸入哪一種溫標,程式都能自動處理。