CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology

Wants & Needs  Online dog’s apparel (boots, coats, costumes, jewelry, sweaters).  Variety of each kind of product (different colors and styles).  Login option to track user through the site (cookie).  View cart option to help user track his/her shopping.  Online ordering/ checkout (form validation).  Other site information, i.e. services, terms of use, about us, contact us (form validation).

Navigation Approach Frames:  Top frame includes navigation links to the login, view cart, checkout, and terms of use pages.  Left frame includes navigation buttons for the shopping, service, contact, and about us pages (with swapping images). Also it has links to the boot, coat, costume, jewelry, and sweater pages (subcategories to Shopping Page).

Technical Considerations Browser compatibility:  Commercial site --> compatible to Netscape & IE 3.0 and above. Used simple techniques only:  Frame, table, javascript, links, forms.  Minimized page size for quick loading --> each page less than 50kb.  Used tables throughout the site to accurately control display in case of different browsers, window resizing.

Online Shopping and Checkout Pages: Start of E-Commerce  The user can choose quantity and add product to shopping cart.  The user can view shopping cart at any time while shopping.  Used a form to collect all the information on the checkout page.  The user’s input is sent to our when user clicks the “send form” button.  Thank You page will be displayed.