第一堂：認識App Inventor 2的基本操作(上.docxVIP

版權所有 ? 2017 教育局 PAGE 14 第一堂：認識App Inventor 2的基本操作(上) 課堂練習 1.1 (建立首個手機應用程式) 瀏覽以下網址 / 開新專案 Projects Start new project 輸入專案名稱 “L1_1_HelloWorld” 認識App Inventor 2 的界面。請按老師的介紹，填寫各功能的中文名稱。 組件調色板 組件 調色板 智能手機版面視窗管理多媒體檔屬性 智能手機 版面視窗 管理多媒體檔 屬性 切換板面/方塊設計  程式的功能簡述 本程式將邀請用戶於輸入方塊中填寫自己的姓名，當用戶按按鈕”按我”後，便顯示歡迎你!! 按以下「組件功能設計表」加入組件 組件類別 組件名稱 功能 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所顯示的文字的顏色 修改各組件的屬性，以達到下圖的效果  切換到「方塊 Blocks」編輯畫面，並按下圖編輯方塊 於流動裝置/模擬器(Emulator) 中進行測試 (註：使用流動裝置進行測試，效果較佳) 小貼士：若使用模擬器，把屏幕上的物件適當地排列，使編輯過程更方便  第二堂：認識App Inventor 2的基本操作 (下) 課堂練習 2.1 瀏覽以下網址 / 開新專案 Projects Start new project 輸入專案名稱 “L2_2_TalkToMe” 程式的功能簡述 「讀字機/自助默書讀字機」： 當用戶按「按鈕」，便讀出預先所輸入的字串 按下表加入組件及修改各組件的屬性，以達到右圖的效果 組件類別 組件名稱 功能 Button Button1 輸入按鈕 TextToSpeech TextToSpeech1 負責將文字變成語音的工具(暫時只能讀英文子句) 按下圖編輯方塊 在Blocks 在Blocks中，選取 Build-in?Text： 於流動裝置/模擬器中進行手機應用程式的測試 挑戰題 修改以上程式，讓程式讀出另一字串(Good Morning) 課堂練習 2.2 (此練習學生必須佩備流動裝置進行測試) 將課堂練習2.1 下載到智能手機上執行 挑戰題 修改以上程式，令程式當被人搖動時，便讀出(Stop Shaking Me!!) 參考資料： /explore/sites/all/files/hourofcode/TalkToMePart2.pdf /embed/0hikoCvM3oc?autoplay=1 1.在 1.在Screen中，加入 Media?TextToSpeech Sensor?AccelerometerSensor； 2.在Blocks 中，建立  第三堂：版面配置和物件屬性的應用 課堂練習 3.1 嘗試依附圖配置手機程式的版面： 開新專案 Projects Start new project 輸入專案名稱 “L3_1_Layout” 程式的功能簡述： 當用戶按不同「按鈕」時，便於label1 顯示不同的字串 按下表加入組件及修改各組件的屬性，以達到右圖的效果 組件類別 組件名稱 功能 Button ButtonA 按此按鈕顯示：「去街市買魚腸，見到姨丈，放低魚腸，問候姨丈，執翻魚腸，拜拜姨丈。」 Button ButtonB 按此按鈕顯示：「一蚊一斤雞，一蚊一斤龜，究竟系雞貴定系龜貴？」 Button ButtonC 按此按鈕顯示：「郵差叔叔，送信純熟，迅速送出。」 Button ButtonD 按此按鈕顯示：「床腳撞牆角，牆角撞床角，你話床角撞牆角定牆角撞床腳？」 Label Label1 顯示字串 提示：同學可善用 Layout 中的 HorizontalArrangement 和 VerticalArrangement 以完成任務。 挑戰題 著學生新增Textbox，並擷取其