CGS4854 Homework 4

Due Sunday 4/23 (late 4/24 at 6am)

The homework assignments are cummulative. This homework must include the requirements form previous assignments, like the bean using a log file, writing messages to the log files, calculated fields, Apache configuration ...

If you had any errors in the previous homework, then fix them, so that you don't lose points twice for the same mistake.

Apache

Start your Apache server.

• Modify the style sheet from previous assignment.
• Limit access to the styles directory to you and to me. Limit access before you create your style sheet. I do not want anyone but you and me to be able to see your style sheet at any time.
• Change the default style for the entire page.
  • Change the color of the text to something other than black.
  • Change the color of the background to something other than white.
  • Change the font-family. Use at least three possible fonts; the last font in the list should be a generic font family. Do not include more than one generic font family in the list.
  • Set the font size
• Change the default style for the input and select tags.
  • Use a sans-serif font.
    • Use the font-family tag.
    • Choose at least two specific fonts and a generic font.
    • The last option in the list of fonts should be for the generic font.
    • Make the font 10% smaller than the default font for the page. Use a relative measurement. If the font is tiny, then you did something wrong.
  • Change the text color to a different color than the rest of the page.
  • Change the background color to a different color than the rest of the page.
• Change the default style for the kbd tag.
  • Use a relative size to make the size of the text 15% larger than the default font for the page.
  • Use a different background color than any of the other background colors on the page.
• Create a style named peligro that can only be used with kbd tags.
  • Use a relative size to make the size of the text 20% larger than the body font. Make sure you didn't make it smaller.
  • Underline the text.
  • Make the text bold.
• Change the default ordering that is used for ol tags.
  • Do not change the style for any li tags.
  • Do not create a named style.
  • Choose one of upper-roman, lower-roman, upper-alpha, lower-alpha.
• Change the default ordering for nested ol tags (ol tags inside ol tags).
  • Do not change the style for any li tags.
  • Do not create a named style.
  • Choose one of upper-roman, lower-roman, upper-alpha, lower-alpha, decimal (different from the ol ordering).
• Create a style named offset that can only be used with paragraphs.
  • Set the right margin. Use a relative measurement based on the height of the letter 'x'.
  • Set the left margin. Use a relative measurement based on the height of the letter 'M'.
  • Offset the first line of text from the margin.
• Change the default styles for h1 and h2 tags.
  • h1 and h2 headings should use a different font than the body. Use the font-family attribute and specify a very specific font, a more common font and a generic font. All of these must be different from the default fonts for the page.
  • h1 and h2 headings should have center alignment.
  • Change h1 headings as:
    • The first letter in each word in the heading should be caipalized.
    • Declare a background image for the heading.
    • Be sure the text color contrasts with the background image.
    • Turn on italic.
  • Change h2 headings as:
    • Each letter of each word should be uppercase.
    • Turn off the default bold style.
    • Change the text color.
    • Turn on underline.
• Change the default style for unvisited hypertext links.
  • Change the text color.
  • Change the background-color.
  • Turn off the underline.
  • Make the font 3/4 the size of the the body font. Use a relative measurement.
• Change the default style for visited hypertext links.
  • Change the text color.
  • Change the background-color.
  • The other changes to the unvisited style will automatically cascade to this style.
• Use the style sheet in all pages that can be accessed from Apache (except the stylesheet, itself), including error pages and all the files for your username web application on Tomcat (except the manager).
• Modify the docRoot/index.html file.
  • Add some h1 and h2 headings.
    • Create one h1 heading at the top of the page.
    • Use several h2 headings in the page. Place one before each of your paragraphs in the page. Make sure your paragraphs contain enough text so that the margin size can be observered.
    • Do not use a heading for an entire paragraph.
    • A heading should contain just a few words.
  • Use several kbd tags throughout the page.
  • Use the peligro style several times in the page.
  • Use the offset style on one of the paragraphs.
  • Add a nested, ordered list of webapps and error links.
    • The outer list should have three items: Style, Web Apps and Errors.
    • Style will have a link to the stylesheet.
    • Web Apps will have an inner list for the links to the manager and username webapp (and tutorials, if you have them).
    • Errors will have an inner list for the links that cause errors (not found and forbidden) and the link to the error folder.
• Modify the error pages.
  • Each error page should use the stylesheet.
  • Add two headings to each page: h1 and h2.
  • Add a small image to each error page. Use a src with a relative link from the root of the server, so the images will appear from anywhere in the site.

Tomcat

Create a new package for this assignment in your username web app.

• Do not change the files that were used for assignment 3.
  • Assignment 3 should still be accessible from the web app.
  • You may copy files from assignment 3 into this new package.
  • You may import files from assignment 3, if they are unchanged.
• Modify your application so that it can initialize and store complex form elements.
  • Add all the necessary files to the shared package.
  • Note that HellperBaseCh6 should be placed in the shared package.
  • Add all the necessary JAR files to the Libraries folder.

The controller for this assignment is based on the Complex Persistent controller. The bean is based on the bean from HW3, not from the Complex Persistent controller. Step-by-step instructions for the Complex Persistent Controller are available on the book's web site.

Bean

• Place the bean in the same package as the controller.
• Add annotations so that the bean can be saved to a database.
  • Annotate the class so that it can be saved to its own table.
  • Add a key field to the bean or extend it from PersistentBase.
  • Mark any properties that only have accessors so that they are not saved to the database.
• You have a choice of new properties to add:
  • You may add a radio group and a multiple selection list.
    OR
    You may add a checkbox group and a single selection list.
  • If you want to add even more properties, you may; however, you must implement at least the two that I have specified in the choices above.
• Add annotations:
  • Mark any properties that return arrays so that they can be saved to the database in a separate table.
  • Add annotations for radio groups, checkbox groups and select lists so that they can be initialized easily in a JSP.
• The bean should implement required validation.
  • The name of the bean class should be different than the name for the bean in Extra Credit 5 and Homework 3.
  • Validate that no more than three options from the checkbox group or multiple selection list have been chosen.
    • Look at 2.3. Built-in constraints in Hibernate validations. There is one there that can help you.
    • Remember that these types of elements are nullable: if nothing is checked or selected, then there will be nothing in the query string. You will also need to validate that it is not null (size 0 is not the same as null).
  • Validate that the radio group or single selection list has a valid option.
    • If the associated property in the bean is numeric, then use min and max to validate the range of the value.
    • If the associated property in the bean is a string, then user a regular expression to validate it. Validate that it matches one of the string values in the associated form element in the JSP. You will also need to validate that it is not null (size 0 is not the same as null).
  • For each field that is to be validated, display information in the web page that indicates the correct format of the data to be entered.
  • Continue to implement all the validations from HW3.
  • For all the other fields, you must implement either required validation or default validation.

Extra Credit

Extra credit is extra. After you have completed the assignment, you may add features to it for extra credit. An assignment must have a grade of at least 90% before any extra credit will be assigned.

Extra Credit 7

Add the Account Login ideas to the homework controller. The Account Login pages and logic can be added to any existing controller.

Extra Credit 8

You must complete Extra Credit 7 in order to complete Extra Credit 8.

Add the Account Cookie ideas to the homework controller. The Account Cookie pages and logic can be added to any existing controller.

Extra Credit 9

You must complete Extra Credit 7 in order to complete Extra Credit 9.

Add functionality to the wish list page.

• Add a boolean property to the bean that indicates if the record in the database is for the wish list.
• When a bean is saved to the database from the process method, clear the new property.
• When a bean is saved to the database from the wish list method, set the new property.
• On the wish list page, show all the records for the current user that have the wish list property set.
• Display the wish list items in a table. Add a column with a button for each item. When the button is clicked, set the current bean to that item and go to the confirm page.

Submitting the Assignment

Clean and Build your web application. After doing this, navigate to the WAR file in NetBeans and verify that the .java files are included: View WAR File

• Since you are using a log file that is in the web application, you will need to shut down Tomcat before you can do a Clean and Build.
• Open the Services (Runtime in 5.5) folder and open the Servers folder.
• Right-click the Tomcat server and select Stop.
• Now you can do a Clean and Build. 

In the operating system (not in NetBeans) navigate to the dist folder in the NetBeans project.

Deploy the WAR file on ocelot: Deploy a WAR File

• After deploying, open the WEB-INF/logs directory in winscp or on ocelot.
• Change the permission of the error.log file to 606. This will allow Tomcat to write to the file.
• Use the manager to stop your web application and then start it again. This will force it to reread the web.xml file so that the logger can be initialized.
• Access your application and visit all the pages, then verify that some new messages have been added to the log file.

To hand in the assignment, zip the following directories into one ZIP file and upload it.

• Please delete your old ZIP file that you used to submit homework.
  rm ~/username.zip
  Replacing username with your user name.
• Please use the following command to compress your cgs4854/webapps/username folder.
  zip -r ~/username ~/cgs4854/webapps/username -x \*.jar \*.zip \*.war
  Replacing username with your user name. This will create a file named username.zip. It contains the username web application.
• Please use the following ommand to compress your cgs4854/serverRoot folder.
  zip -r ~/username ~/cgs4854/serverRoot -x \*.jar \*.zip \*.war
  Replacing username with your user name. This will add the serverRoot folder to username.zip.
• Please use the following command to compress your cgs4854/docRoot folder.
  zip -r ~/username ~/cgs4854/docRoot -x \*.jar \*.zip \*.war
  Replacing username with your user name. This will add the docRoot folder to username.zip.
• Check the size of the ZIP file, it should be less than 3 MB. If it is not, then you probably have another ZIP file stored in the ZIP archive. Delete it and re-zip.
• You then have a choice for submitting the file.
  • If you are logged onto ocelot, use my uploading program to upload the file. Enter this command at the command prompt:
    ~downeyt/cs/public/webftp/webftp.pl
  • If you are using winscp, then download the zip file to your computer; then, upload the file to me: Submitting homework on-line via the Web.
• Upload the file as binary.

Be sure that all your files and subdirectories are included in the zip file.
After uploading, do not modify your files on ocelot until after your assignment has been graded.