4.3.3 User Interface Design
Before implementing the actual design of the project, a few user interface designs were constructed to visualize the user interaction with the system as they browse for books, create a shopping cart and purchase books. The user interface design will closely follow our Functional Decomposition Diagram to show the initial designs of the web pages.
MAIN MENU SHOWING ALL THE SUB-MENUS
| SITE LOGO SITE LOGO | CUSTOM ANIMATIONS | CUSTOM ANIMATION | FRONT VIEW OF THE SUPERMARKET | |||||
| HOME | PRODUCTS | REGISTER | ORDER NOW | ABOUT US | CONTACT US | ADMIN LOGIN | HELP | |
Table 4.6
PRODUCT DETAILS
| HOME | PRODUCTS | REGISTER | ORDER NOW | ABOUT US | CONTACT US | ADMIN LOGIN | HELP | |||
| LIST OF PRODUCTS | ||||||||||
| PRODUCT ID | DESCRIPTION | QUANTITY | PRICE | |||||||
| 1 | LG TELEVISION | 8 | 76000 | |||||||
| 2 | TOSHIBA LAPTOP, 250G, 2G RAM, WIRELESS | 6 | 74000 | |||||||
| 3 | CONICAL DIGITAL CAMERA | 6 | 45000 | |||||||
| 4 | HP LAPTOP, 250G, 2G RAM, WIRELESS, BLUETOOTH | 6 | 80000 | |||||||
Table 4.7 Display of goods present in the store
This is the product sub-menu that shows all the item by item description of all the goods present at the store, the price and the quantity left.
CUSTOMER REGISTERATION FORM
| HOME | PRODUCTS | | REGISTER | ORDER NOW | ABOUT US | CONTACT US | ADMIN LOGIN | HELP | ||||
| | CUSTOMER REGISTERATION FORM | | ||||||||||
| | LOGIN | | ||||||||||
 SURNAME | | |||||||||||
| FIRSTNAME | | |||||||||||
| USERNAME | | |||||||||||
| PASSWORD | | |||||||||||
| CONFIRM PASSWORD | | |||||||||||
| ADDRESS | | |||||||||||
| STATE | | |||||||||||
| EMAIL | | |||||||||||
| PHONE NUMBER | | |||||||||||
| | | | ||||||||||
| | | | | |||||||||
Table 4.8
No comments:
Post a Comment