STT Tên màn hình Mô tả
1 Màn hình Welcome Màn hình được sử dụng khi người dùng lần đầu tải ứng dụng
2 Màn hình đăng nhập Màn hình cho người dùng đăng nhập vào ứng dụng bằng tài khoản và mật khẩu 3 Màn hình đăng ký Màn hình cho người dùng đăng ký tài khoản
mới
4 Màn hình quên mật khẩu Màn hình cho người dùng lấy lại mật khẩu khi quên
5 Màn hình chính – Home screen Màn hình thể hiện các bài địa điểm mới và phổ biến (theo rating)
6 Màn hình chi tiết địa điểm
Màn hình hiện các thông tin (mô tả, hình ảnh, đánh giá, người đăng) của địa điểm được chia
sẻ 7 Màn hình phân loại các địa
điểm
Màn hình hiện thị danh sách các địa điểm được phân loại theo địa điểm 8 Màn hình tìm kiếm địa điểm Màn hình tìm kiếm địa điểm theo tên 9 Màn hình tạo địa điểm mới Màn hình cho người dùng chia sẻ địa điểm
mới
10 Màn hình danh sách yêu thích Màn hình hiện danh sách địa điểm yêu thích của người dùng
11 Màn hình cài đặt tài khoản Màn hình thể hiện thông tin, cài đặt của ứng dụng
12 Màn hình thông tin cá nhân Màn hình hiện thông tin cá nhân và thay đổi thông tin cá nhân
13 Màn hình thay đổi ảnh đại diện Màn hình cho phép người dùng cập nhật ảnh đại diện mới cho mình
14 Màn hình thay đổi mật khẩu Màn hình cho người dùng thay đổi mật khẩu của tài khoản
15 Màn hình kiểm duyệt địa điểm
Màn hình dành cho admin, dùng để kiểm duyệt bài đăng địa điểm của người dùng đăng
tải 16 Màn hình chi tiết bài địa điểm
kiểm duyệt
Màn hình thể hiện thông tin chi tiết để admin có thể kiểm duyệt
29 17 Màn hình Khám phá Màn hình thể hiện các gợi ý khám phá cho
người dùng
7.2 CHI TIẾT MÀN HÌNH
7.2.1 Màn hình Welcome và Splash
STT Tên Loại Mô tả Điều kiện gọi
1 SignIn Button Button Chuyển đến màn hình
đăng nhập Ấn vào button 2 CreateAccount
Button Button
Chuyển đến màn hình
30
7.2.2 Màn hình Đăng nhập
STT Tên Loại Mô tả Điều kiện gọi
1 Email TextField Text Field Nhập tài khoản email
đã tạo Nhập nội dụng 2 Mật khẩu
TextField Text Field Nhập mật khẩu đã tạo Nhập nội dung 3 Ẩn/ hiện Button Button Ẩn hiện mật khẩu Nhấn vào button 4 Quên mật khẩu Text Button Text Button Chuyển đến màn hình quên mật khẩu Nhấn vào Text Button 5 Đăng nhập Button Button
Kiểm tra đăng nhập và chuyển vào màn hình chính nếu hợp lệ Nhấn vào Button 6 Đăng ký Text Button Text Button Chuyển đến màn hình đăng ký Nhấn vào Text Button
31
7.2.3 Màn hình Đăng ký
STT Tên Loại Mô tả Điều kiện gọi
1 Back Button Button Trờ lại màn hình đăng
nhập Nhấn vào button 2 User name Text
Field
Text Field
Nhập tên người dùng Nhập nội dung 3 Email Text Field Nhập email Nhập vào email theo
format 4 Password Text
Field Nhập mật khẩu Nhập nội dung 5 Confirm password
Text Field
Nhập xác nhận lại
mật khẩu Nhập nội dung 6 Ẩn hiện Button Button Ẩn hiện mật khẩu Nhấn vào Button 7 Radio Button Gender Radio Button Chọn giới tính Nhấn vào 1 trong 2 button 8 Check box confirm Checkbox Xác nhận đạt các điều
kiện của ứng dụng Chọn vào checkbox 9 Create Button Button Hoàn thành tạo tài
32
Màn hình Xác nhận mã OTP
STT Tên Loại Mô tả Điều kiện gọi
1 Back Button Button Chuyển đến màn hình
đăng ký Ấn vào button 2 Nhập số Text Field Text Field Điền số mã OTP được
gửi đến mail Nhập số vào ô 3 Verify Button Button Xác nhận mã OTP Nhấn vào button
33
7.2.4 Màn hình Quên mật khẩu
STT Tên Loại Mô tả Điều kiện gọi
1 Back Button Button Chuyển đến màn hình
đăng ký Ấn vào button 2 Email Text Field Text Field Nhập email đã đăng
ký Nhập nội dung 3 Send Email Button Button
Gửi đến email đã đăng ký và chuyển qua bước tiếp theo
Nhấn vào button
4 OTP Text Field Text Field Điền số mã OTP được
gửi đến mail Nhập số vào ô 5 Verify Button Button Xác nhận mã OTP và
chuyển đến bước cuối Nhấn vào button 6 New Password
Text Field Text Field
Nhập mật khẩu mới sau khi đã xác nhận mã OTP Nhập nội dung 7 Change Password Button Button Cập nhật mật khẩu
34
7.2.5 Màn hình chính – Home Screen
STT Tên Loại Mô tả Điều kiện gọi
1 Search Button Button Chuyển đến màn hình
Tìm kiếm Ấn vào button 2 List Type Button
List View Horizontal
+ Button
Danh sách phân loại các địa điểm theo loại
Tự động – Nhấn vào Button 3 Danh sách địa điểm phổ biến List View Horizontal Danh sách các địa điểm có số lượng đánh giá cao Tự động – Nhấn vào Card để vào chi tiết 4 Danh sách địa điểm mới List View Horizontal Danh sách các địa điểm mới Tự động – Nhấn vào Card để vào chi tiết
35