Multimedia Project Lab: Spring 2012 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 2011
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

• Content Management Systems
• JavaScript
• jQuery

J. Office Hours

Contact me to schedule an appointment.

K. Weekly Breakdown

Week 9 | Class 17 | March 29

1. DOM
Node Tree
Properties & Methods

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

3. Work on Midterm: Due April 17

Week 9 | Class 16 | March 27

1. Work on Midterm: Due April 17

Week 8 | Class 15 | March 22

1. Work on Midterm: Due April 17

Week 8 | Class 14 | March 20

1. Work on Midterm: Due April 17

Week 7 | Class 13 | March 15

1. Working with WordPress Themes
• Integrating Flash with Wordpress
  • Flash Satay
  • Dynamic Page

2. Planning a Website
Design Mockups

3. Assignment D: Due March 20
• Create a Design Mockup for your Midterm Portfolio
• Use Adobe Photoshop, Illustrator, or create it with HTML & CSS

Week 7 | Class 12 | March 13

1. Review Wireframes

2. Working with WordPress Themes
Integrating WordPress with Your Website
  • Free HTML5 template

Week 6 | Class 11 | March 8

1. Working with WordPress Themes
Category Templates
• Wordpress Functions
  • wp_list_categories()

2. Planning a Website

3. Assignment C: Due October 6
• Create a Wireframe for your Midterm Portfolio
• Use Gliffy
• When you save your Wireframe you’ll be asked to create an account
• Be sure your Wireframe has been made public
• Email me the link to your Wireframe

Week 6 | Class 10 | March 6

1. Working with WordPress Themes
Using Widgets
Widgetizing Themes
• Wordpress Functions
  • wp_list_pages()
  • wp_get_archives()
  • wp_list_comments()
Download latest Skeleton Theme

Week 5 | Class 9 | March 1

1. Working with WordPress Themes
Theme Development
  • Skeleton Theme by Six Crayons
• Creating & Modifying Themes
The Loop
  • The Loop In Action
Template Tags
  • get_header()
  • have_posts()
  • the_post()
  • the_content()
  • get_sidebar()
  • get_footer()

Week 5 | Class 8 | February 28

1. PHP
• Review PHP

2. Assignment B: Due
Email me your php page. Zip it if you want / need to.

Week 4 | Class 7 | February 23

1. PHP
• Review PHP

2. Assignment B: Due February 28
• Create a PHP page from scratch.
• Use the rand() and echo() functions with a conditional to create a randomized HTML <h1> tag.
• Use an array to store at least 5 strings.
• Use a for loop and the echo() function to output the strings from the array as an HTML <ol> or <ul> and <li> list tags.
• Use a conditional to highlight one of the rows with an HTML <b> tag.
• The output from your page should be valid HTML.

Week 3 | Class 6 | February 16

1. PHP
• Review PHP
• Looping: While, For

Week 3 | Class 5 | February 14

3. PHP
Introduction to PHP
• Conditionals: If…Else, Switch
  • Function: echo()
  • Function: rand()
  • User Defined Functions

Week 2 | Class 4 | February 9

1. Installing phpMyAdmin
Download & Install phpMyAdmin

2. Installing WordPress
Download & Install WordPress
• Basics of WordPress
  • Logging In

Week 2 | Class 3 | February 7

1. Review WordPress

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
MAMP = Mac, Apache, MySQL, PHP

Week 1 | Class 2 | February 2

1. Content Management System
Front End vs. Back End

2. WordPress
Wordpress vs.
• Free Hosting,
• Self Hosted,
Wordpress Administration Screens
Media Library

3. Installing A Portable WAMP Server
Download & Install Server2Go

Week 1 | Class 1 | January 31

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, Ada Lovelace, the Analytical Engine
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, As We May Think, and Hypertext
Douglas Engelbart and the Computer Mouse
Tim Berners-Lee and the first Web Server
Marc Andreessen, Eric Bina, and the Mosaic Web Browser

4. Assignment A: 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.