從流程圖到 Thunkable app_5:
計算體脂肪 BMI 值
Email:Lct4246@gmail.com
FB:http://gg.gg/TedLeeFB/
問題說明
畫面設計
程式畫面
在程式自動化方面,當我們輸入完身高與體重,按下按鈕後即開始計算 BMI 值。最後,將計算結果直接更新到畫面最下方的文字標籤即可(圖 5)。
在程式自動化方面,當我們輸入完身高與體重,按下按鈕後即開始計算 BMI 值。最後,將計算結果直接更新到畫面最下方的文字標籤即可(圖 5)。
在程式自動化方面,當我們輸入完華氏溫度時會觸發(trigger)改變(Changes)事件,於是我們立刻計算對應的華氏溫度並更新顯示結果(圖 5)。
在程式自動化方面,當我們輸入完圓形的半徑時會觸發(trigger)改變(Changes)事件,於是我們立刻計算該圓的面積並在畫布上畫出它的形狀(圖 5)。
使用運算思維的方法,詳列其四步驟如下:
1. 拆解(decomposition) 將上述的「開車經過經斑馬線」問題拆解為:前進、處理斑馬線識別、前進、左轉、前進、處理老婆婆過斑馬線、前進(圖 3)。Open Roberta(https://lab.open-roberta.org) 的程式積木中,是控制前進/後退的積木,速度從 0~100%,移動距離以公分為單位。
透過這三個原子操作及結構化程式設計(structural programming)的循序(sequential)與選擇(selective)結構就能撰寫出本問題的完整程式了。
為了簡化感測器感測南北向的白色斑馬線,我們將圖 2 的背景圖加上白色的長方形色塊,並將之放在圖 3 中的適當位置(完整的設定檔 TrafficSafty.json 可以從https://reurl.cc/ZXvpdp 下載)。其中,車子的初始位置亦已設定完畢。
最後,完整的控制程式 TrafficSafty.xml 如圖 5 所示,讀者們可以從 https://reurl.cc/7Rm5xd 下載。而程式的執行動畫如圖 6。註,需要反覆測試程式時,請按按鈕歸位。
為了將本文的 Open Roberta 專案融入「交通安全」教育以期能達到「禮讓行人,行車安全」的教學願景(vision),我們也設計了教案和(圖 8)和學習單(圖 9)供讀者們參考。
喜歡動手做的讀者們可以先以設計思考(design thinking)的方法設計出自己的實體自走車後,再運用本文介紹的運算思維設計出自走車的機電整合控制程式試試。
在程式自動化方面,當我們輸入完長方形寬的大小後,按下 Enter 鍵或以滑鼠在空白處輕點一下(完成輸入)後會立即啟動 Submit(提交)事件。因此,我們將長方形的計算方式及結果輸出包在這個事件處理積木之內即可完成處理(圖 4)。