Tom Miller's CS 433 (Corporate Web Development) Page

My Labs

Links Lab Objectives
Lab 1
DB Test
Instructions 		The objectives of Lab 1 are to make sure the student can:
  1. Access both SOU's webserver and the MySQL database;
  2. Create a "prints" table and insert data into the table;
  3. Create a shop.php file and include javascript to access images via three hyperlinks;
    Note: Being that I have five images, I've added links to all five...this is a bit more than the assignment calls for, but I'm sure it's okay.
  4. Test the database connection using a text.php file.
Lab 2
DB Test
Catalog
Instructions 		The objectives of Lab 2 are to make sure the student can:
  1. Develop and modify a test.php file so it accesses an .xml file and produces the required node values;
  2. Modify a shop.php file by adding new buttons, textboxes, and additional javascript. This file must display a catalog and can inport and display a catalog from another database;
  3. Write a getCatalog.php file which returns the catalog in XML format;
  4. Test that the shop.php file can inport a catalog.
Lab 3
Instructions		 The objectives of Lab 3 are for the student to:
  1. Part A: Create a prints.xml file from the student's getCatalog.php file from lab2. Then create a prints.xsd schema file using a schema generator, then validate the xml file against that schema file.
  2. Then create a lab3.php file and develop textboxes which when clicked by the viewer, will return text saying if the xml file is a valid or not valid.
  3. Part B: Create a prints.xsl, that will add style to the prints.xml file, using the directions found within W3Schools and the instructor's notes. Modify the php code in lab3.php file so the styles of the prints.xsl file are applied.
  4. Create or update an index page with hyperlinks to the student's lab3.php file.
  5. Grad students: Add a third button and draft a new printsMY.xsl file that will apply stylesheet data to a file called printsMY.xml. This new eXtensible Stylesheet Language Transformation (xsl) file will format the xml data into tabular form and change the table header background color to red.
Lab 4 The objectives of Lab 4 are for the student to:
  1. Download the FireFox plug-in FireBug.
  2. Use FireBug to review and manipulate various CSS elements of the SOU website to see how that website's CSS styles the site.
  3. According to the assignment, perform various steps using FireBug, and answer questions as to what the student observes when changing CSS element of the example website.
Lab 5 The objectives of Lab 5a are for the student to:
  1. Build a webpage, similar to the exercise's example webpage found on the Moodle site.
  2. Use FireBug to review the exercise's example webpage, and implement the use of CSS to structure and style that webpage.
The objectives of Lab 5b are for the student to:
  1. Using JavaScript to dynamically build and display a catalog list of books.
  2. Catagorize the books list by Title, Author, with an image link.
  3. Use a JavaScipt function to obtain and display each book's image.
Lab 6 The objectives of Lab 6 are for the student to:
  1. Setup an Include folder in the root directory of the labs website and place all style sheet files (.css), and JavaScript files (.js) in that directory.
  2. Make sure links to the css and js files are included in the head section of Lab 6 webpage.
  3. Verify that the file getCatalog.php, which was used in a previous lab, validates against the instructor's Demo page in Lab 3.
  4. Use asynchronous http request to call the getCatalog.php. Change the code from books[] to prints[].
  5. Use the appropriate Javascript DOM functions to traverse the XML document and extract the data for each print. Insert this data into the table as in Lab 5b.
  6. Link the pictures, used in the prints.xml file (see lab 3) using a showImage Javascript function to display the image in the appropriate location the webpage design.
Lab 7
getCatalog
Cart 		The objectives of Lab 7 are for the student to:
  1. Validate their getCatalog.php file with the professor's validation exercise found in Lab 3.
  2. Once their getCatalog.php validates, register as a vendor at:
    http://webpages.sou.edu/~wilson/cs433/dev/vendors.php. Copy lab6.html as lab7.html.
  3. Write a getVendors function to display a drop-down list from which users will select a vendor.
  4. When a vendor from the list is selected, the data from each vendor's getCatalog.php returns vendor data (id, name, dept, url, and description). When a print name is selected an image of that print is displayed using the vendor's url in a AJAX call.
  5. Create a 'buy me' link which passes a query string to a cart.php file.
  6. Create a separate cart.php file or for extra credit, modify the lab7.cs file, so the display of the cart appears on the same page as the print list/print image. Note: to complete this extra credit section, the original lab7.html page must be converted to a lab7.php file, with all the same html, but with the addition of php cart elements.
Lab 8 Lab 8 is a continuation of Lab 7 where:
  1. Lab 7 is refined to include AJAX calls to display cart data.
  2. Change Lab 7's 'buy me' link to a AJAX call.
  3. Create a Login function and integrate it into the project.
  4. Include a Logout link and add the user's fullname in the checkout form name field.