TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH

KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

XÂY DỰNG HỆ THỐNG CLOUD MOBILE LAB

HỖ TRỢ TEST ỨNG DỤNG MOBIE

DETAIL DESIGN DOCUMENT

SCREEN DESIGN

Project Code:
Document Code: GRABDOCTOR-DD – v1.0

Nhóm sinh viên:

17110256 Huỳnh Quốc Hoàng Vương
17110201 Bùi Thị Hồng Nhung

Ngày 11 Tháng 06 Năm 2021

2
 MỤC LỤC
1. GIỚI THIỆU..............................................................................................................5
1.1. Mục đích...............................................................................................................5
1.2. Định nghĩa và các từ viết tắt.................................................................................5
1.3. Tổng quan.............................................................................................................5
1.3.1. Kiến trúc tổng quan....................................................................................6
1.3.2. Các tính năng cần có...................................................................................6
2. Screen Flow................................................................................................................7
2.1. Screen Flow cho ứng dụng phía bệnh nhân..........................................................7
2.1.1. SCP001. HomeScreen.................................................................................9
2.1.2. SCP002. Search Screen.............................................................................10
2.1.3. SCP003. List Booking Screen...................................................................12
2.1.4. SCP004. Profile Screen.............................................................................18
2.1.5. SCP005. Doctor Detail Screen..................................................................20
2.1.6. SCP006. Booking Screen..........................................................................22
2.1.7. SCP007. Map Screen................................................................................24
2.1.8. SCP008. Login Screen..............................................................................25
2.1.9. SCP009. Register Screen..........................................................................30
2.1.10. SCP010. Feedback Screen........................................................................32
2.1.11. SCP011. Health Records Screen...............................................................34
2.1.12. SCP012. Notification Screen...................................................................35
2.2. Screen Flow cho ứng dụng phía bác sĩ................................................................40
2.2.1. SCD001. Login Screen.............................................................................42
2.2.2. SCD002. List Today Screen.....................................................................47
2.2.3. SCD003. List Waiting Screen...................................................................49
2.2.4. SCD004. List Booking Screen..................................................................51
2.2.5. SCD005. Account Screen.........................................................................58
2.2.6. SCD006. Profile Screen............................................................................60
2.2.7. SCD007. Price Screen...............................................................................62
2.2.8. SCD008. Invoice Screen...........................................................................66

3
2.3. Screen Flow cho ứng dụng phía admin...............................................................68
2.3.1. SCA001. Login Screen.............................................................................69
2.3.2. SCA002. Home Screen.............................................................................70
2.3.3. SCA003. List New Doctor Screen............................................................71
2.3.4. SCA004. Detail Doctor Screen.................................................................73
2.3.5. SCA005. List Promotion Screen...............................................................75
2.3.6. SCA006. Edit Promotion Screen..............................................................77
2.3.7. SCA007. Add Promotion Screen..............................................................78
2.3.8. SCA008. List Doctor Screen.....................................................................80
2.4. Langding page....................................................................................................81
2.4.1. SCLP001. LandingPage Screen................................................................81
2.4.2. SCLP002. Register Screen for Doctor......................................................84

4
1. GIỚI THIỆU
1.1. Mục đích
Hiện nay, với sự phát triển của Internet và ứng dụng di động, các nền tảng thương mại
càng có cơ sở để phát triển mạnh mẽ.
Cuộc sống ngày càng phát triển, con người càng mong muốn tối ưu hoá thời gian để có
thể tập trung vào công việc của mình. Vì vậy những công việc mà trước đây đòi hỏi nhiều
thời gian như chờ khám bệnh cần được tối ưu bằng một hệ thống công nghệ thông tin.
Vì vậy, mục tiêu của đề tài là Áp dụng các kiến thức đã học để xây dựng một Nền tảng
thương mại về sức khoẻ và đời sống. Giúp bệnh nhân nhanh chóng tìm được phòng khám
phù hợp.

1.2. Định nghĩa và các từ viết tắt

Bảng sau đây định nghĩa các từ viết tắt và một số thuật ngữ sử dụng trong tài liệu.

ST
Thuật ngữ Giải thích
T
Một kiến trúc hệ thống áp dụng việc tách các chức năng thành
1 Microservices các microservice riêng giúp rút ngắn thời gian build, deploy và
maintenance.
2 API Application Programming Interface.
3 VND Vietnamese Dong hay Đồng Việt Nam.
4 Admin Người quản trị.

1.3. Tổng quan

Hệ thống sẽ có 2 nhóm người dùng chính: Khách (guest) và người dùng (User). Sẽ có hai
nhóm màn hình chính là nhóm màn hình giới thiệu và nhóm màn hình dịch vụ/quản lí
ứng với hai nhóm người dung kể trên.

5
 Kiến trúc tổng quan

1.3.1. Các tính năng cần có

Dưới đây là danh sách các tính năng cần có của hệ thống:
Phía bệnh nhân: Actor
- Đăng nhập, đăng ký
- Tìm kiếm bác sĩ xung quanh vị trí hiện tại theo chuyên khoa, bệnh.
- Xem thông tin bác sĩ.
- Đặt lịch khám.
- Huỷ lịch khám.
- Nhận nhắc lịch hoặc thông báo.
- Xem và chỉnh sửa thông tin cá nhân.

6
Phía bác sĩ: Actor
- Đăng nhập, đăng ký
- Nhận thông báo về Đặt lịch.
- Huỷ lịch khám.
- Nhận lịch khám.
- Sửa thông tin giá khám, khuyến mãi.
- Sửa thông tin cá nhân.

2. Screen Flow
2.1. Screen Flow cho ứng dụng phía bệnh nhân
No Screen Name Description
SCP001 Home Screen Màn hình chính phía bệnh nhân
SCP002 Search Screen Màn hình tìm kiếm bác sĩ
SCP003 List Booking Screen Màn hình hiển thị danh dách các lịch
khám
SCP003a List Booking Screen – Màn hình hiển thị danh sách các lịch
Not Finished List khám chưa khám
SCP003b List Booking Screen – Màn hình hiển thị danh sách các lịch
Finished List khám đã khám
SCP003c List Booking Screen – Màn hình hiển thị danh sách các lịch
CanceledList khám đã hủy
SCP004 Profile Screen Màn hình hiển thị thông tin người
dùng
SCP005 Doctor Detail Screen Màn hình hiển thị thông tin bác sĩ
SCP006 Booking Screen Màn hình đặt lịch khám
SCP007 Map Screen Màn hình hiển thị bản đồ
SCP008 Login Screen Màn hình đăng nhập
SCP009 Register Screen Màn hình đăng kí
SCP010 Feedback Screen Màn hình phản hồi
SCP011 Health Records Screen Màn hình xem chi tiết hồ sơ khám
bệnh.
SCP012 NotificationScreen Màn hình hiển thị các thông báo từ
hệ thống.

7
Hình 1: Screen Flow cho ứng dụng phía người bệnh

8
 2.1.1. SCP001. HomeScreen

Required
(Input…
No Name Type Reference Note
Validation
)
Data từ Hiển thị image mặc định khi không
1 Avatar True Image
API có dữ liệu.

9
 Tên người Data từ
2 True Text
dùng API
Khi click, chuyển đến màn hình
3 Tìm kiếm True Button
SCP002.
Data từ
4 Quảng cáo True Slider
API
Refer từ
menu Set focus Trang chủ item as the
5 Menu Menu
component above picture
at …

10
 2.1.2. SCP002. Search Screen

Require Referenc
No Name Format Note
d e
Địa chỉ hiện Data từ Hiển thị địa chỉ hiện tại định vị được
1 True Text
tại API từ thiết bị.
Nhập triệu chứng hoặc chuyên khoa
2 Tìm kiếm True Input
cần tìm.

11
 Khi click, chuyển đến màn hình
3 Thông tin True Card
SCP005.
Data từ Hiển thị image mặc định khi không
4 Avatar True Image
API có dữ liệu.
Thông tin Data từ
5 True Paragraph Tên được in đậm.
bác sĩ API
Data từ Hiển thị số sao tương ứng dữ liệu trả
6 Số sao True Icon
API về.
Data từ Hiển thị số sao tương ứng dữ liệu trả
6 Số sao True Icon
API về.
Data từ Giá tiền ghi rõ đơn vị tiền tệ, định
7 Phí khám True Text
API dạng 100.000 VND.
Giá tiền ghi rõ đơn vị tiền tệ, định
Phí khám Data từ dạng 100.000 VND.
8 False Text
chưa giảm API Cỡ chữ nhỏ hơn “Phí khám”, màu
nhạt hơn và bị gạch ngang chữ.
Phần trăm Data từ
9 False Icon
giảm API

12
 2.1.3. SCP003. List Booking Screen

Require Forma Referenc

No Name Note
d t e
Được chọn mặc định.
Chưa
1 True Tab Khi click, chuyển đến màn hình
khám
SCP003a.
Khi click, chuyển đến màn hình
2 Đã khám True Tab
SCP003b.
3 Đã hủy True Tab Khi click, chuyển đến màn hình SCP003c.

13
 2.1.3.1. SCP003a. List Booking Screen - Not Finished List

Require
No Name Format Reference Note
d
Data từ Hiển thị image mặc định khi không
1 Avatar True Image
API có dữ liệu.
Thông tin bác Data từ
2 True Paragraph
sĩ API
Thông tin
Data từ
3 ngày giờ True Text
API
khám bệnh
4 Tình trạng True Text Data từ Nếu tình trạng là “Đã xác nhận” thì
14
 có xàu xanh lá, nếu là “Chưa xác
API
nhận” thì màu xanh dương.
Nếu lịch khám có tình trạng “Đã
xác nhận” thì button bị disabled.
5 Hủy True Button
Khi click, cập nhập tình trạng
“Bệnh nhân hủy” cho lịch hen đó.

2.1.3.2. SCP003b. List Booking Screen - Finished List

No Name Require Format Reference Note

15
 d
Hiển thị mặc định ngày hiện
1 Từ ngày True DateTimePicker
tại trừ đi 30.
Hiện thị mặc định ngày hôm
nay.
2 Đến ngày True DateTimePicker
Bằng “Từ ngày” cộng thêm
30 ngày.
Data từ Hiển thị image mặc định khi
3 Avatar True Image
API không có dữ liệu.
Data từ
4 Thông tin bác sĩ True Paragraph
API
Thông tin ngày Data từ
5 True Text
giờ khám bệnh API
Nếu lịch khám đó đã đánh
giá thì button bị disabled.
6 Đánh giá True Button
Khi click sẽ chuyển sang
màn hình SCP010.
Khi click sẽ chuyển sang
7 Sổ khám True Button
màn hình SCP011.

16
 2.1.3.3. SCP003c. List Booking Screen - Canceled List

Require
No Name Format Reference Note
d
Data từ Hiển thị image mặc định khi
1 Avatar True Image
API không có dữ liệu.
Paragrap Data từ
2 Thông tin bác sĩ True
h API
Thông tin ngày giờ Data từ
3 True Text
khám bệnh API

17
 Data từ
4 Tình trạng True Text
API

18
 2.1.4. SCP004. Profile Screen

Require
No Name Format Reference Note
d
Data từ Hiển thị image mặc định khi không có
1 Avatar True Image
API dữ liệu.
Tên tài Data từ
2 True Text
khoản API
Data từ Mặc định readonly. Khi bấm “Chỉnh
3 Tên True Input
API sửa” thì tắt chế độ readonly.
Data từ Mặc định readonly. Khi bấm “Chỉnh
4 Email True Input
API sửa” thì tắt chế độ readonly.

19
 Số điện Data từ Mặc định readonly. Khi bấm “Chỉnh
5 True Input
thoại API sửa” thì tắt chế độ readonly.
Data từ Mặc định readonly. Khi bấm “Chỉnh
6 Ngày sinh True Picker
API sửa” thì tắt chế độ readonly.
Giới tính Radio Data từ Mặc định disabled. Khi bấm “Chỉnh
7 True
nam Button API sửa” thì tắt disabled.
Giới tính Radio Data từ Mặc định disabled. Khi bấm “Chỉnh
8 True
nữ Button API sửa” thì tắt disabled.
Data từ Mặc định readonly. Khi bấm “Chỉnh
9 Cân nặng True Input
API sửa” thì tắt chế độ readonly.
10 Chỉnh sửa True Button
Mặc định disabled. Khi bấm “Chỉnh
11 Lưu True Button
sửa” thì tắt disabled.

20
 2.1.5. SCP005. Doctor Detail Screen

Require
No Name Format Reference Note
d
Khi click sẽ quay lại trang trước
1 Go back True Button
(SPC002 hoặc SCP003).
Data từ Hiển thị image mặc định khi không
2 Avatar True Image
API có dữ liệu.
Thông tin Paragrap Data từ
3 True
bác sĩ h API
Khi click, chuyển đến màn hình
4 Bản đồ True Button
SCP007.

21
 Số sao trung Data từ
5 True Icon
bình API
Khi click, chuyển đến màn hình
6 Chọn lịch True Button
SCP006.
Paragrap Data từ
7 Nhận xét True Tên người nhận xét được in đậm.
h API
Data từ Hiển thị số sao tương ứng mà người
8 Số sao True Icon
API nhận xét chọn.

2.1.6. SCP006. Booking Screen

22
 Require
No Name Format Reference Note
d
1 Go back True Button Khi click sẽ quay lại trang SCP005.
Data từ Hiển thị image mặc định khi không
2 Avatar True Image
API có dữ liệu.
Thông tin Paragrap Data từ
3 True
bác sĩ h API
Khi click, chuyển đến màn hình
4 Bản đồ True Button
SCP007.
Hiển thị mặc định ngày hôm nay.
Không cho phép chọn ngày nhỏ hơn
5 Ngày khám True Picker hôm nay.
Cho phép chọn tối đa 1 tuần tính từ
ngày hôm nay.
6 Giờ khám True Picker
Data từ
7 Giá khám True Text
API
8 Mã giảm giá False Input
Data từ
9 Tổng tiền True Text
API
10 Xác nhận True Button Khi click, sẽ tạo mới lịch hẹn.
11 Hủy True Button Khi click, các giá trị sẽ được reset.

23
 2.1.7. SCP007. Map Screen

Require Forma
No Name Reference Note
d t
Data từ Nếu trang trước là SCP005 thì sẽ bị
1 Địa chỉ True Input
API disabled.
2 Định vị True Button
Chỉ
3 True Button
đường

24
 2.1.8. SCP008. Login Screen

Hình 3

Require Referenc
No Name Format Note
d e
Tên đăng nhập phải là
1 Tên đăng nhập True Text
email.
Hiển thị bằng những kí tự
2 Mật khẩu True Text
*.
3 Đăng nhâp True Button Khi bấm sẽ xác nhận người

25
 dùng.
- Nếu đúng thì chuyển sang
màn hình SCP001.
- Nếu sai thì hiển thị thông
báo.
Đăng nhập bằng Khi click chuyển sang màn
4 True Button
Facebook hình SCP008a.
Đăng nhập bằng Khi click chuyển sang màn
5 True Button
Google hình SCP008b.
Khi bấm sẽ chuyển sang
6 Đăng kí True Text Link
màn hình SCP009.

26
 2.1.8.1. SCP008a. Login Screen – Login With Facebook

Require Referenc
No Name Format Note
d e
Khi click sẽ quay về màn
1 Go back True Button
hình SCP008.
Khi click sẽ lấy tài khoản
Facebook đăng nhập.
2 Sign In True Button Nếu thành công sẽ chuyển
sang màn hình SCP001.
Nếu có lỗi sẽ thông báo lỗi.

27
 2.1.8.2. SCP008b. Login Screen – Login With Google

Require Referenc
No Name Format Note
d e
Khi click sẽ quay về màn
1 Go back True Button
hình SCP008.
Nhập email tài khoản
2 Email True Input
Google.
Nhập mật khẩu tài khoản
3 Password True Input
Google.
4 Sign In True Button Khi click, lấy tài khoản
Google đăng nhập.

28
Nếu thành công sẽ chuyển
sang màn hình SCP001.
Nếu có lỗi sẽ thông báo lỗi
(tài khoản không tồn tại,
mật khẩu không đúng)

29
 2.1.9. SCP009. Register Screen

Require Referenc
No Name Format Note
d e
Tên đăng nhập phải là
1 Tên đăng nhập True Text
email.
Hiển thị bằng những kí tự
2 Mật khẩu True Text
*.
Hiển thị bằng những kí tự
3 Nhập lại mật khẩu True Text
*.

30
 Khi bấm sẽ tạo tài khoản
người dùng.
Nếu thành công sẽ chuyển
sang màn hình SCP008 để
4 Đăng kí True Button
đăng nhập.
Nếu lỗi sẽ thông báo lỗi
(email đã có người sử dụng,
…)
Đăng nhập bằng Khi click sẽ chuyển sang
5 True Button
Facebook màn hình SCP008a.
Đăng nhập bằng Khi click sẽ chuyển sang
6 True Button
Google màn hình SCP008b.
Khi bấm sẽ chuyển sang
7 Đăng nhập True Text Link
màn hình SCP008.

31
 2.1.10. SCP010. Feedback Screen

Require
No Name Format Reference Note
d
1 Go back True Button Khi click sẽ quay lại trang SCP003b
Data từ Hiển thị image mặc định khi không có
2 Avatar True Image
API dữ liệu.
Thông tin Data từ
3 True Paragraph
bác sĩ API
4 Số sao True Button Số sao thứ mấy được click tương ứng
với số điểm,
Khi 1 sao được click thì nó và những
32
 sao nằm liền trước được tô màu vàng.
Data từ
5 Nhận xét True Text area
API
Gửi đánh Khi click, đánh giá sẽ được gửi đi.
6 True Button
giá Sau đó quay lại trang SCP003b.

33
2.1.11. SCP011. Health Records Screen

Require
No Name Format Reference Note
d
Khi click sẽ quay lại trang
1 Go back True Button
SCP003b
Ngày giờ Data từ
2 True Text
khám API
Thông tin Paragrap Data từ
3 True
bác sĩ h API

34
 Khi click thêm sẽ truy cập máy ảnh
4 Thêm True Button
điên thoại.
Khi click sẽ xóa “toa thuốc” hiên
5 Xóa True Button
tại.
Data từ
6 Toa thuốc True Image
API

2.1.12. SCP012. Notification Screen

2.1.12.1. SCP012a. Notification Screen – Accepted Booking

35
 Require
No Name Format Reference Note
d
Data từ Khi click sẽ mở màn hình
1 Thông báo True Paragraph
API SCP003a
Tiêu đề thông Data từ
2 True Text
báo API
Nội dung thông Data từ
3 True Paragraph
báo API

36
 2.1.12.2. SCP012b. Notification Screen – Not Accepted Booking

Require
No Name Format Reference Note
d
Data từ Khi click sẽ mở màn hình
1 Thông báo True Paragraph
API SCP003a
Tiêu đề thông Data từ
2 True Text
báo API
Nội dung thông Data từ
3 True Paragraph
báo API
4 Đặt lịch khác True Button Khi click sẽ mở màn hình

37
 SCP002.
5 Loại bỏ True Button Khi click sẽ tắt thông báo.

38
2.1.12.3. SCP012c. Notification Screen – Remind the schedule of medical
examination

Require
No Name Format Reference Note
d
Data từ Khi click sẽ mở màn hình
1 Thông báo True Paragraph
API SCP003a
Tiêu đề thông Data từ
2 True Text
báo API
Nội dung thông Data từ
3 True Paragraph
báo API

39
 Đã hiểu True Button Khi click sẽ tắt thông báo.
4
2.2. Screen Flow cho ứng dụng phía bác sĩ
No Screen Name Description
SCD001 Login Screen Màn hình đăng nhập
Màn hình hiển thị danh sách các lịch
SCD002 List Today Screen
khám cần khám hôm nay
Màn hình hiển thị danh sách các lịch
SCD003 List Waiting Screen
khám đang chờ xác nhận
Màn hình hiển thị danh sách các lịch
SCD004 List Booking Screen
khám
List Booking Screen – Màn hình hiển thị danh sách các lịch
SCD004a
Not Finished List khám chưa khám
List Booking Screen – Màn hình hiển thị danh sách các lịch
SCD004b
Finished List khám đã khám
List Booking Screen – Màn hình hiển thị danh sách các lịch
SCD004c
Canceled List khám đã hủy
Màn hình hiển thị menu chức năng
SCD005 Account Screen
người dung có thể sử dụng.
Màn hình hiển thị hồ sơ thông tin
SCD006 Profile Screen
người dung.
SCD007 Price Screen Màn hình thay đổi giá khám.
SCD007a Base Price Screen Màn hình thay đổi giá khám gốc.
SCD007b Promotion Price Screen Màn hình thêm khuyến mãi.
SCD008 Invoice Screen Màn hình hiển thị thông tin hóa đơn.

40
Hình 2: Flow Screen cho màn hình ứng dụng phía bác sĩ

41
2.2.1. SCD001. Login Screen

Require Referenc
No Name Format Note
d e
Tên đăng nhập phải là
1 Tên đăng nhập True Text
email.
Hiển thị bằng những kí tự
2 Mật khẩu True Text
*.
3 Đăng nhâp True Button Khi bấm sẽ tạo tài khoản
người dùng.
Nếu thành công sẽ chuyển

42
 sang màn hình SCD003
Nếu lỗi sẽ thông báo lỗi (tài
khoản không tồn tại,…)
Đăng nhập bằng Khi click sẽ chuyển sang
4 True Button
Facebook màn hình SCD001a.
Đăng nhập bằng Khi click sẽ chuyển sang
5 True Button
Google màn hình SCD001b.
Khi bấm sẽ chuyển sang
6 Đăng kí True Text Link
màn hình SCD002.

43
 2.2.1.1. SCD001a. Login Screen – Login With Facebook

Require Referenc
No Name Format Note
d e
Khi click sẽ quay về màn
1 Go back True Button
hình SCD001.
Khi click sẽ lấy tài khoản
Facebook đăng nhập.
2 Sign In True Button Nếu thành công sẽ chuyển
sang màn hình SCD003.
Nếu có lỗi sẽ thông báo lỗi.

44
 2.2.1.2. SCD001b. Login Screen – Login With Google

Require Referenc
No Name Format Note
d e
Khi click sẽ quay về màn
1 Go back True Button
hình SCD001.
Nhập email tài khoản
2 Email True Input
Google.
Nhập mật khẩu tài khoản
3 Password True Input
Google.

45
 Khi click, lấy tài khoản
Google đăng nhập.
Nếu thành công sẽ chuyển
4 Sign In True Button sang màn hình SCD003.
Nếu có lỗi sẽ thông báo lỗi
(tài khoản không tồn tại,
mật khẩu không đúng)

46
 2.2.2. SCD002. List Today Screen

Require Forma
No Name Reference Note
d t
Data từ Hiển thị image mặc định khi
1 Avatar True Image
API không có dữ liệu.
Data từ
2 Tên bệnh nhân True Text
API
Thông tin ngày Data từ
3 True Text
giờ khám bệnh API

47
 Data từ
4 Giá khám True Text
API
Khi click, cập nhập trạng thái “Đã
5 Đã khám True Button
khám” cho lịch hẹn đó.
Khi click, cập nhập trạng thái
6 Không đến True Button
“Bệnh nhân hủy” cho lịch hẹn đó.

2.2.3. SCD003. List Waiting Screen

No Name Require Forma Reference Note

48
 d t
Data từ Hiển thị image mặc định khi
1 Avatar True Image
API không có dữ liệu.
Data từ
2 Tên bệnh nhân True Text
API
Thông tin ngày Data từ
3 True Text
giờ khám bệnh API
Data từ
4 Giá khám True Text
API
Khi click, cập nhập trạng thái “Đã
5 Xác nhận True Button
xác nhận” cho lịch hẹn đó.
Khi click, cập nhập trạng thái
6 Hủy True Button
“Bác sĩ hủy” cho lịch hẹn đó.

49
 2.2.4. SCD004. List Booking Screen

Require Forma Referenc

No Name Note
d t e
Được chọn mặc định.
Chưa
1 True Tab Khi click, chuyển đến màn hình
khám
SCD005a.
Khi click, chuyển đến màn hình
2 Đã khám True Tab
SCD005b.
Khi click, chuyển đến màn hình
3 Đã hủy True Tab
SCD005c.

50
 2.2.4.1. SCD004a. List Booking Screen -Not Finished List

Require
No Name Format Reference Note
d
DateTimePicke Hiển thị mặc định ngày
1 Từ ngày True
r hiện tại
Hiện thị mặc định ngày
DateTimePicke hôm nay.
2 Đến ngày True
r Bằng “Từ ngày” cộng thêm
7 ngày

51
 Data từ Hiển thị image mặc định
3 Avatar True Image
API khi không có dữ liệu.
Data từ
4 Tên bệnh nhân True Text
API
Thông tin ngày Data từ
5 True Text
giờ khám bệnh API
Data từ
6 Giá khám True Text
API
Data từ
7 Tình trạng True Text
API
Khi click, cập nhập trạng
8 Hủy True Button thái “Bác sĩ hủy” cho lịch
hẹn đó.

52
 2.2.4.2. SCD004b. List Booking Screen - Finished List

Require
No Name Format Reference Note
d
Hiển thị mặc định ngày
1 Từ ngày True DateTimePicker
hiện tại trừ đi 7
Hiện thị mặc định ngày
hôm nay.
2 Đến ngày True DateTimePicker
Bằng “Từ ngày” cộng
thêm 7 ngày

53
 Data từ Hiển thị image mặc định
3 Avatar True Image
API khi không có dữ liệu.
Data từ
4 Tên bệnh nhân True Text
API
Thông tin ngày Data từ
5 True Text
giờ khám bệnh API
Data từ
6 Giá khám True Text
API

54
 2.2.4.3. SCD004c. List Booking Screen - Canceled List

Require
No Name Format Reference Note
d
Hiển thị mặc định ngày
1 Từ ngày True DateTimePicker
hiện tại
Hiện thị mặc định ngày
hôm nay.
2 Đến ngày True DateTimePicker
Bằng “Từ ngày” cộng
thêm 7 ngày

55
 Data từ Hiển thị image mặc định
3 Avatar True Image
API khi không có dữ liệu.
Data từ
4 Tên bệnh nhân True Text
API
Thông tin ngày Data từ
5 True Text
giờ khám bệnh API
Data từ
6 Giá khám True Text
API
Data từ
6 Tình trạng True Text
API

56
 2.2.5. SCD005. Account Screen

Require Forma
No Name Reference Note
d t
Data từ Hiển thị image mặc định khi không có
1 Avatar True Image
API dữ liệu.
Thông tin bác Data từ
2 True Text
sĩ API
Khi click, chuyển sang màn hình
3 Hồ sơ True Item
SCD007.

57
 Khi click, chuyển sang màn hình
4 Giá khám True Item
SCD008.
Khi click, chuyển sang màn hình
5 Thanh toán True Item
SCD009.

58
 2.2.6. SCD006. Profile Screen

No Name Required Format Reference Note

Khi click, quay về màn hình
1 Go back True Button
SCD006.
Hiển thị image mặc định khi
2 Avatar True Image Data từ API
không có dữ liệu.

59
 Tên tài
3 True Text Data từ API
khoản
Số sao trung
4 True Icon Data từ API
bình
5 Tên True Input Data từ API Mặc định readonly.
6 Email True Input Data từ API Mặc định readonly.
7 Số điện thoại True Input Data từ API Mặc định readonly.
8 Ngày sinh True Input Data từ API Mặc định readonly.
Giới tính Radio
9 True Data từ API Mặc định disabled.
nam Button
Radio
10 Giới tính nữ True Data từ API Mặc định disabled.
Button
11 Chuyên khoa True Input Data từ API Mặc định readonly.
12 CMND True Input Data từ API Mặc định readonly.

60
 2.2.7. SCD007. Price Screen

Require Forma Referenc

No Name Note
d t e
1 Go back True Button Khi click, chuyển đến màn hình SCD007.
2 Giá khám True Tab Khi click, chuyển đến màn hình SCD008a.
3 Giảm giá True Tab Khi click, chuyển đến màn hình SCD008b.

61
 2.2.7.1. SCD007a. Price Screen – Edit Base Price

Require Forma
No Name Reference Note
d t
1 Giá cũ True Input Data từ API Mặc định readonly.
2 Giá mới True Input Chỉ được nhập số.
Xác
3 True Button Khi click, cập nhật giá mới
nhận
4 Hủy True Text Khi click, hiển thị như ban đầu.

62
 2.2.7.2. SCD007b. Price Screen – Edit Promotion Price

Require Forma
No Name Reference Note
d t
Data từ
1 Giá khám True Input Mặc định readonly.
API
Chỉ được nhập số.
2 Giảm giá True Input Đầu vào là sô nguyên n sao cho
0<n<=100
3 Giá cuối True Input Mặc định readonly.

63
 cùng
4 Xác nhận True Button Khi click, cập nhật giá khuyến mãi.
5 Hủy True Button Khi click, đặt lại các giá trị ban đầu.

64
 2.2.8. SCD008. Invoice Screen

Require
No Name Format Reference Note
d
Khi click, quay về màn
1 Go back True Button
hình SCD007.
Date Hiển thị mặc định tháng
2 Thời gian True
picker năm hiện tại.
Data từ
3 Trạng thái True Text
API

65
 Data từ
4 Tổng doanh thu True Text
API
Data từ
5 Phí trả cho hệ thống True Text
API
Phí hoàn khuyến mãi Data từ
6 True Text
hệ thống API
Data từ
7 Tổng tiền thanh toán True Text
API

66
 2.3. Screen Flow cho ứng dụng phía admin
No Screen Name Description
SCA001 Login Screen Màn hình Đăng nhập
SCA002 Home Screen Màn hình Chính
SCA003 List New Doctor Screen Màn hình Danh sách bác sĩ cần duyệt
SCA004 Detail Doctor Screen Màn hình chi tiết bác sĩ
Màn hình Danh sách chương trình
SCA005 List Promotion Screen
khuyến mãi
Màn hình Chỉnh sửa chương trình
SCA006 Edit Promotion Screen
khuyến mãi
SCA007 Add Promotion Screen Màn hình Thêm chương trình
Màn hình hiển thị Danh sách các bác
SCA008 List Doctor Screen
sĩ

67
 2.3.1. SCA001. Login Screen

No Name Required Format Reference Note

1 Email True Input
2 Password True Input Hiển thị nội dung bằng kí tự *.
Khi click, xác minh người dung.
Nếu đúng thì chuyển qua màn
3 Đăng nhập True Button
hình SCA002.
Nếu sai thông báo lỗi.

68
 2.3.2. SCA002. Home Screen

No Name Required Format Reference Note

1 Logo True Image Data từ API
Tên tài
2 True Text Data từ API
khoản
3 Avatar True Image Data từ API
Người dung
4 True Card Data từ API
mới
5 Bác sĩ mới True Card Data từ API
Doanh thu
6 True Card Data từ API
mới
Lịch khám
7 True Card Data từ API
mới

69
 2.3.3. SCA003. List New Doctor Screen

No Name Required Format Reference Note

Khi nhấn enter, lọc dữ liệu theo
1 Tìm kiếm True Input
input đầu vào.
Được chọn mặc định.
Khi được chọn sẽ lọc danh sách
Radio bác sĩ mới đăng kí vào ngày
2 Hôm nay True
button hôm nay.
Khi được chọn “Tuần này” và
“Chọn ngày” sẽ bị disabled.
Khi được chọn sẽ lọc danh sách
Radio bác sĩ mới đăng kí vào tuần nay.
3 Tuần này True
button Khi được chọn “Hôm nay” và
“Chọn ngày” sẽ bị disabled.
Khi được chọn enable “Từ
Radio ngày” và “Đến ngày”.
4 Chọn ngày True
button Khi được chọn “Hôm nay” và
“Tuần này” sẽ bị disabled.

70
 Date time Mặc định disabled.
5 Từ ngày True
picker Hiển thị mặc định hôm nay.
Date time Mặc định disabled.
6 Đến ngày True
picker Hiển thị mặc định hôm nay.
Khi click, lọc dữ liệu theo lựa
7 Lọc True Button
chọn của người dung.
Danh sách Hiển thị danh sách bác sĩ mới
8 True Table Data từ API
bác sĩ. đăng kí.
Khi click, chuyển sang màn
9 Xem chi tiết True Button Data từ API
hình SCA004.
Khi click, hiển thị danh sách
10 Phân trang True Button Data từ API
tiếp theo.

71
 2.3.4. SCA004. Detail Doctor Screen

No Name Required Format Reference Note

Khi click, chuyển sang màn
1 Go back True Button
hình SCA003 hoặc SCA008.
Khi click, sẽ xác nhận việc tham
2 Xác nhận True Button
gia sử dụng dịch vụ của bác sĩ.
Khi click, sẽ hủy việc tham gia
3 Hủy True Button
sử dụng dịch vụ của bác sĩ.
4 Tên True Input Data từ API Hiển thị mặc định readonly.
5 Email True Input Data từ API Hiển thị mặc định readonly.
6 Số điện thoại True Input Data từ API Hiển thị mặc định readonly.
7 Chuyên khoa True Input Data từ API Hiển thị mặc định readonly.
8 CMND True Input Data từ API Hiển thị mặc định readonly.
9 Phòng khám True Input Data từ API Hiển thị mặc định readonly.
10 Địa chỉ True Input Data từ API Hiển thị mặc định readonly.
11 Mã số thuế True Input Data từ API Hiển thị mặc định readonly.
12 Avatar True Image Data từ API
Giấy phép
13 True Image Data từ API
kinh doanh

72
73
 2.3.5. SCA005. List Promotion Screen

No Name Required Format Reference Note

Khi click, chuyển sang màn
1 Thêm mới True Button
hình SCA007.
Khi click, tải excel chưa danh
2 Xuất excel True Button sách các khuyến mãi từ “Danh
sách khuyến mãi”
Khi nhấn enter, lọc dữ liệu theo
3 Tìm kiếm True Input
input đầu vào.
Dropdow Trạng thái của khuyến mãi: tất
4 Trạng thái True Data từ API
n button cả, còn hạn, hết hạn.
Date time
5 Từ ngày True Hiển thị mặc định hôm nay.
picker
Date time
6 Đến ngày True Hiển thị mặc định hôm nay.
picker
Khi click, lọc dữ liệu theo lựa
7 Lọc True Button
chọn của người dung.
Danh sách
8 True Table Data từ API Hiển thị danh sách khuyến mãi
khuyến mãi

74
 Khi click, chuyển sang màn
9 Xem chi tiết True Button Data từ API
hình SCA006.
Khi click, chuyển sang màn
10 Sửa True Button Data từ API
hình SCA006.
Khi click, hiện ra dialog xác
minh việc hủy,
11 Xóa True Button Data từ API Nếu chọn OK, khuyến mãi
được chọn sẽ bị xóa.
Nếu chọn cancel, dialog đóng.
Khi click, hiển thị danh sách
12 Phân trang True Button Data từ API
tiếp theo.

75
 2.3.6. SCA006. Edit Promotion Screen

No Name Required Format Reference Note

Khi click, chuyển sang màn
1 Go back True Button
hình SCA005.
Khi click, sẽ lưu thông tin
2 Xác nhận True Button
khuyến mãi sau khi sửa.
Khi click, sẽ đặt lại thông tin
3 Hủy True Button
như ban đầu.
4 Mã code True Input Data từ API
5 Nội dung True Input Data từ API
6 Ghi chú True Input Data từ API
Dropdown
7 Đối tượng True Data từ API Là bác sĩ hay bệnh nhân.
button
Datetime
8 Hiệu lực từ True Data từ API .
Picker
Ngày hết Datetime
9 True Data từ API
hạn Picker
Chọn hình Khi click, truy cập thư mục
10 True Button
ảnh trong máy để chọn hình ảnh.

76
11 Hình ảnh True Image Data từ API

2.3.7. SCA007. Add Promotion Screen

No Name Required Format Reference Note

Khi click, chuyển sang màn
1 Go back True Button
hình SCA005.
Khi click, sẽ lưu thông tin
2 Xác nhận True Button
khuyến mãi.
Khi click, sẽ xóa thông tin đã
3 Hủy True Button
điền
4 Mã code True Input
5 Nội dung True Input
6 Ghi chú True Input
Dropdown
7 Đối tượng True Là bác sĩ hay bệnh nhân.
button
Datetime
8 Hiệu lực từ True Hiển thị mặc định hôm nay.
Picker
9 Ngày hết True Datetime Hiển thị mặc định hôm nay.

77
 hạn Picker
Chọn hình Khi click, truy cập thư mục
10 True Button
ảnh trong máy để chọn hình ảnh.
11 Hình ảnh True Image

78
 2.3.8. SCA008. List Doctor Screen

No Name Required Format Reference Note

Khi click, tải excel chứa danh
1 Xuất excel True Button sách các bác sĩ từ “Danh sách
bác sĩ”
Khi click, xuất file pdf chứa
2 In True Button danh sách các khuyến mãi từ
“Danh sách khuyến mãi”
Khi nhấn enter, lọc dữ liệu theo
3 Tìm kiếm True Input
input đầu vào.
Danh sách
4 True Table Data từ API Hiển thị danh sách bác sĩ.
bác sĩ
Khi click, chuyển sang màn
5 Xem chi tiết True Button Data từ API
hình SCA004.
Khi click, hiển thị danh sách
6 Phân trang True Button Data từ API
tiếp theo.

79
2.4. Langding page
2.4.1. SCLP001. LandingPage Screen

80
81
 Require
No Name Format Reference Note
d
1 Trang chủ True
2 Logo True Image
3 Trang chủ True Button Khi click, chuyển qua phần “1”.
4 Thành tựu True Button Khi click, chuyển qua phần “9”.
Khi click, chuyển qua phần
5 Cho bệnh nhân True Button
“13”.
Khi click, chuyển qua phần
6 Cho bác sĩ True Button
“16”.
Khi click, chuyển qua phần
7 Về chúng tôi True Button
“19”.
Khi click, chuyển qua màn hình
8 Đăng kí True Button
SCLP002.
9 Thành tựu True
10 Số bệnh nhân True Text Data từ API
11 Điểm hài lòng True Text Data từ API
12 Video True Video
13 Cho bệnh nhân True
Khi click, mở trang download
14 App store True Button phần mềm cho bệnh nhân trên
App Store của điện thoại IOS.
Khi click, mở trang download
phần mềm cho bệnh nhân trên
15 Google Play True Button
Google Play của điện thoại
Android.
16 Cho bác sĩ True
Khi click, mở trang download
17 App store True Button phần mềm cho bác sĩ trên App
Store của điện thoại IOS.
Khi click, mở trang download
phần mềm cho bác sĩ trên
18 Google Play True Button
Google Play của điện thoại
Android.
19 Về chúng tôi True
20 Logo True Image
21 Trang chủ True Button Khi click, chuyển qua phần “1”.
22 Thành tựu True Button Khi click, chuyển qua phần “9”.
Khi click, chuyển qua phần
23 Cho bệnh nhân True Button
“13”.
Khi click, chuyển qua phần
24 Cho bác sĩ True Button
“16”.
82
 Khi click, chuyển qua phần
25 Về chúng tôi True Button
“19”.
26 Email True Input
Khi click, thông tin trong
27 Gửi True Button
“Email” sẽ được gửi đi.
Khi click, sẽ chuyển qua kênh
28 Social Link True Button
xã hội tương ứng của trang web.

2.4.2. SCLP002. Register Screen for Doctor

No Name Required Format Reference Note

1 Họ và tên True Input
2 Email True Input
3 Số điện thoại True Input
Chuyên
4 True Input
khoa
5 Nơi công tác True Input
6 Phòng khám True Input
7 Địa chỉ True Input
8 Tải CMND True Button Khi click, truy cập vào thư mục
83
 trong máy tính để chọn tệp gửi
lên.
Tải Chứng Khi click, truy cập vào thư mục
9 chỉ hành True Button trong máy tính để chọn tệp gửi
nghề lên.
Khi click, thông tin về bác sĩ sẽ
10 Đăng kí True Button được đăng kí cho hệ thống, đợi
xác nhận.

84