資源簡介

(共37張PPT)
第11課 結識新朋友——App Inventor
學習目標
1. 了解App Inventor平臺的界面組成。
2. 會用App Inventor新建項目編寫程序。
3. 會用App Inventor模擬器測試程序。
學習流程圖
一、AI的作用
二、登錄平臺
三、新建項目
四、界面認識
五、組件設計
六、邏輯設計
七、調試
一、AI 入門
一、AI 入門
一、AI 入門
App Inventor是一款可以用于開發移動應用程序的編程平臺。
在App Inventor中，編寫程序就像搭積木一樣，把一個個代碼塊拼接在一起，創作出形式多樣的應用程序。
二、初識平臺
要求：
1. 啟動瀏覽器。
2. 登錄App Inventor平臺。
3. 熟記App Inventor平臺的界面組成。
二、初識平臺
二、初識平臺
組件設計界面
組件面板
1。組件面板：
用于選擇組件
工作面板
2.用于設計界面
組件列表
3.顯示當前屏幕已添加的組件
組件屬性
4.顯示被選擇組件
或屏幕的所有屬性
5.素材庫：
用來上傳和管理圖片、音頻和視頻等素材
二、初識平臺
邏輯設計界面
模塊
1.模塊區域分類
列出了相關的代碼塊
工作面板
2.可以進行代碼塊的拖放和拼接
3.背包可以實現代碼塊在不同項目之間的共享
4.垃圾桶可以刪除代碼塊
二、初識平臺
三、分析程序
……
三、分析程序
行為
結果
啟動程序
顯示廣州天氣網站
②組件設計
③邏輯設計
④調試
應用程序
開發步驟
設計用戶界面
編寫程序
AI伴侶、雷神模擬器、模擬器
四 、開發步驟
①新建項目
②組件設計
③邏輯設計
④調試
應用程序
開發步驟
①新建項目
五、編程體驗
舉例：Web瀏覽框
1.新建一個“GZ_Weather”項目。
2.設計“廣州天氣預報”界面。
3.編寫“廣州天氣預報”程序
4.連接和測試“廣州天氣預報”應用程序。
五、編程體驗
1.新建項目
五、編程體驗
1.新建項目
新建項目的名稱必須以字母開頭，且只能包含字母、數字和下劃線。
五、編程體驗
2.組件設計
五、編程體驗
2.組件設計
2. 拖組件
3. 改名稱
4. 設屬性
2. 組件設計步驟：
1. 找組件
舉例：Web瀏覽框
五、編程體驗
2.組件設計
2. 拖組件
3. 改名稱
4. 設屬性
2. 組件設計步驟：
1. 找組件
舉例：Web瀏覽框
五、編程體驗
2.組件設計
2. 拖組件
3. 改名稱
4. 設屬性
2. 組件設計步驟：
1. 找組件
舉例：Web瀏覽框
五、編程體驗
3.邏輯設計
五、編程體驗
3.邏輯設計
1 選擇代碼塊
2 拼接代碼塊 3 輸入網址
3.邏輯設計步驟：
五、編程體驗
3.邏輯設計
舉例：Web瀏覽框
1 選擇代碼塊
2 拼接代碼塊 3 輸入網址
3.邏輯設計步驟：
行為
結果
啟動程序
顯示廣州天氣網站
五、編程體驗
3.邏輯設計
舉例：Web瀏覽框
1 選擇代碼塊
2 拼接代碼塊 3 輸入網址
3.邏輯設計步驟：
注意：只有插槽相吻合才能正確拼接在一起。
五、編程體驗
3.邏輯設計
舉例：Web瀏覽框
1 選擇代碼塊
2 拼接代碼塊 3 輸入網址
3.邏輯設計步驟：
行為
結果
啟動程序
顯示廣州天氣網站
五、編程體驗
4.連接與測試
五、編程體驗
4.連接與測試
啟動App Inventor調試工具，且保持 持續運行狀態。
五、編程體驗
4.連接與測試
注意事項：
1. 連接與測試可通過模似器來進行，也可以通過打包APK文件或生成二維碼安裝到設備中進行測試。
五、編程體驗
4.連接與測試
注意事項：
2. 測試過程中，如果發現程序存在問題，可返回組件設計 或邏輯設計界面修改。
app inventor的項目文件
后綴名是.aia
再次導入可以繼續修改
六、自我評價
七、課堂總結
連接與測試
邏輯設計
新建項目
組件設計
廣州天氣預報
項目名稱必須以 字母開頭，且只 能包含字母、數 字和下劃線。
七、課堂總結
連接與測試
邏輯設計
新建項目
組件設計
廣州天氣預報
項目名稱必須以 字母開頭，且只 能包含字母、數 字和下劃線。
1.找組件
3.改名稱
4.設屬性
2.拖組件
七、課堂總結
連接與測試
邏輯設計
新建項目
組件設計
廣州天氣預報
項目名稱必須以 字母開頭，且只 能包含字母、數 字和下劃線。
1.找組件
3.改名稱
4.設屬性
2.拖組件
選擇代碼塊
輸入網址
拼接代碼塊
1
2
3
七、課堂總結
連接與測試
邏輯設計
新建項目
組件設計
廣州天氣預報
項目名稱必須以 字母開頭，且只 能包含字母、數 字和下劃線。
1.找組件
3.改名稱
4.設屬性
2.拖組件
選擇代碼塊
輸入網址
拼接代碼塊
1
2
3
連接設備測試
模擬器測試
七、課堂總結
邏輯設計
廣州天氣預報
組件設計
新建項目
拖組件
找組件
改名稱
設屬性
選擇代碼塊
拼接代碼塊
輸入網址
連接與測試
七、課堂總結
謝謝觀看

展開更多......

收起↑