第一堂认识AppInventor2的基本操作上课堂练习1教育局.PDF

第一堂：認識App Inventor 2 的基本操作(上) 課堂練習 1.1 (建立首個手機應用程式) 1. 瀏覽以下網址 / 2. 開新專案 Projects Start new project 輸入專案名稱 “L1_1_HelloWorld” 3. 認識App Inventor 2 的界面。請按老師的介紹，填寫各功能的中文名稱。 調色板 組件 切換板面/方塊 設計 屬性 智能手機 管理多媒體檔 版面視窗 版權所有 © 2017 教育局 1 4. 程式的功能簡述 本程式將邀請用戶於輸入方塊中填寫自己的姓名，當用戶按按鈕”按我”後，便顯示歡迎你!! 5. 按以下「組件功能設計表」加入組件 組件類別 組件名稱 功能 Label Instruction 向用戶所展示的指引 TextBox InputBox 收集用戶所輸入的姓名 Button Button1 輸入按鈕 Label WelcomeMessage 輸出用戶名稱 Image Image1 當用戶按按鈕後 ，輸出圖片 App Inventor 是採用「物件導向 Object Orientated 」的程式開發概念。  進行物件導向程式設計時，程式編寫員把程式視為由各種 獨立卻互相呼叫的「物件 Object 」(組件 Components) 組成  「物件」會因應不同的「事件Event 」而作出反應  不同的「物件」具備不同的「屬性 Properties 」，定義的方法如下： WelcomeMessage.Text – 指名為WelcomeMessage 的Label 所顯示的文字的內容 WelcomeMessage.Text Color– 指名為WelcomeMessage 的Label 所顯示的文字的顏色 6. 修改各組件的屬性，以達到下圖的效果 版權所有 © 2017 教育局 2 7. 切換到「方塊 Blocks 」編輯畫面，並按下圖編輯方塊 8. 於流動裝置/模擬器(Emulator) 中進行測試 (註：使用流動裝置進行測試，效果較佳) 9. 小貼士：若使用模擬器，把屏幕上的物件適當地排列，使編輯過程更方便 版權所有 © 2017 教育局 3 第二堂：認識App Inventor 2 的基本操作 (下) 課堂練習 2.1 1. 瀏覽以下網址 / 2. 開新專案 Projects Start new project 輸入專案名稱 “L2_2_TalkTo Me” 3. 程式的功能簡述 「讀字機/ 自助默書讀字機」： 當用戶按「按鈕」，便讀出預先所輸入的字串 4. 按下表加入組件及修改各組件的屬性，以達到右圖的效果 組件類別 組件名稱 功能 Button Button1 輸入按鈕 TextToSpeech TextToSpeech1 負責將文字變成語音的工具 (暫時只能讀英文子句) 5. 按下圖編輯方塊