160 likes | 328 Views
Starting AppInventor. Working Connections 2012. 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.
E N D
Starting AppInventor Working Connections 2012
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
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….
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
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