▼使用AppInventor的線上開發環境，需要下列三種的搭配：

1、申請Gmail
2、安裝Java（Java下載：http://www.java.com/zh_TW/）
3、安裝Google App Inventor軟體

（http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe）

▼選Invent

▼開new，進入Designer設計視窗(畫面設計、屬性設定)

自己設計想要的各種功能畫面，這裏是手機看到的介面。

▼按Open ，可以進入Blocks Editor(程式區塊編輯視窗)

▼Emulator(模擬器)（本機是5554）

錄音

試錄音，Canvas元件使用說明

擷圖

▼Canvas圖示，設計電子鋼琴的練習

當螢幕Canvas區域被手指觸碰按下（Canvas1.TouchDown），則執行背景圖片piano-4.jpg（鋼琴鍵圖片是灰色的），再播放聲音檔Sound1.Play；

當螢幕Canvas區域原本觸碰的手指離開（Canvas1.TouchUp），則執行背景圖片piano-1.jpg（鋼琴鍵圖片是白色的）。

▼電子鋼琴與模擬器(右邊)

▼設計BMI指數的練習

在Designer設計視窗放入兩個TextBox元件，分別是TextBox1(此要輸入身高)，TextBox2(此要輸入體重)；以及一個按紐元件（Button1），按紐名稱叫作"開始計算"，再加上一個Label

當Button1按下的時候，執行if函數

if若TextBox1輸入的值(TextBox1.Text)是數字，同時(and；交集)TextBox2輸入的值(TextBox2.Text)是數字，

則執行公式：體重(TextBox2.Text)除以身高的平方(TextBox1.Text)

再用Label顯示出來（Label1.Text）

▼If函數

▼邏輯值

▼BMI設計參考