CS 312 - Internet Concepts
Fall 2010: Tues/Thurs 9:30-10:45am, Spong 108

Print - Admin





Useful Links

Project 7 - Media Library using Ajax

Assigned: Tuesday, November 30, 2010
Due: Thursday, December 9, 2010 before midnight
Group Assignment - You are permitted to work with your project group partner.

The goal of this assignment is to create a website for managing a personal media collection (CDs, MP3s, DVDs, etc.). You only need to support one type of media in the collection.

Setting Up

  1. Create a new directory under ~/public_html/cs312/ for this project
    • chmod 755 ~/public_html/cs312/new directory name
  2. Make sure that the directory and file permissions allow anyone to view the files.


You will create three pages:

  • a home page that lists the entire collection
  • a page for entering new items to the collection (similar to Project 5)
  • a page for searching the collection

All of the pages should be styled using a single CSS file and have navigation links to all of the other pages (similar to Project 4).

All of the pages should have a footer that gives the group members' names, the date/time the page was last modified, and a link to the XML file used for the project.

I show an example for each of the pages (click on the image for a larger version). Your pages should look different, but this should give you an idea of what I'm looking for.

Home Page
The home page should display a table of the elements in the XML file. Not all elements must be displayed, but enough should be displayed so that the user can quickly glance at the collection.

Add Page
The add page should be based on your Project 5. Allow the user to enter information into the form, with some fields being required. If required fields are left blank, alert the user. If all required fields are filled in, call PHP code to write the information to the XML file.

Search Page
The search page should contain a drop-down box to allow the user to indicate on which field they which to search. Once the field has been chosen, the user begins typing in a text box. The text box uses Ajax to do type-ahead searching, displaying all of the results as the user types. You must display the media artwork.


  • Note: Your project will be graded using the Mozilla Firefox browser
  • For full credit, all code must be commented, explaining its operation.
  • If you borrow or modify from another source, that source (with URL) must be credited in the comments of the code and on your home page (create a "Credits" section).


Go to the Project 7 Submission page, and enter the name of each group member and the URL of your main Project 7 webpage (must start with http://www.cs.odu.edu/).

  • Only submit one URL per group.
  • Make sure that the URL works before you submit it.
  • Pressing the submit button will add a link to your page to the Student Projects page along with a timestamp of your submission. Note that you will not be directed to the list of pages, but to a page that says your submission was successful.
  • Only submit your URL once!