Setup Instructions for
Ajax Training using JSP

1. If you haven't already, download the class files listed at the bottom of this page.
2. Create a folder in the root of your C drive called "Webucator" and extract the class files zip file to that folder.
3. Make sure that you have installed the editor you plan to use in class.
   1. See the course outline for your class to determine the software you can use.
   2. If this is for a private onsite class make sure that each computer has the editor installed.
   3. If you are using a trial version of the editor, be aware that some products require a unique trial key on each computer.

1. Create a folder called Webucator in the webapps folder in the Tomcat folder (e.g, c:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\Webucator) and extract the JSC401.zip file to that folder.
2. Locate the WEB-INF folder in webapps\Webucator\ClassFiles\JSON and copy that folder to the Webucator folder you just created.
3. In the Tomcat folder under the conf folder open the web.xml file. Change the Listings setting to true if it isn't already:

	<init-param>
		<param-name>listings</param-name>
		<param-value>true</param-value>
	</init-param>

This will allow you to see directory listings in the browser, which will make it easier to navigate between files. For this to take effect, you will need to restart Tomcat.

• The web application will be accessible from the following URL: http://localhost:8080/Webucator/ClassFiles.

Databases

There are Access databases in the ClassFiles/Setup directory. You must have Microsoft Access installed to use them for this class.

Data Source Names

Create three data source names: "Northwind", "Presidents", "DragDrop" that map to the databases of the same names in c:\Program Files\Apache Software Foundation\Tomcat5.5\webapps\Webucator\ClassFiles\Setup.

Testing The Setup

1. In your browser navigate to http://localhost:8080/Webucator/ClassFiles/MoreAjaxApps/Solutions/Presidents.jsp. You should see a table of the presidents.
2. Click once on the word "Washington" in the first row. It should become editable in a form field.
3. Modify the word (e.g, change it to "Washington2") and click the little edit icon next to it. It should blink and then show the new word.
4. Refresh the page. Your change should be shown.

Outline available at http://www.webucator.com/WebDesign/JSC401.cfm.

Class files available at http://www.webucator.com/ClassFiles/JSC401.zip.

Technical requirements listed at http://www.webucator.com/WebDesign/JSC401.cfm#TechReqs.