Rebuilding...

Multimedia Project Lab: Fall 2011 Syllabus

BMCC MMP 460

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

Grading
• 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
PHP
• MySQL
• JavaScript
• jQuery

J. Office Hours

Contact me to schedule an appointment.

K. Weekly Breakdown

Week 12 | Class 21 | November 15

1. Final Project
• Status

2. JavaScript
API
Google Maps JavaScript API V3
JSON
Download

Week 11 | Class 20 | November 10

1. Final Project
• What Is It & When Is It Due?
  • Redesign for BerkshireArtStart
  • Groups Will Compete To Design & Develop A Website For A Organization
  • Due Thursday December 15

Week 10 | Class 18 | November 3

1. Assignment D: Due November 8
• Design a Home Page For Your Group As If It Was A “Real” Company

Week 10 | Class 17 | November 1

1. Midterm Feedback

2. The WordPress Database
Database Schema
Backing Up Your Database
Moving WordPress
WP Query
wpdb

3. Other Common Content Management Systems
Drupal
Expression Engine
Joomla
Movable Type
TextPattern

4. Final Project
• Project Managers
• Choosing Team Members
Basecamp

Week 9 | Class 16 | October 27

1. Finish Midterm: Due Today!

Week 9 | Class 15 | October 25

1. Work on Midterm: Due October 27

Week 8 | Class 14 | October 20

1. JavaScript
• Frameworks
  • jQuery
    • Plugins
      • Easy Accordion
  • Mootools
    • Classes
      • Slideshow 2
  • Prototype
    • script.aculo.us

2. jQuery
Core
Selectors
Attributes
Traversing
Manipulation

Week 8 | Class 13 | October 18

1. DOM
Introduction
Nodes
Node Tree
Properties & Methods
Access

2. JavaScript
Introduction
How
Where
Statements
Comments
Variables
Operators
Conditionals
Alert, Confirm, Prompt Boxes
Functions
Loops
Events
Errors
• Debugging
  • Logging
  • Chrome: JavaScript Console
  • Firefox: Firebug and Web Developer Extensions
  • Internet Explorer 8+: Developer Tools
  • Safari: Console

3. Work on Midterm: Due October 27

Week 7 | Class 12 | October 13

1. Work on Midterm: Due October 27

Week 7 | Class 11 | October 11

1. Midterm Meetings

2. Work on Midterm: Due October 27

Week 6 | Class 10 | October 6

1. The Passing of Steve Jobs
Steve Jobs on Wikipedia

2. Finish & Review Wireframes

3. Working with WordPress Plugins
Managing Plugins
Writing a Plugin
  • Plugin API
  • Skeleton Plugin

4. Planning a Website
Design Mockups

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

Week 5 | Class 9 | September 27

1. Working with WordPress Themes
Integrating WordPress with Your Website
Integrating Flash with Wordpress

2. Planning a Website
Wireframes

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 4 | Class 8 | September 22

1. Working with WordPress Themes
Category Templates
• Wordpress Functions
  • wp_list_pages()
  • wp_get_archives()
  • wp_list_categories()
  • wp_list_comments()
Using Widgets
Widgetizing Themes

Week 4 | Class 7 | September 20

1. Review PHP

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

Week 3 | Class 6 | September 15

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

2. Assignment B: Due September 20
• 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 5 | September 13

1. PHP
Introduction to PHP
Syntax
Variables
Strings
Operators
• Conditionals: If…Else, Switch
Functions
  • Function: echo()
  • Function: rand()
  • User Defined Functions

Week 2 | Class 4 | September 8

1. Installing phpMyAdmin
Download & Install phpMyAdmin

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

Week 2 | Class 3 | September 6

1. Review WordPress

2. An HTML Refresher
HTML
XML
XHTML
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
Validation
Doctypes

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

5. LAMP / WAMP / MAMP
Linux
Apache
MySQL
PHP
WAMP = Windows, Apache, MySQL, PHP
MAMP = Mac, Apache, MySQL, PHP

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

Week 1 | Class 2 | September 1

1. Content Management System
CMS
Front End vs. Back End

2. WordPress
Wordpress
Wordpress.com vs. Wordpress.org
• Free Hosting, wordpress.com
• Self Hosted, wordpress.org
Glossary
Wordpress Administration Screens
Dashboard
Posts
Media Library
Links
Pages
Comments
Appearance
Plugins
Users
Tools
Settings

Week 1 | Class 1 | August 30

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
ARPANET
Telnet and CompuServe
TCP/IP
NIC and DNS
HTTP
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 prof@fatbits.net. Please include the course number (MMP460) and your full name in the subject. Feel free to include links to your work in the body.