Syllabus

Course Description

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 cognitive digital media maker. Literacy in any medium is the ability to both 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 exercises and projects, 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 theory and practice. We will explore contemporary issues including: digital imaging, the computer as a medium, typography, copyright, sound and moving image, 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.

• Prerequisite: WRIT 101

Learning Goals

A successful student will develop the following skills by the end of the semester:

• Use a Macintosh computer, Photoshop (digital imaging) and Dreamweaver (for web design) to generate media.
• Understand the function and relationship of computer hardware, operating systems, input/output devices and the Internet.
• Generate media that is critical and cognizant of a larger context (social, political, historical, and/or economical).
• Develop an appreciation and understanding of the production process.
• Successfully find solutions to technical problems.
• Give and receive constructive feedback in a group setting.
• Use feedback given to others in the generation of new work.
• Develop, present and articulate creative ideas in both written and verbal formats.
• Analyze your relationship with digital technology, the role it plays in your life, in your work,
  in our society, and in the world.

Textbooks and Materials

materials:
USB Flash Drive (256MB or bigger) - OR - portable Hard Drive

texts:
all required readings will be available online or handed out in class

attitude:
Your enthusiasm, curiosity and willingness to learn.

optional technical texts:
Technical books become out of date quickly; I recommend finding an appropriate online resource. Many tutorials (of varying quality) are available without cost online. Good video tutorials are available from Adobe. More advanced and complete tutorials specifically selected for this course are available at Lynda.com for $35. w3Schools offers great resources for coding (HTML, CSS, XML, PHP, etc.).

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

Grade Weights

Participation: 20%

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.

Weekly Assignments: 55%

This is where its at - you can't learn web development by osmosis or wait until the end of the semester to cram for an exam. Digital Media 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.

Reflection of Learning Paper 5%

More info will be provided later in the semester.

Final Project: 20%

This group project integrates many of the skills you will learn this semester. Each team will be assigned a "client". You will perform an analysis of the client's existing website. Using this information, the clients goals and requirements and other research, you will design and build a new website using HTML and CSS.

Detailed Breakdown

• 20 Participation
• 5 Image Repair
• 5 Cosmetic Surgery
• 10 Self-Portrait
• 10 Report: Evaluation of existing website
• 5 Usability Study
• 5 Mockup
• 5 Mockup revision (group)
• 5 CSS 1
• 5 CSS 2
• 5 Reflections of Learning Paper
• 20 Final CSS Website w/Templates (group)

Tips

• Warning - this course demands substantial work outside of class time to complete the projects. Unless you already own an Apple computer with the relevant software, you should plan on coming into the Digital Media lab for an additional 3 hours every week.
• Attendance is essential to succeed in this class. The skills and techniques taught are cumulative - they build upon previous ones. Missing just one week can make it very difficult to catch up. You will also note that class participation makes up a sizable percentage of your final grade - if you are absent you cannot participate and your grade will suffer.
• Save different versions of your projects and save often. Make back-ups of your files.
• Work in the lab with a friend - when learning new technology, 2 brains are usually better than one. You are welcome to work on your assignments at home but many students use the Multimedia Lab in room 556. Lab hours will be posted after the first week of classes. Students may not use the lab when another class is in session. If the lab is locked during regular lab hours you may get a key from the Security Desk.
• Ask for help!!!

Safety

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.

Eye Strain
Staring at a glowing monitor for extended periods of time can cause headaches, eyestrain and problems with your eyesight. Remember to take frequent short breaks by looking away from the monitor and focusing on something in the distance, or close your eyes for a moment. Your eyes need a break!

Attendance Policy

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.

Disabilities

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.

Academic Honesty Policy

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.

Section 02 - Schedule

Week 1: September 14

In class:

• Course Overview - Focus on experiential and active learning, problem solving and life skills
• Introduction to Computers & Mac OS - Dock, Desktop, Server, RAM, ROM, Hard Drive, Processor, Ergonomics
• Layout Basics - Composition, Focal Point, Focus, Scale, Color, Contrast, Rhythm, Dynamic
• Photoshop: Layers & Transformation - Layers, Duplicate Layer, Transform (Scale, stretch, squash, rotate, translate), Alpha/Transparency, Blend Modes, Saving, File Types
• Scanning

Week 2: September 21

In class:

• Review Reading - Labels/Captions, Assemblage, Insertions, Deletion, Substitution, Cropping/Framing, Composites, Record/Document, Communication, Identification
• View “Retouched Photos” - Ethics, Responsibility, Representation
• Digital Imaging Concepts - Resolution, Pixels, Color Wheel, Inputs/Outputs, Analog vs. Digital
• Photoshop: Digital Imaging - Variations, Levels, Clone Stamp, Airbrushing, Dodge & Burn

Read for today:

• “How to do Things with Pictures” by William Mitchell [pdf]

Due:

• Bring Digital Camera to class
• Collect 1 physical (analog) image of your favorite celebrity that is scratched/damaged [you can provide the scratches]

Week 3: October 5

In class:

• Review Reading - Who is involved in the re-touching process? What are the responsibilities/ethics associated with the profession? What are the similarities/differences to cosmetic surgery? What role does digital technology play in our understanding of body and body manipulation?
• View Example Composite Images
• Copyright - Copyright vs. Plaigarism, Fair Use, Creative Commons, copies & distribution, derivative works, “tangible form of expression”, Protection, Purpose/Origins
• Photoshop: Compositing Basics - Selections, Masks, Copy & Paste, Replace Color, Patch

Read for today:

• "Pixel Perfect" by Lauren Collins
• "On the Cutting Edge" by Anne Balsamo[pdf]

Due:

• Image Repair

Week 4: October 19

In class:

• View & Discuss Digital Cosmetic Surgery Assignments - Believability/Lack of Evidence of Tampering, Process/Choices, Composition, Focal point
• Exercise: Finding & Matching Perspective
• Photoshop: Faking It - Distort, Creating Shadows

Due:

• Cosmetic Surgery
• Bring Materials for Self-Portrait

Week 5: October 26

In class:

• View & Discus Self-Portrait Composite Images - Believability/Lack of Evidence of Tampering, Process/Choices, Composition, Concept
• Introduction to HTML - Tags, Attributes, File Structure, HTML Grammar, Naming Conventions
• Write HTML Page: body, head, title, img, a, p, br
• Brief History of the Internet
• Discuss Website Project

Due:

• Self-Portrait

Week 6: November 2

In class:

• Web Design Process
  • Planning: Purpose/Mission, Content, Audience, Client, Writing, Editing, Information Architecture
  • Design: Research-Mockup-Revision cycle
  • Implementation: Templates, Testing, Make “live”
• Initial "Client" Presentation - project goals and requirements
• Design Research - What is the organization's mission and purpose? What goals would you like a website to help you reach? Who is your target audience? What do you know about the audience? What are their aesthetic and informational needs/desires? How can we find out more details? Who are your competitors and partners? How/Why do your clients your organization out? How do your services fit into a larger context?

Read for today:

• Don't Make Me Think Chapter 1
• Don't Make Me Think Chapter 2

Due:

• False Identity

Week 7: November 9

In class:

• Mockup Basics - Resolution, Color Scheme Choices/Options, Integration of Logo, Maintaining Identity, Navigation, Site Map
• Establish Design Teams
• Site Map & Recommendations: Based on the readings provided and the report you have done, What are the most important concerns/needs for the redesign? Why? What are the strengths that we should build on? Why?
• Introduction to Dreamweaver - Setting up site/Managing Site; Images & Links; Tables (cell, column, row, padding, spacing, border); Save for Web

Read for today:

• Usability Testing

Due:

• State of the Site Report (steps 1-4)

Week 8: November 16

In class:

• View & Discuss Mockups - Composition/Layout; Focal Point; Color; Compliments organization and mission; Clear Structure; Fulfills recommendations
• View Web Design Examples
• Typography Basics - Serif, Sans-Serif, Concord, Contrast, Conflict, Size, Color, Cases, Style, Weight, Alignment, Readability, Legibility, Fonts, lorem ipsum
• Information Architecture and Information Hierarchy - Strategies to guide your audience through information
• Meet with Design Teams: Work on Revised Design - What ideas/suggestions/comments from the review need to be addressed? How will you address them?

Due:

• Usability Study

Week 9: November 23 (Note this is just before Thanksgiving Break and IS CRUCIAL for your success on the group project).

In class:

• Meet with Design Teams
  • Organize Presentation
  • Present Design Concepts to client
  • Discuss Site-Map Revisions with client (based on recommendations)
  • Discuss Feedback from client and Colleagues
• Introduction to Cascading Stylesheets (CSS): Styling Text - Why Style?, Internal Vs. External Styles, Syntax, Selector, Property, Value

Read for today:

• Web Typography; Typographic Contrast & Flow

Due:

• State of the Site Final Report
• Mockup - 1st Draft

Week 10: November 30

In class:

• Review Styling Text Exercise
• From HTML Pages to HTML Sites - Best Practices, Linking Pages, Organization
• Digging Into CSS - Cascading Rules, Box Model (Height, Width, Margin, Border, Padding), Float, Class, ID, Styling HTML Tags, background, Starting from templates

Read for today:

• CSS Typography: Contrast Techniques, Tutorials and Best Practices – not just the homepage!!!

Due:

• Collect Materials for client Site (edit text, photos, etc.; create necessary graphics)
• CSS Styling Text Exercise #1
• CSS Exercise #2 (done in class)

Week 11: December 7

In class:

• HTML Implementation - Creating Templates; Comments; Making a Site Live; Testing In Multiple Browsers on Multiple Platforms
• Meet with Design Teams
  • Continue Developing CSS Mockup
  • Informal meetings with client

Due:

• CSS Mockup - 1st draft

Week 12: December 14

In class:

• Meet with Design Teams
  • Site Testing
• Review Designs with client - Does the site match the identity, needs and mission of client?; dynamic composition; clear information hierarchy; clear, easy navigation

Due:

• Finished Version of Website

Week 13: December 15

NOTE: DECEMBER 15 will be a MONDAY schedule

NOTE: LAST CLASS

In class:

• Final Presentation of Sites

Due:

• Revised Website
• Reflection Paper

Section 03 - Schedule

Week 1: September 8

In class:

• Course Overview - Focus on experiential and active learning, problem solving and life skills
• Introduction to Computers & Mac OS - Dock, Desktop, Server, RAM, ROM, Hard Drive, Processor, Ergonomics
• Layout Basics - Composition, Focal Point, Focus, Scale, Color, Contrast, Rhythm, Dynamic
• Photoshop: Layers & Transformation - Layers, Duplicate Layer, Transform (Scale, stretch, squash, rotate, translate), Alpha/Transparency, Blend Modes, Saving, File Types
• Scanning

Week 2: September 15

In class:

• Review Reading - Labels/Captions, Assemblage, Insertions, Deletion, Substitution, Cropping/Framing, Composites, Record/Document, Communication, Identification
• View “Retouched Photos” - Ethics, Responsibility, Representation
• Digital Imaging Concepts - Resolution, Pixels, Color Wheel, Inputs/Outputs, Analog vs. Digital
• Photoshop: Digital Imaging - Variations, Levels, Clone Stamp, Airbrushing, Dodge & Burn

Read for today:

• “How to do Things with Pictures” by William Mitchell [pdf]

Due:

• Bring Digital Camera to class
• Collect 1 physical (analog) image of your favorite celebrity that is scratched/damaged [you can provide the scratches]

Week 3: September 22

CLASS CANCELLED

Week 4: September 29

In class:

• Review Reading - Who is involved in the re-touching process? What are the responsibilities/ethics associated with the profession? What are the similarities/differences to cosmetic surgery? What role does digital technology play in our understanding of body and body manipulation?
• View Example Composite Images
• Copyright - Copyright vs. Plaigarism, Fair Use, Creative Commons, copies & distribution, derivative works, “tangible form of expression”, Protection, Purpose/Origins
• Photoshop: Compositing Basics - Selections, Masks, Copy & Paste, Replace Color, Patch

Read for today:

• "Pixel Perfect" by Lauren Collins
• "On the Cutting Edge" by Anne Balsamo[pdf]

Due:

• Image Repair

Week 5: October 6

In class:

• View & Discuss Digital Cosmetic Surgery Assignments - Believability/Lack of Evidence of Tampering, Process/Choices, Composition, Focal point
• Exercise: Finding & Matching Perspective
• Photoshop: Faking It - Distort, Creating Shadows

Due:

• Cosmetic Surgery
• Bring Materials for Self-Portrait

Week 6: October 13

In class:

• View & Discus Self-Portrait Composite Images - Believability/Lack of Evidence of Tampering, Process/Choices, Composition, Concept
• Introduction to HTML - Tags, Attributes, File Structure, HTML Grammar, Naming Conventions
• Write HTML Page: body, head, title, img, a, p, br
• Brief History of the Internet
• Discuss Website Project

Due:

• Self-Portrait

Week 7: October 20

In class:

• Web Design Process
  • Planning: Purpose/Mission, Content, Audience, Client, Writing, Editing, Information Architecture
  • Design: Research-Mockup-Revision cycle
  • Implementation: Templates, Testing, Make “live”
• Initial "Client" Presentation - project goals and requirements
• Design Research - What is the organization's mission and purpose? What goals would you like a website to help you reach? Who is your target audience? What do you know about the audience? What are their aesthetic and informational needs/desires? How can we find out more details? Who are your competitors and partners? How/Why do your clients your organization out? How do your services fit into a larger context?

Read for today:

• Don't Make Me Think Chapter 1
• Don't Make Me Think Chapter 2

Due:

• False Identity

Week 8: October 27

In class:

• Mockup Basics - Resolution, Color Scheme Choices/Options, Integration of Logo, Maintaining Identity, Navigation, Site Map
• Establish Design Teams
• Site Map & Recommendations: Based on the readings provided and the report you have done, What are the most important concerns/needs for the redesign? Why? What are the strengths that we should build on? Why?
• Introduction to Dreamweaver - Setting up site/Managing Site; Images & Links; Tables (cell, column, row, padding, spacing, border); Save for Web

Read for today:

• Usability Testing

Due:

• State of the Site Report (steps 1-4)

Week 9: November 3

In class:

• View & Discuss Mockups - Composition/Layout; Focal Point; Color; Compliments organization and mission; Clear Structure; Fulfills recommendations
• View Web Design Examples
• Typography Basics - Serif, Sans-Serif, Concord, Contrast, Conflict, Size, Color, Cases, Style, Weight, Alignment, Readability, Legibility, Fonts, lorem ipsum
• Information Architecture and Information Hierarchy - Strategies to guide your audience through information
• Meet with Design Teams: Work on Revised Design - What ideas/suggestions/comments from the review need to be addressed? How will you address them?

Due:

• Usability Study
• Mockup

Week 10: November 17

In class:

• Meet with Design Teams
  • Organize Presentation
  • Present Design Concepts to client
  • Discuss Site-Map Revisions with client (based on recommendations)
  • Discuss Feedback from client and Colleagues
• Introduction to Cascading Stylesheets (CSS): Styling Text - Why Style?, Internal Vs. External Styles, Syntax, Selector, Property, Value

Read for today:

• Web Typography; Typographic Contrast & Flow

Due:

• State of the Site Final Report
• Revised Mockup

Week 11: November 24 (Note this is just before Thanksgiving Break and IS CRUCIAL for your success on the group project).

In class:

• Review Styling Text Exercise
• From HTML Pages to HTML Sites - Best Practices, Linking Pages, Organization
• Digging Into CSS - Cascading Rules, Box Model (Height, Width, Margin, Border, Padding), Float, Class, ID, Styling HTML Tags, background, Starting from templates

Read for today:

• CSS Typography: Contrast Techniques, Tutorials and Best Practices – not just the homepage!!!

Due:

• Collect Materials for client Site (edit text, photos, etc.; create necessary graphics)
• Styling Text Exercise

Week 12: December 1

In class:

• Review CSS Exercise Assignment
• HTML Implementation - Creating Templates; Comments; Making a Site Live; Testing In Multiple Browsers on Multiple Platforms
• Meet with Design Teams
  • What starting template best matches your design?
  • What do you want to include in your design that you don't know how to do?
  • Begin CSS Mockup

Due:

• CSS Exercise #2

Week 13: December 8

In class:

• Meet with Design Teams
  • Site Testing
• Review Designs with client - Does the site match the identity, needs and mission of client?; dynamic composition; clear information hierarchy; clear, easy navigation

Due:

• Finished Version of Website

NOTE: DECEMBER 15 will be a MONDAY schedule

Week 14: December 16

NOTE: LAST CLASS

In class:

• Final Presentation of Sites

Due:

• Revised Website
• Reflection Paper

Readings

Readings indicated as [pdf] in the schedule are attached here:

Attachment	Size
William-Mitchell_How-to-do-things-with-pictures.pdf	3.44 MB
Anne_Balsamo-Cutting_Edge.pdf	1.03 MB
Steve-Krug_Chapter-1-Dont-Make-Me-Think.pdf	3.11 MB
Steve-Krug_Chapter-2-Dont-Make-Me-Think.pdf	914.31 KB
Steve-Krug_Chapter-9-Usability-Testing.pdf	3.02 MB