Multimedia Project Lab: Fall 2010 Syllabus


Borough of Manhattan Community College
The City University of New York
Multimedia Programming & Design

Course Number: MMP 460
Course Title: Multimedia Project Lab
Instructor: Matthew Belanger
Semester: Fall 2010
Lecture Hours per Week: 3
Lab Hours per Week: 2
Credits: 4

A. Description

Students will work collaboratively to plan, design and create a complete interactive project. Projects may be drawn from such applications as: information kiosks; computer assisted instruction; and creation of World Wide Web sites.

B. Prerequisites

Prerequisite: None
Co-requisite: MAT 051
Basic Skills: ENG 088, ESL 062, RDG 062, MAT 010/011 and MMP 320 or CCC 270 or ART 354

C. Student Learning Objectives

By the end of the course students will be expected to:
• Create a portfolio of their work to assist them in meeting their career goals.
• Work in groups to plan, design and produce a complete, functional, website that meets real-world, concrete needs.

D. Readings

Recommended Texts
The Essential Guide to CSS and HTML Web Design by Craig Grannell
Web ReDesign 2.0: Workflow that Works by Kelly Goto and Emily Cotler
Designing a Digital Portfolio by Cynthia Baron

E. Evaluation and Requirements of Students

• Portfolio: 30%
• Group Project: 60%
• In Class Performance and Attendance: 10%

Assignments must be handed in on time. Points will be deducted on work handed in late. Assignments may not be accepted for grading if they are late.

Use of Technology
• Software Adobe Creative Suite 5 including Flash Professional, DreamWeaver, Photoshop, Illustrator, Sound Forge.
• Hardware Portable media for storing projects, such as a flash drive or CD ROMs will be necessary. Students will also load their projects onto the MMP server.

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: 212-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 here.

I. Outline of Topics

• To be determined.

J. Office Hours

Thursdays, 4:20 – 5:20pm in room S110F. Contact me to schedule an appointment outside of office hours.

K. Weekly Breakdown

Week 11 | Class 17 | November 2

1. Stages of Web Design & Development
• Idea Development and Concepting
• Information Architecture, Site Maps and Wireframes
• Interaction Design, Prototyping and Usability Testing
• Design
• Develop
• Validation, Testing and Debugging
• Launch
• Update and Maintain

2. Final Project
• Choosing Team Members
• Brainstorming (What Makes A Great Website?)
• Information Architecture
  • Wireframes
  • Using Gliffy

Midterm Due: October 28

Your midterm is a website portfolio of your creative work. It should reflect your skills and accomplishments to potential employers or other educational institutions. With an emphasis on clear navigation, link to various projects that you’ve worked on at BMCC or otherwise. Include a personal statement and resume. You are not required to use a content management system such as WordPress, however I do advise it. I do want you to illustrate strong understanding of XHML and CSS skills. PHP and / or JavaScript usage is a plus.

1. Midterm
• Work on midterm in class. Midterm is due at the end of class.

Week 10 | Class 16 | October 28

1. Midterm
• Work on midterm in class. Midterm is due at the end of class.

Week 10 | Class 16 | October 26

1. Midterm
• Work on midterm in class.

Week 9 | Class 15 | October 21

1. JavaScript
XML Parser

2. Midterm
• Work on midterm in class.

Week 9 | Class 14 | October 19

1. JavaScript
XMLHttpRequest Object

2. Midterm
• Work on midterm in class.

Week 8 | Class 13 | October 14

1. JavaScript
• JavaScript Objects
  • Array
  • Date
  • Math
  • Regular Expression
  • Global
  • Boolean
  • Number
  • String
• Browser Objects
  • Window
  • Navigator
  • Screen
  • History
  • Location
DOM Objects
  • DOM Document
  • DOM Event
  • DOM HTMLElement
• Custom Objects
  • Creating Your Own Objects

Week 8 | Class 12 | October 12

1. DOM
Node Tree
Properties & Methods

2. JavaScript
Alert, Confirm, Prompt Boxes
• Debugging
  • JSLint
  • Logging
  • Chrome: JavaScript Console
  • Firefox: Firebug and Web Developer Extensions
  • Internet Explorer 8+: Developer Tools
  • Safari: Console

Week 7 | Class 11 | October 7

1. Assignment B.
• Continue work on and review Assignment B.

Week 7 | Class 10 | October 5

1. Assignment B.
• Continue work on and review Assignment B.

Week 6 | Class 9 | September 30

1. Assignment B.
• Work in class.

2. Setting Up Apache, PHP, and MySQL on Mac OS X
• Web Sharing uses Apache
Download and Install Entropy PHP
Download MySQL
Install MySQL

Week 6 | Class 8 | September 28

1. Assignment B.
• Work in class.

Week 5 | Class 7 | September 23

1. Review & Get Caught Up

2. WordPress
• Plugins & Widgets
  • Managing Plugins
  • Using Widgets
  • Writing a Plugin
  • Plugin API

3. Assignment B
• Within WordPress:
  • Explore the difference between posts and pages by creating at least 5 posts and 3 pages.
  • Install the Skeleton Theme and use it as a starting point for your own custom theme. You don’t have to create a beautiful theme, just explore your options by creating your own CSS statements.
  • Create a custom Category Template and categorize at least 2 posts so that they will display on this page.
  • Install the Skeleton Plugin and modify it’s code to output a custom string and a random number into the post content. You’ll need to make use of the PHP rand(); function.

Week 5 | Class 6 | September 21

1. Review & Get Caught Up

2. WordPress
Theme Development
  • Skeleton Theme
The Loop
  • The Loop In Action
• Built In Functions
  • get_header();
  • wp_query();
    • have_posts();
    • the_post();
  • the_content();
  • get_sidebar();
  • get_footer();
Category Templates
Database Description

Week 4 | Class 5 | September 16

1. Review & Get Caught Up

2. PHP

Week 3 | Class 4 | September 7

1. Review & Get Caught Up

2. Individual Meetings

Week 2 | Class 3 | September 2

1. Review & Get Caught Up

2. Content Management Systems
Expression Engine
Movable Type

3. Installing WordPress
Download & Install WordPress
• Basics of WordPress
  • Logging In
  • Dashboard
  • Administrative Panels
  • Posts vs. Pages
  • Using Themes

Week 2 | Class 2 | August 31

1. Discuss As We May Think by Vannevar Bush

2. An HTML Refresher
Semantic HTML
• Tags, Attributes, Content, and Elements
• Nesting Tags
• Default Tags
  • The <html> Tag
  • The <head> Tag
  • The <title> Tag
  • The <body> Tag
Additional Tags

3. A CSS Refresher
CSS and it’s Syntax
Class, ID, Group, and Contextual Selectors
• Internal vs. External CSS
The Box Model, margin, border, padding, content

4. HTML & CSS Files & Web Servers
• Saving HTML & CSS Files
  • Folders / Directories
  • Naming Conventions
  • Extensions
  • Local vs. Remote File Systems
• Web Servers
  • Linux vs. Windows
  • Apache vs. IIS

WAMP = Windows, Apache, MySQL, PHP

6. Installing A Portable WAMP Server
Download & Install Server2Go
Download & Install PHPMyAdmin

7. PHP
Bascis of PHP

Week 1 | Class 1 | August 26

1. Introductions

2. Class Structure and Overview

3. Brief History of Computing and the Internet

Antikythera Mechanism
Al-Jazari and his Mechanical Automata
Joseph Marie Jacquard and the Jacquard Loom
Charles Babbage, the Analytical Engine and Ada Lovelace
Alan Turing, Bletchley Park and the Enigma Machine
Electronic Memory and the Microcontroller
Early Personal Computers
Internet History
Telnet and CompuServe
Email and WWW
Vannevar Bush and As We May Think
Douglas Engelbart and Hypertext
Mosaic Web Browser

4. Assignment A1: Email me at Please include the course number (MMP460) and your full name in the subject. Feel free to include links to your work in the body.

Assignment A2: Read As We May Think by Vannevar Bush.