Module 1: Introduction to app building

2 Prototype!

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 Rapid prototyping

5 Balsamiq example: Weatherbirds

6 Building blocks

7 App Inventor

8 App inventor example: I.O.U.

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

10 AppShed

11 AppShed example: The Battle of Mons 1914

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

13 Web apps

14 HTML

15 CSS & Javascript

16 Code Academy & w3schools

17 Facebook Integration

18 Facebook app example: SoundCloud

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