User Interface Document Imarket Application.pdf

From Condition ControlType Target Notes1 Input Textbox Input the user’s email 2 Input Textbox Input the put user’spassword 3 Click Button Click to go to the user'smain screen Click to go

International School CAPSTONE PROJECT 1

CMU-SE 450 BISUSER INTERFACE DOCUMENT

Version 1.0 Date: 21 February 2023IMARKET APPLICATION

( GMH )

Submitted by

Nguyen The NhatBui Son ThaiDang Hong PhucDao Quang Nhat

Approved by

Proposal Review Panel Representative:

Name Signature Date

Capstone Project 1- Mentor: Nguyen Trung Thuan

Name Signature Date

PROJECT INFORMATION

PROJECT INFORMATION

Project Acronym GMH

Project Title iMarket

Start Date 21 - Feb - 2023

End Date: 20 - May - 2023

Lead Institution International School, Duy Tan University

Project Mentor M.Sc Thuan, Nguyen Trung

Scrum Master Nguyen The Nhat nhatlak559@gmail.com 0359784959

Team Members Bui Son Thai sonthai1310.works@gmail

The following signatures are required for approval of this document

Mentor Nguyen Trung Thuan

1.3 UI-03: Address setting 11

1.4 UI-04: Main screen 131.5 UI-05: View history 13

1.6.UI-06: Forgot password 141.7 UI-07: Suggest Food 15

1.8 UI-08: Product categories 16

2.2 UI-02: Show dashboard 20

2.3 UI-03: Manage accounts 21

- Create complete interfaces and describe them clearly.

II List of user Interface

1 End-user

User Interface ID UI Name Description

UI-01 Login This is the login page of EndUser.UI-02 Register This is the EndUser's account

registration page

This function allows users to addtheir address information to the

accountUI-04 Change Password This page allows users to set a

new password

Allows users to view the historythat they have ordered at theapplication

This page allows users to forgettheir password and receive apassword suggestion from GMHsent to the user's email

UI-07 Suggest Food This function allows users to find

food suggestions for themselves

UI-08 Product categories

This function allows the user toselect the product type and add theproduct to the cartUI-09 Cart This function allows users to select

products to buy and pay

2 Admin

UI-01

Login The date function allows the admin

to log into the systemUI-02

Show dashboard administrator to see an overviewThis function allows theUI-03

Manage accounts This function allows the user to

manage all employee accountsUI-04

Supplier This function allows the

administrator to select the supplier

3 Shipper

UI-01

Login This function allows the Shipper

to log into the accountUI-02

Accept order This function allows the Shipper

to receive ordersUI-03

View CustomerAddress

This function allows Shipper toview customer and supplierinformationUI-04

Edit Profile This function allows the Shipper

to edit personal information

III Describe User Interface

1 EndUser

1.1 UI-01: Login

From Condition ControlType Target Notes

1 Input Textbox Input the user’s email

2 Input Textbox Input the put user’spassword

3 Click Button Click to go to the user'smain screen

Click to go to the forgotpasswordpage

5 Click Button Click to go to the registerscreen

1.2 UI-02: Register

1 Input Textbox Input the user's account

name

2 Input Textbox Input the user’s email

3 Input Textbox Input the put user’s

password

4 Click Button Click to show/hide the

password

5 Click Button Click to create an account

and go to the next step

6 Click Button Click to return to the login

screen

7 Click Button Click to return to the

account registration screen

8 Input Number Input the user phone

number

9 Click Button number confirmation pageClick to go to the phone

10 Click Button phone number entry pageClick to return to the

11 Click Number Input the verification code

to the user's phone number

12 Click Button Click to complete account

registration

1.3 UI-03: Address setting

From Condition ControlType Target Notes

2 Click Button Click and select the user

address

3 Click Button Click to finish setting up

the address

4 Click Button Click finish and start

ordering

1.4 UI-04: Main screen

1.5 UI-05: View history

From Condition Control Type Target Notes

back

2 Click Button Click to order

back

1.6.UI-06: Forgot password

From Condition Control Type Target Notes

back

2 Click Button select nextClick and

back to forgot

password page

4 Input Textbox Input lost newpassword

5 Input Textbox new passwordInput again

1.7 UI-07: Suggest Food

From Condition Control Type Target Notes

Click to return

to thehomepage

From Condition Control Type Target Notes

Click to return

to thehomepage

2 Click Button Click to filtercategories

product type

Click tochoose anotherproductcategory

Click to return

to productcategory

products

products

8 Click Button Click to reducethe quantity

9 Click Button Click to addquantity

back

Click to addthe requiredquantity

cart

1.9 UI-09: Cart

From Condition Control Type Target Notes

1 Click Button Click to goback

Click toincreaseproduct

3 Click Button Click to reduceproduct

4 Click Button Click to deleteproduct

2 Admin

2.0 UI-01: Login

1 Input Textbox Click to enter account

2 Input Textbox Click to enter thepassword

2.2 UI-02: Show dashboard

2 Input Button Click to select product

3 Click Button Click to choose the agent

4 Click Button Click to view staff

2.3 UI-03: Manage accounts

1 Input Button Click to show staff

2 Input Button Click to view employee

information

3 Click Button Click to delete employee

2.4 UI-04- Supplier

From Condition ControlType Target Notes

1 Input Button Click to select product

2 Input Button Click to find supplier code

3 Click Button Click to select the product

code to order

4 Click Button Click to choose the agent

3 Shipper

2.5 UI-01: Login

1 Input Textbox Input the user’s email

2 Input Textbox Input the put user’spassword

2.6.UI-02: Accept order

1 Input Textbox Click to search by single

code

2 Input Textbox Click to view order details

3 Click Button Click to receive your order

2.7.UI-03: View Customer Address

2.8.UI-04: Edit Profile

1 Input Button Click to edit personal

information

2 Input Textbox Click to edit birthday

3 Click Textbox Click to edit phone

number

5 Input Button Click to log out of your

account