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.
