Web Design Projects 
Media 345

Tuesdays 12:45-3:25PM

Film and Media Department
Hunter College, New York
Fall 2004
Instructor: Andrea Polli, apolli@hunter.cuny.edu

Course Description and Objectives: This project-based class is designed to give students the experience of solving real world problems in web production and to add to the advanced student's web design portfolio with a real world project. Students willl work independently and in teams with a client who has specific design needs. Using the cycle of design, implementation, and user testing and revision, students will learn how to design a successful web site. At the end of this class students will: 

  • Understand the cycle of design, user testing, revision. 
  • Be able to use flow-charting and storyboarding techniques as part of the design process 
  • Be able to translate flow-charts and storyboards into functioning web sites
  • Be able to work in teams on a real word design project. 
  • Be able to upload and troubleshoot web sites on the server 
  • Be able to add external resources to their web sitesincluding: graphics, sound, QuickTime movies, or other resources 
  • Be able to choose an appropriate web authoring tool or technique to solve a specific design problem
Prerequisites: Introduction to Digital Media (Media 161), Web Production I (Media 285), and Web Production II (Media 331).
Grading Policy: Student's grades will depend on the TIMELY completion of all homework assignments and readings, lab exercises, midterm, a final project, attendance and participation. If a student has any emergencies or difficulties in completing an assignment, THEY SHOULD CONTACT ME AS EARLY AS POSSIBLE. My e-mail is apolli@hunter.cuny.edu- no excuses. 

Grades will be awarded using the standard grading scale: 
90-100% A 

80-89% B 

70-79% C 

60-69% D 

below 60% F 

Attendance: Attendance to all classes is required. Part of your final grade will be determined by class attendance. If a student misses a class section, it is the student's responsibility to make up any work missed. More than three absences will result in an 'F' (failure). Lectures will be held at the beginning of class so you must be punctual. Two late arrivals equal one absence! 
Make-ups: If a student finds they will not be able to hand in a midterm or final on the scheduled day, it is the student's responsibility to notify me prior to that day. Under no circumstances will I accept the work if I have not been notified and arrangements made prior to that day. 
Participation: Lecture must be interactive. To this end, I encourage an open atmosphere where back-and-forth communication is the norm. Students are free to speak up when they need clarification or wish to make observations. Always let me know if you are having difficulties mastering a technique presented in class and I will help you. Plus, you will be expected to work several hours outside of class time each week. You will not be able to finish your assignments during class! 

Homework: Homework assignments will be collected at the beginning of class (when attendance is taken). Any homework not turned in at this time will be marked late. Points will be deducted from late homework. There are several labs at Hunter that are available for students to use outside of class to complete homework assignments.

Since the nature of this class demands that assignments vary between students, students will be responsible for the specific requirements of their assigned part of the project and will be expected to complete necessary content gathering and formatting and design. Unfinished or non-functional final projects will NOT be accepted. ALL work will be expected to be formatted for and shown on the internet and available in the proper location TBA.
The lab schedule will be made available on the door of the lab and many applications can be accessed in the general Hunter College ICIT labs. 

Required Textbook and Materials: (available at the College's bookstore, Barnes and Noble, amazon.com, and most major book stores)
  • At least one reference guide to web authoring (see list below for sugggestions)
  • Videotapes, Flash Disks and CDRs as needed
  • A notebook to take notes in and reference 
  • handouts TBA
  • Time outside of class to work! 
Suggested Technical Reference Guides:
  • Creative HTML Design 2 Lynda Weinman Peach Pit Press, 2001
  • Dreamweaver Hands-on Training Lynda Weinman Peach Pit Press, 2001
  • Macromedia Flash MX Actionscript for Fun and Games Gary Rosenzweig,Que Publishing, 2003
  • Web Design in a Nutshell O'Reilly, 2001
  • Advanced Flash 5 Actionscript In Action Dan Livingston, Prentice Hall, 2001
  • Flash 5 Magic with Actionscript by J. Scott Hamlin, 2001
  • Foundation Actionscript Sham Bhangal, Friends of Ed, 2000
  • Foundation Flash 5 Sham Bhangal, Friends of Ed, 2000
  • Actionscript: The Definitive Guide Colin Moock, O'Reilly, 2001
Suggested Resources: (many of these can be acquired through at Barnes and Noble, amazon.com, etc. if not available in the Hunter or NYC libraries)
  • Cybernetics or, Control and Communication in the Animal and the Machine. Wiener, Norbert.  Cambridge: MIT Press,1948
  • The Invisible Computer Donald Norman
  • Life on the Screen Sherry Turkle Touchstone Books, 1997 
  • Being Digital Nicholas Negreponte New York, Alfred A. Knopf, 1995.
  • Envisioning Cyberspace Peter Anders, McGraw-Hill, 1999 
  • Computers as Theater Brenda Laurel, Addison-Wesley Publishing Company, 1993 
  • Hyper/Text/Theory. Landow, George P (ed.)  Baltimore: Johns Hopkins University Press, 1994
  • The Cyborg Handbook Chris Hables Gray (ed.) London: Routledge, 1996.
  • Modest_Witness@Second_Millennium_FemaleMan_Meets_OncoMouse, Feminism and Technoscience. Haraway Donna J.,  Routledge London, 1997.
  • Simians, Cyborgs, and Women: The Reinvention of Nature. Haraway, Donna J.  London: Free Association Books, 1991
  • Digital Delirium. Kroker, Arthur and Kroker, Marilouise, (eds.).  New York: St. Martin's Press, 1997
  • The War of Desire and Technology at the Close of the Mechanical Age. Stone, Allucquere Rosanne.  Cambridge: MIT Press, 1996
  • Zeroes + Ones: Digital Women + The New Technoculture Sadie Plant New York: Doubleday, 1997
  • Hackers: Heroes of the Computer Revolution. Levy, Steven.  New York: Anchor Press/ Doubleday, 1984
  • The Network Nation: Human Communication Via Computer. Hiltz, Starr Roxanne and Murray Turoff.  Cambridge: MIT Press, 1993
  • The Archeology of a Computer Screen Lev Manovich. published in Kunstforum International, Germany 1995
  • Envisioning Information Edward Tufte Graphics Press 1990
  • Understanding Media. McLuhan,Marshall .  Cambridge:The MIT Press, 1994
  • The New World Border : Prophecies, Poems & Loqueras for the End of the Century Guillermo Gomez-Pena
  • Emergence: The Connected Lives of Ants, Brains, Cities, and Software Steven Johnson
  • Six Degrees: The Science of a Connected Age Duncan Watts
  • Smart Mobs: The Next Social Revolution Howard Rheingold
  • The Hacker Ethic and the Spirit of the Information Age (Random House, 2001) by Pekka Himanen with Linus Torvalds and Manuel Castells

Web Resources:

Web Resources: find this page:http://www.andreapolli.com follow the 'teaching ' links on the left

Course Outline  This schedule is subject to change!! Please feel that you have a say in the tempo and the extent to which material is covered.

Week 1 
Aug 31
Class Introduction, overview of the facilities.

Network, Dreamweaver Review

Introduction to the Project
NY2050 Brainstorming

READ: A New Deal for New York (excerpt) Mike Wallace

Week 2
Sept 7

Information Architecture and Preliminary Design: Class discusses overall site navigation/design ideas

Content Development
-video interviews

READ: Information Architecture Tutorial

HOMEWORK: FIVE screen sketches of video clip navigation design working with an interface metaphor DUE NEXT WEEK

Blank browser image for sketching ideas (pdf format)

Week 3 
Sept 14

 

READ: Videogames of the Oppressed

Week 4
Sept 21

 

Discuss HOMEWORK

Content Development
-video interviews
-video capture and basic imovie demo

Discuss Video Games of the Oppressed

Information Architecture and Preliminary Design:
-navigation metaphor discussion of ideas

HOMEWORK: FIVE possible scenarios online for video 'game' related to topic based on 'Videogames of the Oppressed' DUE NEXT WEEK  

Week 5
Sept 28

Content Development
-video interviews

Information Architecture and Preliminary Design: Class discusses video game scenarios and overall site navigation and divides into teams for each branch of the site

Discuss MIDTERM assignment

HOMEWORK AND IN-CLASS WORK:

MIDTERM Completed description and site map for your branch of the site (on paper and computer)

AND

Significant content completed and formatted for the web including video clips

AND

FIVE different navigation/color scheme designs on computer

DUE WEEK 9 OCT 26 

Week 6 Oct 5

Information Architecture and Preliminary Design: Work on description/site map/content/navigation designs for your section

Week 7
Oct 12

ACM Multimedia Interactive Art Exhibition, Columbia University

Independent work on midterm

Week 8
Oct 19

Information Architecture and Preliminary Design: In class work on description/site map/content/navigation designs for your section

Week 9
Oct 26

MIDTERM Assignment Due - Critique 

Discuss Final Project-Completed site

HOMEWORK: Final Project Site Map and description revisions on paper and computer DUE NEXT WEEK

Week  10
Nov 2

View and Discuss Final Project Site Maps and section descriptions

Work in class on final projects. 

 

HOMEWORK AND IN-CLASS WORK: THREE Final project Work-in-Progress Presentations DUE BEFORE THE FINAL PRESENTATION 12/14
Week 11
Nov 9

NO FORMAL CLASS MEETING

 

Work on final projects. 
 
Week 12
Nov 16
Design and User-testing: Work in class on final projects. 

Work-in-Progress Presentations

 

 Work on final projects.
Week 13
Nov 23
Design and User-testing: Work in class on final projects. 

Work-in-Progress Presentations

 

 Work on final projects.
Week 14
Nov 30
Design and User-testing: Work in class on final projects. 

Work-in-Progress Presentations

 

Work on final projects.
Week 15
Dec 7
Design and User-testing: Work in class on final projects. 

Work-in-Progress Presentations

 Work on final REVISIONS.
Week 16
Dec 14
FINAL project due - Critique