VII.

GUI Design
1. Clien’t Side

2.Admin Side
2.1 Login

Description Login as admin

Connect
N/A
From

Connect To Admin’s dashboard

2.2 Admin Dashboard

Description Admin Dashboard
Connect From Login page
Connect To All
Validation N/A
Initial Values N/A

Events - When click on menu tabs, redirect to respective pages

2.1 Category List

 Description : Category Page

Connect From : Dashboard

Connect To : Category update , delete

Validation : N/A

Initial Category List

Events: - when input text field search, show result Category match keyword
- when click "Update" button, go to category-update page
- when click "Delete" button, check and delete category in database

2.2 Add Category

Description Insert new category

Connect From Category-overview page
Connect To category-overview page
- Not Blank: category name
Validation
- category name is unique
Initial Values Category parent list

- when click "Create" button, save new category to database and go to

Events
category-overview page

2.3 Brands List

Description Brands overview

Connect From Dashboard
Connect To Brands : update, delete
Validation N/A
Initial Values Brands list
- when select "Action" option, show result with amount record selected
- when input text field search, show result Category match keyword
Events
- when click "Update" button, go to category-update page
- when click "Delete" button, check and delete category in database

2.4 Add Brands

Description Insert new brand
Connect From Brand-overview page
Connect To Brand-overview page
- Not Blank: Brand name
Validation
- brand name is unique
Initial Values Brands parent list

- when click "Create" button, save new category to database and go to

Events
category-overview page

2.6 Product List

Description Product list

 Connect
Dashboard
From
Connect To Product detail, Product update
Validation N/A
Initial Values Product List

Events - When click “Update Detail”, redirect to Product update

2.7 Add Product

Description Product Update

Connect From Product Page
Connect To Product page
- All fields: not blank
- Category: not null
Validation
-Brand: not null
- Product Image: choose Image.
Initial Values N/A

Events - When click “Create”, add product in database