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 TMĐT BÀI THẢO LUẬN THIẾT KẾ VÀ TRIỂN KHAI WEBSITE Đề tài: Xây dựng 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 :6 Hà Nội 2022 DANH SÁCH THÀNH VIÊN ST T 51 52 53 55 56 57 58 59 60 Họ 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 Nguyên (NT) Mục lục I Lý chọn đề tài Ngày Internet sử dụng rộng rãi sống khắp nơi Nó phương tiện kết nối tất tổ chức đến cá nhân khắp nơi giới lại gần Rút ngắn không gian khoảng cách để người giao lưu trao đổi thông tin với lĩnh vực đời số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 Đối với lĩnh vực du lịch việc quốc gia, tổ chức doanh nghiệp việc chọn cho mẫu website quảng bá du lịch để giới thiệu quảng bá điểm du lịch, ăn đặc trưng miền lên website cho tất người biết đến điều tất yếu bối cảnh thuyết bị di động thông minh cho phép kết nối internet cách dễ dàng, giúp người sử dụng để tra cứu tìm kiếm thơng tin điểm du lịch trước họ đặt chân đến Vậy nên việc thiết kế website du lịch để đưa hình ảnh loại hình dịch vụ trị chơi ẩm thực văn hóa vơ cần thiết Du lịch ngành có nhiều lợi kinh doanh trực tuyến kinh tế ngày phát triển Mức sống người nâng cao, kéo theo nhu cầu du lịch, hưởng thụ sống Chính vậy, du lịch ngày chiếm tỉ trọng cao kinh tế mang lại nhiều lợi nhuận cho doanh nghiệp hoạt động lĩnh vực Cầu nhiều cung nhiều theo biến du lịch trở thành ngành có mức độ cạnh tranh cao Cạnh tranh không dừng lại giá hay chất lượng mà việc tiếp cận khách hàng sớm hay muộn, thời điểm hay không trở thành yếu tố quan trọng bỏ qua Việc đưa chiến lược kinh doanh, quảng bá thương hiệu, dịch vụ online quan tâm Theo đó, việc thiết kế website du lịch phục vụ chiến lược trở nên tối quan trọng doanh nghiệp mong muốn thúc đẩy hoạt động kinh doanh môi trường Internet ngày phát triển Phú Quốc địa điểm du lịch tiếng thuộc tỉnh Kiên Giang Những năm trở lại du lịch Phú Quốc có bước phát triển mạnh mẽ, thu hút nhiều khách du lịch khơng có khách hàng nước mà cịn thu nhiều khách du lịch quốc tế đến thăm quan nghỉ dưỡng.Với vẻ đẹp bình lặng mơ mộng qua danh lam thắng cảnh cồn cát trắng trải dài bãi biển nên thơ trữ tình đầy màu sắc với nét hiền hậu chất phác văn hóa đặc trưng cư dân đảo, Phú Quốc xứng đáng địa điểm du lịch tiếng Việt Nam Bằng tất yêu mến nét đẹp tuyệt vời Phú Quốc nhóm chúng em định thực đề tài “ Xây dựng thiết kế website giới thiệu quảng bá du lịch Phú Quốc” II Đơn vị sở hữu người sử dụng Website II.1 Đơn vị sở hữu Là doanh nghiệp kinh doanh dịch vụ du lịch, 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 Phú Quốc thơng tin như:địa điểm, tin tức, dịch vụ, ẩm thực,…và đặc biệt đưa đến cho khách hàng tour du lịch đến Phú Quốc với trải nghiệm tốt nhất, giá hợp lý II.2 Người sử dụng Website Người sử dụng du khách, người dùng người ghé thăm trang web để tìm hiểu thơng tin địa điểm du lịch, văn hóa ,ẩm thực,nét đẹp Phú Quốc, đọc tin tức du lịch Phú Quốc, tham gia đưa bình luận đánh giá đánh giá website, đặt tour du lịch,… Quản trị website : người trực tiếp tham gia quản lý website (cập nhật ă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 nội dung, giao diện chức website III.1 Yêu cầu nội dung Các nội dung, thông tin sử dụng Website cần nội dung thực Nội dung văn bản, nội dung video nội dung hình ảnh chất lượng, hấp dẫn độc giả Cung cấp đa dạng, xác đầy đủ thơng tin liên quan đến du lịch Phú Quốc Mỗi trang web mội nội dung khác thể đa dạng thông tin website Nội dung trang cần tương ứng phù hợp với tiêu đề trang Cụ thể:  Trang chủ Trang chủ trang hiển thị có người ghé thăm Website, trang chủchính mặt Website nơi chứa thơng tin bật , hiển thị đầy đủ thông tin cần thiết  Trang giới thiệu Nội dung trang giới thiệu cung cấp thông tin cần biết cho du khách địa điểm du lịch Phú Quốc gồm: vị trí địa lý, loại hình địa điểm du lịch tiếng, hoạt động trải nghiệm thú vị ẩm thực; giúp du khách có thơng tin hữu ích để có chuyến du lịch thật vui vẻ thoải mái Yêu cầu nội dung đưa cần xác đầy đủ  Trang blog Nội dung trang cung cấp viết, review địa điểm du lịch tiếng mà du khách bỏ qua đến với Phú Quốc  Trang liên hệ Trang cho phép người dùng liên hệ với phận chăm sóc khách hàng doanh nghiệp cung cấp tour du lịch để nghe tư vấn giải đáp thắc mắc du khách tour mà họ sử dụng  Trang đặt tour Nội dung trang tour du lịch có Phú Quốc ngắn ngày dài ngày gồm thông tin cụ thể giá, thời gian, địa điểm, mã tour, ưu đãi đặc điểm tour, cho du khách lựa chọn tour mong muốn, hấp dẫn phù hợp III.2 Yêu cầu giao diện Giao diện hiển thị tốt thiết bị khác Giao diện Web đơn giản cân đối chức đầy đủ bố cục hợp lý, bố trí hài hịa nhằm nêu bật điểm nhấn, đồng thời cho khách người dùng truy cập nhận biết tồn thể nội dung website Giao diện Website phải thiết kế cho thông tin hiển thị cách đầy đủ dễ theo dõi Giao diện trang web thuộc website thiết kế đơn giản, thân thiện dễ dàng truy cập 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 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 phù hợp với đặc điểm du lịch Phú Quốc Website cần thiết kế tối ưu hóa hình ảnh, nội dung, đoạn script css đặt 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 III.3.1 Front-End Xây dựng Website để đăng tải cung cấp thơng tin xác, đa dạng, cần thiết để giới thiệu quảng bá du lịch Phú Quốc – địa điểm du lịch tiếng nước Người dùng xem thơng tin du lịch Phú Quốc, viết đánh giá, đặt tour gửi liên hệ cho web  Chức xem thông tin Người dùng ghé thăm website tìm hiểu thơng tin du lịch Phú Quốc thông tin giới thiệu Phú Quốc, loại hình địa điểm du lịch tiếng nơi đây, nét độc đáo ẩm thực Phú Quốc, khám phá câu chuyện thú vị người trải nghiệm du lịch Phú Quốc thông qua phần đánh giá-review trang chủ hay tour du lịch có, Muốn xem thông tin phần cần nhấn vào nội dung tiêu đề phần xuất đầy đủ thông tin liên quan  Chức viết đánh giá, review Người dùng viết bình luận, cảm nhận sau trải nghiệm du lịch 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 bình luận quản trị website quy định  Chức đặt tour Người dùng xem thơng tin chi tiết tour hoạt động có lựa chọn đặt tour phù hợp với khả yêu cầu 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 liệu bắt buộc phải có thơng tin, để trống trường hệ thống báo lỗi người dùng nhập lại  Chức liên hệ Người dùng liên hệ với phận chăm sóc khách hàng doanh nghiệp cung cấp tour du lịch để nghe tư vấn giải đáp thắc mắc du khách tour mà họ 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 liệu bắt buộc phải có thơng tin, để trống trường hệ thống báo lỗi người dùng nhập lại  Chức tìm kiếm III.3.2 Back-End Chức đặt tour : người dùng bấm vào đặt tour thông tin tour—> bấm vào tour thơng tin chi tiết tour để đặt tour Chức quản lý tour: người quản lý web có quyền thêm, sửa, xóa tour du lịch Chức liên hệ: quản lý thông tin liên hệ du khách xác nhận thông tin liên hệ với người dùng Chức đánh giá: thu thập lựa chọn đánh giá khách quan đăng lên trang chủ để du khách ghé thăm website tham khảo IV Thiết kế giao diện Website IV.1 Bố cục chung Bố cục của trang web bao gồm phần chính: phần header, phần content phần footer: + Phần Header gồm: tìm kiếm, nút điều khiển di chuyển đến trang website “Giới thiệu”, “Blog”, “Liên hệ” “Đặt tour” + Phần content - nội dung gồm: nội dung giới thiệu chi tiết liên quan đến phần mà khách tham quan, có nhu cầu đặt phịng + Phần footer gồm: Tập hợp thông tin khách hàng dùng liên lạc với khu du lịch để tư vấn, hỏi đáp thắc mắc thơng tin Có đầy đủ cách liên hệ khác qua Email, Số điện thoại, website, gợi ý thêm thông tin khu du lịch Phú Quốc qua hệ thống mạng xã hội khác IV.2 Trang chủ (index.php) Trang chủ trang cung cấp thông tin bật khu du lịch Phú Quốc thơng qua hình ảnh đại diện giới thiệu cho phần địa điểm tham quan Khi vào “Trang chủ”, Ở đầu trang ln có phần header vào có hình ảnh động liên tục tạo hình ảnh bao quát chung cho khách hàng Phú Quốc Tiếp đến nội dung giới thiệu qua thông tin gợi ý địa điểm đẹp, bật 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 hình ảnh thật cho hạng mục để người dùng Website tăng ấn tượng, dễ tham khảo thơng tin, nắm bắt khu du lịch Trang du lịch Phú Quốc qua ảnh thiết kế thư viện ảnh gồm hình ảnh độc đáo, địa điểm , khoảnh khắc Phú Quốc xếp theo hàng, cột tạo đơn giản thu hút người dùng Tiếp theo “Trang chủ”, có phần “Khám phá ngay” 10 - Thêm mới: Điền đầy đủ thông tin thêm tour: Sau nhấn nút “thêm liệu”, tour thêm vào Bảng tour - Sửa tour có: Chọn sửa tour ĐN-Phú Quốc: nhấn “Upd” giao diện chuyển sang form cho phép sử tour chọn: 28 Sau cập nhật thông tin (sửa nội dung) cho tour cần sửa ta được: - Xóa tour cũ Chọn Tour ĐN-Phú Quốc, nhấn “Del” thông báo sau: 29 Sau đồng ý xóa, tour chọn bị xóa khỏi bảng Tour V.3 Chức giới thiệu, quảng bá du lịch Phú Quốc trang Blog 30 Tại trang Blog, khách hàng tìm đọc nhiều viết giới thiệu, quảng bá kiêm đánh giá cho điểm đến du lịch hấp dẫn Phú Quốc Những viết chân thực với văn phong trau chuốt gần gũi, đời thường giúp cho khách hàng “định hướng” du lịch, qua xây dựng lịch trình chơi theo sở thích cá nhân Có nhiều viết chất lượng, giới thiệu điểm đến hấp dẫn Nếu khách hàng quan tâm bấm vào nút điểm du lịch để tìm hiểu chi tiết địa 31 Ngồi rất nhiều viết địa điểm cập nhật… 32 V.4 Chức đăng tải đánh giá review người dùng trang mục phản hồi – đánh giá  Gửi đánh giá Đánh giá khách hàng cũ yếu tố quan trọng giúp gây dựng lòng tin với khách hàng Khách hàng cũ sau trải nghiệm dịch vụ Traversal đăng tải đánh giá, phản hồi thật tâm thân lên trang chủ website cách công khai, minh bạch Tại “Trang chủ”, người dùng điền Họ tên, Email liên hệ viết Đánh giá cá nhân chuyên mục “Đánh giá khách hàng” 33 Sau khách hàng nhấn “Gửi đánh giá”, website hiển thị thông báo “Cảm ơn quý bạn …, Email …đã gửi phản hồi” tự động quay trang chủ sau 5s  Xem phản hồi Những lời đánh giá khách hàng hiển thị công khai chuyên mục “Phản hồi khách hàng” theo thứ tự đến cũ nhất, đảm bảo khách hàng theo dõi & đánh giá dịch vụ cách khách quan 34 V.5 Chức tìm kiếm tour Chức tìm kiếm tour ghim phần header website Khi khách hàng click vào biểu tượng “Tìm kiếm: ” giao diện tìm kiếm tour 35 Sau khách hàng nhập từ khóa, website lọc trả kết tour liên quan đến từ khóa khách hàng tìm kiếm Cụ thể ví dụ đây, khách hàng tìm kiếm từ khóa “PHÚ QUỐC”, website trả kết tour liên quan bao gồm thông tin: Tên tour; Thời gian lưu hành; Giá tour; Địa tour; Mã tour Đặt Khách hàng có nhu cầu tìm đặt tour xem chi tiết tour nút “Book now” thuộc trường Đặt V.6 Mơ hình Cơ sở liệu 36 - Bảng liệu datakhachhang: Thông tin khách hàng đặt tour lưu trữ in trang: http://localhost/Phu_Quoc/admincp.php thị phần “Khách hàng Booking” để người quản trị website nhận thông tin đặt tour khách hàng 37 - Bảng liệu datatour: Lưu trữ thông tin tour du lịch website, liên kết với trang: http://localhost/Phu_Quoc/admincpadd.php để thêm, sửa, xoá tour - Bảng liệu feedback: Lưu trữ thông tin đánh giá khách hàng cuối trang http://localhost/Phu_Quoc/index.php , đánh gia in form “ Đánh giá khách hàng” - Bảng liệu lienhe: Lưu trữ thông tin từ form trang: localhost/Phu_Quoc/lienhe.php hiển thị phần “Commment” trang http://localhost/Phu_Quoc/admincp.php 38 I Các ngơn lập trình sử dụng I.1 HTML HTML sử dụng toàn trang để thiết kế giao diện cho trang I.2 CSS CSS sử dụng toàn trang để thiết kế trang trí giao diện cho website màu sắc, cỡ chữ, phông nền, kiểu chữ, vị trí nội dung trang, I.3 Javascript Javascript dùng để kiểm tra tính hợp lệ liệu form trang liên hệ thiết lập Slider I.4 PHP Mysql 39 PHP Mysql để tạo bảng sở liệu, kết nối sở liệu để hiển thị nộidung số phần nội dung website Những nội dung thay đổi: thêm, sửa,xóa người quản trị II Đánh giá kết luận II.1 Đánh giá Xây dựng website Giới thiệu quảng bá du lịch khơng phải vấn đề mẻ mang tính thực tế cao, giai đoạn dịch bênh kiểm soát nay, tour du lịch hoạt động trở lại, nhu cầu du lịch người ngày lớn sau thời gian dài phải cách ly dịch bênh Nhóm thực đề tài nhằm góp phần quảng bá du lịch, nét đẹp văn hóa Việt Nam thơng qua khu du lịch Phú Quốc Do hạn hẹp thời gian trình độ, kỹ nên website nhóm xây dựng cịn nhiều hạn chế, đáp ứng yêu cầu đề tài Cần phải nâng cấp hoàn thiện nhiều trước đưa vào sử dụng thực II.1.1 Về Giao diện Yêu cầu giao diện đáp ứng giao diện trang web thuộc website thiết kế đơn giản, thân thiện dễ dàng truy cập người dùng, đầy đủ nội dung theo yêu cầu, bố cục logic giúp người dùng sử dụng đơn cách đơn giản Lựa chọn màu sắc hài hòa, thu hút người dùng, icon thiết kế phù hợp với nội dung Tốc độ sử dụng tương đối nhanh, chuyển sang trang khác đơn giản, dễ dàng mượt.Tuy nhiên hình ảnh số chỗ cịn bị mờ chưa thành thạo việc chọn kích thước ảnh cho phù hợp, sử dụng phông chữ chưa đồng II.1.2 Nội dung Nội dung website cung cấp đầy đủ đa dạng thông tin liên quan đến du lịch Phú Quốc.Các nội dung trang chọn lọc cẩn thận, phù hợp với tiêu đề mang đến cho người dùng tin tức cần thiết nhất, bổ ích hay độc đáo du lịch Phú Quốc II.1.3 Chức 40 Các chức thiết kế đáp ứng yêu cầu thảo luận: Chức xem thông tin cho người dùng, chức viết comment đánh giá, chức đặt tour, đăng kí gửi liên hệ cho người dùng chức thêm sửa xóa nội dung website cho người quản trị.Tuy nhiên chức Website cịn ít, chưa có chức tìm kiếm II.2 Hướng phát triển Do thời gian thực hạn chế nên website thực chức rất Nhóm xin đưa số dự định phát triển website sau tương lai  Bổ sung hoàn thiện thêm giao diện, chức năng, nội dung cho website: Hiện website thiết kế HTML, định dạng qua CSS, tương lai sử dụng thêm cơng cụ khác để tăng tính thẩm mỹ cho website, giúp website thêm phần sinh động chuyên nghiệp Liên tục cập nhật viết Website đảm bảo thông tin không bị lạc hậu, thông tin phải nhất, bảng giá dịch vụ cập nhật liên tục.Tích hợp thêm số dịch vụ liên quan đến du lịch dịch vụ cho thuê xe, dự báo thời tiết, Thiết kế chức tìm kiếm, bổ sung số tính hỗ trợ việc tìm kiếm Website  Bổ sung thêm chức quản lý website Bổ sung thêm chức hỗ trợ việc quản lý tốt tính tích hợp thêm giới thiệu DANH MỤC TÀI LIỆU THAM KHẢO [1] PGS.TS Đàm Gia Mạnh (2018), Giáo trình Thiết kế triển khai website, NXB Thống Kê [2] Lê Đình Thanh, Nguyễn Việt Anh (2019), Giáo trình Phát triển ứng dụng web, NXB Đại học Quốc Gia Hà Nội [3] HTML Tutorial (n.d.) https://www.w3schools.com/html/default.asp W3Schools, from [4] Travel Agency website templates and themes (n.d.) W3Layouts, from https://w3layouts.com/template-category/travel/ 41 ... đảo, Phú Quốc xứng đáng địa điểm du lịch tiếng Việt Nam Bằng tất yêu mến nét đẹp tuyệt vời Phú Quốc nhóm chúng em định thực đề tài “ Xây dựng thiết kế website giới thiệu quảng bá du lịch Phú Quốc? ??... Front-End Xây dựng Website để đăng tải cung cấp thông tin xác, đa dạng, cần thiết để giới thiệu quảng bá du lịch Phú Quốc – địa điểm du lịch tiếng ngồi nước Người dùng xem thơng tin du lịch Phú Quố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 Đối với lĩnh vực du lịch việc quốc gia, tổ chức doanh nghiệp việc chọn cho mẫu website quảng bá du lịch để giới