Starting AppInventor

www.greenITcenter.org DUE 0903239

Starting AppInventor

Working Connections 2012

www.greenITcenter.org

Components of AppInventor

AppInventor Designer Build the GUI

AppInventor Blocks Editor Programming with Blocks

Simulator or Device Download and test on your own device Use an online emulator


Just drag tiles


Get Setup

All you need is a Gmail Account

http://appinventoredu.mit.edu/

Do the Install once then everything is web-based

So let’s install….

http://appinventoredu.mit.edu/


Basic Concepts

GUI Building Buttons Check Boxes Lists Text/Labels Non-Visible items


More than Basics

Canvas Databases Media Social Other


Making it Work – Blocks Editor Built-ins

Logic On the fly creation Math other

MyBlocks Methods Attributes


Trying it out

Emulator Device


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


MyVirtualPet App


Next App: Scribbling

Demo Build It: See handout and follow along


Scribbler Extensions

See if you can add Wipe Snapshot Change line width Save


Next App: Mad Penguin

Demo Build It: See Handout and follow along


Some More Apps to try

These are from a curriculum built in UK Can be found at

http://www.royalsoced.org.uk/1035_MobileAppDevelopment.html

Virtual Map Tour Wiff-Waff Coin Toss




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


Solutions - Scribbler

Documents

Starting AppInventor