Starting AppInventor
Working Connections 2012
www.greenITcenter.org
DUE 0903239
Components of AppInventor

AppInventor Designer


AppInventor Blocks Editor


Build the GUI
Programming with Blocks
Simulator or Device


Download and test on your own device
Use an online emulator
www.greenITcenter.org
Just drag tiles
www.greenITcenter.org
Get Setup

All you need is a Gmail Account

http://appinventoredu.mit.edu/

Do the Install once then everything is webbased

So let’s install….
www.greenITcenter.org
Basic Concepts

GUI Building





Buttons
Check Boxes
Lists
Text/Labels
Non-Visible items
www.greenITcenter.org
More than Basics





Canvas
Databases
Media
Social
Other
www.greenITcenter.org
Making it Work – Blocks
Editor

Built-ins





Logic
On the fly creation
Math
other
MyBlocks


Methods
Attributes
www.greenITcenter.org
Trying it out


Emulator
Device
www.greenITcenter.org
Let’s Build our first app!




Instead of Hello World, lets do Hello Kitty!
Picture and Sound Files (zip) is on Wiki page
for today
Let me show you what it will do
Then we will walk through building it together
www.greenITcenter.org
MyVirtualPet App
www.greenITcenter.org
Next App: Scribbling


Demo
Build It: See handout and follow along
www.greenITcenter.org
Scribbler Extensions

See if you can add




Wipe
Snapshot
Change line width
Save
www.greenITcenter.org
Next App: Mad Penguin


Demo
Build It: See Handout and follow along
www.greenITcenter.org
Some More Apps to try


These are from a curriculum built in UK
Can be found at




http://www.royalsoced.org.uk/1035_MobileAppDe
velopment.html
Virtual Map Tour
Wiff-Waff
Coin Toss
www.greenITcenter.org
Free Play




Try to add some variations to our existing
apps
Use the extensions in the last handout for
more ideas
Explore AppInventor Blocks and objects
Build something new
www.greenITcenter.org
Solutions - Scribbler
www.greenITcenter.org