Home
  • Syllabus
  • Calendar
  • Projects
  • People
  • Resources
  • Library
California College of the Arts
Spring 2017
Interactive 2, GRAPH-228-02
SF Main Campus, Room W1
Tuesday, Thursday 7:15–10:15pm

Instructor: Mindy Seu, mindyseu@cca.edu
TA: Rocky Kalil, rkalil@cca.edu

About this site
  • Week 1 ... Tues Jan 17 & Thurs Jan 19
    <P1>

    Week 1 Google Doc

    Tuesday

    • Mindy introduces herself and shows some past projects
    • Rocky introduces herself and shows some past projects
    • Students show their own work and two websites Week 1 Google Doc underneath your name
    • Discuss syllabus
    • Define class expectations
    • Sign up for weekly presentations
    • Deploy P1

    Thursday

    • Look at works related to P1
    • Follow steps in Exercise: Github
    • Style your class homepage
    • Introduce take-home exercise: Exercise: Desktop Portrait
    • Begin the search for content for P1

    For Tuesday

    • For P1, create ​5 separate concepts. Each concept should include a title, image examples (if applicable), and a one-sentence description. Include these sketches on your class homepage. Be prepared to explain to a small group on Tuesday.
    • For your class homepage, work on Exercise: Desktop Portrait. Include this on your site. Refer to Desktop Aesthetics.

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 2 Google Doc
    • Notes on the Internet and Art by Gene McHugh
    • Spirit Surfing by Kevin Bewersdorf, 2008

    Reminder

    • Make sure you pasted your class homepage link in the Week 1 Google Doc
    • Tom, please prepare your presentation on Rhizome
    • Ivan, please prepare your presentation on Constant Dullaart
  • Week 2 ... Tues Jan 24 & Thurs Jan 26

    Week 2 Google Doc

    Tuesday

    • Determine best timeframe for class field-trip.
    • Presentation by Tom on Rhizome
    • Presentation by Ivan on Constant Dullaart
    • Reading Discussion
    • Mindy talks about A Brief History of the Internet
    • In groups of 3-4, each person must present their 5 concepts. For each presenter, the group should select the strongest idea.
    • Begin prototyping for P1

    For Thursday

    • Create two prototypes for the selected P1 direction. You will republish at least 25% of your text at least twice using two different platforms, tools, forums, etc. These are meant to be separate studies, to see how different platforms affect the reading of a same text. Please make sure your class website shows your two proposals as well.

    Thursday

    • One-on-one reviews with Mindy and Rocky
    • Write your name in this Google Doc for your timeslot
    • Work in class on P1

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 3 Google Doc
    • The Language of Internet Memes by Patrick Davison, 2012

    Reminder

    • John, please prepare your presentation on Edward Snowden
    • Sally, please prepare your presentation on Ada Lovelace
  • Week 3 ... Tues Jan 31 & Thurs Feb 2
    </P1>

    Week 3 Google Doc

    Tuesday

    • Presentation by Sally on Ada Lovelace
    • Reading Discussion
    • Mindy talks about Surveillance and Data Mining
    • Based on the in-class critiques, finalize P1 for Thursday's presentations.

    In-class studio format
    To prepare for the final critique next week, each student must work with a partner. For five minutes, observe as your partner navigates your prototypes. Please do not provide any verbal instructions. Analyze how they move through the site: Are they moving in the sequence you intended? Are they discovering the metadata? Is there enough content to engage for at least five minutes? For the person exploring, is the site engaging? Easy to use? Are there multiple layers of content? After discussing, swap roles.

    Thursday

    • Introduce take-home exercise: Exercise: Spreadsheet Typeface
    • Final critique on P1
    • Special Guest: Annie Wang

    Critique Format
    For today's critique, we will spend ~10 minutes on each person. For the first ~7 minutes, everyone but the designer can talk. The classmate to your right will explore your project, projected for the entire class to see. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~3 minutes, the designer can respond to the conversation we just had.

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 4 Google Doc
    • The Cobweb by Jill Lepore, 2015

    Reminder

    • John, please prepare your presentation on Edward Snowden for Tuesday
    • Cooper, please prepare your presentation on James Bridle for Tuesday
    • Kelly, please prepare your presentation on Creative Commons for Tuesday
    • Complete Exercise: Spreadsheet Typeface for Tuesday
  • Week 4 ... Tues Feb 7 & Thurs Feb 9
    <P2>

    Week 4 Google Doc

    Tuesday

    • Presentation by John on Edward Snowden
    • Presentation by Cooper on James Bridle
    • Presentation by Kelly on Creative Commons
    • Reading Discussion
    • Review Exercise: Spreadsheet Typeface
    • Deploy P2
    • Look at some examples of typography on the web
    • In small groups, determine which letters create the foundation for the majority of characters in the alphabet. (For example, "o" creates "b", "d", "p", "q", etc )
    • Work in class on P2

    For Thursday

    For P2, create three unique directions for your typeface. Begin by sketching the fundamental letters we discovered in small group. Conceptually and formally, each direction should be uniquely different from each other. While sketching, consider how each typeface would exist as code and in the browser space. (Do this in InDesign or Illustrator and create a PDF to discuss on Tuesday.) Design with each typeface with a purpose in mind and be prepared to explain these concepts on Thursday.

    Thursday

    • Re: The upcoming Saturday field-trip, would you prefer a 10AM or 1:30PM tour?
    • In class demo for coding shapes and basic animations
    • Work in class on Exercise: Coding from Life
    • While students are working on the exercise, Mindy and Rocky will have one-on-one discussions for your three typeface directions

    For Tuesday

    For the selected direction, complete your typeface (in Illustrator, etc.) as much as possible. Here are the characters I would like you to have by then:

    abcdefghijklmnopqrstuvwxyz
    or
    ABCDEFGHIJKLMNOPQRSTUVWXYZ
    (choose either lower or upper case)

    0123456789 (numbers)
    .?!,”“ (punctuation)

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 5 Google Doc
    • What is Code? by Paul Ford, 2015

    This is a very long article. We aren't going to read the whole thing, but you can if you want to.

    Required parts:

    • all of chapter 1
    • all of chapter 2
    • chapter 3 intro, 3.1, 3.2
    • chapter 5 intro, 5.1, 5.2, 5.7, 5.8
    • chapter 6 intro, 6.1, 6.2, 6.5, 7.1, 7.5.

    Reminder

    • Kathy, please prepare your presentation on Julian Assange & Wikileaks
    • David, please prepare your presentation on Kevin Kelly & Wired
  • Week 5 ... Tues Feb 14 & Thurs Feb 16

    Week 5 Google Doc

    Tuesday

    • Presentation by Kathy on Julian Assange & Wikileaks
    • Presentation by David on Kevin Kelly & Wired
    • Reading discussion
    • Mindy & Rocky will have individual one-on-ones to review your character set. While we are meeting with your peers, please begin sketching your websites.

    For Thursday

    Please create two unique proposals (using InDesign) for the website your typeface will live on. Each proposal should include at least three sections: specimen, showcase, hoverstate. We should be able to visualize your website proposal by looking at these three pages. How can your website's focus not only reinforce but push forward the concept of your typeface? Remember to upload the sketches to your class website.

    Thursday

    • Did everyone receive their grade for P1?
    • Write your name in this Google Doc for your timeslot
    • Look over two proposals for website for P2
    • Work in class on P2

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 6 Google Doc
    • Internet with a Human Face by Maciej Cegłowski

    Reminder

    • Terry, please prepare your presentation on Stewart Brand & Whole Earth Catalog
    • Lucy, please prepare your presentation on Muriel Cooper
    • Be sure to send me your field-trip form before Tuesday
    • For P2, continue developing your website and your typeface.
    • On Tuesday, I want to see it started in code.
  • Week 6 ... Tues Feb 21 & Thurs Feb 23

    Week 6 Google Doc

    Tuesday

    • Presentation by Terry on Stewart Brand & Whole Earth Catalog
    • Presentation by Lucy on Muriel Cooper
    • Reading discussion
    • Work in class on P2
    • Today you should focus on coding all of your characters

    Thursday

    • Mindy talks about jQuery Basics with the jQuery Starter Kit
    • Work in class on P2
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance
    • (Rocky will begin with David, Kathy, Sally, Shengkai)
    • (Mindy will begin with Michael, Ray, Ivan, Kelly, Lucy, Shengkai)

    For Tuesday

    • Mid-project critique will take place on Tuesday
    • For this critique, you can present your site sketches and interaction concepts in whatever way you feel is suitable. This is your time to ask questions and troubleshoot openly.
  • Week 7 ... Tues Feb 28 & Thurs Mar 2

    Week 7 Google Doc

    Tuesday

    • Mid-project P2 critique
    • Special Guest: Lexi Visco

    Each designer will have 10 minutes to present their CSS Typeface and receive feedback to apply for the final week.

    Thursday

    • Mid-semester evaluations
    • Work in class
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance
  • Week 8 ... Tues Mar 7 & Thurs Mar 9
    </P2>

    Google Doc

    Tuesday

    • Pick a partner. You cannot select someone that is sitting at your table. Rocky and I will have one-on-two critiques.
    • Each partnership should write their name next to a time in this Google Doc

    Thursday

    • Review photo instructions for our class field-trip
    • Special Guest: Tânia Raposo
    • Final critique for P2

    Critique Format
    For today's critique, we will spend ~10 minutes on each person. For the first ~7 minutes, everyone but the designer can talk. The classmate to your right will explore your project, projected for the entire class to see. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~3 minutes, the designer can respond to the conversation we just had.

    Reading for next week

    • Create 3 discussion questions. Include this in the Week 9 Google Doc
    • Stop Trying to Make the Web Beautiful by Oliver Burkeman, 2014

    Reminder

    • Do you have access to Adobe's newest CC, including Adobe XD?
    • SF MOMA Field-trip this Saturday!
    • Each student must take 5 photos and include them in this Google Drive folder. They must be named and numbered accordingly: name1.jpg, name2.jpg, name3.jpg, etc. For example, my photos would be named mindy1.jpg, mindy2.jpg, etc.
  • Week 9 ... Sat Mar 11 & Tues Mar 14
    <fieldtrip><P3>

    Week 9 Google Doc

    Saturday

    • Field-trip to SF MOMA
    • Each student must take 5 photos and include them in this Google Drive folder. They must be named and numbered accordingly: name1.jpg, name2.jpg, name3.jpg, etc. For example, my photos would be named mindy1.jpg, mindy2.jpg, etc.

    Tuesday

    • Reading Discussion
    • Deploy P3
    • Discuss how the SF MOMA exhibition we visited might manifest as a website
    • Mindy talks about wireframes
    • Begin combing through SF MOMA's Exhibition Archives

    Thursday

    • Class is cancelled!

    For Tuesday, March 28

    • Research SF MOMA's past exhibitions and select two separate exhibitions
    • For each exhibition, develop one website concept
    • Produce a wireframe/sketch for each website direction
    • Begin with the home page and one detail page

    Reading

    • Create 3 discussion questions. Include this in the Week 11 Google Doc
    • Fuck Content by Michael Rock, 2009
    • Research & Destroy by Daniel van der Velden, 2005

    Reminder

    • Shengkai, please prepare your presentation on Grace Hooper
    • Ray, please prepare your presentation on Tim Berners-Lee
  • Spring Break ... Tues Mar 21 & Thurs Mar 23
    <br>

    Spring Break

    There is no class this week.

    For Tuesday

    • Research SF MOMA's past exhibitions and select two separate exhibitions
    • For each exhibition, develop one website concept
    • Produce a wireframe/sketch for each website direction
    • Begin with the home page and one detail page

    Reading

    • Create 3 discussion questions. Include this in the Week 11 Google Doc
    • Fuck Content by Michael Rock, 2009
    • Research & Destroy by Daniel van der Velden, 2005

    Reminder

    • Shengkai, please prepare your presentation on Grace Hooper
    • Ray, please prepare your presentation on Tim Berners-Lee
  • Week 10 ... Tues Mar 28 & Thurs Mar 30

    Week 10 Google Doc

    Tuesday

    • Presentation by Shengkai on Grace Hooper
    • Presentation by Ray on Tim Berners-Lee
    • Reading Discussion
    • Did everyone receive their grade for P2?
    • Work on Exercise: Hoverstates in pairs
    • Look at wireframes for your two P3 proposals
    • Begin designing the page templates for the selected concept.

    Thursday

    • Review your visual design sketches in small groups
    • Begin coding site
    • The design sketch phase is quick in order create the visual language of the site. Be prepared to modify the design and experiment in code.

    Reminder

    • By next week, we would like to see some of your website in code.
    • Michael, please prepare your presentation on Ted Nelson
    • Young, please prepare your presentation on Brewster Kahle & Internet Archive
  • Week 11 ... Tues Apr 4 & Thurs Apr 6

    Week 11 Google Doc

    Tuesday

    • Presentation by Michael on Ted Nelson
    • Presentation by Young on Brewster Kahle & Internet Archive
    • Review Class Archives
    • Review initial site build
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance

    Thursday

    • Review Class Archives
    • Work in class
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance

    Reminder

    • Class Archives are due on Monday, May 1
    • Mid-project critique is next Tuesday
  • Week 12 ... Tues Apr 11 & Thurs Apr 13

    Week 12 Google Doc

    Tuesday

    • Mid-Project Review for P3
    • Special Guest: Cat Schmidt
    • Class Relocation: Please meet in GC5 for Thursday's class

    Each designer will have 10 minutes to present their Exhibition Microsite and receive feedback to apply for the final week.

    Thursday

    • Class Relocation: Please meet in GC5 for today's class
    • Work in class
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance

    Reminder

    • Class Archives are due on Monday, May 1
  • Week 13 ... Tues Apr 18 & Thurs Apr 20

    Week 13 Google Doc

    Tuesday

    • Work in class
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance

    Thursday

    • Work in class
    • For today’s class, we will have one-on-two crits. Following the inverse order of the sign-ups from Tuesday, students will be paired with the name immediately following.

    Reading for next week

    • 8 Reasons to Turn Down that Startup Job by Mike Monteiro, 2015
    • This text is not mandatory, but I encourage you to read it. We will have a brief discussion at the start of Tuesday's class.

    Reminder

    • For next week, perfect your Exhibition Microsite
    • Class Archives are due on Monday, May 1
  • Week 14 ... Tues Apr 25 & Thurs Apr 27
    </P3>

    Week 14 Google Doc

    Tuesday

    • First 20 minutes: class evaluation
    • Work on P3 in class
    • Write your name next to a time in this Google Doc for one-on-one crits and technical assistance
    • Work on Class Archives in class

    Thursday

    • Final critique of website for P3
    • Special Guest: Ainsley Wagoner & Shiraz Gallab

    Critique Format
    For today's critique, we will spend ~10 minutes on each person. For the first ~7 minutes, everyone but the designer can talk. The classmate to your right will explore your project, projected for the entire class to see. During this time, we should try to have a conversation about the work, or at least describe it. Then, in the last ~3 minutes, the designer can respond to the conversation we just had.

    Reminder

    • Good luck on Level 3 Reviews!
    • Class Archives are due via email on Monday, May 1

    break