Decarbonising Buildings: Making a net-zero built environment a reality
App inventor presentation
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)
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)
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