CGS4825 Assignment 4

Due Saturday, 11/26 at 11:59 pm.

Zip and upload your cgs4825 directory. Exclude all .jar, .zip and .war files.

Please use the following command to compress your cgs4825 folder. Change to your root directory on ocelot and issue the command
zip -r username cgs4825 -x \*.jar \*.zip \*.war
Replacing username with your user name.
If you have any other archived files in your directory, like .rar, or .ZIP, or .WAR, please remove them before zipping.
Check the size of the ZIP file, it should be less than 1 MB. If it is not, then you probably have another ZIP file stored in the ZIP archive. Delete it and re-zip.
Use my uploading program from ocelot to upload the file.
~downeyt/cs/public/webftp/webftp.pl
Upload the file as binary.

Configure and Start Your Apache Web Server

Request your port number. Request Port
Follow the instructions for creating a web server on ocelot
Modify the host directive in the workers.properties file in the cgs4825/server directory
worker.worker1.host=studentXX.cgs4825.cs.fiu.edu
Replacing XX with your student host number.
Modify the JKMount directive in the httpd.conf file as follows
JkMount /your-user-name/* worker1
Start your server.
You should be able to access your username web app from this URL
http://studentXX.cgs4825.cs.fiu.edu:99999/your-user-name/
Replacing XX with your student host number, and 99999 with your port number.
Create a file in the docRoot directory with the name .htaccess containing the following information. Be sure that the web can read this file. You may also add your current ipaddress to the allow from list. However, each time you finish working on your file, be sure to have only my ipaddresses on the line. You can find out your current ipaddress by running my ipaddress script. Your ipaddress will change each time you log onto the web. Set the permissions for .htaccess so that you can read and write, and everyone else can read it. Be sure that there is not a space in deny,allow
```
<limit GET POST>
order deny,allow
deny from all
allow from  131.94.129.42  216.148.152.121 131.94.129.85
</limit>
```
If you have an ip address from home, you may leave that in the file permanently. Do not leave addresses for lab machines in the file, unless you are logged into that machine.

Add a Style Sheet

Add a directory named styles to your the document root of your web server.
Create a style sheet in this directory with the following styles:
- Set a color, other than white, for the default background of the page.
- Set a color, other than black, for the default font color for the page.
- For b (bold) tags, set the font to a fantasy font. Choose at least one font that would be in the fantasy family, and have a last choice for the default fantasy font that the browser has chosen.
- Create a generic tag named larger. Set the size of the font as 20 percent larger than the font size that is inherited from its enclosing tag. Set the size relatively, not absolutely.
- Create a generic tag named tiny. Set the size of the font to 6 points. Set the size absolutely, not relatively.
- For heading tags and the TH tag, set a new font color and force all letters to be upper case.
- For input tags, set the font to a monospace font. Choose at least one font that would be in the monospace family, and have a last choice for the default monospace font that the browser has chosen.
- Create a nested style for nested OL tags. The ordering for the nested OL should be set to lowercase letters.
- Create a named style for paragraphs that indents all the text by the 5 widths of the letter x.
- Create a named style for paragraphs that has a hanging indent that is 5 widths of the letter x.
Create an index.html page in the document root of your Apache web server.
- Have it use this style sheet as an external style sheet.
- Add a table of interest to you. The table should have at least 3 rows and 3 columns. The first row should contain <TH> tags instead of <TD> tags.
- Add a paragraph that uses the larger style.
- Add a paragraph that uses the tiny style.
- Create a nested ordered list of interest to you.
- Create a paragraph that is indented. Use the style that you created.
- Create a paragraph that has a hanging indent. Use the style that you created.
- Make some of the text bold.
Modify the index.html in the root of your username web application so that it uses this style sheet.
For all the JSPs in this assignment, have them use this style sheet.

Create a new Controller servlet that is similar to the Controller servlet from HW3.

Copy the files in your-user-name/hw3 to your-user-name/hw4.
cd ~/cgs4825/webapps/your-user-name cp -r hw3 hw4
Copy the files in your-user-name/WEB-INF/hw3_JSP to your-user-name/WEB-INF/hw4_JSP.
cd ~/cgs4825/webapps/your-user-name/WEB-INF cp -r hw3_JSP hw4_JSP
Copy the files in your-user-name/WEB-INF/classes/hw3_servlet to your-user-name/WEB-INF/classes/hw4_servlet.
cd ~/cgs4825/webapps/your-user-name/WEB-INF/classes cp -r hw3_servlet hw4_servlet
Modify the application so that
- Each JSP uses your style sheet.
- Each JSP should have a heading.
- Add either a multiple selection list or a checkbox group
  - Add the appropriate form element to the edit page.
  - Add hidden fields for the chosen values in the Confirm and Process pages.
  - Display all the chosen values on the Confirm and Process pages.
- When displaying all the values for all the form elements in the Confirm and Edit pages, uses nested ordered lists.
- In the Process page, display all the data from the database in a table. The columns in the table should correspond to the properties in your bean. Be sure that all the chosen values from your selection list or checkbox group are displayed in the column for that property.