CLASS DESCRIPTIONS WEEK BY WEEK:

BOROUGH OF MANHATTAN COMMUNITY COLLEGE
The City University of New York
MULTIMEDIA PROGRAMMING & DESIGN
Spring 2008

Title of Course: MMP 100 (Multimedia Design)
Professor: Viviana Espinosa email
Lecture Hours / week: 2
Lab Hours / week: 2
Credits: 3
Time:
MMP 100-531    F   6:00-9:45   S167   ESPINOSA
MMP 100-721   TTH   7:45-10PM    S153    ESPINOSA

After hours help: TBD

A. Description:

This course introduces students to the fundamentals of multimedia production. In a hands-on class, students will learn the essentials of program design and authoring software in an integrated computer environment. Students will learn how to combine graphics, audio and text to create programs for industrial and educational applications.

B. Prerequisites/Co-requisites:

ENG 088, ESLO62, RDG 062, MAT O10/011

BMCC calendar - Fall 2008

C. Student Learning Outcomes:

Upon completion of this course, the students will be able to:

D. Required Texts and/or Supplemental Material:

Title: The Web Collection Revealed: Premium Edition (Revealed) (Paperback)
Author: Jim Shuman & Elizabeth Eisner Reding Sherry Bishop
ISBN: 1-4283-4083-1

OTHER REFERENCE MATERIAL: this list will keep growing as the class progresses.... keep checking it out!
Free Adobe 30 day tryouts - I recommend downloading tryouts 30 days before your finals
It is also good to have a good HTML editor when learning web design:
Free TEXT editor for PC     Free text editor for MAC
Free program to do 3D design - not necessary for the class but good to know just in case
you can download picture/flash/video files from here to use for your projects

Log in to classroom computer:
user name: cis167
password: bmcc
scroll to classroom name

E. Evaluation and Requirements of Students:

Homework assignments: 20%
Midterm project 20%
Final project: 30%
Teacher evaluation and class performance: 30%

Use of Technology:

Software used:
Adobe Dreamweaver or GoLive, Adobe Photoshop, Illustrator, Flash CS2 or later version,
If time permits: Sound Forge for PC or Audacity for MAC, Windows Movie Maker or iMovie or FinalCut Pro.

Portable media for storing projects, such as a flash drive, iPODS - for storing your documents (no music can be played during class) or CD ROMs will be necessary.

The school provides you with two labs available at different times:
The lab at the end of the hallway open from Monday - Friday from 9am to 10pm
Friday and Saturday 9am to 9:30pm
Sunday from Noon to 5pm

The lab in room N-212 open 24 hours

We will be working on our computers during class, but the rest of the assignments should be done at the labs mentioned above. Expect to spend at minimum two additional hours outside of class in your assignments.

F. Attendance Policy

The College's attendance policy states: ″At BMCC, the maximum number of absences is limited to one more hour than the number of hours a class meets in one week. In the case of excessive absence the instructor has the option to lower the grade or assign an 'F' or 'WU' grade.

NOTE FOR YOUR ASSIGNMENTS

All of the assignments should be emailed before class, any emails delivered during and after class time, will be marked as LATE and will loose one whole grade.
Make sure your name is inside each document and if necessary, put page numbers.
All assignments should be answered in Word, and saved as a .doc file.
Your document should have the name of the assignment and your last name.

Week 1: Month 26th TOP

Introductions
Class Structure and Overview
Class Introductions

LECTURE NOTES
ASSIGNMENT (HW#1):
  1. Make sure you sent me your email address to bmcc100@vivitoon.com
  2. subject line: [mmp100-08]
  3. Read chapters 1 and 2 and do the "Matching Questions" Only at the end of EACH chapter
  4. Do the Project Builder on page 28 - answer questions 1 - 3, the "One Step Beyonds" are optional

Week 2: February 2nd TOP

Intro to HTML. Dreamweaver.
ASSIGNMENT (HW#2):
  1. Make sure you sent me your email address to studio@vivianaespinosa.com
  2. subject line: [mmp100-08]
  3. Read chapters 3 and 4 and do the "Matching Questions" Only at the end of EACH chapter (pgs 94 and 128)
  4. Do the Project Builder on page 67.
  5. Make a simple HTML page and email it. Also attach the images used in the email.

Week 3: February 9        :::: NOTE::::: NO CLASS next week - FEB 16 - TOP

DURING CLASS:
• Folder organization for the web and documents
• Photoshop composition 1:
Shapes, coloring, type, layers, composition, adding external images, saving.

ASSIGNMENT Due Feb 23rd:
  1. USE PHOTOSHOP TO DO A COLLAGE (mixture of various images or textures into one)
    Basic instructions:
    - Visit different websites where you can get free images, or use some of your own. Example: (FLICKR.COM)
    Save those images inside a folder in your desktop
    In Photoshop go to FILE/NEW - this will open the new window where you can select the following:
    - Document name (whatever you want, but make it lower case, no spaces, no weird symbols, make it short and you can use the "-or _ only symbols to separate words)
    - Document size (size of your composition for a screen the following size: 800 pixels wide by 500 pixels high, and dpi: 96 px (you can change this later on with IMAGE/CANVAS SIZE)
    make sure the document is set as RGB (this makes it usable for web)
    - Enjoy the assignment, save constantly (as.psd - with layers-)
    - Be ready to present your work during class! - save constantly
  2. Decide the subject of a website you would like to have completely produced as a final class project.
    I recommend the following subjects:
    • Your portfolio of projects or classes
    • A website about voting and why it is so important to do so
    • A website about the environment
    • A website about stopping any vice such as smoking, drugs, etc.
    • Put together a creative brief for your website. Follow the guidelines of page 41 - All content is based on chapter 2.

Week 4: Feb 23TOP

Class will be held as usual

ASSIGNMENT Due :

    Storyboard

  1. Draw a visual storyboard of graphical elements of your website
  2. Put together a Flowchart for your website

Here is a link with some storyboard samples

Week 5: Month 1TOP

  1. HTML Review

ASSIGNMENT due Month 8th (Week 6)(HW# ):
  • Keep working on your html design of your site

  • Remember to type the assignment and email it as an attachment. All assignments should be emailed to me BEFORE class. Remember to type the assignment and upload it to blackboard BEFORE class.

    Week 6: Month 8TOP

  • Instructions to log on the MMP server to access your BMCC webspace:
  • Logging on to your BMCC Account

    To log on to your BMCC account to ftp (file transfer protocol) from a PC browser:

    1. Type into the url bar on Internet Explorer: ftp://mmp.bmcc.cuny.edu/. You will then be prompted for a userid and password.
    2. Your userid is the first character of your first name concatenated with the first four characters of your last name concatenated with the last four digits of your social security number. For example, if my name is John Thompson and my social security number is 111-11-1111, my userid would be jthom1111.
    3. If your last name is shorter than 4 characters, your userid is the first character of your first name concatenated with your last name concatenated with the last four digits of your social security number. For example, if your name is John Oh, your userid is joh1111.
    4. Your password will be given to you by your instructor. Memorize it or bring it with you to all of your MMP classes.
    5. To put a file in your account, simply drag the icon of the file onto the browser window once you have logged on to the account through ftp with your userid and password. This browser window should show you all the files in your account.
    6. Remember, every directory on the web has a default page, which is the homepage of that directory, or the page that the directory defaults to opening. In this server you must call this file index.htm.
    7. To see your index page in the browser, type http://mmp.bmcc.cuny.edu/userid.
      For example, http://mmp.bmcc.cuny.edu/jthom111.
    8. To see any other page in the browser, type http://mmp.bmcc.cuny.edu/userid/filename.
    9. Make sure to close your your ftp account window when you are done working. For security reasons, Only one ftp account can be open on one computer at a time.
    10. To log on to your account using Dreamweaver enter the following information in the Site Definition window:
      • Access: ftp
      • FTP host: mmp.bmcc.cuny.edu
      • Host directory: (leave blank)
      • Login: your userid
      • Password: your password
      • Check Use passive ftp
    11. At home, if you cannot log on from the browser, use Dreamweaver to access your server account.

    Week 7: Month 15th TOP

    ASSIGNMENT due (Week 8) (HW#3-last chance to finish it):

  • Make sure you handed in all of your assignments. Finish your whole website layout and page linking into html. (dreamweaver). Put them on Blackboard (your name and title HW#3)
  • Week 8: Month 29thTOP

    WHAT WE DID IN CLASS:
    FLASH intro

    ASSIGNMENT due (Week 9)(HW#4):

    :::: Inspirational/Helpful Flash Links ::::TOP

    There are far too many sites and projects that use Flash to list. Below is a sampling of some you might find useful, interesting, inspirational, or all three.

    Resources

    - ultrashock.com is an all-around Flash community, with forums, tutorials, news, job listings, and more.
    - Macromedia's DevNet has up-to-date news on Flash, including LiveDocs, a continually-updated reference to Flash and Actionscript. - actionscript.org is another good Flash community site, with a deep repository of tutorials.
    - flashkit.com has a very broad repository of cut-n-paste code. not good for learning, but great for cheating.

    Navigation

    - Intentionallies is a Japanese architecture firm whose site was designed by Flash superstar Yugo Nakamura (see 'Experimental Sites' below).
    - Grant Skinner is a Flash developer who has an interesting and simple navigation scheme.
    - global-action.org is an NYC media education non-profit, whose site is driven by a ColdFusion back-end that allows fully-updatable content.
    - transmote.com. NYU FLASH professor site.
    I found this flash site, in case you need inspiration...

    Games

    - orisinal.com is a collection of simple, beautifully-rendered games.
    - shockwave.com and playfirst.com are commercial game sites, with a ton of flash content.

    Experimental Sites

    - yugop.com is Yugo Nakamura's showcase of his personal and for-profit works. Great experiments in interactivity.
    - levitated.net is Jared Tarbell's playground of generative flash experiments. Some beautiful generative art.
    - uncontrol.com is Manny Tan's collection of flash (and processing) experiments. Very lifelike animation.
    - Amit Pitaru and James Patterson are two artists who often blend their programming, music, and illustration skills on their collaborative site insertsilence.com.
    - vectorpark.com houses a series of creative animations, some interactive, some not, made by Patrick Smith.
    - hoogerbrugge.com is a collection of, well, weird sh*t. interactivity ranging from subtle to mild. from the twisted mind of Han Hoogerbrugge.

    Week 9: Month 5thTOP

    ASSIGNMENT HW#4 due from (Week 8) (presentation)

    Week 10: Month 12thTOP

    Week 11: Month 3rdTOP

    Week 12: Month 10th TOP

    Prepare for your presentation next week:
    Since the BMCC server has been having problems, there is no way to know if it is going to work for next week's presentation. Therefore you should be prepared to present your site from the BMCC url, or from your Flash drive.
    If you cannot FTP (file transfer) to the web with the instructions on week 6, then try doing it by installing FireFTP on your Firefox Browser at home or school. We have done it twice during class, so if you have any connection questions, read the instructions from the same link above.

    You also have to send me a message from BLACKBOARD with your url. See instructions here on how to log in (no excuses for non-emailed files the way I have been asking you to).

    All of the above instructions constitute part of your grade. I will deduct points for instructions not followed. If you had problems with any of the above (either BLACKBOARD, or FTPing, you should have solved them before class. You have had weeks to address these issues.

    Lastly, all of your files and links should have been tested and uploaded before class, so give yourself plenty of time to do all these testing. Be ready to present your layered/flash/actionscript files if requested.

    Week 13: Month 17th TOP

    FINALS: FINAL PROJECT PRESENTATION - 10 minute minimum -

    ::::: PLEASE MAKE SURE YOU SEND A MESSAGE TO ME -FROM BLACKBOARD-
    WITH YOUR LATEST LINK TO YOUR WEBSITE :::::::

     

     

     

     

    G. Disability Accommodation Policy

    Students with disabilities who require reasonable accommodations or academic adjustments for this course must contact the Office of Services for Students with Disabilities (Room N769; Telephone # 220-8180). BMCC is committed to providing equal access to all programs and curricula to all students.

    H. BMCC Policy Statement on Plagiarism

    Plagiarism is the presentation of someone else's ideas, words, or artistic, scientific, or technical work as one's own creation. Using the idea or work of another is permissible only when the original author is identified. Paraphrasing and summarizing, as well as direct quotations, require citations to the original source. Plagiarism May be intentional or unintentional. Lack of dishonest intent does not necessarily absolve a student of responsibility for plagiarism.
    Students who are unsure how and when to provide documentation are advised to consult with their instructors. The library has guides designed to help students to appropriately identify a cited work. The full policy can be found on BMCC's web site, www.bmcc.cuny.edu.

    I. Outline of Topics:

    1. Multimedia and the Internet: client/server protocols, http, ftp
    2. Creating html documents
    3. Graphical editors for the web: DreamWeaver
    4. Formatting text in Multimedia
    5. 2D Graphics for Multimedia: RGB color, Photoshop
    6. Project development for Multimedia: storyboards, flowcharts, wire frames
    Midterm Project 7. Animation in Multimedia: Flash interface, vector graphics
    8. Sound for Multimedia: recording, editing in SoundForge
    9. Designing for Interactivity
    10. Video for Multimedia
    11. Issues (intellectual property rights, copyright laws)
    12.Project Management
    ********* Final Project ********* Final Project *********