CISC 3610 EM6 Introduction to Multimedia Programming - Spring 2024

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

  • 50% Programming Assignments
  • 35% Final
  • 10% HWs
  • 5% Attendance

Projects we will be dealing with include: Forms/GUI design, graphical representation of data, text-to-speech & speech recognition, 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


Reference Book:

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/29
  • 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.

  Cartoon

Due 3/4

2/5

Class will be online this week 

 Class online (Blackboard) this week. Please watch this precorded  video at your convenience.

 


     

2/12

College Closed
       

2/19

College Closed
       
2/22 (Follows Monday schedule)

HTML & JavaScript Introduction

Slides

Notes & Examples

  • Drawing Basic Shapes
  • Animation Concepts


Topics from Chapters 1-3 from the Building JavaScript Games

Please look to the previous class to see how to access it.

 

2/26

 

Interactive Content - Notes

Organizing Content

Topics from Chapter 4 from the Building JavaScript Games.

JSON Fruit Lab

 

2/28 Follows a Monday

 

Graphics - Notes

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

Animation Example - Downloadable

 

Responsive Web Design 

   Animation
3/4

Form Design - Notes

Notes

Please read about Feedback for Users (Human-Computer Interaction)

User Interface Design

User Experience

PWA

Viewport

Media Query

 

 

Form Project 

3/11

Audio Slides 

Speech Recognition

Audio

Audio Basics

Audio Tricks

Sound Editing
Incorporation of Sound in a Multimedia Application

Read about

Voice User Interfaces

Cool tools

Amazon Alexa Developer

Amazon Alexa Blueprints 

ifttt 

Voice Interfaces
Audio Lab

 

3/18

Video Editing
Incorporation of Video in a Multimedia Application

Animation 

HTML5 Video

iframe

 

Krita for animations 

Wick Editor 

 

 

Video Animation

3/25

CSS

Bootstrap Grid

Grid Layout   

Another Tutorial 

Data Visualization

  • Representing data graphically using Chart.js

three.js 

a-frame 

WebGL 

Discussions of Modern User Interaces

Bootstrap 

 

Data Visualization

 

4/01

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

Assignment on Blackboard  

 

4/08

ATSC 3.0

Ruby on Rails 

Programming in Ruby

Program Ruby Online 

PHP 

MySQL 

Python 

Visual Studio 

Video games for the blind 

Making games accessible 

Making games for the visually impaired 

Review for Final

More Review Questions 

How to make PWA 

Wick Editor Menu Layout
4/15

Cryptography

Blockchain

Bitcoin Mining Explained

Look at Game Engines

Multimedia Artist

Google Colab

 

Web Fundamentals

 PWA

Return