Mini-Projects : 20%

  1. Text Game/Toy
  2. Organize Partners
  3. What Thing Are You?
  4. Map Tour
  5. Slideshow
  6. Character Constructor
  7. Animation
  8. Weather App
  9. Interactive Video
  10. Generative Audio/Image

Your grade in these assignment will be based on your careful handling of design, code (JavaScript, HTML, CSS) and content.

Map Story: 10%

Build a responsive, vertical scroll site about any location in the world.  This could be a personal story about a place, an essay, a tourist or history article. Use wikipedia, youtube, etc. as resources/sources. Include images and text, video/audio (if possible) and a google map with javascript and interactive features with jQuery.

The story should flow as a narrative with good chunking of its sections and subsections. Your grade in this assignment will be based on your careful handling of responsive design, skrollr, html/css,  javascript for the map, jQuery for the interactive elements and content itself. Take chances, be playful, stretch your skills as an author/designer.

Creative Programming: 10%

This project is intended to loosen you up with programming and to test some ideas towards your final project. Think of this as the preliminary phase of the the final project. Don’t worry about something polished or even practical. The idea is to push your current knowledge of javaScript and jQuery towards building interesting interactive objects. The crazier your approach, the better. You will be graded on your effort and your process of discovery.

Final Project: 25%

The Final Project is quite open, but it must include your own scripting in JavaScript and jQuery. In this class we have explored JavaScript, the Google Maps API, and the jQuery library. Now is the time to put all of these skills together in a project for your portfolio. The subject and genre may be anything, but you will have to design something that involves user interaction with multimedia.

Multimedia means using text, images, video, audio, maps in an integrated way. Javascript and jQuery can be used to add animation, create galleries, dynamic video/audio, interactive bits -anything you want.  You will be graded on your own creative scripting using javascript/jQuery (30%),  interface and interaction design (30%), the completion of the content (30%), and general effort (10%). 

Although you may use plugins for certain effects, you must show your own JavaScript and jQuery scripting.


Leave a Reply