Đề 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

GIAO DIỆN KHÁCH HÀNG ĐẶT TOURI.1 Màn hình Trang chủ Fiditour - Khách hàng đăng ký người dùng Fiditour.. I.3 Màn hình Đăng nhập người dùngSau khi đăng ký thành công, người dùng có thể thự

KNHkPD0th6_9nn7A1QZ wdCBaW_7NqOJE05dPW 2JQCRb0G9NrQDWtZu3f vmpR8Q0Xhz6arICf6Al0x sneOIEqn_uzx_OTjObhoe

RW0JyoAJr_V8vdRVh3d EVnGCk8CpNRI2n81OTe Wb8ZsqWppbUi" \*

-MERGEFORMATINET INCLUDEPICTURE

"https://lh5.googleusercont ent.com/X8rRHJtntjLT5y

ZXpwkJyp333CgT3I5VUI KNHkPD0th6_9nn7A1QZ wdCBaW_7NqOJE05dPW 2JQCRb0G9NrQDWtZu3f vmpR8Q0Xhz6arICf6Al0x sneOIEqn_uzx_OTjObhoe

b65u RW0JyoAJr_V8vdRVh3d EVnGCk8CpNRI2n81OTe Wb8ZsqWppbUi" \*

-MERGEFORMATINET INCLUDEPICTURE

"https://lh5.googleusercont ent.com/X8rRHJtntjLT5y

ZXpwkJyp333CgT3I5VUI KNHkPD0th6_9nn7A1QZ wdCBaW_7NqOJE05dPW 2JQCRb0G9NrQDWtZu3f vmpR8Q0Xhz6arICf6Al0x sneOIEqn_uzx_OTjObhoe

b65u-Website: www.fiditour.com

vmpR8Q0Xhz6arICf6Al0x

sneOIEqn_uzx_OTjObhoe

RW0JyoAJr_V8vdRVh3d

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

LƯU HÀNH NỘI BỘ

Tháng 11 năm 2022

 Tên file: 630249725.doc

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

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

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.

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

- 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

- 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.

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)

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

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

(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 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

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 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ợ,

- 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ý.

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

III GIAO DIỆN ĐẠI LÝ FIDITOUR

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ý

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.

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

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