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 |
|
|