These slides were presented at the #startathon2.0 pre-workshop on 20 September covering technology topics. For more information, please contact veera@sl2square.org.

1. App Inventor 2
by Leo & Dave

2. Intro (Introduce yourself!)
Leonardus
David
David makes things for a living.
He creates Interactive Installations for
Museums, Exhibitions and Advertising Firms.
Leonardus is a design researcher at SUTD.
His design focus is to use natural materials and microcontrollers to create sustainable products.

3. AI basic setup
•Android phone/tablet
•Download: AI2 Companion app
•Google: appinventor2
•Login with google account

4. AI basic 1: Button + camera = selfie
•Buttons
•Camera and other hardware
•List to store images
•Change props of objects

7. AI2 basic 2: Selfie + Canvas = moustache
•Canvas
•Slider
•Opening new screen
•Saving picture to SD card

10. AI2 Intermediate1: Connect to the net
•(Photos!)
•Introduce the web embedded
•Send Photo to email / FB

11. AI2 Intermediate 2: Connect to SparkIO
Using:
•Spark Helper
•HTML Form / Ajax
•App Inventor

12. AI2 Intermediate 2: Spark Helper
•http://jflasher.github.io/spark-helper/

13. AI2 Intermediate 2: HTML Form / Ajax
•https://api.spark.io/v1/devices/[Your Device ID]/digitalwrite
–access_token=[Your Access Token]
–params=D7,HIGH or params=D7,LOW

14. AI2 Intermediate 2: App Inventor

15. AI2 Intermediate 2: Simple Control
•Lighting up a BlinkyLED
•Creating Movements

16. AI2 Intermediate 2:
•4 Scenarios

21. AI2 Resources: How to get advanced
•(Photos!)
•http://appinventor.mit.edu/explore/resources/project- merger-tool-combine-two-app-inventor-projects- one.html
•http://meta-guide.com/videography/100-best- appinventor-tutorial-videos/
•https://groups.google.com/forum/#!forum/appinventor
•http://puravidaapps.com/sendmail.php
•http://androidandme.com/2010/08/applications/app- inventor-user-experience-using-graphics-saving-data/

22. Thank you!
Here’s how you can get connected:
1
Facebookpage: www.facebook.com/sl2square
“Maker Circle” Facebookgroup
Email Farah at farah@sl2square.org
23

23. 33
3
3
3save
3