1. http://www.partechgss.com/inventory GKWB929E9E Gadget 7 2.00 3 /images/inventory/3.png http://www.partechgss.com/images/inventory/3.png There is a web service at the following URL:  This service generates an XML list of inventory for imaginary office supply products.  This list will generate a random number of products with random names, quantities and prices.  Each product has an ID, name, price, quantity in stock and image. Here’s an example: Use the content returned by this service to generate a shopping cart (see next slides) Web Test:

2. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $0.00 Retrieve New Inventory

3. Gadget 7 $2.00 In Stock Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $0.00 Each gray box should be able to be dragged and dropped into the green cart area. When the cart is hovered over with a product, have it change colors to indicate activity. Retrieve New Inventory

4. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $2.00 Gadget 7 $2.00 Qty: 1 Checkout Remove When the item is dropped, it is inserted into the cart and the cart total is updated. Retrieve New Inventory

5. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $2.00 Gadget 7 $2.00 Qty: 1Gadget 7 $2.00 In Stock Checkout Remove If the same item is dropped into the cart again, the quantity and cart totals should update accordingly. Retrieve New Inventory

6. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory

7. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Widget S $32.00 In Stock Checkout Remove Retrieve New Inventory

8. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $36.00 Gadget 7 $2.00 Qty: 2 Widget S $32.00 Qty: 1 Checkout Remove Retrieve New Inventory

9. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $36.00 Gadget 7 $2.00 Qty: 2 Widget S $32.00 Qty: 1 Checkout Remove Clicking a “Remove” button will remove the item from the cart and update the total accordingly. Retrieve New Inventory

10. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory

11. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory When the “Retrieve New Inventory” button is clicked, retrieve another set of data from the web service and replace the current results with the results returned.

12. Gadget 7 $2.00 In Stock Gizmo B $11.00 In Stock Widget S $32.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory Please wait. Retrieving results…

13. Widget M $78.00 In Stock Apparatus 7 $48.00 In Stock Widget W $34.00 In Stock Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory Device T $83.00 In Stock

14. Cart Total: $4.00 Gadget 7 $2.00 Qty: 2 Checkout Remove Retrieve New Inventory Widget M $78.00 In Stock Apparatus 7 $48.00 In Stock Widget W $34.00 In Stock Device T $83.00 In Stock When the “Checkout” button is clicked, serialize the items in the cart however you see fit. Display the serialized data as a string and alert it. This string should be able to be sent to another script (via POST) for processing. Required data to gather for each item: Product ID, quantity in cart, unit price.

15. Notes: The purpose of the activity is to judge the quality of the approach you take in handling both the server-side (PHP) and client-side (Javascript) components of the application. Time is a factor. Consideration will be given to those who design to the exact specifics (color, layout, form and function) laid out here in the fastest amount of time. Extra effects and functionality are certainly welcome (but NOT necessary) as long as they fit reasonably well within the limitations established in this presentation and are done in a reasonable amount of time. Watch out for items with quantity 0. If an item does not have any units in stock, do not display it. Watch out for scrolling issues. If there are many items in the inventory, make sure the list of items can be navigated while keeping the cart area on the screen at all times. We will be judging your results for consistency in all browsers (IE9, Firefox 10, Chrome 16, Safari 3) so please consider this when developing.