Syllabus, homeworks and exams.

Week 1: General Introduction to Multimedia Overview of course.

An introduction to basic multimedia resources: bitmapped and related graphics, 3-D graphics, video; digital audio, and MIDI music. The basic issue: adapting the multimedia environment to human cognitive capabilities and aesthetic reactions. A basic aim: anticipating the future development and requirements of the field. Comments on Educational Multimedia. Introduction to the major tools to be covered: Web Browsers and HTML. JavaScript; SETL and its Tk-based graphical interface.

Things to Browse: http://www.illusionworks.com/Also look over some of the educational items listed in the education section of www.gamelan.com/.

Things to Read: Vaughn, Chapters 1-5.

Week 2: HTML. Facilities for Laying out the Internet Graphic Interfaces.

Things to Read: Vaughn, Chapters 14-15.

Things to Browse: The HTML Helper on the http://www.multimedialibrary.com  website.

Work through the first half of the Help text of the on-line JavaScript Helper.

Week 3: More about HTML. Introduction to JavaScript.

Forms in HTML. Framed windows. Writing to windows. Including scripts in
HTML pages. Introduction to the JavaScript language.

Things to Read: Flanagan, Chapters 1-5.

Things to Browse:
        (i) Work through the second half of the Help text of the on-line
JavaScript Helper.
        (ii) Gamelan Java website: www.gamelan.com/.Look  at 10
or 20 interesting Javascript examples.
        (ii) Also Browse:

                     http://www.coolnerds.com
                     http://home.netscape.com/eng/mozilla/2.0/handbook/javascript

Project 1: Create a home page for yourself, giving your Academic history
of courses taken as an HTML Table. This should also use HTML Frames;
also internal Links and Anchors, at least one Table, and half-a-dozen
links to Web sites of interest to you. It should include a photograph of
yourself. All Homework prepared during the term must be submitted by
including it on this page. The Page should include an E-mail Link
allowing the grader to send you your grades by clicking on the Link.

Week 4: More about HTML and JavaScript.

Use of Tables and Lists. Writing to windows. Facilities of the
JavaScript language. The ^Ñeval^Ò function. Printing and Debugging. HTML
Forms as JavaScript interactivity areas. Inter-window communication.

Things to Browse: Work through the first half of the Help text of the
on-line JavaScript Helper.

Things to Read: Flanagan, Chapters 6-9.

Week 5:  More JavaScript.

JavaScript in HTML. Other objects of the JavaScript library. .

Things to Read: Flanagan, chapters 9-14.

Project 2: Using JavaScript and the HTML table facility, program a
graphical 4-function calculator with the operations +. -. *, and /.

IN-CLASS QUIZ, 1 HOUR. (Tues. Feb. 26) This will test your mastery of
HTML and the material in the first 8 chapters of Flanagan.

Things to Browse: Work through the second half of the Help text of the
on-line JavaScript Helper.

Week 6:  Creating Interactive pages using the Layers facility in
Communicator 4

Multilayer graphics in HTML pages. Handling of events. Creating
draggable and animated graphics.

Things to Read: Flanagan, chapters 16 and 17; also handout material on
'Layers' to be distributed in class.

Week 7: Introduction to Director and Lingo - General Intro.,  Director
Animation

Project 3: Create a color picker which allows you to set the color of a
square in an HTML page to any RGB value by dragging three sliders (one
each for R, G, and B) to any desired position. The current numerical
value of each of the three sliders should be displayed in three
corresponding text fields.

MID-TERM EXAM, 1 HOUR. (Tues. March 2)
This will test your mastery of HTML and the material in all the chapters of Flanagan that have been
covered.

Lecture topic: The Director Working Environment. Director tools and
windows. Cast and Score. Paint Window. Issues in working-environment
design.

Week 8: Introduction to Director and Lingo, Part 2 - General Intro.
Director Animation

General structure of the Lingo language. Points at which code can be
placed; Flow of events. Handlers and procedures. Conditionals and loop
structures. List and string capabilities. Easy links and navigation
using Lingo. Facilities for screen interaction., moving graphics, etc.
Use of draggable graphics; sliders.

On-line helps. The Message window. Debugging. Strings in Lingo.

Things to Browse:
      http://www.multimedialibrary.com/education/

Week 9: Introduction to SETL and its graphical interface.

Syntax and semantics of the SETL language. The SETL Interactive
development environment. On-line aids. Some examples.

Things to Read: Handout material on basics of the SETL language to be
distributed in class.

Week 10: General Introduction to object-oriented programming.

Introduction to SETL objects. Object syntax. Examples. Introduction to
objects of the graphical interface. Object attributes and operations.
Relationship to the Tk-Tcl widget set.

Things to Read: Handout material on SETL objects to be distributed in
class.

Week 11: Objects of the graphical interface, II. Buttons, Messages,
Labels, and Sliders. Toplevel windows. Events and event bindings.

Things to Read: Handout material on SETL graphical interface to be
distributed in class; sections on Buttons, Messages, Labels, Sliders,
Toplevel windows, and Events.

Week 12: Objects of the graphical interface, III. Text objects. Tags and
Marks in text. Fonts and styles. Binding events to text; hotwording.

Things to Read: Handout material on SETL graphical interface; section on
Text objects.

Week 13: Objects of the graphical interface, IV. Canvases and canvas
objects. Polygons and splines. Introduction to animation in the SETL
environment.

Things to Read: Handout material on SETL graphical interface; section on
Canvases and Canvas objects.

Week 14: General review of material covered in the course.

FINAL EXAM. This will cover all the material presented in the course.


Back to the first page