Setup Instructions for
Ajax Training using PHP

  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.

Setting up XAMPP

Note, before installing XAMPP, you should turn off any other web servers you have running on your machine.

  1. XAMPP is a free distribution that makes it easy to install Apache Web Server, PHP, PEAR, and MySQL.
  2. Go to http://www.apachefriends.org/en/xampp.html and choose XAMPP for Windows, Linux, or Mac OS X (depending on your own operating system) and download the Installer file for XAMPP (not XAMPP Lite).
  3. After downloading the program, simply run it. XAMPP needs to be installed into a top-level folder (e.g., the C drive).
  4. After installing XAMPP, you must extract JSC405.zip to the C:\xampp\htdocs folder.
  5. Rename the "ClassFiles" folder "Ajax".
  6. You can start it by running XAMPP_Start.exe in the XAMPP folder (e.g., C:\XAMPP). This will start Apache Web Server, PHP and MySQL.
  7. To test the install, navigate to http://localhost. You should see the XAMPP home page.

Databases

There are MySQL database scripts in the ClassFiles/Setup directory. Open and execute them in your MySQL client software.

Data Source Names

Create three data source names: "Northwind", "Presidents", "DragDrop" that map to the databases of the same names in c:\Inetpub\wwwroot\Webucator\Ajax.

Testing The Setup

  1. In your browser navigate to http://localhost/Webucator/Ajax/ClassFiles/MoreAjaxApps/Solutions/Presidents.php. 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/JSC405.cfm.

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

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