使用App Inventor 吳鳳科技大學 資訊工程系

Presentation on theme: "使用App Inventor 吳鳳科技大學 資訊工程系"— Presentation transcript:

1 使用App Inventor 吳鳳科技大學 資訊工程系
行動裝置程式設計 使用App Inventor 吳鳳科技大學 資訊工程系

2 Google App Inventor是什麼
App Inventor是Google實驗室（Google Lab）的一個子計畫，由一群Google工程師與勇於挑戰的Google使用者共同參與。 Google App Inventor是一個完全線上開發的Android程式環境，拋棄複雜的程式碼而使用樂高積木式的堆疊法來完成您的Android程式

3 App Inventor設計流程

4 App Inventor的優點 使用樂高積木式的堆疊法來完成您的Android程式 適合無Java基礎的初學者
全雲端，所有作業都在瀏覽器完成 支援樂高機器人

5 環境建置 Gmail帳號 Java, 測試電腦上是否可正確運行Java 安裝Google App Inventor軟體

6 相關網站資料 app inventor的系統環境建置部分: http://www.appinventor.tw/setup
林致宇老師13個課程的投影片

7 申請Google帳號1/5

8 申請Google帳號2/5

9 申請Google帳號3/5

10 申請Google帳號4/5

11 申請Google帳號5/5

12 登入App Inventor 1/4

13 登入App Inventor 2/4

14 登入App Inventor 3/4

15 登入App Inventor 4/4

16 行動裝置程式設計實習 Ex1: Piano Ex2: BMI計算 Ex3: 位置感測器應用- 語音輸入位置查詢設計
Ex4: 位置感測器應用- Where Am I ?

17 Ex1: Piano 專題說明 檔案需求 Do,Re,Mi,Fa,So,La,Si圖片檔案 Do,Re,Mi,Fa,So,La,Si聲音檔案

18 Ex1: Piano-介面設計

19 Ex1: Piano-程式設計

20 Ex2: BMI計算

21 Ex2: BMI計算- 介面設計

22 Ex2: BMI計算- 程式設計

23 Ex3: 位置感測器應用- Where Am I ?

24 Ex3: 位置感測器應用- Where Am I ? –介面設計

25 Ex3: 位置感測器應用- Where Am I ? –程式設計

26 ActivityStarter元件 開啟網頁 在地圖上顯示指定位置 Action: android.intent.action.VIEW
DataUri: 欲開啟網頁之網址 在地圖上顯示指定位置 ActivityClass:com.google.android.maps.MapsActivity ActivityPackage: com.google.android.apps.maps DataUri: 欲知道位置的經度與緯度座標 利用地球研究室設定到GoogleMap找地點的經緯度

27 ActivityStarter元件 播放YouTube影片 Action: android.intent.action.VIEW
ActivityClass: com.google.android.youtube.PlayerActivity ActivityPackage: com.google.android.youtube DataUri: 播放影片之連結

28 Ex4: 位置感測器應用- 語音輸入位置之地圖查詢設計

29 Ex4: 位置感測器應用- 語音輸入位置之地圖查詢設計 –介面設計

30 Ex4: 位置感測器應用- 語音輸入位置之地圖查詢設計 – 程式設計