11 1 MIT App Inventor Google Chrome https

靜宜大學資管系 楊子青 11 1. 初步使用MIT App Inventor • 開啟Google Chrome瀏覽器 – 若需安裝，可連線： https: //www. google. com/chrome/ • 進入MIT App Inventor 2官方網站 – http: //ai 2. appinventor. mit. edu/ – 用Gmail帳號登入 (或申請一個新帳號)

靜宜大學資管系 楊子青 14 What is App Inventor • Lets you develop applications for Android phones using a web browser and either a connected phone or emulator. • The servers store your projects. • The App Inventor Designer: select the components for app. • The App Inventor Blocks Editor: assemble program blocks that specify how the components should behave

靜宜大學資管系 楊子青 15 System requirements

靜宜大學資管系 楊子青 16 Setting Up App Inventor 2

靜宜大學資管系 楊子青 17 Option Two: Emulator • http: //appinventor. mit. edu/explore/ai 2/setupemulator. html

靜宜大學資管系 楊子青 18 Option Two: 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

靜宜大學資管系 楊子青 19 Option Two: Emulator (2) • Step 2. Launch ai. Starter (Windows & Linux only)

靜宜大學資管系 楊子青 20 Option Two: Emulator (3) • Step 3. Connect to Emulator

靜宜大學資管系 楊子青 21 Option Two: Emulator (4) • Setup complete!