coding by design
TRANSCRIPT
![Page 1: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/1.jpg)
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
![Page 2: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/2.jpg)
Codelike a girl!Coding by Design
Mary KiangSt. Andrew’s SchoolsHonolulu, Hawai`i
Douglas KiangPunahou School
@dkiang
![Page 4: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/4.jpg)
![Page 5: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/5.jpg)
Download the free app: Appgyver Scanner
![Page 6: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/6.jpg)
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.
![Page 7: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/7.jpg)
![Page 8: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/8.jpg)
![Page 9: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/9.jpg)
![Page 10: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/10.jpg)
Redefine the
traditional approach
Design things that
matter
Increase coding
literacy for everybody
![Page 11: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/11.jpg)
System.out.println(“Hello world!”);
Redefine the
traditional approach
![Page 12: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/12.jpg)
![Page 13: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/13.jpg)
![Page 14: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/14.jpg)
![Page 15: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/15.jpg)
What makes apps easy to use?
![Page 16: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/16.jpg)
![Page 17: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/17.jpg)
![Page 18: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/18.jpg)
Apple Human Interface Guidelines
http://tinyurl.com/AppleHIG
![Page 19: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/19.jpg)
Redefine the
traditional approach
Design things that
matter
Increase coding
literacy for everybody
![Page 20: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/20.jpg)
3 R’s Reading wRiting
‘Rithmetic
3 M’s Modding Making
algorithMs
Increase coding
literacy for everybody
App DesignCoding
Programming
![Page 21: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/21.jpg)
App Design
Listening to needs
Brainstorming
Prototyping
Testing
Iteration
Can be taught at the earliest ages
Increase coding
literacy for everybody
![Page 22: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/22.jpg)
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
![Page 23: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/23.jpg)
![Page 24: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/24.jpg)
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
![Page 25: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/25.jpg)
Redefine the
traditional approach
Design things that
matter
Increase coding
literacy for everybody
![Page 26: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/26.jpg)
What motivates kids to code?
![Page 27: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/27.jpg)
Competition
![Page 28: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/28.jpg)
Creative Expression
![Page 29: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/29.jpg)
Helping Others
![Page 30: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/30.jpg)
![Page 31: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/31.jpg)
Design things that
matter
![Page 32: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/32.jpg)
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
![Page 33: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/33.jpg)
Challenge
Design an app that helps a new student at school.
![Page 34: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/34.jpg)
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?
![Page 35: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/35.jpg)
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
![Page 36: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/36.jpg)
Prototyping Steps
Step 1: Draw or
create your screens.
![Page 37: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/37.jpg)
![Page 38: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/38.jpg)
Prototyping Steps
Step 2: Link everything in Prototyper.
![Page 39: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/39.jpg)
Scan this to see prototype
https://itunes.apple.com/us/app/appgyver-scanner/id575076515?mt=8
Step 3
More examples: http://tinyurl.com/ SXSWCodeGirl
![Page 40: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/40.jpg)
15 min.: Create Your Views!
Option 1: Sketch on Paper
Option 2: Do in Keynote
![Page 41: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/41.jpg)
5 min.: Capture Your Views!
Option 1: PhotoBooth Crop in Preview
Option 2 (Keynote): Screen Shot ⌘-shift-4
![Page 42: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/42.jpg)
http://prototyper.appgyver.com
![Page 43: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/43.jpg)
![Page 44: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/44.jpg)
![Page 45: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/45.jpg)
![Page 46: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/46.jpg)
![Page 47: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/47.jpg)
![Page 48: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/48.jpg)
![Page 49: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/49.jpg)
![Page 50: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/50.jpg)
![Page 51: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/51.jpg)
![Page 52: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/52.jpg)
![Page 53: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/53.jpg)
![Page 54: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/54.jpg)
![Page 55: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/55.jpg)
![Page 56: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/56.jpg)
![Page 57: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/57.jpg)
![Page 58: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/58.jpg)
![Page 59: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/59.jpg)
![Page 60: Coding by Design](https://reader031.vdocuments.mx/reader031/viewer/2022032021/55a511501a28ab482d8b466b/html5/thumbnails/60.jpg)