An introduction to a new method of programming Android apps

1. App Inventor: An Intro To Graphical Programming. By: Andrew Kamau (@aandruk) Event: Android Developer Challenge Venue: iHub (@ihubNairobi) Google Docs: http://goo.gl/fbmuq Twitter: #AndroidSSA Google Moderator: http://goo.gl/sGkBj

2. App Inventor: An Intro To Graphical Programming. >> What is App Inventor? >> Why use App Inventor? >> Structure >> Set Up >> Demo (the 5-minute app)

3. How to build Android apps….

4. How to build Android apps…. 1) You can learn how to code…

5. How to build Android apps…. You can learn how to code… But that’s long and cumbersome

6. How to build Android apps…. (1) You can learn how to code… (2) You can use App Inventor… :-)

7. Google App Inventor

8. Why App Inventor?? 1. “Build fully functional apps without a single line of code” 2. “Use an easy to use GUI to build Android apps” 3. “Build apps QUICK!”

9. App Inventor… NO coding:: “Build fully functional apps without a single line of code” - visual programming language

10. App Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps” - Jigsaw puzzle - style

11. App Inventor… “Build fully functional apps without a single line of code” “Use an easy to use GUI to build Android apps” “Build apps QUICK!” – real time development and deployment

12. Requirements… 1.. Web browser (JS Enabled) 2.. Android phone 3.. Internet connection 4.. App Inventor Software package * 5.. ADB (Android Debug Bridge found in SDK)

13. Set Up…

14. Structure… 1.. Designer Window: pick interface components and set their properties.

15. Structure… 1.. Designer Window: pick interface components and set their properties. 2.. Blocks Editor: set behaviour of components and assign behaviour.

16. Structure… 1.. Designer Window: pick interface components and set their properties. 2.. Blocks Editor: set behaviour of components and assign behaviour. 3.. Phone / Emulator: Being real time dev, set up your phone or emulator.

17. Demo: An app in 5 minutes!! Tap the android:: An app that has an image that changes colour when tapped, or when phone shakes. Components: Label (200*50), Button (250*250), Image1, Image2, Accelerometer Media: blue.png, green.png Non-visible: accelerometer_sensor