module 1: introduction to app building. 2 prototype!

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