Professional Documents
Culture Documents
6 App Inventor
6 App Inventor
建國科技大學 資管系
饒瑞佶
2010/10
App Inventor
• Google 發展
• 可應用瀏覽器建立一個 Android APP
• UI 設計
• 使用拼圖定義程式行為
App Inventor
System requirements:
• Computer and operating system
1. Macintosh (with Intel processor): Mac OS X 10.5, 10.6
2. Windows: Windows XP, Windows Vista, Windows 7
3. GNU/Linux: Ubuntu 8+, Debian 5+
• Browser
1. Mozilla Firefox 3.6 or higher
2. Apple Safari 5.0 or higher
3. Google Chrome 4.0 or higher
4. Microsoft Internet Explorer 7 or higher
App Inventor
Test your Java configuration
• Your computer needs to run Java 6 (also known as Java 1.6)
• Visit the Java test page. You should see a message that Java is
working and that the version is Java 1.6.
• Visit the Java Web Start Demos page and click on a demo, e.g.
, Draw. The Java Web Start application will start and downloa
d the demo. Your browser should start it automatically. You ma
y need to tell your computer to run the downloaded program w
ith Java Web Start and give the program permission to run. Yo
u may also need to configure your browser to open jnlp files.
App Inventor - Java test page
App Inventor - Java Web Start Demos
App Inventor - Java Web Start Demos
1
安裝 App Inventor
請記得安裝路徑
C:\Program Files\AppInventor\commands-for-Appinventor
安裝 App Inventor
3
安裝 App Inventor
安裝 App Inventor
Phone drivers
The App Inventor Setup software includes driver
s for these common Android phones:
• T-Mobile G1* / ADP1
• T-Mobile myTouch 3G* / Google Ion / ADP2
• Verizon Droid*
• Nexus One
請先登入
如果沒有請註冊
步驟 I : start the Designer and create a n
ew project
步驟 I : start the Designer and create a n
ew project
輸入 HelloPurr
2
3
步驟 I : start the Designer and create a n
ew project
步驟 I : start the Designer and create a n
ew project
開啟 Block Editor
步驟 II : Block Editor
步驟 II : Block Editor
步驟 II : Block Editor
請稍待數分鐘
步驟 II : Block Editor
把綠色鑰匙往右拖
請選 ok
步驟 II : Block Editor
Building your first app (Part 2): Completin
g HelloPurr
In the Designer:
• Add a Label component that reads "Pet the
Kitty".
• Upload the meow.mp3 file
• Add a Sound component that plays the
meow.mp3 file.
In the Blocks Editor:
• Create an event handler that tells the Sound
component to play when the user taps the
button.
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
請選 kitty.wav
Building your first app (Part 2): Completin
g HelloPurr
IE 上傳 *.mp3 會有問題
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
按一下會聽到貓叫
Building your first app (Part 2): Completin
g HelloPurr
Package for Phone - HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
Building your first app (Part 2): Completin
g HelloPurr
似乎有點問題 ???
Building your first app (Part 2): Completin
g HelloPurr
http://v.youku.com/v_show/id_XMTg5MjAwOTQ4.html