INCLUDEPICTURE CÔNG TY CỔ PHẦN LỮ HÀNH FIDITOUR

"https://lh5.googleusercont Địa chỉ: 127-129-129A Nguyễn Huệ, Phường Bến Nghé,

ent.com/X8rRHJtntjLT5y Quận 1, TP. Hồ Chí Minh
b65u- Số điện thoại: (028) 39 14 15 16
ZXpwkJyp333CgT3I5VUI Website: www.fiditour.com
KNHkPD0th6_9nn7A1QZ
wdCBaW_7NqOJE05dPW
2JQCRb0G9NrQDWtZu3f
vmpR8Q0Xhz6arICf6Al0x
sneOIEqn_uzx_OTjObhoe
-
RW0JyoAJr_V8vdRVh3d
EVnGCk8CpNRI2n81OTe
Wb8ZsqWppbUi" \*
MERGEFORMATINET
INCLUDEPICTURE
"https://lh5.googleusercont
ent.com/X8rRHJtntjLT5y
b65u-
ZXpwkJyp333CgT3I5VUI
KNHkPD0th6_9nn7A1QZ
wdCBaW_7NqOJE05dPW
2JQCRb0G9NrQDWtZu3f
vmpR8Q0Xhz6arICf6Al0x
sneOIEqn_uzx_OTjObhoe
-
RW0JyoAJr_V8vdRVh3d
EVnGCk8CpNRI2n81OTe
Wb8ZsqWppbUi" \*
MERGEFORMATINET
INCLUDEPICTURE
"https://lh5.googleusercont
ent.com/X8rRHJtntjLT5y
b65u-
ZXpwkJyp333CgT3I5VUI
KNHkPD0th6_9nn7A1QZ
wdCBaW_7NqOJE05dPW
2JQCRb0G9NrQDWtZu3f
vmpR8Q0Xhz6arICf6Al0x
sneOIEqn_uzx_OTjObhoe
-
RW0JyoAJr_V8vdRVh3d
EVnGCk8CpNRI2n81OTe
Wb8ZsqWppbUi" \*
MERGEFORMATINET
INCLUDEPICTURE
"https://lh5.googleusercont
ent.com/X8rRHJtntjLT5y
b65u-
ZXpwkJyp333CgT3I5VUI
KNHkPD0th6_9nn7A1QZ
wdCBaW_7NqOJE05dPW
2JQCRb0G9NrQDWtZu3f
vmpR8Q0Xhz6arICf6Al0x
sneOIEqn_uzx_OTjObhoe
-
RW0JyoAJr_V8vdRVh3d
EVnGCk8CpNRI2n81OTe
Wb8ZsqWppbUi" \*
MERGEFORMATINET

Đề tài:
Xây dựng hệ thống Công ty du lịch Fiditour

HTTT.04.05 Thành phần GIAO DIỆN

Thực hiện: Hồ Như Hảo - 31201023309

Nguyễn Thị Mai Hiền - 31201023833

Phạm Thị Thu Hồng - 31201023845

Nguyễn Thị Khánh Huệ - 31201023848

Bùi Thị Thanh Hương - 31201023855

Impression: 01.12.2022
LƯU HÀNH NỘI BỘ

Tháng 11 năm 2022

Impression: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR iv

Giới thiệu
Tài liệu HTTT.04.05 được biên soạn trong khuôn khổ đề tài “Xây dựng hệ thống
Công ty du lịch Fiditour Công ty du lịch Fiditour”, nhằm xây dựng HTTT phục vụ
công tác quản lý hoạt động đặt tour của hệ thống.

Biên soạn:

 Tên file: 630249725.doc

Ngày Nội dung cập nhật

01/10 Cập nhật Giao diện khách hàng đặt
05/10 Cập nhật Giao diện nhân viên quản lý tour
10/11 Cập nhật Giao diện đại lý Fiditour

Công cụ:

 Mô hình: UX/UI
 Phần mềm: Figma

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR v

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR vi

Mục lục

I. GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR...............................................................................4

I.1 Màn hình Trang chủ Fiditour.................................................................................................4
I.2 Màn hình Đăng ký người dùng...............................................................................................4
I.3 Màn hình Đăng nhập người dùng...........................................................................................5
I.4 Màn hình Trang chủ (sau khi người dùng đăng nhập thành công).........................................5
I.5 Màn hình Tài khoản người dùng.............................................................................................5
I.6 Màn hình đặt tour...................................................................................................................6
I.7 Màn hình Đơn đặt tour...........................................................................................................8
I.8 Màn hình Hủy tour................................................................................................................10

II. GIAO DIỆN NHÂN VIÊN QUẢN LÝ TOUR.......................................................................12

II.1 Màn hình Trang chủ giao diện nhân viên............................................................................12
II.2 Màn hình Tài khoản nhân viên............................................................................................12

III. giao diện đại lý fiditour..........................................................................................................16

III.1 Màn hình Trang chủ...........................................................................................................16
III.2 Màn hình Đăng ký..............................................................................................................16
III.3 Màn hình Đăng nhập..........................................................................................................17
III.4 Màn hình Đăng ký đại lý....................................................................................................17
III.5 Màn hình Trang chủ chế độ Đại lý.....................................................................................18
III.6 Màn hình Đặt tour - Đại lý.................................................................................................19
III.7 Màn hình Danh sách đặt tour - Đại lý................................................................................20

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 7

I. GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR

I.1 Màn hình Trang chủ Fiditour

- Khách hàng đăng ký người dùng Fiditour.
- Nút đăng ký đại lý trực quan trên màn hình để các công ty dễ dàng thực hiện đăng ký làm đại
lý của Fiditour.

I.2 Màn hình Đăng ký người dùng

- Khách hàng đăng ký tài khoản người dùng bằng số điện thoại.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 8

I.3 Màn hình Đăng nhập người dùng

Sau khi đăng ký thành công, người dùng có thể thực hiện đăng nhập để truy cập vào tài khoản.

I.4 Màn hình Trang chủ (sau khi người dùng đăng nhập thành công)
Sau khi đăng nhập thành công, tài khoản người dùng có menu gồm: Tài khoản của tôi, đơn đặt
tour, đăng xuất giúp người dùng thực hiện các thao tác dễ dàng. 

I.5 Màn hình Tài khoản người dùng

- Sau khi đăng ký và đăng nhập thành công, người dùng vào Hồ sơ của tôi để cập nhập thông
tin, hình thức thanh toán, địa chỉ, mật khẩu hoặc xem trạng thái đơn đặt tour. 

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 9

- Thông báo cập nhật hồ sơ thành công.

I.6 Màn hình đặt tour

- Sau khi bấm vào tour muốn đặt, người dùng xem thông tin tour.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 10

- Khách hàng điền đầy đủ thông tin phiếu đặt tour.

- Và chọn phương thức thanh toán, thông báo đặt tour thành công.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 11

I.7 Màn hình Đơn đặt tour

- Ở thanh menu, khách hàng chọn nút đơn đặt tour để xem và chỉnh sửa các trạng thái đặt đơn
đặt tour bao gồm: Tour đang chờ đi, tour đang đi, tour đã đi, tour đang chờ hủy/ hủy thành
công, tour đang chờ thanh toán.

(Màn hình tour đang chờ đi)

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 12

((Màn hình tour đang đi)

(Màn hình tour đã đi)

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 13

(Màn hình tour đang chờ thanh toán)

I.8 Màn hình Hủy tour

- Khách hàng bấm vào “yêu cầu hủy tour”, thông báo yêu cầu nhập lý do hủy hiện lên và khách
hàng xác nhận yêu cầu hủy.

- Sau đó trạng thái tour được cập nhật là Đang chờ hủy.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 14

- Sau khi nhân viên đã gửi thông tin hủy tour và khách hàng xác nhận đồng ý hủy tour thì trạng
thái tour cập nhật là đã hủy + đã hoàn tiền.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 15

II. GIAO DIỆN NHÂN VIÊN QUẢN LÝ TOUR

Nhân viên quản lý tour được cấp một tài khoản nhân viên. 

II.1 Màn hình Trang chủ giao diện nhân viên

II.2 Màn hình Tài khoản nhân viên

- Nhân viên tạo và điền thông tin tour mới.

- Nhân viên quản lý danh sách, thông tin đơn đặt tour ở mục Đơn đặt tour.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 16

- Nhân viên quản lý danh sách, thông tin tour ở mục Quản lý tour.

- Nhân viên quản lý sổ quỹ: tạo phiếu thu, phiếu chi, công nợ, ...

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 17

- Nhân viên quản lý danh sách, thông tin nhân viên đi tour là hướng dẫn viên.

- Nhân viên quản lý thông tin, danh sách các đại lý và đăng ký đại lý.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 18

- Nhân viên quản lý thông tin, danh sách các nhà cung cấp của Fiditour.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 19

III. GIAO DIỆN ĐẠI LÝ FIDITOUR

III.1 Màn hình Trang chủ

- Trước khi đăng ký làm đại lý của Fiditour người dùng vẫn vào trang chủ chung.

III.2 Màn hình Đăng ký

- Nhân viên đại lý thực hiện đăng ký, đăng nhập với số điện thoại như khách hàng của Fiditour.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 20

III.3 Màn hình Đăng nhập

- Đăng nhập thành công

III.4 Màn hình Đăng ký đại lý

- Người dùng có thể đăng ký đại lý trực tiếp trên website qua nút Đăng ký đại lý

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 21

III.5 Màn hình Trang chủ chế độ Đại lý

- Giao diện này giống với giao diện người dùng nhưng ở chế độ Đại lý: Nhân viên Đại lý có
thể đặt đơn cho khách hàng đại lý như quy trình khách hàng Fiditour đặt đơn trên website.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 22

III.6 Màn hình Đặt tour - Đại lý

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 23

III.7 Màn hình Danh sách đặt tour - Đại lý

- Nhân viên đại lý quản lý danh sách, thông tin, trạng thái đặt tour của khách hàng đại lý: mỗi
đơn đặt tour có mã đại lý, mã phiếu đặt tour và thông tin khách hàng.

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022
GIAO DIỆN KHÁCH HÀNG ĐẶT TOUR 24

Xây dựng hệ thống Công ty du lịch Fiditour –

HTTT.04.05.Thành phần GIAO DIỆN Ngày in: 01.12.2022