University of Information Technology

The Faculty of Software Engineering

Object-Oriented Software Development Project

UI Design
Sport Center Management
Version x.y

Students:
Dao Tan Hao
Vu Khanh Hoang
Mai Pham Quoc Hung
Nguyen Ngoc Quang Huy
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

Document change record sheet

Date Version Description Authors

dd/mm/yyyy x.y …………………………………… ……………………..

Page 1
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

Table of contents
Table of contents
1. The list of screens 3

2. Screen in detail 3
1. Login screen
2. Home screen
3. Booking screen
3.1. Sport field detail
3.2. Add field
3.3. Edit field
3.4. Fast booking
4. Order screen
5. Payment screen
5.1. Bill detail
6. Storage screen
7. Employee screen
8. Setting screen

Page 2
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

1. The list of screens

List all the main screens in the project

.No Name of screen
1 Home Screen
2 Order Screen
3 Payment Screen
4 Booking Screen
5 Storage Screen
6 Employee Screen
7 Setting Screen
8 Login Screen
Description/Note
View all income data and chart
Order goods for customer
Pay bill for customer
Book sport field for customer
Manage goods in storage
Manage employee
Check bill report, change password or clear data
Login to application

2. Screen in detail
For each screen in the project, it is necessary to clearly describe the presentation form and the
treatment for main events in the screen.

You need to specify to introduce in detail how to use and handle on each screen for related
events.
(Với mỗi màn hình trong đồ án, cần mô tả rõ hình thức trình bày và các xử lý đối với từng biến
cố trong màn hình.

Cần ghi rõ để giới thiệu chi tiết cách sử dụng và xử lý trên mỗi màn hình)

Page 3
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

1. Screen: Login

No Name Type Feature Calling Condition

Enter input as
1 username_text Edit Text Type in edit text
username
Enter input as
2 password_text Edit Text Type in edit text
password
Navigate to login
3 login_button Button Click the button
home screen

Page 4
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

2. Screen: Home

No Name Type Feature Calling Condition

1 reload_button Button Reload chart Click the button

Page 5
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

3. Screen: Booking

No Name Type Feature Calling Condition

Navigate to
1 football_button Button football field Click the button
detail
Navigate to
2 volleyball_button Button volleyball field Click the button
detail
Navigate to
3 basketball_button Button basketball field Click the button
detail

Page 6
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

3.1 Screen: Sport field detail

No Name Type Feature Calling Condition

1 add_button Button Add new field Click the button
2 edit_button Button Edit field detail Click the button
Fast booking
3 fastbooking_button Button field for Click the button
customer

Page 7
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

3.2 Screen: Add field

Calling
No Name Type Feature
Condition
1 add_button Button Add new field Click the button
2 cancel_button Button Exit screen Click the button
Enter input as
3 fieldname_text Edit Text Type in edit text
field name
Select child
Select field
4 fieldtype_combobox Combo Box elements of combo
type
box
Select child
Select field
5 fieldcondition_combobox Combo Box elements of combo
condition
box

Page 8
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

3.3 Screen: Edit field

Calling
No Name Type Feature
Condition
1 edit_button Button Edit field detail Click the button
Enter input as
2 oldfieldname_text Edit Text Type in edit text
old field name
Enter input as
3 newfieldname_text Edit Text Type in edit text
new field name

Page 9
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

3.4 Screen: Fast Booking

No Name Type Feature Calling Condition

1 addFastBooking_button Button Edit field detail Click the button
2 cancel_button Button Exit screen Click the button
Enter input as
3 name_text Edit Text name of Type in edit text
customer
Enter input as
4 phone_text Edit Text phone of Type in edit text
customer
Click on button
5 date_button Button Select date
calendar
Click on button
6 starttime_button Button Select start time
clock
Click on button
7 endtime_button Button Select end time
clock

Page 10
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

4. Screen: Order

Calling
No Name Type Feature
Condition
Add item in
1 item_button Button menu to current Click the button
order
Select child
Choose field
2 fieldname_combobox Combo Box elements of combo
name
box
Clear all item
3 clearall_button Button Click the button
in current order
4 order_button Button Confirm order Click the button

Page 11
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

5. Screen: Payment

Calling
No Name Type Feature
Condition
View all bill in
1 basketball_button Button Click the button
basketball field
View all bill in
2 volleyball_button Button Click the button
volleyball field
View all bill in
3 football_button Button Click the button
football field

Page 12
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

5.1. Screen: Bill detail

Calling
No Name Type Feature
Condition
1 pay_button Button Pay for the bill Click the button
Select child
Choose bill to
2 listbill_listbox List Box elements of list
pay
box

Page 13
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

6. Screen: Storage

No Name Type Feature Calling Condition

Click the text box
1 searchbar_textbox Text Box Search item
and type text
View all the
Choose the child
2 storage_listview List View items and choose
elements of list
item to edit
Enter input as
3 name_text Edit Text Type in edit text
name of item
Enter input as
4 unit_text Edit Text Type in edit text
unit of item
Enter input as
5 price_text Edit Text Type in edit text
price of item
Add new item to
6 add_button Button Click the button
storage
7 edit_button Button Edit item details Click the button
8 delete_button Button Delete item Click the button
9 selectimage_button Button Select image Click the button
Page 14
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

7. Screen: Employee

No Name Type Feature Calling Condition

View all the
employees and Choose the child
1 employee_listview List View
choose employee elements of list
to edit
Enter input as
2 name_text Edit Text employee’s Type in edit text
name
Enter input as
3 role_text Edit Text Type in edit text
employee’s role
Enter input as
4 salary_text Edit Text employee’s Type in edit text
salary
5 phone_text Edit Text Enter input as Type in edit text
employee’s

Page 15
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

phone number
Enter input as
6 birthday_text Edit Text employee’s Type in edit text
birthday
Add new
7 add_button Button Click the button
employee
Edit employee
8 edit_button Button Click the button
details
9 delete_button Button Delete employee Click the button
Select avatar of
10 selectavatar_button Button Click the button
employee

8. Screen: Setting

No Name Type Feature Calling Condition

1 cleardata_button Button Clear data Click the button
View all bill
2 billreport_button Button Click the button
report
3 logout_button Button Log out Click the button
Page 16
Name of the project Version: x.y
Statement of the project Date: dd/mm/yyyy

Change
4 changepassword_button Button Click the button
password

Page 17