Final Project
Due 17:00 tues. 3/18

Project Description


For the final version of the web application, we'll add customer reviews and search. We'll deploy the completed application on both the cs server and on a virtual server in Amazon's Elastic Compute Cloud (EC2).

Readings:

EC2

Web Apps

1. 382 Information Architecture


Local host: On your computer (or a USB drive), you should have a site root folder named 382 containing subfolders css, js, cookies, examples, html, images and php. DW will automatically create a /382/Connections folder, as well.

Testing Server: On webdav.cs.uoregon.edu, use your home directory in /cit381/ as the site root folder.

NOTE: web authentication is now OFF on the server, so you can use http://ix.cs.uoregon.edu/ as the URL rather than https://ix.cs.uoregon.edu/.

Only one change is necessary on your part: Reconfigure the Testing Server in Dreamweaver. Select Sites > Manage Sites, and edit your site. Select the Testing Server category. For the value of URL PREFIX, enter http://ix.cs.uoregon.edu/cit381/userName/.

Do not change the value in the URL field, which must remain https://ix.cs.uoregon.edu/cit381/userName/. This is because uploading files still requires authentication. Ditto for the Remoter Server category.

Production Server: AWS EC2. This will be covered in your Week 9 lab (attendance is mandatory).

IMPORTANT: Name your site home page index.html. Using this name means that the home page will open by default when your site URL is entered in a browser's location bar. Note that directory browsing is not enabled on ix.cs.uoregon.edu so, unless the exact name of your site home page is known, it cannot be viewed in a browser.

2. C Level Project.

  1. Name your site home page index.html. See explanation above.

  2. Fix all P4 Errors. If there are P4 requirements you did not meet and therefore lost points, correct those errors now. The final project must meet all P4 requirements.

  3. 1-Click icon. The detail page will display an Order with 1-Click image-link. Use Amazon's, find another on the web, or make your own.

    1-click

    For a landing page for the image link, use /382/php/1-click.php. This page can be just a "stub page" that shows a "not yet implemented" message.


  4. Add Customer Reviews to your Site. Your Detail Page should list the customer reviews for the movie being displayed. Follow the instructions in Adding Customer Reviews to your site.

  5. Upload your completed site to ix.cs.uoregon.edu, as usual. This will be your primary backup server, in the event your AMI instance fails.

  6. Deploy your completed site on the Production Server, AWS's EC2. Use ix.cs.uoregon.edu to test your completed site. Then deploy your site to AWS EC2. Attendance at your week 9 is mandatory for this reason. Roll will be taken electronically. Exceptions only by prior permission from your instructor.

3. B Level Project.

  1. Complete all requirements for the C Level Project. For your project to receive a B grade, all requirements for the C level project must be met, with no unmet requirements.

  2. Add Simple Search (One Parameter). Follow the steps in Adding Search to your Site.

4. A Level Project.

  1. Complete all requirements for the B Level Project. For your project to receive a B grade, all requirements for the C level project must be met, with no unmet requirements.

  2. Add Advanced Search (Two or More Parameters). See How to Add Advanced Search.

5.Extra Credit Option: Buy Me with 1-Click.

When the user clicks on the Order w/1-Click image link, an order summary page is generated (by 1-click.php), listing all item details, shipping address and method, and credit card info.

This will require a recordset that uses a join, to retrieve information from the Customer and Products tables (and possibly others, depending on your database design). The user's email address can be set as a session cookie by sign-in.html, and serve as a database retrieval key. Thhe BigHit Video database can give you ideas about what tables to add to your database to support 1-Click shopping.

6. Final Project Grading Rubric.

7. Turn-in Final Project in Blackboard.

Don't Forget to formally submit your project in Blackboard, to create your entry in the gradebook.

In the Comments section:

  1. Enter the absolute URL for your EC2 site. Example: http://ec2-67-202-31-237.compute-1.amazonaws.com/

    If your home page is named index.html as required, then it will open automatically when your URL is entered in the location bar. NOTE that directory browsing is NOT enabled on your EC2 machine, and your index.html page provides access to your site. If your home page is not named index.html, your site will be inaccessible and therefore ungradeable (0 pts).

  2. Enter the absolute URL for your WebDav site on the CIS server. Example: https://ix.cs.uoregon.edu/cit381/susanQ/

    Your site's home page must be named index.html here, as well, for the same reasons. Your complete site must be installed on the CIS server, identical to your EC2 and fully operational.

  3. State whether you completed the C, B, or A level project. If you completed the XC component, you must state that to receive extra credit.

  4. If you worked with a programming partner, state your partner's name.

  5. Send email to michaelh@uoregon.edu and include the URL for your EC2 site. Tell me what to use as a name for your site on the list of 382 EC2 Web Sites on the 382 blog.

  6. Optional: add your comment as described on the 382 blog.

8. Project Help

Your instructor and GTF will have office hours as usual week 10, and project office hours in B26 Kla on Mon. and Tue. of Finals week.

Final Details

Required: Send email to michaelh@uoregon.edu, with your EC2 URL to be added to the list of 382 EC2 websites on the 382 blog.

Optional: Add your comment about using EC2 to the 382 blog.

Credits


CSS & images: Eric A. Meyer on CSS (New Riders), ch. 12. Used by permission.