App inventor presentation

4,003 views

Published on

An introduction to a new method of programming Android apps

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,003
On SlideShare
0
From Embeds
0
Number of Embeds
2,045
Actions
Shares
0
Downloads
54
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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 />

×