Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "開發環境 開發環境簡介 十八豆資訊、靜宜大學資訊學院."— Presentation transcript:

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

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

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

4 1. 初步使用MIT App Inventor 開啟Google Chrome瀏覽器 進入MIT App Inventor 2官方網站
若需安裝,可連線: 進入MIT App Inventor 2官方網站 (或是到Google輸入: App Inventor 2,進行關鍵字搜尋) 用Gmail帳號登入 (建議使用學校gm帳號,或是申請 一個新帳號)

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

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

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

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

9 沒有Android裝置? →用夜神模擬器,安裝apk
夜神模擬器Nox Player 至以下網址下載及安裝: 將apk檔,拖曳至夜神模擬器的視窗裡,即可安裝及 執行App

10 3. Setting Up App Inventor 2

11 Option Two: Emulator (內建模擬器)

12 Option Two: Emulator (1)
Step 1. Install the App Inventor Setup Software 以Windows為例: 下載以下檔案,進行安裝 MIT_Appinventor_Tools_2.3.0.exe

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

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

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

16 模擬器更新

17 重新模擬

18 4.用行動裝置進行實機模擬

19 (1) Option Three: Build apps with an Android device and USB Cable
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.

20 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: On Android and newer, your device will pop up a screen with the message Allow USB Debugging? Press "OK"

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

22 (2) Option One: Build apps with an Android device and WiFi Connection
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

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

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


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

Similar presentations


Ads by Google