第一章APP Inventor 2 环境.PDF

1 第一章 APP Inventor 2 環境 目錄 第一章 APP Inventor 2 環境1 1.1 開啟進入 APP Inventor 2 2 1.2 建立 AI2 新專案 3 1.3 開發 AI2 專案環境 5 1.3.1 設計頁面 5 1.3.2 程式拼塊頁面 6 1.4 設計 AI2 第一個專案 7 1.5 執行 AI2 第一個專案 11 1.5.1 個人電腦模擬器 11 1.5.2 手機模擬執行測試(WiFi 模式) 16 1.5.3 直接安裝 App 檔案.apk 17 1.6 標籤［Label ］元件屬性及拼塊功能19 1.7 按鈕［Button ］元件屬性及拼塊功能21 1.8 文字［Text ］元件之拼塊功能23 1.9 本章專題 24 2 第一章 APP Inventor 2 環境 本章學習目標  瞭解 APP Inventor 2 的使用環境 。  瞭解 AI2 設計與程式拼塊頁面。  瞭解文字 ［Text ］ 、標籤［Label ］及按鈕 ［Button ］元件 。 本章重點概述 App Inventor 最初是由 Google 實驗室所執行的一項計畫，此計畫一直到 2011 年結束， 並於 2012 年 1 月 1 日移交給麻省理工學院行動學習中心(Center of Mobile Learning, MIT) ， 同年 3 月 4 日麻省理工學院行動學習中心以MIT App Inventor 名稱公佈使用。 由於 App Inventor 一開始是由 Google 工程師所開發，因此開發環境以 Google 的瀏覽器 Chrome 為主，當然 APP 作業系統環境就是 Android 。APP Inventor 2 （簡稱AI2 ）是一個 完全線上開發的雲端環境，將複雜的 App 程式設計以拼圖方式（或樂高積木方式）來 完成 ，使Android App 初學者很容易就學會 。 本章主要介紹 AI2 開發環境 ，包括設計與程式拼塊頁面、模擬器 aiStarter 安裝。另外， 本章以設計專案為範例，學習 Label 及 Button 二元件基本功能。此範例專案主要目的 是按下按鈕後，在標籤上顯示字串「Hello World!｣。 其他參考資料 ：App Inventor 中文學習網 http://www.appinventor.tw/home 1.1 開啟進入 APP Inventor 2 有二種方式可以開啟及進入 AI2 ： 方式 1. 開啟 Google Chrom 瀏覽器 （AI2 不能在微軟 IE 瀏覽器執行） ，並在Google 搜 尋引擎介面上，輸入 ai2 、AI2 、或APP Inventor 2 ，Google 將得到下圖之畫面。 通常第一筆將顯示 MIT App Inventor 2 聯結。點選［MIT App Inventor 2 ］將進 入 AI2 開發環境頁面。 3 方式 2. 直接在 Google Chrom 瀏覽器上輸入 AI2 官方網址：/ 就可以直接進入 AI2 開發環境頁面。一開始會先顯示下圖之歡迎進入 APP Inventor 歡迎頁面｢Welcome to APP Inventor!｣，主要是徵求填寫一份簡短自願問 卷調查，使麻省理工學院 APP Inventor 開發團隊可以更深入了解 AI2 使用者之