Clicking, Feeling:
Introduction to Interactive Design

T/Th 9:30AM–12:15PM
Jan 18, 2022–Apr 29, 2022

Class meetings on Gather

Final Critiques:
Room 108, Art Building

Office Hours by Appointment

Schedule

Readings should be done by Tuesday before class starts. Show and tell for exercises will be online on Gather. Final critiques for projects will be in person in Room 108/Design Center.

Week 1       Jan 18/20

  • Introductions & Syllabus
  • GitHub setup
  • Exercise 1 (A Place)
    Part One:
    Describe a place, any place, in 25 ways (Tools: pen & paper, or word processing program)
  • HTML

Week 2       Jan 25/27

Read: Due:
  • Due Thursday (+ show & tell):
    10 HTML variations on Exercise 1 (A Place)
    Link these on your class website.
In Class:
  • Reading discussion
  • HTML tables demo
  • Introduce Exercise 2 (Dinner Table)

Week 3       Feb 1/3

Read/Watch: Due:
  • Due Thursday:
    Exercise 2 (Dinner Table)
    Link it on your class website.
In Class:
  • Small group reading discussion
  • Introduce Project 1
  • CSS Basics
  • CSS: box model, positioning, text formatting
  • 2x1's

Week 4       Feb 8/10

Read/Watch: Due:
  • Due Tuesday: Written reflection on "Jodi's Infrastructure."
  • Due Tuesday: HTML + CSS sketches on Ex. 3

  • Due Thursday (show & tell): Ex. 3 (written reflection in html and css)
  • Due Thursday: Project 1: Part 1: writing, Part 2: Tour in HTML. We will discuss these 1x1.
In Class:

Week 5       Feb 15/17

Read: Due:
  • Due Tuesday: CSS styling on 1-2 pages of Project. 1
  • Due Tuesday: Developed Ideas and refined sketches for Project 1 Part 2 (Artifact)
  • Due Tuesday: Progress on Ex. 4 (Views From a Window)

In Class:

Week 6       Feb 22/24

Due:
  • Tuesday: Project 1 midpoint critique
  • Thursday: Excercise 4 show and tell
In Class:
  • CSS grid
  • Image Mapping workshop

Week 7       March 1/3

Read Due
  • March 1: Project 1 Critique (in person!)
In Class:
  • CSS transitions
  • CSS animations
  • Introduce Excercise 5
  • Introduce Project 2

Week 8       March 8/10

TUESDAY MARCH 8    (NO CLASS—independent study day)
We are not meeting as a class on Tuesday. Instead, independently study and practice CSS transitions & animations by following this document:
Introduction to CSS Transitions & Animations


Read (This reading can be completed during break) Due
  • March 10: Project 2, PART 2
In Class
  • Project 2 Part 2: sharing & feedback
  • 1x1's

Week 9       Spring Break

Week 10       March 22/24

Read Due March 22
  • Project 2 PART 3
Due March 24
  • Project 2 PART 4

Week 11       March 29/31       Workshop with Mengyi Qian

Read In Class (Touching-Feeling Workshop for Exercise 6)
  • Workshop with visiting designer Mengyi Qian
  • Thursday 3/31: Show and tell for Exercise 6
Due March 29
  • UPLOAD TO SITE: Project 2 Part 5
Due March 31
  • UPLOAD TO SITE: Project 2 Part 6

Week 12       April 5/7

Read Due April 5
  • Project 2 Final Crit in Design Center

Week 13       April 12/14

Read In Class In Class
  • Project Introduction & work session
  • Start generating ideas with your team—collect ideas on a Google doc and link to your class website as “Project 3 Research & Ideas”
Due
  • Theme for scavenger hunt and 6 scavenger hunt items due. Add these to your team GoogleDoc and link on your websites

Week 14       April 19/21

Read Due
  • April 19:
    Pages 1-7 due (Project 3) in html and css

  • April 21:
    Pages 8-11 (in html and css) + Coded drafts and visual sketches for Page 18 Due.
    • Google Google doc with should have more ideas for scavenger hunt items/instructions.

Finals Week       May 3   Game Day 11am-1pm

Game Day
  • We will meet in DC and start right at 11am

  • Make sure to have a method for sharing your scavenger hunt with the players. Is it a QR code? Are the links sent in a text message? Remember the games will be completed on mobile.