UCSC Extension Multimedia and Web Design Certificate - Final Project

Project Plan: Erin Dreams

Elsa DieLöwin
Version 1.5
April 2001

Functional Requirements:

FUNCTIONAL REQUIREMENTS:

PAGEPAIR.JS is a Javascript which loads pages to both map and text frames on the click of a single button. Clicking "home" loads both homemap and hometext. Clicking "music" loads both musicians and music, and so on. On the map and journal pages, a click on "Back" loads both the previous map and the previous journal, no matter whether the click is on the map page back button or on the journal page back button.

The slideshow and top buttons are simple links and do not call the Javascript. Rollover buttons use Dreamweaver's behaviors Javascripts.

The navigation map on homemap is "slice-and-dice" of smaller rollover images plugged into a table. (I originally intended to do it in Flash, but am aware that my Flash skills are not adequate to do the work in the allotted time.)

Maps and slideshows always appear on the left. Journal entries and quotes always appear on the right. The switching between journal and quote in the script indicates where the tops of the single cell tables which contain the quotes should be placed. On music and travel, links appear on the left in the "map" frame, and on-site content appears on the right. On guestbook, the form and content appear on the left, and gratuitous pictures fill the right frame.

The slideshows are loops of html page redirects which return to the relevant map page. There are no back and next buttons on the slideshow pages. Timing issues and back and next buttons will be addressed in rev 2.

The guestbook cgi takes input from each user and posts it onto the guestbook page, below the form and above previous entries. Validation is done within the script.

The documentation segment of the site is a back door. It can only be reached through its own URL (www.erindreams/Documentation/documentation.html), but does link to Erin Dream's index.

I, as client, located and provided content, edited text, and selected pictures. I, as producer, rendered the content for the web.

File Structure:

ErinDreams - root folder
1Dublin - Location folders contain relevant slideshow pages, along with their images, excluding headers and buttons.
2Avoca
3Cashel
4Killarney
4Ring - contains Ring of Kerry slideshow files only
5Galway
6Sligo
7Newgrange
8Kildare
buttons - contains all buttons used on the site
headers - contains all headers used on the site
music - contains all music used on the site
navmap - contains all images used on homemap.html
notes - contains .txt files with notes, URLs, etc. needed for reference in creating pages in Dreamweaver
PSDs - contains all Photoshop files used for site development (not uploaded)
Documentation - contains this documentation set in html

These files are "loose" in the root folder for faster initial download:
index.html - the frameset
nav.html
homemap.html
hometext.html
welcome.gif
blank.gif - single pixil transparent
musicians.html
music.html
travelLinks.html
traveltips.html
montage1.jpg
gbpix.html
gbook.html
PAGEPAIR.JS
map and journal pages

Back to Documentation main

To Erin Dreams