Music and the Internet (MUMT301)

Outline for Fall 2011

  • Introduction
Instructor: Andrew Hankinson

  • Internet technologies (pdf)

Sample code

  • File formats and compression (pdf)

Format Descriptions for Sound

CSS: (sample 1) (sample 2)

  • Music distribution (pdf)
  • Copyright issues


  • Music discovery (pdf)

Gabriel Vigliensoni: Internet Radio

Javascript: example 1

  • Music discovery 2 (pdf)

Alastair Porter (pdf)

Javascript: example 2, example 3

  • Services (pdf)
    • for artists
    • for advertisers
    • metrics
Javascript: example 4, example 5
  • No class


  • jQuery (pdf)
  • Mid-term examination (Q5Q6)

Jason Hockman

Javascript: example 6, example 7, example 8

11/10 Web Roundtable
JSON viewers (Safari, Firefox, Chrome)
Examples:, & Echonest, Twitter, & Goolge maps
  • Making music (pdf)

Musicmetric example: jQmusicMetric1.html
Musicmetric with jqPlot: jQmusicMetric2.html
Musicmetric with jqPlot & dates: jQmusicMetric3.html
Musicmetric with jqPlot & dates & multiple series: jQmusicMetric4.html

  • Music Libraries
  • Music information retrieval
  • Music scores (pdf)

Final project proposal due

  • Final project presentation
  • Final examination



Assignment #1 (Due 09/08) 5%

  • Build a simple homepage on a local machine (index.html):
    • Basic personal info
    • Links to your classes
    • Place to post your assignments
  • Upload your home page to (sftp)
  • Login to (ssh)
  • From your home directory, got the subdirectory called: public_html (cd public_html)
  • Edit the html file index.html (pico index.html)

Mini assignement A (Due 9/15)

  • Find the farthest educational or government website on the Internet from Montreal
  • Find the download and upload bandwidth at your home and at your favourite coffee shop
  • Upload via ftp a large file (~10MB, a long song) on the server and time the download time to your home

Assignment #2 (Due 9/29) 5%

  • Create two fan pages of your favourite musicians linked from your home page:
    • One quite well known
    • One not well known (preferably non-Western musician)
  • They should contain:
    • Biography
    • Discography
    • Links to images
    • Links to audio
    • Links to video
    • Links to other related sites (especailly non-English sites)
    • A link back to your home page
  • They should look good
  • Try to make them look good in different browsers and at different window widths

Mini assignment B with BONUS points (Due Sunday midnight, 10/02 ) 2%

  • Rank the fan pages of your classmates (excluding your own) per person (1%)
  • If you're in the top 5 of the aggregate of your classmates' rankings you get 1%.

Assignment #3 (Due 10/20) 5%

Make comarisons of different lossy compression methods

  • Use two different musical sources of one minute each (from CD or DVD)
  • Compress the source files (AIFF or WAV) into different formats (including MP3, AAC, Ogg/Vorbis) at different bitrates
  • Make at least ten different output files for each source
  • Use HTML Table to show and be able to hear the results on a web page (e.g.:, i.e., all the files need to be converted to WAV files
  • For each file, indicate the compression method, bitrate, and the file size

Assignment #4 (Due 11/10) 5%

  • Get Echonest API key
  • Create a webpage, where user can enter an artist's name then display dynamically various information about that artist; something like this.

Assignment #5 (Due 11/24) 5%
  • Create a mashup webpage using APIs from at least two different sources (2% bonus points if you plot graphs)
  • Final project proposal (1–2 pages with partial bibliography, inlcude sub goals)

Assignment #6 (Due 12/01) 5%

  • Final project presentation (power-point style presentation of what you plan to do; 5 min)

Final project (Due 12/13) 30%


  • Software / Music project with description (1–2 pages)
  • Maximum of two people per group


  • Research paper (4–6 pages)



Reading list



Created: 2011.08.09 Modified: Ichiro Fujinaga
McGill Crest