Rebuilding...
Multimedia Project Lab: Spring 2012 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 9 | Class 17 | March 29
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 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
• 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 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
• Templates
• 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
• Arrays
• Looping: While, For
Week 3 | Class 5 | February 14
3. PHP
• Introduction to PHP
• Syntax
• Variables
• Strings
• Operators
• Conditionals: If…Else, Switch
• Functions
• Function: echo()
• Function: rand()
• User Defined Functions
Week 2 | Class 4 | February 9
1. Installing phpMyAdmin
• Download & Install phpMyAdmin
2. Installing WordPress
• WordPress
• Download & Install WordPress
• Basics of WordPress
• Logging In
Week 2 | Class 3 | February 7
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
Week 1 | Class 2 | February 2
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
3. Installing A Portable WAMP Server
• Server2Go
• 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
• 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.
