Multimedia, Computers, and the Internet
Lecture Notes |
- for Tues Jan 27
- Send me (firstname.lastname@example.org)
an email telling me you're registering for this class.
- Review and/or read the FAQ and tutorials at
- Read (if you haven't before) Neal Stephenson's article
In the Beginning was the Command Line.
- Create a small plain text (.txt) file on your computer or a lab
computer. Move that file to your html directory on akbar.
(Create the directory if you need to, or ask for help.)
View that file with a web browser.
- If you did all that on a PC, can you do it on a Mac?
Or, if you did it on a Mac, can you do it on a PC?
How about a linux box (if you can find a friend with one)?
How much of it can you do from the command line?
- for Tues Feb 3
- Find online and browse through at least one tutorial
that relates to making a webpage, HTTPD, or HTML.
Report on your results. (Google search "HTML tutorial"
or "webpage tutorial" or similar.)
Anything interesting on wikipedia.org? w3c.org?
- Add a page to the wiki at http://cs.marlboro.edu/wiki
on a topic of your choosing.
- Create several web pages which link to each other,
and upload them to your akbar account, using
either (1) a word processor like Word "Save as HTML",
(2) a web page creation routine (such as Composer
in Mozilla), or just a text editor like Notepad
(you'll need to type HTML if you do that.)
Send me an email describing your experience.
- As usual, if you know one way, try another.
- for Tues Feb 10
- Find an online picture of Bugs Bunny that is copyrighted.
Can you find one that isn't? Are you legally allowed to link
to either with an IMG tag? Are you legally allowed to
copy either to your own site? Can you find a picture
of Homer Simpson that you can copy without violating someone's copyright?
- Use Google's "Image Search" engine to find a picture of something
that interests you. Discuss any copyright issues, and decide
if you're allowed to use that image, and how.
Find Google's discussion of the copywright
of its displayed images, and read what it says.
- Browse a recent article from Wired magazine. (You can read
issues online from older issues.) For example,
"The Love Machine".
- Use an image processing program to change the size
of a picture, and save it in a different format.
Make sure you understand the differences between a
few of the common file formats (jpg, png, gif, tiff, ...).
The simplest way to get access to an image application
is to install the Gimp on your computer.
(I'm working on getting it on the public computers.
See the link(s) in the Resources, below.)
- for Tues Feb 17
- Do some sort of image manipulation with the Gimp
or Photoshop, something like the "Jolly Green Giant
Accordian Player" that I described in class.
Explain what you did, how you did it, and what problems
you ran across.
- Set up your accumulated homework on a website
with links so that I can find it all. (You do have
something for each of these assignments, eh?)
- for Tues Feb 25
- Read about crypto and security with the links below.
- Get GnuPG or similar encryption software.
Generate a public/private key for yourself,
and use it to send me a secret message.
Put your public key on your website somewhere obvious.
- Finish up playing around with the Gimp - do one more
colorization or other image project of your choice.
For extra brownie points, carve up an image into multiple
parts and use them together with webpage TABLE links
to make a mixture of images, color blocks, and text links.
- for Tues March 2
- Fri 5th : first paper/project, any image and/or HTML related work.
Show evidence of research and investigation beyond what
was presented in class, on a topic of your choice. Besides
presenting a doctored image or website, explain how you created
it and where the materials came from.
Please do tell me by next Tues what you intend to do for this.
Using work submitted for homeworks is OK, but it needs to
be explained and presented clearly.
- Read about sound, acoustics, audio formats, etc.
(Explore the Wikipedia and other resource links at the bottom of this page.)
- Install Audacity or Amadeus. Start browsing the manual
and playing around with it. Check out
and the FAQ on their website. (Type "Audacity" into Google.)
Explore "VST Plug-ins"
- Write up how all this worked out - what did get it to do?
What worked? What didn't? What was confusing? What was cool?
- for Fri March 12
- Last assignment before spring break.
- As we did with the image manipulation and the Gimp before, use
an audio editing program like Audacity to cut, combine, and
manipulate some sound files. You can find the sound clips
online as discussed in class, record them yourself, or whatever.
(Be legal, though, eh?) Don't make this too long a sound -
it should fit on your akbar account.
Describe what you did, including where you got the sounds
and what you did to them.
Put up a webpage with a tag to play to the sound and perhaps
an appropriate image.
An example might be to find a celebrity speech,
cut up some individual parts of that, overlay some
appropriate music and/or sound effects, and save as an mp3
with a nearby web page that points to it.
- for Tues April 6
- Start reading about video and animation.
There are many places on the web to explore
these topics; here are a few starting places.
- Make some time to try out Flash in the media lab.
- Make at least two animated gifs using the Gimp
or any other tool of your choice, with some different
effects and frame rates. Possibilities include
- Text that becomes successively blurrier.
- Moving or rotating objects or text.
- Special effects like the SpinningGlobe in the Gimp.
- for Tues April 13
- Start thinking about what you want
to do for a final project.
More details coming, but it should
incorporate some kind of video or animation,
including some special effects and/or alterations,
some audio, saved in at least two formats, and
a paper describing what you did and what you ended up
with - bit rates, software used, playback choices, and so on.
- I've added a number of links in the Resources section at
the bottom of this page. Read the articles on
Cinelerra, On2's Video Compression, and xiph.org's "Why do I
need open source?"
- Either (a) create some kind of web animation with Flash,
(b) download and do something with Blender, or
(c) shoot some digital video and edit it in the library lab.
(I'd like you to try all three over the next few weeks.)
On your website, describe what your experience.
- for Tues April 20 - end of term
As discussed in class, I'd like you to do
these assignments for these weeks after the break
- Put down in writing on your web site
a proposal for your final project (see below).
- Explore (including a write-up) of
an application that you aren't using for your final project,
either of Blender, Shockwave,
or FinalCutPro, or analogous products from other vendors.
(If you've completed the previous assingment, that's enough.)
- Answer the following bandwidth review questions.
(Here are the answers.)
- Hand in a final project.
- for Tues May 4
- Final Project presentations in class.
- Written part to be handed in no later than Friday May 7.
- a short (few minutes) video piece with
some special effects and audio, or
- a blender project - perhaps working through
- Your work to be saved (online or on a CD or DVD)
and handed in two formats (mpeg4, animated gif, quicktime, or other)
- A written piece describing what you did, how you did it,
what worked and/or didn't work, etc.
- The whole effort should be comparable to a 10 page paper.
- Fri Jan 23rd : computer and 'net basics
- Tues Jan 27th : uploading, HTML, wiki
- Fri Jan 30th : URL syntax, Links, Anchors, Image tags
- Tues Feb 3rd : Copyright; start talking about images and the Gimp
- Tues Feb 17th : Gimp lab work (text manipulations, layers, selections, ...)
- Fri Feb 20th : Steganography
- Tues Feb 24 - intro acoustics: time vs freq, pitch, loudness, and all that. Amadeus walk-thru. Sound formats: .wav, .mid, .mp3, ...
- Fri Feb 27 - in class lab playing around with Audacity.
- Fri March 5 - music : midi, ABC, csound, ...
- Tues March 30 - review images/sound; start video
- ... several lab days looking at Blender and Final Cut Pro
- Tues April 20 - digital video
- Tues April 27 - streaming
- GnuPG : Gnu Privacy Guard
- WWW animation
- Flash (commercial product; in library media lab)
- Gimp (open source animated .gif)
- MNG (animated .png - not used much, unfortunately)
- 3D Modeling and Animation
- Blender (www.blender.org) - open source
- Cinema4D (Maxon commercial product; in library media lab)
- see wikipedia's 3D_computer_graphics page for an overview of the software choices (Maya, Lightwave, 3DStudioMax, ... ; most cost thousands of dollars.)
- non-linear editing
- DivX (free player; all platforms)
- DVD Player (Mac)
- conversion and capture
- Crypto and Security
- Digital Video
- Peer-to-peer (more coming)
- bt.etree.org - bitTorrent
- Articles and and "How To's"
A survey of how webpages, images, music, and video are
created, edited, and
presented with the use of computers. Topics will range from basic
skills (creating a web page of digital photographs) to emerging cool
tricks ( streaming video over the internet, CG animation) depending on
student interests and what tools we can make available.
Grading will be based on
I'm not quite sure what topics at what levels we'll be covering;
in part that'll depend on who takes the course and what I can
pull together for software and tools.
- Weekly assignments (one grade for how many done)
- Several projects; I'm not sure exactly how many yet.
Since many of the details of these topics change rapidly with
the available technology, I expect to emphasize the underlying
ideas and explore several ways to approach things, including
different operating systems, open source vs commercial tools, and so on.
There isn't a good textbook that covers this material well.
We'll be reading from a variety of online sources and reserve
books. I'll have a list of optional books which cover various
aspects of these topics, but I'm not planning on requiring any
Topics covered will look something like
I expect that some of our class time will be open labs,
with small groups of students working on assigned projects
while I offer helpful suggestions. (No, no, don't click
on *that* button!)
- general computer skills
types of files, directories, editing, moving stuff
between various folders on various computers,
command line vs GUI
- web pages and the 'net
creating, editing, strenghts / limitations, a little HTML,
bandwidth issues for html, pictures, music, animation, video, ...
- copyright, trademark, patent, plagiarism, and all that
digital cameras, photoshop / gimp, file types and compressions,
watermarks, steganography, connections with the web, printing,
what's available on campus, ...
file types and compression, electronic music,
how they work on the web, various technologies for recording
storing and playing, streaming, what's available on campus, ...
shooting digital video, editing in our media lab,
strengths and limitations, possible other directions
include cell animation, 3D rendering tools, shockwave - we'll see.
This webpage will continue to change throughout the semester
as assignments and resources are added.
Last modified <% scalar localtime($m->current_comp->load_time) %>