本章使用生活化的範例,模擬餐廳點餐系統的運作,點餐系統一般分為服務生的「櫃台劃位、結帳系統」、用餐者的「點菜系統」和廚房的「出菜系統」三大部份,為了能在短時間內完成此範例,精簡為用餐者的「點菜系統」和廚房「出菜系統」,模擬餐廳只有一張桌子、四道菜色,讓用餐者可點選菜色但無法點數量,有興趣的同學可以試著增加桌子和點菜數量。
8-1 系統說明
舞台上有四個菜色,分別是「Cake」(蛋糕)、「Donut」(甜甜圈)、「Fruit Platter」(水果拼盤)和「Cheesy Puffs」(泡芙),當客人進到餐廳後,可使用螢幕點選餐點,螢幕上會出現本次點餐金額,點選相同餐點第二下為取消選取,或按「取消」鈕重選,選餐後按「確認」鈕,系統將「出菜清單」送至廚房的「出菜系統」。
當廚房收到「出菜清單」時,LED模組(D13)點亮,提示廚房開始備餐,廚師可從「LCD液晶模組」顯示:菜單編號和菜色名稱,使用兩個「按鈕模組」來選擇「上一筆」(D2)、「下一筆」(D3)移動菜單。
當某道餐點做好後,先讓該道菜移到LCD第二列(第一列為標題),再按下「出菜鈕」(D4),即不再顯示(該筆資料從「出菜清單」中刪除),當全部出菜完成, LED模組(D13)熄滅,「LCD液晶模組」顯示「Ready」文字,再次進入等待階段。
8-2 變數宣告
8-3 角色造型
此範例用到四道菜圖示(在「食物範例」角色中取得)及兩個按鈕圖示(在「全部範例」角色中取得),其中四種菜色的第二個造型是直接複製第一個造型,再加上紅圈代表已選的餐點圖,另外按鈕角色則加上文字即可。
8-4 點菜系統
使用者介面(UI):
初始舞台畫面如下,會有4道菜和2個按鈕,將消費「金額」變數、「點菜單」和「出菜清單」清單變數顯示在舞台上。
當點完餐點並按下「確認」鈕後會將「點菜單」內容轉存入「出菜清單」中,如下右圖所示。此時廚房的「LCD液晶模組」將顯示所有已點的餐點。
8-5 接線圖:LCD1602液晶模組、按鈕模組x3 (D2、D3、D4)、LED模組(D13)
8-6 程式碼:(舞台程式碼)
(菜色1-程式碼)
(菜色2-4程式碼)
菜色2
菜色3
菜色4
(確認鈕-程式碼)
(清除鈕-程式碼)