開發環境 開發環境簡介 十八豆資訊、靜宜大學資訊學院

Android App開發環境：Android Studio + JAVA程式語言

簡易的Android App雲端開發環境：MIT App Inventor 2

1. 初步使用MIT App Inventor 開啟Google Chrome瀏覽器 進入MIT App Inventor 2官方網站 若需安裝，可連線：https://www.google.com/chrome/ 進入MIT App Inventor 2官方網站 http://ai2.appinventor.mit.edu/ (或是到Google輸入： App Inventor 2，進行關鍵字搜尋) 用Gmail帳號登入 (建議使用學校gm帳號，或是申請 一個新帳號)

新增一專案，名稱為Hello 拖曳一個Label，將元件名稱更名為LabelHello

自行修改LabelHello屬性 Text(顯示文字)：改為Hello World BackgroundColor(背景顏色) FontSize(字體大小) TextAlignment(文字對齊方式) TextColor(字體顏色)

2. 將App程式下載至行動裝置(方法1) 產生QR code 下載至行動裝置及進行安裝 (設定→安全性→未知的來源需打勾)

將APP程式下載至行動裝置(方法2) 將App程式轉成apk檔 使用USB連接線連接行動裝置並複製檔案，或是用gmail寄信方式給自己或朋友，將檔案轉存至行動裝置，再進行安裝

沒有Android裝置？ →用夜神模擬器，安裝apk 夜神模擬器Nox Player 至以下網址下載及安裝：https://tw.bignox.com/ 將apk檔，拖曳至夜神模擬器的視窗裡，即可安裝及 執行App

3. Setting Up App Inventor 2

Option Two: Emulator (內建模擬器) http://appinventor.mit.edu/explore/ai2/setup-emulator.html

Option Two: Emulator (1) Step 1. Install the App Inventor Setup Software 以Windows為例： http://appinventor.mit.edu/explore/ai2/windows.html 下載以下檔案，進行安裝 MIT_Appinventor_Tools_2.3.0.exe

Option Two: Emulator (2) Step 2. Launch aiStarter (Windows & Linux only)

Option Two: Emulator (3) Step 3. Connect to Emulator

模擬器執行(首次可能元件過期，需要更新)

模擬器更新

重新模擬

4.用行動裝置進行實機模擬 http://appinventor.mit.edu/explore/ai2/setup.html

(1) Option Three: Build apps with an Android device and USB Cable http://appinventor.mit.edu/explore/ai2/setup-device- usb.html Step 1: Install the App Inventor Setup Software Step 3. Launch aiStarter Step 2: Download and install the MIT AI2 Companion App on your phone.

Option Three: Build apps with an Android device and USB Cable Step 4: Set up your device for USB (Turn USB Debugging ON) 設定→開發人員選項→USB偵錯 勾選 預設「開發人員選項」為隱藏，開啟方式 ： (以HTC為例) 設定→關於→軟體資訊 →更多→建置號碼，連續點擊七下 Step 5: Connect your computer and device, and authenticate if necessary Connect your Android device to the computer using the USB cable - be sure that the device connects as a "mass storage device" (not "media device"). 用USB連接電腦與裝置，如果PC未能找到裝置，需要安裝驅動程式 以HTC為例，可安裝HTC SYNC MANAGER: http://www.htc.com/tw/support/software/htc-sync-manager.aspx On Android 4.2.2 and newer, your device will pop up a screen with the message Allow USB Debugging? Press "OK"

Option Three: Build apps with an Android device and USB Cable Step 6: Test the connection. http://appinventor.mit.edu/test/ 如果尚未開啟aiStarter，且未連接USB線，會出現： 若開啟aiStarter，且順利連接USB線，會出現： 模擬程式 執行結果 到行動裝置

(2) Option One: Build apps with an Android device and WiFi Connection http://appinventor.mit.edu/explore/ai2/setup-device-wifi.html Step 1: Download and install the MIT AI2 Companion App on your phone. (同Option Three的Step 2) Step 2: Connect both your computer and your device to the SAME WiFi Network Step 3: Open an App Inventor project and connect it to your device

5. 專案功能 我的專案列表 開啟新的專案 從電腦匯入aia專案原始檔 刪除專案 匯出選擇的aia專案原始檔

本課程使用App Inventor 2語言， 來教大家程式語言寫法與邏輯訓練， 有了基礎能力之後， 會有能力自學其他程式語言！