運算思維入門
第一課：App Inventor 2
真理大學 資訊管理學系
王柳鋐
last updated: 2022/11/12
電腦與問題解決
Computer and Problem Solving
旅行業務員問題 (Traveling Salesman Problem)
裝箱問題 (Bin Packing Problem)
電腦是用來幫助解決問題的工具
舉凡需要大量計算、比對、搜尋、排列，都適合用電腦協助解決
因為電腦具備速度快、準確、處理大量資料的特性
超級困難的問題
因為問題通常很難，所以需要方法
不同的
階段論述
問題: 申請入學書審、面試、筆試該如何準備？
參考資料1: 招聯會網站—「學習準備建議方向」
某國立大學資管系
某私立大學資管系
勾選項目不同、備註(系所簡介)不同
現狀1:「學習準備建議方向」對準備申請入學沒有太大幫助！
參考資料2: 「準備指引」
「準備指引」才對準備書審、面試、筆試有幫助！
現狀2: 但「準備指引」分散在各校網站、格式不一！
Step 2: 分析原因
教育部僅要求各校於期限內自行公告，並未開發系統匯總所有資料
Step 3: 解決方案
撰寫網路爬蟲，取得各校系資料
設計網站/apps供考生快速查詢
什麼是Apps?
應用 (Applications)
行動應用 (Mobile Applications)
在電腦(computer) 上執行的軟體，都叫apps
但什麼是computer?
⑨
①
②
③
④
⑤
⑥
⑦
⑧
請作答
但什麼是computer?
⑨
①
②
③
④
⑤
⑥
⑦
⑧
請作答
電腦是一種「數位電子」裝置，能透過「編程」、並執行一系列指令，完成特定工作
各種電腦運作的方式，都是一樣的
輸入
儲存
處理
輸出
輸入裝置
輸出裝置
輸出裝置
App Inventor 2 簡介
App Inventor 2簡介整合開發環境(1/3)
App Inventor 2簡介整合開發環境(2/3)
畫面編排
App Inventor 2簡介整合開發環境(3/3)
程式設計
第一個專案
新增專案HelloCodi
輸入專案名稱
將按鈕拖曳至工作面板
步驟1-1: 將按鈕拖曳至工作面板
步驟1-2: 改變按鈕的背景圖案
上傳檔案
選擇上傳的檔案
請從雲端硬碟下載codi.jpg, 再上傳到專案
改變按鈕的圖像屬性
選擇codi.jpg
codi.jpg
步驟1-2: 改變按鈕的背景圖案(續)
步驟1-3: 改變按鈕的背景圖案
改變按鈕的文字屬性：將內容清除
Text
以免文字疊在圖片之上
步驟2: 拖曳標籤至工作面板, 改變屬性
標籤
步驟3: 拖曳標籤至工作面板, 改變屬性
1. 拖曳「音效」至工作面板
2. 上傳檔案
Bee-Sound.mp3
步驟4: 切換至「程式設計」，撰寫程式
拖曳
步驟4: 切換至「程式設計」，撰寫程式
拖曳
測試
1. 專案/連線/ AI Companion程式
2. 產生連線代碼與QR-Code
3. Scan QR Code掃描
測試
安裝之後，不需先啟動
測試
專案連線時，先執行aiStarter, 再以「模擬器」方式啟動
若詢問是否安裝AI Companion程式？
是！
安裝結束時，記得按【Open】按鈕
測試
狀況: aiStart程式不在執行狀態中?
啟動工作管理員
手動移除adb.exe
第一課：App Inventor 2簡介
By Leuo-Hong Wang
第一課：App Inventor 2簡介
App Inventor 2簡介
