App Inventor 2 202009 Android AppMIT App Inventor

  • Slides: 17
Download presentation
App Inventor 2 環境建置 2020/09編輯

App Inventor 2 環境建置 2020/09編輯

Android App雲端開發環境:MIT App Inventor 2

Android App雲端開發環境:MIT App Inventor 2

1. 初步使用MIT App Inventor • 開啟Google Chrome瀏覽器 • 若需安裝,可連線:https: //www. google. com/chrome/ • 進入MIT

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

自行修改Label. Hello屬性 • Text(顯示文字):改為Hello World • Background. Color(背景顏色) • Font. Size(字體大小) • Text. Alignment(文字對齊方式)

自行修改Label. Hello屬性 • Text(顯示文字):改為Hello World • Background. Color(背景顏色) • Font. Size(字體大小) • Text. Alignment(文字對齊方式) • Text. Color(字體顏色)

方法 2: Emulator (內建模擬器) • http: //appinventor. mit. edu/explore/ai 2/setup-emulator. html

方法 2: Emulator (內建模擬器) • http: //appinventor. mit. edu/explore/ai 2/setup-emulator. html

方法二: Emulator (1) • Step 1. Install the App Inventor Setup Software • 以Windows為例:

方法二: Emulator (1) • Step 1. Install the App Inventor Setup Software • 以Windows為例: http: //appinventor. mit. edu/explore/ai 2/windows. html • 下載以下檔案,進行安裝 MIT_Appinventor_Tools_2. 3. 0. exe

方法二: Emulator (2) • Step 2. Launch ai. Starter (Windows & Linux only)

方法二: Emulator (2) • Step 2. Launch ai. Starter (Windows & Linux only)

方法二: Emulator (3) • Step 3. Connect to Emulator

方法二: Emulator (3) • Step 3. Connect to Emulator