Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

App inventor presentation

4,625 views

Published on

An introduction to a new method of programming Android apps

Published in: Technology
  • Login to see the comments

App inventor presentation

  1. 1. App Inventor: An Intro To Graphical Programming.<br />By: Andrew Kamau (@aandruk)<br />Event: Android Developer Challenge<br />Venue: iHub (@ihubNairobi)<br />Google Docs: http://goo.gl/fbmuq<br />Twitter: #AndroidSSA<br />Google Moderator:  http://goo.gl/sGkBj<br />
  2. 2. App Inventor: An Intro To Graphical Programming.<br />>> What is App Inventor?<br />>> Why use App Inventor?<br />>> Structure<br />>> Set Up<br />>> Demo (the 5-minute app)<br />
  3. 3. How to build Android apps….<br />
  4. 4. How to build Android apps….<br />1) You can learn how to code…<br />
  5. 5. How to build Android apps….<br />You can learn how to code…<br />But that’s long and cumbersome<br />
  6. 6. How to build Android apps….<br /> (1)<br /> You can learn how to code…<br /> (2)<br /> You can use App Inventor… :-)<br />
  7. 7. Google App Inventor<br />
  8. 8. Why App Inventor??<br /> 1. “Build fully functional apps without a single line of code”<br /> 2. “Use an easy to use GUI to build Android apps” <br /> 3. “Build apps QUICK!”<br />
  9. 9. App Inventor…<br />NO coding::<br />“Build fully functional apps without a single line of code” <br /> -  visual programming language <br />
  10. 10. App Inventor…<br />“Build fully functional apps without a single line of code”<br />“Use an easy to use GUI to build Android apps” <br />- Jigsaw puzzle - style<br />
  11. 11. App Inventor…<br />“Build fully functional apps without a single line of code”<br />“Use an easy to use GUI to build Android apps” <br />“Build apps QUICK!”<br />– real time development and deployment<br />
  12. 12. Requirements…<br />1.. Web browser (JS Enabled)<br />2.. Android phone<br />3.. Internet connection<br />4.. App Inventor Software package *<br />5.. ADB (Android Debug Bridge found in SDK)<br />
  13. 13. Set Up…<br />
  14. 14. Structure…<br />1.. Designer Window: pick interface components and set their properties.<br />
  15. 15. Structure…<br />1.. Designer Window: pick interface components and set their properties.<br />2.. Blocks Editor: set behaviour of components and assign behaviour.<br />
  16. 16. Structure…<br />1.. Designer Window: pick interface components and set their properties.<br />2.. Blocks Editor: set behaviour of components and assign behaviour.<br />3.. Phone / Emulator: Being real time dev, set up your phone or emulator.<br />
  17. 17. Demo: An app in 5 minutes!!<br />Tap the android::<br />An app that has an image that changes colour when tapped, or when phone shakes.<br />Components: Label (200*50), Button (250*250), Image1, Image2, Accelerometer<br />Media: blue.png, green.png<br />Non-visible: accelerometer_sensor<br />

×