Danh sách các màn hình và mơ tả sơ bộ được biểu diễn thông qua bảng dưới đây
Bảng 4.38 Bảng danh sách màn hình trong hệ thống
STT Tên màn hình Mơ tả chức năng
1 Màn hình chính Màn hình chính chứa các thơng tin giới
thiệu về hệ thống cũng như điều hướng tới các chức năng chính của hệ thống
2 Màn hình đăng nhập Màn hình chứa giao diện đăng nhập vào tài
142
3 Màn hình đăng ký Màn hình chứa giao diện đăng kí tài khoản
người dùng mới
4 Màn hình danh sách hóa đơn Màn hình hiển thị danh sách hóa đơn đã
thanh tốn với dịch vụ của người dùng (Chỉ truy cập được sau khi đăng nhập)
5 Màn hình hồ sơ người dùng Màn hình hiển thị thơng tin về người dùng
cũng như gói dịch vụ họ đang sử dụng (Chỉ truy cập được sau khi đăng nhập)
6 Màn hình khung chat Màn hình hiển thị giao diện giao tiếp với
Chatbot
7 Màn hình giá cả dịch vụ Màn hình hiển thị bảng danh sách các gói
dịch vụ người dùng có thể mua
8 Màn hình thanh tốn Màn hình chứa giao diện nhập thông tin
thanh tốn của người dùng, cũng như hiển thị thơng tin về giao dịch sắp thực hiện (Chỉ truy cập được sau khi đăng nhập)
9 Màn hình thanh tốn thành
cơng
Màn hình thơng báo giao dịch đã thành công (Chỉ truy cập được khi người dùng hồn thành thanh tốn)
10 Màn hình thanh tốn thất bại Màn hình thơng báo giao dịch thất bại (Chỉ
truy cập được khi người dùng hủy thanh tốn)
11 Màn hình danh sách bài viết Màn hình hiển thị danh sách các bài viết của
hệ thống
143
13 Màn hình chỉnh sửa thơng tin
người dùng
Màn hình cho phép người dùng được sửa đổi thông tin cá nhân của tài khoản
14 Màn hình bảo mật tài khoảng
người dùng
Màn hình cho phép người dùng chỉnh sửa thiết lập bảo mật tài khoảng (Bao gồm việc đổi mật khẩu)
15 Màn hình thiết lập cá nhân
người dùng
Màn hình cho phép người dùng chỉnh sửa thiết lập cá nhân đổi với Chatbot
16 Màn hình quản trị viên Màn hình dành cho quản trị viên
17 Màn hình bảng điều khiển Màn hình hiển thị các thơng tin cơ bản của
hệ thống và một số tác vụ có thể thực hiện nhanh
18 Màn hình hiển thị thơng tin Màn hình hiển thị thơng tin kết nối của hệ
thống đến các Api bên thứ 3
19 Màn hình quản lý người dùng Màn hình hiển thị danh sách người dùng
cũng như các hành động lên người dùng
20 Màn hình chỉnh sửa thơng tin
người dùng
Màn hình hiển thị thơng tin người dùng, cho phép quản trị viên có thể chỉnh sửa một số thơng tin của người dùng
21 Màn hình quản lý bài viết Màn hình hiển thị danh sách bài viết cũng
như các hành động lên bài viết
22 Màn hình chỉnh sửa bài viết Màn hình hiển thị thơng tin bài viết, cho
phép quản trị viên có thể chỉnh sửa một số thông tin của bài viết
144
23 Màn hình quản lý hóa đơn Màn hình hiển thị danh sách hóa đơn cũng
như các hành động lên hóa đơn
24 Màn hình xem thơng tin hóa
đơn
Màn hình hiển thị thơng tin hóa đơn
25 Màn hình quản lý dịch vụ Màn hình hiển thị danh sách dịch vụ của các
gói cũng như các hành động lên quyền sử dụng các dịch vụ này
4.6.1 Màn hình chính
Hình 4.19 Giao diện màn hình chính (Chưa đăng nhập)
[1]
[2]
[3] [4]
[5]
145
Hình 4.20 Giao diện màn hình chính (Đã đăng nhập)
Bảng 4.39 Bảng danh sách các thành phần trong màn hình chính
STT Tên thành phần Loại thành phần Mô tả
1 ChatNav NavButton Dẫn người dùng đến màn hình
giao tiếp với Chatbot
2 ServiceNav NavButton Dẫn người dùng đến màn hình
giới thiệu dịch vụ
3 InfoNav NavDropdown Mở Menu Dropdown để chọn các
mục sau đây:
- Nhà phát triển: Dẫn đến màn hình giới thiệu nhà phát triển - Chức năng: Dẫn đến màn hình giới thiệu chức năng
- Blog: Dẫn đến màn hình danh sách bài viết
4 LoginNav NavButton Dẫn người dùng đến màn hình
đăng nhập
146
5 HeaderLogo ImageButton Dẫn người dùng về màn hình
chính
6 StartButton Button Dẫn người dùng đến màn hình
giao tiếp với Chatbot
7 UserNav NavDropdown Mở Menu Dropdown để chọn các
mục sau đây:
- Lịch sử thanh toán: Dẫn người dùng đến màn hình lịch sử thanh tốn
4.6.2 Màn hình đăng nhập