Codelike a girl!Coding by Design

Sign up for a free account: www.appgyver.com/prototyper

Hello, world!

Before we begin…

Download the free iOS / Android app: Appgyver Scanner (search Store for iPhone apps)

Check out our Session Guide and Resource Links: tinyurl.com/SXSWCodeGirl

Codelike a girl!Coding by Design

Mary KiangSt. Andrew’s SchoolsHonolulu, Hawai`i

Douglas KiangPunahou School

@dkiang

Sign up for a free account: www.appgyver.com/prototyper

Download the free app: Appgyver Scanner

iPhone App Design with Mary Radlhammer Kiang

In this one-day workshop, we will brainstorm, design and prototype our own apps for iPhone and iPad. We will also get a hands-on experience with using Apple’s Xcode and Swift, the tools and language that are used to create iPhone apps.

No prior programming experience is necessary. A MacBook and iPod or iPhone are recommended, but not required.

1 Saturday (9-3): 1/17 or 1/31 Cost: $75

www.kiang.net/gocode

GO! App Design Studio *(girls only)

We give girls the design, coding, and tech experience they n e e d t o c r e a t e beautiful art, write powerful stories, help others, and change the world.

Redefine the

traditional approach

Design things that

matter

Increase coding

literacy for everybody

System.out.println(“Hello world!”);

Redefine the

traditional approach

What makes apps easy to use?

Apple Human Interface Guidelines

http://tinyurl.com/AppleHIG

Redefine the

traditional approach

Design things that

matter

Increase coding

literacy for everybody

3 R’s Reading wRiting

‘Rithmetic

3 M’s Modding Making

algorithMs

Increase coding

literacy for everybody

App DesignCoding

Programming

App Design

Listening to needs

Brainstorming

Prototyping

Testing

Iteration

Can be taught at the earliest ages

Increase coding

literacy for everybody

Coding

Problem solving

Can be taught at the earliest ages

Code is the “connective tissue” that makes components work together

Finding resources

Sharing and commenting on others’ creations

Increase coding

literacy for everybody

Most “Computer Science-y”

Does require some mathCan reinforce math concepts

Algorithms

Data Structures

Writing reusable components

Documentation of code

Sharing / Open Source Content Creation

ProgrammingIncrease coding

literacy for everybody

Redefine the

traditional approach

Design things that

matter

Increase coding

literacy for everybody

What motivates kids to code?

Competition

Creative Expression

Helping Others

Design things that

matter

Challenge Based Learning

Big Idea Essential Question

Challenge

GuidingQuestions

Solution

Implement

Evaluate

Guiding Activities/Resources

Ongoing Informative Assessment

Ongoing ReflectionOngoing Documentation

and Publishing

www.challengebasedlearning.org

Challenge

Design an app that helps a new student at school.

Guiding Questions

What’s it like to be a new student?

What are some problems students run into?

What kinds of support already exist?

How have other students adapted?What do other

schools do?

Guiding Activities

Interview a current new student

Look at current research

Reach out to other schools

Find out who in class has been a new student.

Create and test a prototype

Prototyping Steps

Step 1: Draw or

create your screens.

Prototyping Steps

Step 2: Link everything in Prototyper.

Scan this to see prototype

https://itunes.apple.com/us/app/appgyver-scanner/id575076515?mt=8

Step 3

More examples: http://tinyurl.com/ SXSWCodeGirl

15 min.: Create Your Views!

Option 1: Sketch on Paper

Option 2: Do in Keynote

5 min.: Capture Your Views!

Option 1: PhotoBooth Crop in Preview

Option 2 (Keynote): Screen Shot ⌘-shift-4

http://prototyper.appgyver.com