RISD DM2132 Code as Medium

Week 1: 2/16

• Course sign-up.
• Overview of syllabus and course.
• Discussion:
  • Why are you taking this studio? What would you like to make?
  • What does medium mean to you and why?
  • What does code mean?
  • How do computers work? What is a computer?
  • Where have you seen code used in your field, favorite example?
• Conditional Design - code as instructions.
• Getting started in p5.js!
  • CodePen example
  • Command sheet
  • Example 1: Commands, sequence, parameters, coordinate system
  • Sign up for a CodePen account
  • Classmate portrait activity

• Assignment 1: DUE 2/23

Week 2: 2/23

• Sign-up for reading discussion.
• Sign-up for Slack and join the risddm2132 slack.
  • Class share of inspiration links on Slack.
• Assignment 1 CRIT
• Getting started in GP!
  • Download GP
  • Make a GP project around the theme of Discomfort.
• Discussion:
  • p5.js vs. GP - what's the difference?
  • Critique of GP with John Maloney
  • How does this compare to the media you are used to?
• p5.js:
  • Example 2: Basic code organization, setup, draw, debugging
  • Example 2: Data types, variables, basic arithmetic
  • Example 3: Mouse interaction
  • Example 4: Keyboard interaction

• Assignment 2: DUE 3/2

Week 3: 3/2

• Card access?
• Assignment 2 CRIT
• Visit D+M Equipment Closet and Library
• p5.js:
  • Example 5: For Loops
  • Example 6: Conditionals
  • Example 7: Drawing Web Images
  • Example 8: Drawing Text
• Discussion:
  • (Evelyn) The Queen of Code
  • (Evelyn) Digital Divide

• Assignment 3: DUE 3/09

Week 4: 3/9

• Beyond CodePen:
  • HTML, CSS, JavaScript, canvas tag and linking fonts.
  • Download and install Sublime Text
  • What is FTP?
    
    • RISD FTP Upload Tutorial
• p5.js:
  • Math, physics and trigonometry:
    • Example 11: Map, constrain, distance.
    • Example 9: Motion: velocity, bounce, sin/cos, random motion.
    • Example 10: Transforms: translate, rotate, scale, order of operations.
  • Example 12: Functions: code reusability, parameters, return values.
• Discussion:
  • (Michael) 'Digital's Bitches': The New Museum Triennial
  • (Nathan) Creative Appropriation: The Smallest Move Is Often the Hardest

• Readings: DUE 3/16

Week 5: 3/16

• p5.js:
  • Example 13: Data structures: arrays.
  • Example 14: Image manipulation: pixels.
  • Example 15: Interaction: single and multi-touch.
• Discussion:
  • (Masha) The Ethics of Experimentation in the IoT
  • (Jacqueline) Videos Games Do Belong in the Museum of Modern Art

Week 6: 3/23 | SPRING BREAK | NO CLASS

Week 7: 3/30 | MIDTERM DUE

• Discuss final project: discuss, share ideas, motivating examples, some options.

• Assignment 4: DUE 4/6

Week 8: 4/6

• Individual meetings / timeline review

Week 9: 4/13

• Discussion:
  • (Alex) Cyborg Cockroach Sparks Ethics Debate
  • (Damin) Learning to See Data

• Readings: DUE 4/20

Week 10: 4/20

• p5.js:
  • Example 16: Classes and Objects
  • Example 18: Your first library - p5.dom.js: Create, find, manipulate HTML elements on the page.
  • Example 19: Third-party libraries in JS: how to find them, how to include them, how to use them.
• Discussion:
  • (Inigo) The Perils of Post-Internet Art

Week 11: 4/27

• Discussion:
  • (Amrit) The Bomb in the Garden
  • (Shen) ???

• Readings: DUE 5/4

Week 12: 5/4

• In-Studio Videos:
  • Bret Victor's Inventing on Principle
  • Bret Victor's The Humane Representation of Thought
• Discussion:
  • (Hyemi) The Next Era of Designers Will Use Data As Their Medium
  • (Hyemi) Data Viz Pioneer Nicholas Felton: "There Is A Real Shadow Over Data"
  • (Sam) ROM Com
• Final: DUE 5/11

Week 13: 5/11

FINAL CRITS!

• Final Documentation: DUE 5/18

Week 14: 5/18

FINAL DOCUMENTATION DUE