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

appsforgood.org@appsforgoodcdi