BỘ THÔNG TIN VÀ TRUYỀN THÔNG TẬP ĐOÀN BƯU CHÍNH VIỄN THÔNG VIỆT NAM

HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

KHOA ĐA PHƯƠNG TIỆN

-------------------------------

BÁO CÁO

Môn Thiết Kế Web Cơ Bản

Thiết kế chức năng cho website du lịch Dilata

Giảng viên: Vũ Thị Tú Anh

Sinh Viên: Đoàn Thị Thảo

Mã sinh viên: B21DCPT208

Nhóm môn học: 04

Hà Nội , 2023
LỜI MỞ ĐẦU:

Nhóm em có làm ra một website du lịch mang tên Dilata, một nền tảng trực tuyến
mang lại trải nghiệm đặt tour linh hoạt và tiện lợi cho khách hàng. Website du lịch
đã trở thành một công cụ quan trọng trong ngành du lịch, giúp người dùng khám
phá và đặt tour theo ý muốn của mình. Bằng cách kết hợp công nghệ và nguồn
thông tin phong phú, website du lịch đã thúc đẩy sự phát triển và tăng cường trải
nghiệm du lịch cho khách hàng.

Bài báo cáo trình bày về mục đích của các chức năng và giao diện tương ứng,
phân tích các nguyên tắc Gestalt được sử dụng trong thiết kế.
 NHẬN XÉT CỦA GIẢNG VIÊN
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
....................................................................................................
MỤC LỤC

CHƯƠNG I: GIỚI THIỆU.....................................................................................1

I. Giới thiệu chung về website..............................................................................1
II. Nghiệp vụ của web...........................................................................................1
CHƯƠNG II : PHÂN TÍCH.....................................................................................
I. Chức năng hiển thị các tour cho người dùng(trang chủ)...............................1
II. Chức năng đặt vé tour.....................................................................................2
III. Chức năng thanh toán tour đã đặt................................................................4
IV. Chức năng xem thông báo tour đã đặt thành công.....................................7
V. Phân tích nguyên tắc Gestalt được ứng dụng trong thiết kế........................8
CHƯƠNG III: KẾT LUẬN VÀ TÀI LIỆU THAM KHẢO..................................
I. Kết luận............................................................................................................10
II. Tài liệu tham khảo.........................................................................................11
CHƯƠNG I: GIỚI THIỆU
I. Giới thiệu về website
Dilata là website du lịch lữ hành trực tuyến. Website được sử dụng bởi các cá
nhân, doanh nghiệp hoặc tổ chức để quảng bá các điểm đến du lịch, giới thiệu các
tour du lịch và cung cấp thông tin cho khách du lịch.
II. Nghiệp vụ của web
Dilata cung cấp dịch vụ du lịch, đáp ứng nhu cầu thông tin; cung cấp giải pháp
tối ưu giúp người dùng đặt chỗ, thanh toán, tìm kiếm, đánh giá và tương tác của
người dùng để tạo ra trải nghiệm du lịch tốt và thuận tiện.

Dilata gồm 3 đối tượng sử dụng là người dùng, bên thứ ba – các công ty đăng
các tour du lịch lên trang web và cuối cùng là boss – người sở hữu web. Và các
chức năng được phân tích trong báo cáo nằm ở phần đánh giá của người dùng.

CHƯƠNG II: PHÂN TÍCH

I. Chức năng hiển thị các tour cho người dùng( trang chủ)
a) Thông tin cơ bản
- Mong muốn của người dùng: Xem danh sách các tour mà web có.

5
b) Mục đích
- Ở trang chủ người dùng sẽ có thể xem các tour mà website có.
- Người dùng có thể tìm kiếm các tour theo nhu cầu của mình.
- Người dùng có thể đọc các đánh giá của các khách hàng đã từng sử dụng
dịch vụ ở Dilata.
c) Phân loại
- Đây là chức năng hiển thị số liệu.
- Chức năng cập nhật số liệu của nó là: Đăng dịch vụ của các công ty cung cấp
các tour du lịch.
II. Chức năng đặt vé tour
a) Thông tin cơ bản
- Mong muốn của người dùng: Xem danh sách các tour mà web có.

6
b) Mục đích
- Cho phép người dùng đặt vé trực tuyến một cách thuận tiện và nhanh chóng.
Sau khi tìm thấy lựa chọn phù hợp, người dùng có thể chọn loại vé,chọn thời
gian đi và về.

7
- Chức năng đặt vé cũng cung cấp kênh liên lạc với nhân viên chăm sóc khách
hàng.Biết được khách hành có sử dụng website của mình.
- Ở đây người dùng có thể xem đánh giá của các khách hàng đã đi tour trước
đó và có đầy đủ thông tin về tour mình muốn đặt.Giúp khách hàng có lựa
chọn khách quan nhất.
c) Phân loại
- Đây là chức năng cập nhật số liệu.
- Chức năng hiển thị số liệu của nó là: Bảng thống kê dữ liệu lượng truy cập
tour (do bạn Nhung nhóm em đảm nhận).

8
III. Chức năng thanh toán tour đã đặt
a) Thông tin chung
- Mong muốn của người dùng: Thanh toán tour mà mình đã đặt trước đó.

9
b) Mục đích
- Thông tin khách hàng: Mục đích muốn thu thập thông tin của người dùng,từ
đó có thông tin của người tham gia tour du lịch đó.
- Chức năng thanh toán tour: Cho phép khách hàng hoàn tất quá trình thanh
toán cho tour đã đặt. Sau khi khách hàng đã chọn tour và đặt cọc (nếu có),
chức năng này cho phép họ thanh toán số tiền còn lại thông qua các phương
thức thanh toán khác nhau, ví dụ như thẻ tín dụng, thẻ ghi nợ, chuyển khoản
ngân hàng hoặc các hình thức thanh toán trực tuyến khác.
c) Phân loại
10
- Đây là chức năng cập nhật số liệu.
- Chức năng hiển thị số liệu của nó là: Bảng thống kê đơn đã đặt(do bạn
Nhung nhóm em đảm nhận).

IV. Chức năng xem thông báo tour đã đặt thành công
a) Thông tin chung
- Mong muốn của người dùng: Xem lại tour mình đã đặt thành công hay chưa.

11
b) Mục đích
- Xác nhận đặt tour: Chức năng này cung cấp cho khách hàng một thông báo
xác nhận rằng quá trình đặt tour của họ đã hoàn thành thành công.
- Cung cấp thông tin cần thiết: Thông báo tour đã đặt thành công cung cấp cho
khách hàng các thông tin cần thiết để chuẩn bị cho chuyến đi.
- Xác nhận thanh toán: Thông báo này cũng có thể cung cấp xác nhận thanh
toán cho khách hàng. Nó sẽ liệt kê tổng số tiền đã thanhtoán, phương thức
thanh toán đã sử dụng.
c) Phân loại
- Đây là chức năng hiển thị số liệu.
- Chức năng cập nhật số liệu của nó là: Lịch sử các tour mà khách hàng đã đặt
được hệ thống quản lí lưu trữ.
V. Phân tích nguyên tắc Gestalt được ứng dụng trong thiết kế
1. Nguyên tắc gần kề (proximity):

12
 - Thông tin được xếp gần nhau giúp người xem hiểu là chúng cùng một tour
du lịch.

- Các element được xếp gần nhau.

2. Nguyên tắc tương đồng (similarity):

13
- Giống nhau về hình dạng giúp người xem đoán được là chúng có liên quan
đến nhau và có phân cấp thông tin như nhau.
3. Nguyên tắc liên tục (continuation):

- Thông tin về các tour được xếp thành một ngang nhau, cho biết các tour đều
thuộc 1 dạng là tour nước ngoài hay trong nước.

- Thông tin được xếp theo hàng ngang cho thấy các hình ảnh bên trái liên quan
đến thông bên phải.
4. Nguyên tắc chính phụ (figure-ground):

14
 - Thông tin về ba tour sáng hơn so với nền giúp người dùng tập trung vào
thông tin ba tour hơn.

CHƯƠNG III: KẾT LUẬN VÀ TÀI LIỆU THAM KHẢO

I. Kết luận
Dilata là một trang web cung cấp thông tin về các địa điểm du lịch, các tour du
lịch và các dịch vụ du lịch khác. Website có thông tin chính xác và đầy đủ, giao
diện thân thiện với người dùng, có hình ảnh chất lượng cao và tương thích trên mọi
thiết bị.
 Dilata là một website du lịch uy tín và đáng tin cậy va là một nguồn thông tin
du lịch hữu ích cho những người yêu thích du lịch.
II. Tài liệu tham khảo

1. https://bit.ly/4a79f9K
2. https://bit.ly/3NdLPWG
3. https://bit.ly/3T5hFsp
4. https://bit.ly/46GjrDl

15