Upload
liz-rutledge
View
891
Download
1
Embed Size (px)
DESCRIPTION
In-class slides from Tuesday, August 2.
Citation preview
LIZ [email protected]@gmail.comcell phone: 415.828.4865
THE TEAL EDITION
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
in 60 seconds or less.about me.
where I’m from:
my academic background:
the meandering path after graduation:
the aggressive lateral career shift:
most recently = San Franciscoother places I’ve lived in my lifetime = Southern California, Connecticut, Western Massachusetts, New Jersey, Hawaii
boarding school + Princeton for undergrad—majored in Economics + Finance (barf) but kept developing my visarts on the side
burned out, turned down a Finance gig, studied random fields in the visual realm for a while (no joke, I even got a Certificate in Interior Design) and eventually ended up working for my dad doing econ research + web design.
finally found code, applied to some programs blending visual design with tech, and landed here at Parsons. (double yay)
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
a few quick examples of what I do here at Parsonswhat i do.
a few snippets of my code-related work:
a peek at some totally unrelated work:
NYTimes Data Visualization (Processing Sketch + JSON + PHP + NYTimes API)Box Office Economics (Processing JS/Javascript+HTML/CSS+PHP/MySQL)Time Visualization (Processing)VisualMUSE (Processing, PHP/MySQL, HTML/CSS, Flickr API)
Iris+Olivia —tech accessory accessories for the fashionable she-geek
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
Charles Petzold CODE Casey Reas, Chandler McWilliams FORM + CODEthe reading.
CODE:thinking about code as just another method of communication
BINARY—the root of all computer code (hugely important!)
NOT JUST ONES AND ZEROS—anything in life can be binary! ‘yes or no’, on or off, light or dark, raised or lowered...all examples of everyday experiences with binary situations
BRAILLE, MORSE CODE—an extension of binary relationship, just adding complexity
FORM + CODE:algorithms are simply a set of instructions based on certain assumptions
when speaking to a person, can assume the other person’s ability to interpret ambiguous communication through context and experience.
COMPUTERS ARE STUPID. when “speaking to” a computer, these assumptions are limited.
EXAMPLE: an everday algorithm translated into computer speak (PB&J, brushing your teeth)
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
and what can you do with it?what is code?
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
make super sweet interactive web projects.javascript.CHROME EXPERIMENTS + OK Go All Is Not Lost
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
= awesome.HTML5+CSS3+Javascript.
REVEREND DANGER (Featuring MFA D+T alum Chris Driscoll!)
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
a framework built on top of C++ that helps you create some
ridiculous interactive projectsOpenFrameworks.
AUTO SMILEY
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
a framework so nice you have to see it twice.OpenFrameworks.
NIKE+ PAINT WITH YOUR FEET
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
one step closer to machines taking
over the world.OF + ComputerVision.
REFACE
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
an open source visual coding language, IDE and community, created by Ben FryProcessing!
BEN FRY
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
examples of sweet interactive projects by Jer Thorp...created in Processing!Processing!
JER THORP
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
some good places to look for inspiration and/or help for your coding exploitsresources.
OPEN PROCESSING
CREATIVE APPS
FORM + CODE
PROCESSING EXHIBITIONS
PROCESSING JS
GOOGLE (is your friend)
http://www.openprocessing.org/
http://www.creativeapplications.net/
http://formandcode.com/
http://processing.org/exhibition/
http://processingjs.org/
http://lmgtfy.com/?q=sweet+processing+sketches
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
what does it look like? and how the hell do I use it?so like...what is
Processing?
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
Processing has its own native lightweight IDE (Integrated Development Environment)the IDE.
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
the buttons they give you and what they do.buttons!
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
how to set up your Processing sketch.the basics.
the sketch
the setup() and draw() loops
the flow of code
the cartesian grid
in-class example: let’s change the background color and draw a square!
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
a complex [yet simple] example.
http://www.openprocessing.org/visuals/?visualID=30258
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
making it do something.
the console
print() and println()
good commenting practices!
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
homework! (hoorayyyy!)
post your code to our OpenProcessing Classroom (http://openprocessing.org/classrooms/?classroomID=768)
post a link to your OpenProcessing submission as a comment on the blog (I’ll make a post for each assignment to reiterate the requirements and keep things grouped together)
email or IM with questions—I’ll do my best to get back to you quickly!
you CAN work with other students, but you must make it clear who you worked with and EACH person must submit the work
due at 8:55 AM (7:00 AM if you want your work shown off in class)
BE CREATIVE! Seriously, this is an MFA program. Use sophisticated color palettes and create pleasing designs whenever possible.
CODE bootcamp 2011
DAY 2 Tuesday, 2 Aug 2011
due tomorrow bright and early!the assignment.
find your favorite poem (or write your own if you’re feeling festive)
print the poem to the console (with proper line breaks and formatting) using the print() and println() functions we learned in class
extra credit: research how to print the entire poem out in one function call using escape characters to create line breaks and tabs