Final Project Outline

What is the project?

The project will be to enhance areas of my personal site. These enhancements will be to create a 'controlable' slideshow in the work section and to add a pop out contact form that slides out from the right side of the page.

What is the goal of the site?

The goal of these changes will be to provide the end user with a more interactive experience by incorporating animations and more content that can be hidden/shown.

Who is your intended audience?

Anyone who views my site. This will more than likely be prospective employers, clients and friends.

How large is the project? How much of it do you actually hope to accomplish in the time frame we have to work with?

This project will be adding content and interactivity to a site that is already built so in some respect it may be considered smaller than others, but the end result will be fully usable, functional and degradable. Therefore, the project is somewhat large, but I am confident in succeeding.

Why do you want to do this project? What is your relation to it?

I want to do the task stated above as my project because it will increase the overall “cool factor” and interactivity of my own site and will be something that isn't just a school project but a personal achievement.

What resources will you need for this project?

I plan on referring to the internet for most help. Secondary resources may include my textbook and teacher.

What are the projects substantial JavaScript elements? (defined further below)?

Essentially this project has two parts. The first will be the slide out contact form and the second the recent work slideshow.

For the contact form, it will start as a hidden div element placed at the side of the document's body. There will be a small tab/button with "contact me" or something of that nature written on it. When clicked, this will trigger a function that displays the contact form and does so by animating it sliding out from the side of the page. Here the user will then be able to submit their form data. This effect will be able to be reversed upon clicking the button a second time to hide the form.

As for the slideshow, this will also be done by hiding and showing not just one div, but a series. Or better yet, an unordered list of slides that contain separate showcase pieces to put in my "recent work" section of my website. The user will have the ability to click on an arrow to the right (to go forward) or left (to go back) of the slideshow's container. On top of the user being able to advance the slides on their own I am also considering having the slideshow set to a timer to automatically advance slides. This may increase the user's awareness that there is actually interactivity there and the page is not simply static.