Morgan Schwartz
office: Nugent 560, Room A
tel: 1-212-774-4865
email: mschwartz AT mmm DOT edu
web: http://sodacity.net/courses/
SPRING 2008
Section 01 Tuesday, 2:30 - 5:20 pm
Classroom: Nugent 556
Digital and interactive media permeate virtually every aspect of our society from information delivery and product marketing to education and entertainment. In this course you will learn practical and critical skills necessary to become a technically proficient and thinking digital media maker. Literacy in any medium is the ability both to access (read) materials created by others and to generate (write) materials for others. In this course you will learn to "speak" the language of digital media and to become conversant with the computer as an expressive medium. Through hands-on training, you will be introduced to creative approaches to media production and to a range of software. The format of this class is designed to bridge practice and theory. Topics will include digital imaging, typography, animation, video, sound and web design. We will concern ourselves with "how" and "why" the digital world is constructed the way it is. Students will be challenged to deconstruct this world and to develop an ability to analyze and critique the cultural implications of digital media in our lives. Prior computer experience is not required, but students are expected to take the initiative to become comfortable operating a Macintosh computer.
materials:
USB Flash Drive (256MB or bigger) - OR - portable Hard Drive
required texts:
all required readings will be available online or handed out in class
optional technical texts:
Adobe Photoshop CS2 for the Web Hands-On Training by Tanya Staples
Photoshop CS2: Visual QuickStart Guide by Elaine Weinmann, Peter Lourekas
HTML, XHTML, and CSS: Visual QuickStart Guide (6th Ed) by Elizabeth Castro
Macromedia Dreamweaver 8 Hands-On Training by Daniel Short & Garo Green
Macromedia Dreamweaver 8: Visual QuickStart Guide by Tom Negrino & Dori Smith
optional history/theory texts:
The Reconfigured Eye by William J. Mitchell
Multimedia - From Wagner to Virtual Reality edited by Randall Packer & Ken Jordan
The New Media Reader edited by Noah Wardrip-Fruin & Nick Montfort
This course has a service learning component.
Important Dates:
Please mark these dates on your calendars. These sessions are required to meet the service learning component of the course. Please contact me ASAP if you have unbreakable conflicts.
March 15th 11:30 am - 1:30 pm at EHTP
March 29th 11:30 am - 1:30 pm at MMC
April 5th 11:30 am - 1:30 am at MMC
April 12th 11:30 am - 1:30 am at MMC
May 6th 5 pm - Service Learning Exhibition and Celebration at MMC
A large amount of class time will be dedicated to group critiques, team projects and class discussion. I encourage you to take an active role in contributing to make our class a fun and dynamic place to be.
This is where its at - you can't learn HTML by osmosis or wait until the end of the semester to cram for an exam. Multimedia production involves a complex spectrum of techniques and software. If you do the assignments each week you will do well. If not, you will fall behind rapidly. Weekly exercises are due at the beginning of class the week after they are assigned unless noted otherwise.
This 2-3 page paper will be assigned later in the semester. You will select a website, CD-ROM, multimedia technology or media phenomenon that interests you and make an analysis or critique. Your paper should address the following:
* describe the product/service - what does it do and for what purpose?
* who is the intended audience? who is the actual audience?
* what media elements are used and how do they contribute to or detract from the product/service's effectiveness
* place this product/service in the context of other media - does it extend a previous technology, what future impact will it have on society?
* offer your evaluation (critical or positive)
This project will be self-initiated and should integrate many of the skills you will learn this semester. When the time comes I will suggest possible topics and approaches. You will have the option of working individually or collaborating with other students.
Electrical:
Water/liquids are a excellent conductors. You can be shocked if you are touching water that touches electricity. Be careful with drinks around the computers!
Carpal Tunnel
Computer keyboarding, typing and use of the mouse are among many common activities that have been identified as contributing to repetitive stress induced carpal tunnel syndrome.
Attendance will be taken in each class. You are allowed one unexcused (no questions asked) absence, after which your final grade will drop substantially with each absence. In the event that an extraordinary circumstance will require you to miss a class, please let me know ahead of time, by calling me, or by email.
Students with disabilities who require reasonable accommodations or academic adjustments for this course must either enroll in the Program for Academic Access or register with the Office of Student Support Services. For any accommodation, the instructor must be presented with either a letter from the Assistant Director of the Program for Academic Access or an Accommodations Card from the Office of Student Support Services during the first week of classes.
MMC fosters an academic community where students and faculty work together to create a learning experience that imparts knowledge and forms character. To achieve this, the College requires all members of the community to adhere to the policy of Academic Honesty that can be found in the Student Handbook, the College Catalogue and on the College website.
2050 2nd Ave
New York, NY 10029
6 Train to 103rd Street
Walk east on 103rd toward 3rd Avenue
Turn left on 3rd Avenue
Turn right onto E 105th Street
Turn left on 2nd Avenue
We need to be at EHTP by 11:30 am on Saturday March 8. It would be ideal to be there 10 minutes early so that we can gather our thoughts.
For anyone who wants to travel with me, we will meet at the MMC lobby. I will leave promptly at 10:30 am.
Please come prepared with your digital cameras and lesson plans and/or handouts.
read:
- "Overture" from Multimedia: From Wagner to Virtual Reality by Randall Packer & Ken Jordan
- "Chapter 1 & 4" from The Reconfigured Eye by William J. Mitchell
due:
- download 10-20 online (digital) images for self-portrait project
- collect 1 physical (analog) image of your favorite celebrity that is scratched/damaged [you can provide the scratches]
read:
- "Chapter 8: Computer Collage" from The Reconfigured Eye by William J. Mitchell
due:
"cosmetic surgery" : scan, repair and enhance a scratched/damaged image of a celebrity - be prepared to show all 3 stages
read:
- "Chapter 9:" from The Reconfigured Eye by William J. Mitchell
due:
"self-portrait" : create a collaged representation of yourself using the images you collected in week 1 and/or scanned images/objects
read:
- "The Cut-Up Method of Brion Gysin" from The New Media Reader by William S. Burroughs
- "The Future of the Novel" from Multimedia: From Wagner to VR by William S. Burroughs
due:
"Propaganda" : Manipulate an image to change its meaning. You should do this by incorporating text and/or adding/removing visual information. Your aim is to influence the opinions of people, rather than impartially providing information.
read:
- "Chapter 10: Identity Crisis" from Life on the Screen by Sherry Turkle
due:
"cut-up" : Use what you know of HTML to format the text of a poem or song lyric into an interesting web page layout
read:
- "Chapter 2: The Vocabulary of Comics" from Understanding Comics by Scott McCloud
due:
"false identity" : Develop a false or fictional identity for an online dating service. Your web page should use only "shared" images and incorporate links to external sites.
due:
"exquisite corps" class project - create 3 animated GIFs: head, torso & legs
due:
"mini-portfolio" - create a simple webpage with links to the previous weeks assignments
due:
"Sitemap" - Develop a sitemap and 1 page written proposal for your final project
due:
- "Rant or Rave" - see 'Assignments' section of the syllabus [due in 2 weeks]
Class notes, links, resources and projects.
Collect 1 physical (analog) image of your favorite celebrity that is scratched/damaged [you can provide the scratches].
For this project you will need to turn in three .psd files:
Using a minimum of 10 different images, create a composition that explores collage to make a representation of your self identity. The image should be 800x600 pixels.
Develop a false or fictional identity. Create a website (3 page minimum) for this identity that acts as a dating profile (who are you, what are you looking for in an ideal mate, what are your interests). Your web site should use only "shared" or found images and should incorporate links to external sites.
In Sherry Turkle's chapter "Identity Crisis" she discusses how the ability for people to easily create multiple online personae challenges our notion of fixed identities. In the past, a strong identity was associated with stability and clear boundaries. But Turkle argues that in today's world, this concept is being replaced by a notion that celebrates flexibility and mutability. She suggests that the "home page" is a compelling manifestation of "new notions of identity as multiple yet coherent". When working on this assignment, consider your own online identity. What are the freedoms and risks associated with your online life? Are there things that are safer and easier to explore online rather than in RL [real life]?
Web Color Codes:
http://www.visibone.com/colorlab/
http://www.webmonkey.com//reference/color_codes/
http://html-color-codes.com/
Web sites:
http://www.thing.net/~cocofusco/
http://geobodies.org/
http://www.blacknetart.com/
http://www.nancyburson.com/
For this assignment you should create 3 separate animated GIF files that when stacked on top of each other create the complete body of a person - or - creature - or - animal - or - thing - or - robot. The 3 images should portray the head, torso and legs of your "being". Each file should have dimensions 300 pixels wide by 200 pixels tall. Save each body part both as a .psd file and "Save optimized as" a .gif file. You should turn in:
head.psd, head.gif
body.psd, body.gif
legs.psd, legs.gif
Background:
Animations attract attention and can enliven a web page design. Animation techniques can include motion, zooming, fading [in or out], spinning, color changes, selective revealing and more.
Exquisite corpse is a method by which a collection of words or images is collectively assembled. It is a technique invented by Surrealists in 1925, and is based on an old parlor game called Consequences in which players wrote in turn on a sheet of paper, folded it to conceal part of the writing, and then passed it to the next player for a further contribution. Later, perhaps inspired by children's books in which the pages were cut into thirds, the top third pages showing the head of a person or animal, the middle third the torso, and the bottom third the legs, the game was adapted to drawing and collage.
References:
http://en.wikipedia.org/wiki/Exquisite_corpse
http://blueballfixed.ytmnd.com/
http://www.futureofthebook.org/itinplace/
Do a Google search for "animated gif" to find many archives of free images.
http://k10k.net
under issues select "Font Cockpit" and "Fun Fun Fun"
Using Dreamweaver, create a personal portfolio website for the projects you've completed so far in class. You can design the website anyway you like, but it should include the following elements:
!! Important !! - Don't remove any files from your original projects folders - instead, duplicate any files that you need for your portfolio. (ie you should still have your original files in your folders for project 1, project 2, etc.)
References:
http://netdiver.net/ - a great directory of innovative web design for inspiration