ISC 3610 EM6 Introduction to Multimedia Programming - Spring 2026

  Monday evenings 3143 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: 

  • 45% Programming Assignments/HW
  • 15% Midterm
  • 35% Final
  • 5% Attendance

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

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:

Helpful links:

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

Class Topic Readings HW Project
1/26
  • 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 Essential Guide to HTML5  

The link info in below:

Accessible while at Brooklyn College or from home using the OneSearch. 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

Canvas Introduction 

2/2

HTML & JavaScript Introduction

Slides

Notes & Examples

  • Drawing Basic Shapes
  • Animation Concepts


 Gloss over JavaScript Tutorial

 

2/9

 

Interactive Content - Notes

Organizing Content

Rotate Examples

Go to Brightspace for the website Portfolio assignment

2/16 College Closed

 

2/23

 

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 

Cartoon Project
3/2

Form Design - Notes

Notes

Please look at:

Viewport

Media Query

 

Please read about PWA

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

 

3/9

Audio Slides 

Speech Recognition

Audio

Audio Tag HTML5

Audio Basics in JS 

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

3/16

Recorded online. Look at Brightspace 

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 

 

Words Project
3/23 Midterm

Topics to study for the exam

Sample questions to practice

Short answer/essay questions  on the exam

PWA Project

Due at Final

Sample

Tutorial 

VS Code in AI 

3/30

Video Editing
Incorporation of Video in a Multimedia Application

Animation 

HTML5 Video

iframe

 

Krita for animations

Wick Editor 

Keyboard Controls 

Video Lab

Video Animation

4/8

Spring Break

4/13

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/20

PHP 

MySQL 

Python 

Video games for the blind 

Making games accessible 

Making games for the visually impaired 

Collision Dection: Rectangle - Circle

Discussions

Return