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
C. Student Learning Outcomes:
Upon completion of this course, the students will be able to:
- Define multimedia and state its importance.
- Distinguish between appropriate and inappropriate uses of multimedia.
- Understand the syntax of an html document.
- Create and modify a multimedia project using a graphical editing program.
- Work with multimedia elements including:
- Design
- Text
- Graphics
- Animation
- Sound
- Video
- Interactivity
- Identify the steps in creating a multimedia project, including
developing the concept, specifying the objectives, creating storyboards,
and producing the project.
- Discuss the relevant trends and issues surrounding multimedia, such as copyright, privacy, and censorship.
- Demonstrate an understanding of project management strategies for multimedia projects.
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.
Introductions
Class Structure and Overview
Class Introductions
LECTURE NOTES
ASSIGNMENT (HW#1):
- Make sure you sent me your email address to bmcc100@vivitoon.com
subject line: [mmp100-08]
- Read chapters 1 and 2 and do the "Matching Questions" Only at the end of EACH chapter
- Do the Project Builder on page 28 - answer questions 1 - 3, the "One Step Beyonds" are optional
Intro to HTML. Dreamweaver.
ASSIGNMENT (HW#2):
- Make sure you sent me your email address to studio@vivianaespinosa.com
subject line: [mmp100-08]
- Read chapters 3 and 4 and do the "Matching Questions" Only at the end of EACH chapter (pgs 94 and 128)
- Do the Project Builder on page 67.
- 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:
- 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
- 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.
Class will be held as usual
ASSIGNMENT Due :
Storyboard
- Draw a visual storyboard of graphical elements of your website
- Put together a Flowchart for your website
Here is a link with some storyboard samples
- 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.
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:
- Type into the url bar on Internet Explorer: ftp://mmp.bmcc.cuny.edu/. You will then be prompted for a userid and password.
- 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.
- 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.
- Your password will be given to you by your instructor. Memorize it or bring it with you to all of your MMP classes.
- 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.
- 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.
- To see your index page in the browser, type http://mmp.bmcc.cuny.edu/userid.
For example, http://mmp.bmcc.cuny.edu/jthom111.
- To see any other page in the browser, type http://mmp.bmcc.cuny.edu/userid/filename.
- 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.
- 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
- At home, if you cannot log on from the browser, use Dreamweaver to access your server account.
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)
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.
ASSIGNMENT HW#4 due from (Week 8) (presentation)
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.
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 *********