Title of Course:
MMP 200 (Multimedia Design)
Professor: Viviana Espinosa
Lecture Hours/week: 2
Lab Hours/week: 2
Credits: 3
CLASS DESCRIPTIONS WEEK BY WEEK:
Class Web Presentation Assignment:
In addition to the assignments listed below, each student will make a presentation in class analyzing a website or other screen based project.
A written report summarizing the presentation will also be submitted. Students will sign up for a date to present on a sign-up sheet in class
during the first 2 weeks of the semester. One presentation will take place at the beginning of each class
Building on the principles learned in Introduction to Multimedia, students will learn to manipulate graphics and text in more sophisticated ways for use in print layout as well as multimedia. An emphasis will be placed on design concepts for the creation of pages.
B. Prerequisites:
Basic Skills: ENG 088, ESL 062, RDG 062, MAT 010/011 AND MMP 100
Co-requisite: MAT 051 Good TEXT editor for PC
C. Student Learning Objectives:
By the end of the course the student will be expected to:
Understand how to work with web standards
Understand and implement the elements that make up an effective interface design.
Understand technical considerations involved in the creation of a Flash-based multimedia program.
Identify and implement interface design patterns
Design a complete website that implement XHTML web standards and use CSS design.
Title: Head First HTML with CSS & XHTML
Author: Elisabeth Freeman, Eric Freeman
Publisher: O'Reilly Media
ISBN: 059610197X
Recommended
Title: Macromedia Flash 8 for Windows & Macintosh (Visual QuickStart Guide)
Author: Katherine Ulrich
Publisher: Peachpit Press (Prentice Hall)
ISBN: 0321349636
E. Evaluation and Requirements of Students:
Class and homework assignments: 40% (you will need to provide a printout of it at the beginning of class)
Midterm Project: 20%
Final Project 30%
Class performance and attendance: 10%
Use of Technology:
Software used: Macromedia Studio 8 with Flash Professional, Adobe CS2, Sound Forge, Windows Movie Maker.
Portable media for storing projects, such as a flash drive or CD ROMs will be necessary.
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.Ó
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. The design process
Idea development
User testing
Project planning
2. Design
The design concept
Design patterns
Elements of visual design
Design for time-based medium
Screen typography
Designing with sound
3. Content organization - information design
Classification schemes and metaphors
Complex structures
Project Planning Information Design
Photoshop as a production and design tool
Assignment 3 (CSS Layout) due Feb 27
Reading: Designing Interfaces Chapter 3. ÒGetting Around: Navigation, Signposts and WayfindingÓ
HOMEWORK:
Project Description and Flowcharts due for Midterm Project due March 6
Reading: Designing Interfaces Chapter 4. Organizing the Page: Layout of Page Elements
Flash Interface Review -HANDOUT
Flash objects: buttons and movieClips** BUTTON SAMPLE ** - use to do your homework (which is to make buttons for your site)
:::: Links ::::TOP
There are far too many sites and projects that use Flash to list. Below is a sampling of some you may find useful, interesting, inspirational, or all three.
Resources
- Actionscript For Flash MX2004: The Definitive Guide, on O'Reilly Safari
This is an invaluable Actionscript reference.
- Foundation Flash 8, by Friends of ED
This is the auxiliary class text. This book is optional to this class; it covers the Flash environment (IDE) with detailed tutorials.
- 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. 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.
Tweening Assignment 4 (Flash) due April 12. Design for time-based media: animation ::: VACATION exercise::: (animation following a path)
Reading: Designing Interfaces Chapter 9. Making It Look Good: Visual Style and Aesthetics
Discuss Final Project Using sound in Flash
Sliders and other interactive control structures: DOWNLOAD ADVANCED EXAMPLES
Visual Design Elements
Color Typography
Spaciousness and crowding
Images - April 12 bring in a plan or sketch of what your animation is going to be about. - Assignment 5 (Flash) due April 19. Design for time-based media: 1 minute animation:
Choose your own topic, have different characters do different things, check out the FLASH LINKS websites on week 8 for ideas
- Project Description and Flowcharts for Final Project due April 26
- Project Description and Flowcharts for Final Project due April 26, but will show progress during class the 24th
Link to urls in Flash
- More Visual Design Elements
Angles and curves
Texture and rhythm
Cultural references
Project Description and Flowcharts for Final Project due