TRƯỜNG ĐẠI HỌC THƯƠNG MẠI
Khoa HTTTKT và TMĐT

BÀI THẢO LUẬN

THIẾT KẾ VÀ TRIỂN KHAI WEBSITE
Đề tài: Xây dựng và thiết kế website
giới thiệu - quảng bá du lịch Phú Quốc
Giảng viên hướng dẫn : Th.S Vũ Diệu Hương
Lớp học phần
: 2218ECIT0731
Nhóm thực hiện
:6

Hà Nội 2022
1


DANH SÁCH THÀNH VIÊN

ST
T
51
52
53
55
56
57
58
59
60

Họ và tên

Mã SV

Lớp
HC

Phân cơng CV

Đào Hồng Nam
Phan Duy Nam
Hà Thị Nga
Nguyễn Thanh Thanh Nga
Trần Thị Ngân
Trịnh Như Ngần
Đồn Minh Nghĩa
Nguyễn Thị Bích Ngọc
Hà Trọng Ngun (NT)

2


Mục lục

3


I.


Lý do chọn đề tài

Ngày nay Internet càng được sử dụng rộng rãi trong cuộc sống cũng như khắp mọi
nơi. Nó là phương tiện kết nối tất cả các tổ chức rồi đến các cá nhân ở khắp mọi nơi trên
thế giới lại gần nhau hơn. Rút ngắn không gian và khoảng cách để mọi người có thể giao
lưu trao đổi mọi thông tin với nhau trong mọi lĩnh vực và đời sống hằng ngày. Doanh
nghiệp có nhu cầu bán hàng trực tuyến, giới thiệu quảng bá sản phẩm thương hiệu, để thu
hút thêm lượng khách hàng tiềm năng. Đối với lĩnh vực du lịch thì việc các quốc gia, các
tổ chức doanh nghiệp việc chọn cho mình những mẫu website quảng bá du lịch để có thể
giới thiệu quảng bá các điểm du lịch, các món ăn đặc trưng của từng miền lên
website cho tất cả mọi người được biết đến là một điều tất yếu nhất là trong bối cảnh hiện
nay các thuyết bị di động thông minh đều cho phép kết nối internet một cách dễ dàng,
giúp con người có thể sử dụng để tra cứu tìm kiếm thông tin về các điểm du lịch trước khi
họ đặt chân đến. Vậy nên việc thiết kế website du lịch để đưa những hình ảnh những loại
hình dịch vụ trị chơi những ẩm thực và văn hóa là vơ cùng cần thiết.
Du lịch là một ngành có rất nhiều lợi thế trong kinh doanh trực tuyến khi kinh tế
ngày càng phát triển như hiện nay. Mức sống của con người được nâng cao, kéo theo đó
là nhu cầu đi du lịch, hưởng thụ cuộc sống. Chính vì vậy, du lịch ngày càng chiếm tỉ
trọng cao trong nền kinh tế và mang lại rất nhiều lợi nhuận cho các doanh nghiệp hoạt
động trong lĩnh vực này. Cầu nhiều cung cũng nhiều theo và biến du lịch trở thành một
ngành có mức độ cạnh tranh rất cao. Cạnh tranh không chỉ dừng lại ở giá hay chất lượng
mà việc tiếp cận được khách hàng sớm hay muộn, đúng thời điểm hay không cũng đã trở
thành yếu tố cực kỳ quan trọng không thể bỏ qua. Việc đưa ra các chiến lược kinh doanh,
quảng bá thương hiệu, dịch vụ online đã và đang hết sức được quan tâm. Theo đó, việc
thiết kế website du lịch phục vụ được các chiến lược trên trở nên tối quan trọng đối với
các doanh nghiệp đang mong muốn thúc đẩy hoạt động kinh doanh trên môi trường
Internet đang ngày càng phát triển.
Phú Quốc là địa điểm du lịch nổi tiếng thuộc tỉnh Kiên Giang. Những năm trở lại
đây du lịch Phú Quốc đã và đang có những bước phát triển mạnh mẽ, thu hút nhiều khách
du lịch khơng chỉ có các khách hàng trong nước mà nó cịn thu rất nhiều khách du lịch

quốc tế đến thăm quan và nghỉ dưỡng.Với vẻ đẹp bình lặng và mơ mộng qua những danh
lam thắng cảnh những cồn cát trắng trải dài cùng những bãi biển nên thơ trữ tình đầy màu
sắc cùng với đó là nét hiền hậu chất phác cũng như văn hóa đặc trưng của cư dân trên
đảo,..Phú Quốc xứng đáng là một trong những địa điểm du lịch nổi tiếng nhất Việt Nam.
Bằng tất cả sự yêu mến cũng như những nét đẹp tuyệt vời của Phú Quốc nhóm chúng em
4


đã quyết định thực hiện đề tài “ Xây dựng và thiết kế website giới thiệu và quảng bá du
lịch Phú Quốc”.

II.

Đơn vị sở hữu và người sử dụng Website

II.1. Đơn vị sở hữu
Là các doanh nghiệp kinh doanh dịch vụ du lịch, cơ sở lưu trú, đơn vị lữ hành có
mục đích quảng bá du lịch Phú Quốc cung cấp cho khách ghé thăm trang web tìm hiểu về
Phú Quốc về các thông tin như:địa điểm, tin tức, dịch vụ, ẩm thực,…và đặc biệt là đưa
đến cho khách hàng những tour du lịch đến Phú Quốc với trải nghiệm tốt nhất, giá cả hợp
lý nhất.

II.2. Người sử dụng Website
Người sử dụng là những du khách, người dùng người ghé thăm trang web để tìm
hiểu các thơng tin về các địa điểm du lịch, văn hóa ,ẩm thực,nét đẹp của Phú Quốc, đọc
các tin tức về du lịch Phú Quốc, có thể tham gia đưa ra bình luận đánh giá ở trong đánh
giá của website, đặt tour du lịch,…
Quản trị website : là người trực tiếp tham gia quản lý website (cập nhật món ăn,
cập nhật tour, quản lý đặt tour, quản lý gửi liên hệ, quản lý bình luận).


III. Các yêu cầu về nội dung, giao diện và chức năng của website
III.1. Yêu cầu nội dung
Các nội dung, thông tin được sử dụng trong Website cần là những nội dung thực.
Nội dung văn bản, nội dung video và nội dung hình ảnh chất lượng, hấp dẫn độc
giả.
Cung cấp đa dạng, chính xác và đầy đủ các thơng tin liên quan đến du lịch Phú
Quốc.
Mỗi trang web là mội nội dung khác nhau thể hiện được sự đa dạng về thông tin
của website. Nội dung của mỗi trang cần tương ứng và phù hợp với tiêu đề trang.
Cụ thể:
 Trang chủ
5


Trang chủ chính là trang đầu tiên hiển thị khi có người ghé thăm Website, trang
chủchính là bộ mặt của Website là nơi chứa các thơng tin chính và nổi bật nhất , hiển thị
đầy đủ các thông tin cần thiết.
 Trang giới thiệu
Nội dung của trang là giới thiệu và cung cấp các thông tin cơ bản cần biết cho du
khách về địa điểm du lịch Phú Quốc gồm: vị trí địa lý, các loại hình và địa điểm du lịch
nổi tiếng, các hoạt động trải nghiệm thú vị và ẩm thực; giúp du khách có được những
thơng tin hữu ích để có 1 chuyến du lịch thật vui vẻ và thoải mái. Yêu cầu các nội dung
đưa ra cần chính xác và đầy đủ.
 Trang blog
Nội dung của trang là cung cấp các bài viết, review về các địa điểm du lịch nổi
tiếng mà du khách không thể bỏ qua khi đến với Phú Quốc.
 Trang liên hệ
Trang này cho phép người dùng liên hệ với bộ phận chăm sóc khách hàng của
doanh nghiệp cung cấp tour du lịch để nghe tư vấn và giải đáp thắc mắc của du khách về
tour mà họ sắp hoặc đang sử dụng.

 Trang đặt tour
Nội dung của trang là những tour du lịch có tại Phú Quốc cả ngắn ngày và dài
ngày gồm các thông tin cụ thể như giá, thời gian, địa điểm, mã tour, ưu đãi và đặc điểm
của tour,... cho du khách lựa chọn những tour mong muốn, hấp dẫn và phù hợp.

III.2. Yêu cầu giao diện
Giao diện hiển thị tốt trên các thiết bị khác nhau. Giao diện Web đơn giản cân đối
chức năng đầy đủ bố cục hợp lý, bố trí hài hịa nhằm nêu bật được những điểm nhấn,
đồng thời cho khách người dùng truy cập có thể nhận biết tồn thể nội dung của website.
Giao diện Website phải được thiết kế sao cho các thông tin được hiển thị một cách đầy đủ
và dễ theo dõi nhất.
Giao diện các trang web thuộc website được thiết kế đơn giản, thân thiện và dễ
dàng
truy cập bởi người dùng, đầy đủ nội dung cần thiết bố cục logic giúp người dùng
dễ sử dụng nhất.
6


Lựa chọn màu sắc hài hòa, thu hút người dùng, hình ảnh cần sắc nét, icon phù hợp
với nội dung. Giao diện website dễ nhìn và phù hợp với đặc điểm của du lịch Phú Quốc
Website cần được thiết kế tối ưu hóa hình ảnh, nội dung, các đoạn script và css
được đặt trong file riêng biệt để cải thiện tốc độ load . Yêu cầu tốc độ truy cập nhanh,
mượt.

III.3. Yêu cầu chức năng
III.3.1.

Front-End

Xây dựng Website để đăng tải và cung cấp thơng tin chính xác, đa dạng, cần thiết

để giới thiệu và quảng bá du lịch Phú Quốc – một địa điểm du lịch rất nổi tiếng ở cả trong
và ngồi nước. Người dùng có thể xem thơng tin về du lịch Phú Quốc, viết đánh giá, đặt
tour và gửi liên hệ cho web.
 Chức năng xem thông tin
Người dùng khi ghé thăm website có thể tìm hiểu các thông tin về du lịch Phú Quốc như
thông tin giới thiệu về Phú Quốc, các loại hình và địa điểm du lịch nổi tiếng nơi đây,
những nét độc đáo của ẩm thực Phú Quốc, khám phá những câu chuyện thú vị của những
người đã từng trải nghiệm du lịch Phú Quốc thông qua phần đánh giá-review ở trang chủ
hay các tour du lịch hiện có,...Muốn xem thơng tin về phần nào chỉ cần nhấn vào nội
dung tiêu đề của phần đó sẽ xuất hiện đầy đủ những thơng tin liên quan.
 Chức năng viết đánh giá, review
Người dùng có thể viết bình luận, cảm nhận của mình sau khi trải nghiệm du lịch
tại Phú Quốc ở trang chủ. Khi viết bình luận đánh giá người dùng cần nhập
họ tên, email. Độ dài tối đa của bài bình luận do quản trị website quy định.
 Chức năng đặt tour
Người dùng có thể xem thơng tin chi tiết về các tour hiện đang hoạt động và có những
lựa chọn đặt tour phù hợp với khả năng và yêu cầu của mình nhất. Các thông tin người
dùng cần nhập để đặt tour là: họ tên, số điện thoại, email, mã tour, địa chỉ, thời gian. Các
trường nhập dữ liệu bắt buộc phải có thơng tin, nếu để trống 1 trường thì hệ thống sẽ báo
lỗi và người dùng sẽ nhập lại.
 Chức năng liên hệ
7


Người dùng liên hệ với bộ phận chăm sóc khách hàng của doanh nghiệp cung cấp
tour du lịch để nghe tư vấn và giải đáp thắc mắc của du khách về tour mà họ sắp hoặc
đang sử dụng. Các thông tin người dùng cần nhập bao gồm: họ tên, emai, số điện thoại,
lời nhắn. Các trường nhập dữ liệu bắt buộc phải có thơng tin, nếu để trống 1 trường thì hệ
thống sẽ báo lỗi và người dùng sẽ nhập lại.
 Chức năng tìm kiếm


III.3.2.

Back-End

Chức năng đặt tour : người dùng bấm vào đặt tour hiện ra thông tin các tour—>
bấm vào 1 tour bất kì hiện ra thơng tin chi tiết của tour đó để đặt tour
Chức năng quản lý tour: người quản lý web có quyền thêm, sửa, xóa các tour du
lịch.
Chức năng liên hệ: quản lý thơng tin liên hệ của du khách và xác nhận thông tin
liên hệ với người dùng
Chức năng đánh giá: thu thập và lựa chọn những đánh giá khách quan nhất đăng
lên trang chủ để các du khách tiếp theo khi ghé thăm website có thể tham khảo.

IV.

Thiết kế giao diện Website.

IV.1. Bố cục chung
Bố cục của của một trang web sẽ bao gồm 3 phần chính: phần header, phần
content và phần footer:
+ Phần Header gồm: thanh tìm kiếm, các nút điều khiển di chuyển đến các trang tiếp
theo của website như “Giới thiệu”, “Blog”, “Liên hệ” và “Đặt tour”.
+ Phần content - nội dung gồm: các nội dung giới thiệu các chi tiết liên quan đến các
phần mà khách có thể tham quan, có nhu cầu đặt phịng.
+ Phần footer gồm: Tập hợp những thơng tin khách hàng có thể dùng liên lạc với
khu du lịch để được tư vấn, hỏi đáp những thắc mắc về thơng tin. Có đầy đủ
những cách liên hệ khác nhau qua Email, Số điện thoại, website, và những gợi ý
thêm về thông tin về khu du lịch Phú Quốc qua các hệ thống mạng xã hội khác
nhau.

8


IV.2. Trang chủ (index.php)
Trang chủ là trang cung cấp các thông tin nổi bật và cơ bản về khu du lịch Phú
Quốc thơng qua những hình ảnh đại diện giới thiệu cho từng phần của các địa điểm tham
quan.
Khi đi vào “Trang chủ”, Ở ngay đầu trang ln có phần header và khi đi vào có
những hình ảnh động liên tục đi ra tạo hình ảnh bao quát chung cho khách hàng về Phú
Quốc.

Tiếp đến là nội dung giới thiệu qua các thông tin gợi ý về những địa điểm đẹp, nổi
bật của Phú Quốc với phần “Địa điểm tham quan Phú Quốc không thể bỏ qua năm
9


2022”. Có kèm những hình ảnh thật cho từng hạng mục để người dùng Website có thể
tăng ấn tượng, dễ tham khảo thơng tin, nắm bắt được những gì mới nhất của khu du lịch.
Trang du lịch Phú Quốc qua ảnh được thiết kế như một thư viện ảnh gồm những
hình ảnh độc đáo, địa điểm , khoảnh khắc tại Phú Quốc..... được sắp xếp theo các hàng,
cột tạo sự đơn giản nhưng vẫn thu hút người dùng.

Tiếp theo vẫn trong “Trang chủ”, sẽ có một phần “Khám phá ngay”

10


Sau khi người dùng ấn “Khám phá ngay”, giao diện sẽ từ “Trang chủ” đưa
người dùng di chuyển đến trang “Đặt tour” để có thêm thơng tin về các dịch vụ phòng
của các khách sạn liên kết với du lịch Phú Quốc.


Và sau đó cũng có thêm một phần cung cấp thêm thơng tin về nhiều khía cạnh của
Phú Quốc cho khách hàng như: Vé máy bay, Ẩm thực, Khách sạn,... Và có thể ấn nút
“Đọc thêm” để có thơng tin chi tiết hơn.

Phía dưới cịn có một bảng đánh giá dành cho người dùng. Họ có thể dùng bảng
này để phản hồi để được tư vấn hay đưa ra cảm nhận những trải nghiệm sau khi sử dụng
dịch vụ phịng, hay kiếm thơng tin,.....Và đánh giá của người dùng sẽ được hiện trực tiếp
lên trang chủ ngay sau đó để người dùng khác có thể tham khảo. Đây cũng là nơi cung
11


cấp cho người dùng những đánh giá, feedback của những người đã từng trải nghiệm du
lịch tại Phú Quốc. Các thông tin đánh giá thể hiện trung thực đánh giá của du khách và
được chọn lọc là những đánh giá nhiều tương tác nhất .
Ngoài ra, Bảng đánh giá của người dùng hiện ra với mục đích thu thập ý kiến đánh giá
của người dùng để chủ sở hữu khu du lịch có thể cập nhật, tìm hiểu khách hàng và đưa ra
nhiều ý tưởng hay những phát triển mới để thu hút được nhiều khách du lịch.

IV.3. Trang Giới thiệu (gioithieu.php)

12


Sau khi đã khám phá hết trang chủ, người dùng có thể ấn vào nút “ Giới thiệu”
trên phần header của trang để dẫn tới được trang” Giới thiệu”.
Trang “Giới thiệu” là nơi sẽ cung cấp thông tin cho người dùng về vị trí của khu
du lịch với bản đồ địa lý; đưa ra các địa điểm du lịch nổi tiếng để người dùng có thể tham
khảo; gợi ý các hoạt động trải nghiệm đề người dùng có thể có một chuyến đi hồn thiện
và vui vẻ. Bên cạnh đó, Trang “ Giới thiệu” còn giới thiệu những nét ẩm thực ở Phú Quốc

với nhiều món ăn đường phố ngon, độc đáo; những đặc sản mà du khách nên thưởng
thức.
• Nội dung về khu vực, về vị trí địa lý của khu du lịch Phú Quốc:

•

Đưa thơng tin về các hoạt động vui chơi, trải nghiệm thú vị cho du khách:

13


•

Và những thông tin về hạng mục ẩm thực ở Phú Quốc cung cấp thêm cho du
khách có thể tham khảo,...

14


Và ở dưới các hình ảnh, có để thêm những thông tin khác trong đường link để dẫn
tới trang web chính nhiều thơng tin hơn. Ví dụ: Khi ấn vào đường link “ Khám phá thiên
đường ẩm thực tại chợ đêm Phú Quốc” sẽ hiện ra nội dung đầy đủ của thơng tin đó:

IV.4. Trang Blog (biablog.php)
Là trang đăng tải cung cấp cho người dùng những điểm tham quan nổi bật ở Phú
Quốc với những địa danh nổi tiếng và những địa điểm lý tưởng đáng để đến khi đặt chân
đến Phú Quốc
15



16


17


18


19


Người dùng có thể ấn vào nút “ Đọc thêm” để biết thêm nhiều chi tiết hơn về
thơng tin mình muốn tìm kiếm.

IV.5. Trang liên hệ (lienhe.php)
Trang hệ bao gồm các phần: Thông tin liên hệ, Gửi liên hệ và bản đồ địa chỉ khu
du lịch Phú Quốc.

20


Phần liên hệ là nơi kết nối giữa người dùng và nơi quản lý của website khu du
lịch. Nơi giúp người dùng giải đáp mọi thắc mắc khi du lịch đến Phú Quốc.

IV.6. Trang đặt tour (dat_tour.php)
Là trang giới thiệu cho du khách những tour du lịch có tại Phú Quốc dài ngày gồm
các thông tin cụ thể như giá, thời gian, tên, ưu đãi và đặc điểm của tour,... cho du khách
lựa chọn những tour mong muốn, hấp dẫn và phù hợp.


21


Ở mỗi tour được giới thiệu có phần Book now. Khi nhấn vào nút thì giao diện sẽ
được chuyển đến phần phần đăng ký. Người dùng chỉ cần điền đầy đủ thông tin về như:
họ và tên, số điện thoại, tên tour, thời gian,... là có thể đăng ký ngay chuyến du lịch của
mình

22


Sau khi đăng ký xong, người dùng sẽ được thông báo nhanh để xác nhận bạn đã
đăng ký thành công.

V.

Thiết kế chức năng của Website

V.1.

Đặt tour, gửi liên hệ

-

Gửi liên hệ
23


Ở trang liên hệ có phần bảng gửi liên hệ cho người dùng có thể gửi liên hệ cho
trang nếu cần tư vấn, hay hỏi đáp thắc mắc về các tour du lịch, điểm đến tại Phú Quốc.


Sau khi nhập đầy đủ thông tin cho bảng gửi liên hệ và nhấn nút
trang sẽ thông báo đến người dùng “Cảm ơn quý khách “tên khách hàng”, SĐT “số điện
thoại liên hệ”, Email “email của khách hàng” đã gửi phản hồi. Chúng tơi sẽ sớm liên hệ
với bạn sớm nhất có thể.

24


Các thông tin họ và tên, email, số điện thoại, lời nhắn là bắt buộc,yêu cầu phải
nhập đầy đủ, nếu nhập thiếu thì website sẽ hiện thơng báo nhập thiếu và khơng gửi được
tin nhắn.
Ví dụ khơng nhập vào ơ email. Trang sẽ thơng báo đến người dùng “Vui lịng điền vào
trường này”.

-

Đặt tour
Các bước đặt tour gồm:

+ Chọn tour: Các tour được hiển thị là những tour được cung cấp trong trang tour.

25