1. Grocery Store Outline
csc242 – web programming

2. Home Home Page (look at HomePage.JPG) Contains primary links
Uniform among pages
Suggestion: use table or DIV based header/footer

3. Create Account Create an account in the grocerystore DB
Look at Login.JPG
This is a “fake” account for the Grocery Store!
Not the same as your DB login account!
Collect and verify user information
Use SQL command to create (insert) the account in the DB
This should include a password for the user to login with!
The account information is stored in the Customers table in the DB

4. Login User must login to their grocerystore account to make a purchase
Look at Login.JPG
Use SQL to query the Customers table in DB for a matching and password
If a match is found
Create a new session – store the customer name and ID in the session
This is how you will tell if they are logged in!
Display a post-login page or message to indicate a successful login (PostLogin.JPG)
If no match
output a message directing them to create an account
And close any existing session!

5. Browser Browse (Browse.JPG)
Enable browsing by product category or by pattern search
You are free to implement this as you wish
Just be sure to have both capabilities available
Use SQL commands to access product information from the Products and Categories tables
Display results together with a capability to add items to a shopping cart

6. Adding Products Browser result will be:
list of products
A capability to add products to the shopping cart
See AddToOrder.JPG
User can enter quantities for purchase
Only if logged in!
If not, issue a message directing them to the login page
After entering products, send them to the shopping cart

7. Shopping Cart View the shopping cart prior to a purchase
Items can be removed
Items can be added (via the browser results)
Include tax and S&H
ShowCart.JPG
Shopping Cart must be maintained in session variables!
Not in the database!

8. Checkout On Checkout Use the customer ID to create/access an order
Create the order in the Orders table
Leave the date empty (NULL) at this point
OrderID will automatically increment (so it will be unique)
OR access an existing one
Look for an order matching the customer ID and a NULL date
Add the products in the session cart to the OrderDetails table
Use the OrderID just created/found (to link those products to this order)
CheckOut.JPG

9. Order Confirmation Find the matching order in the Orders table
By customer ID and NULL date
Update the final tax, S&H
Add the date – (so now the order will be finalized)
FinalOrder.JPG

10. Order history View Customer order history
List all orders for the user’s CustomerID in Orders
MyOrders.JPG
Capabilty to select and view a past order
Display an order by OrderID in Orders
List all products matching that OrderID in OrderDetails
ShowOrder.JPG