Xây dựng và thiết kế website giới thiệu quảng bá du lịch Phú Quốc

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

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

51 Đào Hoàng Nam

52 Phan Duy Nam

Mục lục

I Lý do chọn đề tài 5

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

2.1 Đơn vị sở hữu 6

2.2 Người sử dụng Website 6

III Các yêu cầu về nội dung, giao diện và chức năng của website 6

3.1 Yêu cầu nội dung 6

3.2 Yêu cầu giao diện 7

3.3 Yêu cầu chức năng 8

3.3.1 Front-End 8

3.3.2 Back-End 9

IV Thiết kế giao diện Website 9

4.1 Bố cục chung 9

4.2 Trang chủ (index.php) 10

4.3 Trang Giới thiệu (gioithieu.php) 13

4.4 Trang Blog (biablog.php) 16

4.5 Trang liên hệ (lienhe.php) 21

4.6 Trang đặt tour (dat_tour.php) 22

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

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

5.2 Quản lý tour 28

5.3 Chức năng giới thiệu, quảng bá du lịch Phú Quốc tại trang Blog 31

5.4 Chức năng đăng tải đánh giá và review của người dùng tại trang mục phản hồi – đánh giá 34

5.5 Chức năng tìm kiếm tour 36

5.6 Mô hình Cơ sở dữ liệu 37

I Các ngôn lập trình được sử dụng 40

1.1 HTML 40

1.2 CSS 40

1.4 PHP và Mysql 40

II Đánh giá và kết luận 41

2.1 Đánh giá 41

2.1.1 Về Giao diện 41

2.1.2 Nội dung 41

2.1.3 Chức năng 41

2.2 Hướng phát triển 41

DANH MỤC TÀI LIỆU THAM KHẢO 42

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ọinơ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ênthế 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ể giaolư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 Doanhnghiệ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, để thuhú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ênwebsite 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ệnnay 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ạihì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ộtngà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ệcthiế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ớicác doanh nghiệp đang mong muốn thúc đẩy hoạt động kinh doanh trên môi trườngInternet đ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ịchquố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 danhlam 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àusắ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

đã 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ìmhiể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, đọccác tin tức về du lịch Phú Quốc, có thể tham gia đưa ra bình luận đánh giá ở trong đánhgiá 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 độcgiả

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 tincủ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ủ

Trang chủ chính là trang đầu tiên hiển thị khi có người ghé thăm Website, trangchủ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 dukhá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ịchnổ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ữngthô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 đặ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àingà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ểmcủ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 đốichứ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 toà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 đủ

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ợpvớ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à ngoài nước Người dùng có thể xem thông tin về du lịch Phú Quốc, viết đánh giá, đặttour 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ữngngườ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ộidung 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ữnglự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ườidù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áctrườ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áolỗi và người dùng sẽ nhập lại

 Chức năng liên hệ

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

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ầncontent 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ếptheo 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ácphầ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ớikhu 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

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 thamquan

Khi đi vào “Trang chủ”, Ở ngay đầu trang luôn 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

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ữnghì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”

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ủaPhú 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ảngnà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ụngdị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ếplên trang chủ ngay sau đó để người dùng khác có thể tham khảo Đây cũng là nơi cung

cấp cho người dùng những đánh giá, feedback của những người đã từng trải nghiệm dulị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 ranhiề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)

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ể thamkhảo; gợi ý các hoạt động trải nghiệm đề người dùng có thể có một chuyến đi hoà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ênthưở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:

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

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

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

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 dulị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ồmcá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áchlựa chọn những tour mong muốn, hấp dẫn và phù hợp

Ở 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ủamình

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ệ

Ở 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ệ chotrang 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ạiliê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ớibạn sớm nhất có thể

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ảinhậ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 đượctin 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àotrườ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