1. www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012

2. 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

3. www.greenITcenter.org Just drag tiles

4. www.greenITcenter.org Get Setup All you need is a Gmail Account  http://appinventoredu.mit.edu/ http://appinventoredu.mit.edu/ Do the Install once then everything is web- based So let’s install….

5. www.greenITcenter.org Basic Concepts GUI Building  Buttons  Check Boxes  Lists  Text/Labels  Non-Visible items

6. www.greenITcenter.org More than Basics Canvas Databases Media Social Other

7. www.greenITcenter.org Making it Work – Blocks Editor Built-ins  Logic  On the fly creation  Math  other MyBlocks  Methods  Attributes

8. www.greenITcenter.org Trying it out Emulator Device

9. 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

10. www.greenITcenter.org MyVirtualPet App

11. www.greenITcenter.org Next App: Scribbling Demo Build It: See handout and follow along

12. www.greenITcenter.org Scribbler Extensions See if you can add  Wipe  Snapshot  Change line width  Save

13. www.greenITcenter.org Next App: Mad Penguin Demo Build It: See Handout and follow along

14. 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 http://www.royalsoced.org.uk/1035_MobileAppDe velopment.html Virtual Map Tour Wiff-Waff Coin Toss

15. 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

16. www.greenITcenter.org Solutions - Scribbler