CISC 3610 EM6 Introduction to Multimedia Programming - Spring 2025

  Monday evenings 1141 Ingersoll  6:30-9:10PM

Office Hours Mon 5:20-6:20 in 2109N   

In-depth study of multimedia programming. Multimedia authoring tools. Graphical user interface design. Multimedia project development. Effective use of media elements in a computer application and on the World Wide Web.
Prerequisite: CISC 3115 (with a grade of C or better)

We will be designing programs using JavaScript to create interactive web sites, games, and mobile apps.

Grading: 

  • 35% Programming Assignments
  • 20% Midterm
  • 35% Final
  • 10% HWs

Projects we will be dealing with include: Forms/GUI design, graphical representation of data, audio, game design

The course will be using JavaScript/HTML5 as the programming language. You will be able to build programs that run in the browser and are cross compatible between various devices such as tablets, phones, personal computers and alike.

Academic Integrity

The faculty and administration of Brooklyn College support an environment free from cheating and plagiarism. Each student is responsible for being aware of what constitutes cheating and plagiarism and for avoiding both. The complete text of the CUNY Academic Integrity Policy and the Brooklyn College procedure for policy implementation can be found at www.brooklyn.cuny.edu/bc/policies . If a faculty member suspects a violation of academic integrity and, upon investigation, confirms that violation, or if the student admits the violation, the faculty member MUST report the violation.

Center for Student Disability Services

In order to receive disability-related academic accommodations students must first be registered with the Center for Student Disability Services. Students who have a documented disability or suspect they may have a disability are invited to set up an appointment with the Director of the Center for Student Disability Services, Ms. Valerie Stewart-Lovell at 718-951-5538. If you have already registered with the Center for Student Disability Services, please provide your professor with the course accommodation form and discuss your specific accommodation with him/her.

Student Bereavement Policy:   http://www.brooklyn.cuny.edu/web/about/initiatives/policies/bereavement.php


Tutorials:

Helpful books:

HWs are assigned via Blackboard

Helpful links:

Please refer back to the syllabus online, as it will be updated throughout the term

Class Topic Readings HW Project
1/27
  • History of Multimedia Authoring
  • Current Uses of Multimedia Applications
  • Multimedia Production Cycle
  • Multimedia Introduction - Notes

Lets practice getting the book needed for the next few classes. The link info in below:

Accessible while at Brooklyn College or from home using the EZ Proxy. Login and then copy the URL for the book into the search box. Then you can access the link to download the PDF. Do this one time to get the PDF to your computer.

Please gloss over

HTML Tutorial
2/3

HTML & JavaScript Introduction

Slides

Notes & Examples

  • Drawing Basic Shapes
  • Animation Concepts


 Gloss over JavaScript Tutorial

Go to Blackboard for the website assignment      

2/10

 

Interactive Content - Notes

Organizing Content

Scene Project

2/18 Follows a Monday

 

Graphics - Notes

  • Working with images in an image editor
  • Incorporation of Images Into a Multimedia Application
  • Sprites, Sprite Sheets, Animation

Animation Editor

The Wick Editor 

Alternative to play with (if you don't have Adobe Photoshop)

Krita 

Good guide to look at.

CSS Reference that covers the basics of how CSS works. 

 

 

 

Read over some introductions about BootStrap 5 that explain how to setup and use a layout for content on your page.      

W3Schools

TechRepublic 

2/24

Form Design - Notes

Notes

Please look at:

Viewport

Media Query

 

Please read about PWA

Later on in the term, we will make a PWA.   

 

Content Form Project 

3/3

Audio Slides 

Speech Recognition

Audio

Audio Basics

Audio Tricks

Sound Editing
Incorporation of Sound in a Multimedia Application

Sound 

Read about

Voice User Interfaces

Cool tools

Amazon Alexa Developer

Amazon Alexa Blueprints 

ifttt 

Voice Interfaces

Canvas with a form & audio

  Project

3/10

CSS

Bootstrap Grid

Grid Layout   

Another Tutorial 

Data Visualization

  • Representing data graphically using Chart.js

three.js 

a-frame 

WebGL 

Selenium 

Discussions of Modern User Interaces

Topics

Bootstrap 

 

Data Visualization

 

3/18

Video Editing
Incorporation of Video in a Multimedia Application

Animation 

HTML5 Video

iframe

 

Krita for animations

Wick Editor 

Keyboard Controls 

Video Lab

Video Animation

 

PWA Project due May 12th      

3/24

Midterm!

Here are some topics, and sample questions

3/31 College is Open – No Classes Scheduled

4/07

Interfaces

Delivering Software, Creating a Software Package Install

App Development using

PWAs:

Slides for the class

Interfaces for accessiblity

Tips for Accessiblity Design 

Device Interfaces over time  

BootStrap & Navigation Control from the following videos:

Bootstrap is useful to know for building responsive sites. Hopefully you are inspired by these videos to watch more from the series.

If you are interested in practicing with BootStrap, You might try to use BootStrap for your portfolio website layout.

 

BootStrap Studio 

Resume Lab

  

 

4/21

ATSC 3.0

Ruby on Rails 

Programming in Ruby

Program Ruby Online 

PHP 

MySQL 

Python 

Video games for the blind 

Making games accessible 

Making games for the visually impaired 

Collision Dection: Rectangle - Circle

Discussions

4/28

Cryptography

Blockchain

Bitcoin Mining Explained

Look at Game Engines

Multimedia Artist

Google Colab

 

Web Fundamentals

Python 

Sensors

Tilt Example

Review for Final

More Review Questions

final review topics
Return