www.greenitcenter.org due 0903239 starting appinventor working connections 2012
TRANSCRIPT
![Page 1: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/1.jpg)
www.greenITcenter.org DUE 0903239
Starting AppInventor
Working Connections 2012
![Page 2: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/2.jpg)
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
![Page 3: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/3.jpg)
www.greenITcenter.org
Just drag tiles
![Page 4: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/4.jpg)
www.greenITcenter.org
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….
![Page 5: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/5.jpg)
www.greenITcenter.org
Basic Concepts
GUI Building Buttons Check Boxes Lists Text/Labels Non-Visible items
![Page 6: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/6.jpg)
www.greenITcenter.org
More than Basics
Canvas Databases Media Social Other
![Page 7: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/7.jpg)
www.greenITcenter.org
Making it Work – Blocks Editor Built-ins
Logic On the fly creation Math other
MyBlocks Methods Attributes
![Page 8: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/8.jpg)
www.greenITcenter.org
Trying it out
Emulator Device
![Page 9: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/9.jpg)
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
![Page 10: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/10.jpg)
www.greenITcenter.org
MyVirtualPet App
![Page 11: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/11.jpg)
www.greenITcenter.org
Next App: Scribbling
Demo Build It: See handout and follow along
![Page 12: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/12.jpg)
www.greenITcenter.org
Scribbler Extensions
See if you can add Wipe Snapshot Change line width Save
![Page 13: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/13.jpg)
www.greenITcenter.org
Next App: Mad Penguin
Demo Build It: See Handout and follow along
![Page 14: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/14.jpg)
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_MobileAppDevelopment.html
Virtual Map Tour Wiff-Waff Coin Toss
![Page 15: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/15.jpg)
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
![Page 16: Www.greenITcenter.org DUE 0903239 Starting AppInventor Working Connections 2012](https://reader036.vdocuments.net/reader036/viewer/2022062719/56649ec05503460f94bcb6b2/html5/thumbnails/16.jpg)
www.greenITcenter.org
Solutions - Scribbler