1. Module 1: Introduction to app building

2. 2 Prototype!

3. 3 A toolbox with four pillars Rapid prototypes  Balsamiq  Other flow & wireframing tools Building blocks  App Inventor  AppShed  Other building block tools HTML-based Web apps  Code Academy  W3schools  JSBin  Other HTML- based learning programs Social web integration  Facebook integration

4. 4 Rapid prototyping

5. 5 Balsamiq example: Weatherbirds

6. 6 Building blocks

7. 7 App Inventor

8. 8 App inventor example: I.O.U.

9. 9 App Inventor: What you can do  Automated texting  Images  Videos  Accelerometer  GPS  Data storage  External APIs

10. 10 AppShed

11. 11 AppShed example: The Battle of Mons 1914

12. 12 AppShed: What you can do  Images  Videos  Extensions (Google maps, Facebook, Twitter)  Expands to web app programming

13. 13 Web apps

14. 14 HTML

15. 15 CSS & Javascript

16. 16 Code Academy & w3schools

17. 17 Facebook Integration

18. 18 Facebook app example: SoundCloud

19. 19 Facebook Integration : What you can do  Users spread stories about how they like and use your app through Facebook  Users can see which friends already like / use your app  Use Facebook to manage who can login to your app  Personalize an app with information in their facebook profile  Embed your app within a Facebook page

20. appsforgood.org @appsforgoodcdi