syllabus title

Interactive Arts and Media
Class Number: 36-2601
Instructor: Janet Rooney
columbia@jrooney.com
phone: 312.259.9698
www.jrooney.com

MATERIALS NEEDED:
Removable media for archiving (removeable USB drive, CDs, DVDs)
Students Must Have Email Accounts and Access to the Web

APPLICATIONS COVERED:
Text editor - TextWrangler (mac) JEdit (pc)
FTP CLients - Cyberduck (mac) FileZilla (pc)
Validators - Markup & CSS
Adobe Photoshop & Dreamweaver (rollovers and GIF animation)

REQUIRED TEXTBOOKS:
Title: HTML, XHTML, and CSS, 6th Edition (Visual Quickstart Guide)
Author: Elizabeth Castro
(abreviated as XHTML in the syllabus)

RECOMMENDED TEXTBOOKS:
Title: Stylin with CSS, A Designer's Guide
Author: Charles Wyke-Smith

recommended books

CONTENT INTRODUCTION: This course will focus on the production of digital (web) interfaces based upon an understanding of information architecture, with the capability to weave subjective and objective data via a synthesis of media forms. Creative strategies will be analyzed, discussed and revised in the interest of inventing goal-oriented media.

COURSE RATIONALE: This is a required course for Interactive Arts and Media majors.

COURSE DESCRIPTION: This course focuses on effectively communicating content in an interactive format. Students research, plan, and produce interactive media projects. Several media components are developed and integrated to support the goal of each peice. Topics covered include contedtual problem solving, information architecture, and usability. All projects are designed with participants in mind, considering their culture and demographics. Contemporary authoring technology and content creation tools will be used.

OBJECTIVES: After completing this course, students will:

  • Demonstrate the ability to integrate media into an interactive multimedia project.
  • Demonstrate an understanding of the underlying concepts behind, and be able to create, interactive projects using current production technologies.
  • Demonstrate the ability to successfully develop interactive strategies using methodology introduced in the Media Theory and Design classes.
  • Be able to develop goal-oriented media
  • Apply cultural and critical theory to create work that considers contemporary cultural and social conditions.
  • Look critically at the current state of the art in interactive production through exposure to the profession.
  • Be able to create projects that emphasize discourse and dialogue (interactivity rather than exposition).
  • Produce finished piece for inclusion in student portfolio

CLASS WEBSITE POLICY:
As part of this class you will be expected to create and maintain a class portfolio website. This website will showcase all of your work throughout the semester (in-class exercises, homework, proposals, projects, etc.). It is your responsibility to maintain links to all of your work. These links will be used for grading and a missing link will be considered the same as a missing assignment.

  GRADE BREAKDOWN:
Class Portfolio: 10%
Assignments: 30%
Projects: 30% (10% for P1 and 20% for P2)
Quizzes: 10%
Exams: 20% (midterm and final 10% each)

No Incomplete Grades are given at the end of the semester except extreme emergencies. Proper documentation of emergency must be supplied.
See the Incomplete Policy for more information

Assignments will be accepted late, but there will be a grade reduction. No Assignments or Projects will be accepted beyond Week 13 except for Project 2. No make-up exams are provided.

LETTER GRADE VALUE:
93-100% A
90-92% A-
87-89% B+
84-86% B
80-83% B-
77-79% C+
73-76% C
70-72% C-
60-69% D
59-0% F
 

EXTRA CREDIT: Extra credit points will be available throughout the semester and can be earned by attending outside classes or events approved by your instructor or by seeking the help of a tutor. Signed verification must be provided in order to receive the extra credit.

STUDENTS WHO ARE REQUIRED TO TAKE THIS CLASS MUST MAINTAIN A "C" IN ORDER TO PASS

ATTENDANCE:
A professional attitude and approach toward all aspects of this course is expected. Attendance and participation in class are required and expected. Any unexcused absences and unexcused lateness will adversely affect your grade. The third unexcused absence and you FAIL - NO EXCEPTIONS. Two late arrivals = 1 absence (a late arrival is 10 minutes after class starts).

I would appreciate being notified of your absence if you know you will not be able to attend class for any reason. You are responsible for finding out what you missed in class and keeping up with readings and assignments. You can find out what you missed by contacting me. If you miss a project deadline without a prior arrangement or emergency, your grade for the project will be no higher than a C-. No make-up exam/quizzes will be available.

CONWAY CENTER STATEMENT:
Students with disabilities are requested to present their Columbia accommodation letters to their instructor at the beginning of the semester so that accommodations can be arranged in a timely manner by the College, the department or the faculty member, as appropriate. Students with disabilities who do not have accommodation letters should visit the office of Services for Students with Disabilities in room 520 of the Congress building (312.344.xxxx/V or 312.360.xxxx/TTY). It is incumbent upon the student to know their responsibilities in this regard.

ETHICS / COPYRIGHT:
It is expected that all materials for this class are of your own creation, are free or you have obtained documented proof that you have permission to use the materials. That includes images, sounds, video, fonts and music.
Online Ethics Center
United States Copyright Office
Myths about copyright explained
Copyright and Fair Use

COURSE SCHEDULE
This schedule is subject to change.

W1 | W2 | W3 | W4 | W5 | W6 | W7 | W8 | W9 | W10 | W11 | W12 | W13 | W14 | W15
WEEK 1:   Introduction to Course and to Authoring Interactive Media

Week 01 Notes Handout

In-Class: First XHTML document including an image
Homework: Assignment 1 - Website Analysis
Write an analysis of the site you found as a group in class using the criteria of the Webby Awards
Due Week 2
Reading: XHTML: Introduction, Ch. 2, and 3 (p.58, 60-62, 66-67), ch.15
Glossary of Terms
Ref Links: Formatting Lists
W3C Schools Tutorials
XHTML Tutorial
Web Accessibility
[return to the top of the weekly schedule]
WEEK 2:   Structure and Presentation: Using XHTML and CSS together

Week 02 Notes Handout
Due: Assignment 1
In Class: Two XHTML documents incorporating CSS for font and text changes including text rollover links
Set up for Class Portfolio
Homework: Assignment 2 - CSS Version of Assignment 1 Due Week 3
Quiz 1 Due Week 3
Project: Class Portfolio
As part of this class you will be expected to create and maintain a class portfolio website. This website will showcase all of your homework assignments. It is your responsibility to maintain links to all of your work. These links will be used for grading and a missing link will be considered the same as a missing assignment.
Reading: XHTML: Ch.7, Ch.8 (p.131), ch.10 (p.151-160)
Deprecated Tags
Ref Links: CSS Cheat Sheet
Style Sheet Reference List
[return to the top of the weekly schedule]
WEEK 3:   Image Compression, Webstandards and Validation

Week 03 Notes Handout
Due: Assignment 2 (viewed from Class Portfolio) and Quiz 1
In Class: Compliance and verification of documents - covering the rules of compliant xhtml/css documents
Document types
Images on the web - including compression schemes, wrapping text around images, and web friendly colors
Homework: Assignment 3 - Image Compression and Links Due Week 4
Quiz 2 Due Week 4
Reading: XHTML: ch.3 (p.56-59), ch.5 (p.81-95 98-101) ,ch.6 (p.103-111 114-118), ch.8 (p.127-129), ch.9 (p.146)
Color Theory handout
HTML Overview
Ref Links: FTP tutorial
CSS Validator
HTML Validator
Creative Commons Licenses
[return to the top of the weekly schedule]
WEEK 4:   Tables and CSS

Week 04 Notes Handout
Due: Assignment 3
In Class: Introduction to tables
Homework: Assignment 4 - Tables Due Week 5
Quiz 3 Due Week 5
Reading: XHTML: Ch.16
Ref Links: Table Samples
[return to the top of the weekly schedule]
WEEK 5:   XHTML rules, CSS Box Model and Information Architecture

Week 05 Notes Handout
Due: Assignment 4
In Class: CSS Box Model
Introduction to Project 1
Introduction to Information Architecture
Project: Project 1 - Image Organization Due Week 10
Homework: write your Proposal and a digital diagram of your proposed Navigation Due Week 6
Quiz 4 Due Week 6
Reading: XHTML: ch.9 (137-140), ch.11 (p.169-177 184-185), ch.22
Ref Links: Fluid Layout with CSS
CSS Page Elements
[return to the top of the weekly schedule]
WEEK 6:   CSS Positioning

Week 06 Notes Handout
Due: Project 1 Proposal & Navigation and Quiz 2
In Class: CSS positioning
View the source code of these examples to see how each one works:
absolute positioning example
relative positioning example
static and fixed positioning example
Midterm Exam Review
Discuss project 1 Mock-ups
Homework: Assignment 5 - Creative CSS Positioning
Get a Start on Assignment 5 Due Week 8
Study for the Midterm Exam (yes, you can use your notes during the test)
Create the project 1 Mock-ups
Reading: XHTML: ch.5 (p.96-97), ch.8 (p.134-136), Ch.11 (p178-183)
[return to the top of the weekly schedule]
WEEK 7:   Midterm Exam

Week 07 Notes Handout
Due: Project 1 Mock-ups
In Class: Continue CSS positioning (float and clear)
Homework: Complete Assignment 5 and final Mock-ups for Project 1
Reading: Critiquing Interactive Media
[return to the top of the weekly schedule]
WEEK 8:   Midterm Grades
Due: Project 1 Final Look & Feel and Assignment 5
In Class: Review Final Comps for Project 1
One on one with everyone to review progress on project 1 and class standing
Homework: Continue working on Project 1 Due Week 10
Quiz 5 Due Week 9
[return to the top of the weekly schedule]
WEEK 9:   Forms

Week 9 Notes Handout
Due: Project 1 significant progress
In Class: Introduction to Forms
Homework: Assignment 6 - Zen Garden Due Week 12
Zen Garden XHTML starter code
Zen Garden CSS code that must be used
Start research for Assignment 6 for next week
Complete Project 1
Reading: XHTML: Ch.17
Ref Links: CSS Zen Garden (original site)
critical and cultural theory
mezzoblue CSS Zen Garden resource guide
[return to the top of the weekly schedule]
WEEK 10:   Project 1 Presentations

Homework: Finalize Project 1
Complete research and gather images for Assignment 6
Quiz 6 Due Week 11
Reading: Zen Garden Background Effects
[return to the top of the weekly schedule]
WEEK 11:   Introduction to Project 2

Week 11 Notes Handout
Due: Research and Images for Assignment 6
In Class: Reevaluation of Project 1
Introduction to Project 2
Project: Project 2 - Goal Oriented Design Due Week 15
Homework: Complete Assignment 6
Proposal for Project 2
Reading: Critiquing Interactive Media
Portfolio Development
[return to the top of the weekly schedule]
WEEK 12:   Multimedia

Week 12 Notes Handout
Due: Assignment 6 and Project 2 proposal & information architecture
In Class: Incorporating multimedia
Forms (continued) - incorporating basic programming
Homework: Initial Comps for Project 2
Assignment 7 - Web Form
To be included in Project 2
Quiz 7 Due Week 13
Reading: Ch. 18
Don't Make Me Think
[return to the top of the weekly schedule]
WEEK 13:

Week 13 Notes Handout (add rollover info)
Due: Project 2 Initial Comps
In Class: Review Project 2 comps
Final Exam Review
Javascript Rollovers
CSS and browser issues
Homework: Study for final exam
Project 2 final look and feel
Reading: CSS and Browser Differences
[return to the top of the weekly schedule]
WEEK 14:   FINAL EXAM
Due: Project 2 significant progress
In Class: Project 2 review
Homework: Complete Project 2
[return to the top of the weekly schedule]
WEEK 15:   Project 2 Presentations