Assignment 2

Due: Week 15

Complete the following activities:

Assignment 2 will be a "new and improved" version of assignment 1.  Do not modify the files in your assign1 directory; instead, copy them into a new directory for assignment 2 named assign2.  You will make all corrections and updates to the files in assign2 ONLY!

            public_html
                  |
          Your course directory
                  |
             assign2
                  |
    |------------|-------|-------|-------------|
 index.html page2 page3...pagen    gradingpg

Correct any problems noted on assignment 1 grade sheet - again, make the changes only in the copied files that now are in your sub-directory assign2.   Once corrected,  add to it the various technologies we've covered.  If you want to include other technologies you've learned on your own, that's fine. 

Specifically, you must include:

  • At least one form.
  • JavaScript(s) for validation of your contact form.  You should provide a description on the grading page as to the validation that is performed.
  • A JavaScript that you've written yourself. (not one generated by a program or retrieved from an archive) This can be as simple as an alert box. BUT MUST BE YOUR CREATION.
  • Server-side script that uses form data to update and/or retrieve data from a database table.   You must make your server-side script available (make a web-page out of it) and demonstrate that the db query worked (specifically the insert or update).
  • A dHTML component from an archive site (make sure the source is clearly indicated in your code!). The component selected should add some value to the page it's on.
  • Server-side authentication for all or part of the site. Create a username "student" with password "edinboro", so that I can log into the password-protected section.   You should provide a description on the grading page as to what user authentication you used.

You must create an annotated grading page.  The page should consist of the Grading Criteria providing a link to the page where the item can be found.  The JavaScript and dHTML examples can be seen by viewing the source on the example pages.  The CGI (server-side script(s) ) you must paste into an HTML web page for my viewing purposes.  You also need to create an HTML web page that describes your database table(s) and the interaction on the table(s) (how I update and retrieve the information using your forms etc).

I can only grade those things that are fully visible.  It is up to you to make sure I can see your server-side scripts, database, etc.  Test your website and grading page completely.  I will not troubleshoot broken links etc.

 

Grading Criteria:

Design  
Design principles (layout, use of color... ) _______/15
Organization/Navigation _______/10
Corrections from Assign1 _______/5
   
Technology  
HTML form _______/15
JS Form validation _______/15
Original JS _______/5
Database component _______/10
CGI script using db _______/10
dHTML component _______/5
Server-side authentication _______/10
Other Technologies _________