32
App Inventor for Android CAVE Education Getting started

App Inventor tutorial

Embed Size (px)

Citation preview

Page 1: App Inventor tutorial

App Inventor for Android

CAVE Education

Getting started

Page 2: App Inventor tutorial

謝宗翰 [email protected]

CAVE 教育團隊講師

中華少年文教基金會講師

翰尼斯企業助理工程師

Page 3: App Inventor tutorial
Page 4: App Inventor tutorial

時間 Day 1

主題 App Inventor 基礎8:30~9:00 報到

9:00~10:15 始業式 前言什麼是 Google App Inventor 安裝開發環境

10:30~12:00 畫面配置第一個程式: HelloPurr

Designer 頁面 Block editor 媒體檔案配置中餐午休

13:00~14:20 PicCall 撥號功能 通訊錄 PaintPot 觸控繪畫 設定顏色 清除螢幕

14:30~16:00 MoleMash 打地鼠遊戲設計 隨機出現地鼠 計分排行榜MapTour 預設名勝景點 Google map

16:00~17:15 NXT info 擷取機器人主機資訊 藍牙通訊原理Show sensor value 藍牙連線 感應器值回傳

Page 5: App Inventor tutorial
Page 6: App Inventor tutorial

App Inventor 中文教學網

http://www.appinventor.tw/

Page 7: App Inventor tutorial

Why you are here?

Page 8: App Inventor tutorial

還記得你是怎麼來到這的嗎 ?

Page 9: App Inventor tutorial

還記得你是怎麼來到這的嗎 ?

Page 10: App Inventor tutorial
Page 11: App Inventor tutorial
Page 12: App Inventor tutorial

0010011111001101100011100111001…

Page 13: App Inventor tutorial

電腦科學家:

0010011111001101100011100111001

告訴我 1 加到 10 是多少

Assembly, C, C++, JAVA…………

Page 14: App Inventor tutorial

工程師:

Page 15: App Inventor tutorial
Page 17: App Inventor tutorial

環境需求系統要求

電腦和作業系統Macintosh (英特爾處理器): Mac OS X 的10.5 , 10.6Windows:Windows XP 和 Windows Vista , Windows 7GNU / Linux 的: Ubuntu 的 8 + , Debian 5+

瀏覽器Mozilla Firefox 3.6 or higher 或更高Google 瀏覽器 4.0 或更高Apple Safari 5.0 或更高Microsoft Internet Explorer 7 或更高

Page 18: App Inventor tutorial

http://www.java.com/en/download/testjava.jsp

Page 19: App Inventor tutorial

App Inventor 指令中譯下載

Page 20: App Inventor tutorial
Page 21: App Inventor tutorial
Page 22: App Inventor tutorial
Page 23: App Inventor tutorial

MIT App Inventor 首頁

Page 24: App Inventor tutorial

My Projects 頁面• 下載原始碼 (.zip)

• 上傳原始碼

• 無法多人共用

Page 25: App Inventor tutorial

Designer 頁面• 決定程式畫面

– 新增元件– 決定元件屬性

• 下載安裝檔 (.apk)

• 上傳多媒體檔案

Page 26: App Inventor tutorial

Block Editor 頁面• 圖形化程式設計

• 啟動模擬器

• 將程式與實體機器或模擬器連接,可同步修改。

Page 27: App Inventor tutorial

HelloPurr

• 媒體檔案配置

• Button

Page 28: App Inventor tutorial

PicCall

• Button

• PhoneCall

• PhoneNumberPicker

• Image

• Label

Page 29: App Inventor tutorial

PaintPot

• Button

• Canvas

• Screen Arrangement

• Variables

Page 30: App Inventor tutorial

MoleMash

• Button

• Canvas

• Label

• ImageSprite

• Clock

• Random numbers

• Procedures

• Math

Page 31: App Inventor tutorial

MapTour

• ListPicker

• ActivityStarter

Page 32: App Inventor tutorial

Property Value

Action android.intent.action.VIEW

ActivityPackage com.google.android.apps.maps

ActivityClass com.google.android.maps.MapsActivity

MapTour

http://mapki.com/wiki/Google_Map_Parameters