Báo cáo đồ án cơ sở 1 tên đề tài xây dựng website quảng bá du lịch miền trung

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN KHOA KHOA HỌC MÁY TÍNH BÁO CÁO ĐỒ ÁN CƠ SỞ TÊN ĐỀ TÀI XÂY DỰNG WEBSITE QUẢNG BÁ DU LỊCH MIỀN TRUNG Sinh viên thực hiện: Hồ Đăng Sang – 22IT.B117 Lê Văn Quốc Huy – 22IT.EB028 Giảng viên hướng dẫn: TS Lê Thị Thu Nga Đà Nẵng, tháng năm 2023 LỜI CẢM ƠN Lời cho chúng em xin gửi lời cảm ơn đến thầy cô trường đại học công nghệ thông tin truyền thông Việt-Hàn cách sâu sắc cho em nhiều kiến thức, kĩ quý báu thời gian qua kinh nghiệm Chúng em xin gửi lời cảm ơn chân thành đến thầy giáo TS Lê Thị Thu Nga tận tâm giải đáp thắc mắc, chia sẻ thêm kiến thức để nhóm em tiếp thu, hồn thành tốt đồ án sở Trong trình thực hiện, báo cáo khó tránh khỏi thiếu sót Chúng em mong nhận bảo, đóng góp quan điểm để em có điều kiện bổ sung, nâng cao thêm kĩ năng, phát sớm khuyết điểm Qua giúp cho cáo thân chúng em sau ngày hồn chỉnh Nhóm em xin chân thành cảm ơn! NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN MỤC LỤC LỜI CẢM ƠN CHƯƠNG CƠ SỞ LÝ THUYẾT .8 1.1 Tổng quan ngành du lịch 1.1.1 Khái niệm ngành du lịch 1.1.2 Các đặc trưng ngành du lịch 1.1.3 Cơ sở phát triển 1.1.4 Các loại hình kinh doanh trực tuyến ngành du lịch 10 1.2 Các công cụ để xây dựng Website 10 1.2.1 Khái quát HTML 10 1.2.2 Khái quát CSS .12 1.2.3 Khái quát Boostrap 13 1.2.4 Khái quát JavaScript 14 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16 CHƯƠNG CHƯƠNG TRÌNH DEMO WEBSITE 20 MỞ ĐẦU Giới thiệu đề tài Đề tài "Xây dựng website quảng bá du lịch miền Trung" đồ án sở quan trọng nhằm tạo tảng trực tuyến để quảng bá giới thiệu điểm đến du lịch hấp dẫn miền Trung Việt Nam Website thiết kế nhằm cung cấp thông tin chi tiết, hình ảnh đẹp mắt, đánh giá, gợi ý địa điểm du lịch tiếng Huế, Đà Nẵng, Hội An, Nha Trang nhiều nơi khác Với kết hợp thiết kế giao diện hấp dẫn tính tương tác đa phương tiện, website mang đến cho người dùng trải nghiệm du lịch ảo tuyệt vời, giúp họ khám phá lựa chọn điểm đến phù hợp với sở thích nhu cầu cá nhân Bên cạnh đó, website cung cấp thông tin khách sạn dịch vụ du lịch khác để đáp ứng nhu cầu hoàn chỉnh du khách Với mục tiêu tạo nên nguồn thông tin đáng tin cậy hữu ích du lịch miền Trung, đồ án "Xây dựng website quảng bá du lịch miền Trung" hy vọng đóng góp vào việc thu hút khuyến khích du khách khám phá vẻ đẹp đa dạng vùng đất Mục tiêu đề tài Mục tiêu đề tài nhằm: - Nắm bắt, học hỏi thêm nhiều kiến thức công nghệ thiết kế Website HTML, CSS, JavaScript - Website giúp khách hàng lựa chọn địa điểm du lịch theo sở thích thân cách chi tiết đầy đủ - Website tạo nguồn cảm hứng du lịch cho khách nhờ giao diện đẹp mắt, video giới thiệu du lịch hấp dẫn - Quảng bá hình ảnh miền Trung đến với khách du lịch nước Phương pháp nghiên cứu Phương pháp nghiên cứu lí luận: - Tìm hiểu nghiên cứu nguồn tài liệu, sách báo, viết liên quan đến du lịch miền Trung, thiết kế giao diện web, tiêu chuẩn nguyên tắc thiết kế giao diện người dùng - Phân tích, đánh giá áp dụng nguyên tắc, khái niệm lý thuyết liên quan đến quảng bá du lịch, trải nghiệm người dùng, cấu trúc thông tin công nghệ web Phương pháp nghiên cứu thực nghiệm: - Xây dựng phiên thử nghiệm website quảng bá du lịch miền Trung dựa kết từ nghiên cứu lí luận Sử dụng phương pháp thu thập liệu khảo sát, vấn theo dõi hành vi người dùng để đánh giá hiệu tìm điểm cần cải tiến Phạm vi nghiên cứu Phạm vi thực đồ án dựa kiến thức thu từ mơn học q trình học tập trường tham khảo thêm số tài liệu bên để bổ sung thêm kiến thức nhằm hồn thiện đồ án tơt hơn, đáp ứng mục tiêu đồ án Bố cục báo cáo Sau phần Mở đầu, báo cáo trình bày 03 chương, cụ thể sau: Chương Cơ sở lý thuyết Chương Phân tích thiết kế thống Chương Demo Website Cuối Kết luận Tài liệu tham khảo liên quan đến đề tài CHƯƠNG CƠ SỞ LÝ THUYẾT 1.2 Tổng quan ngành du lịch 1.2.1 Khái niệm ngành du lịch Ngành du lịch lĩnh vực kinh doanh quản lý liên quan đến việc tổ chức, quảng bá cung cấp dịch vụ du lịch cho du khách Ngành du lịch bao gồm nhiều hoạt động ngành nghề khác liên quan đến việc di chuyển, lưu trú, tham quan, vui chơi, giải trí khám phá địa điểm du lịch Các ngành ngành du lịch bao gồm: - - - - Du lịch lữ hành: Các công ty lữ hành, đại lý du lịch tổ chức tour du lịch cung cấp gói dịch vụ du lịch cho khách hàng, bao gồm vận chuyển, lưu trú, tham quan hướng dẫn viên Dịch vụ lưu trú: Bao gồm khách sạn, resort, nhà nghỉ, hộ cho thuê hình thức lưu trú khác để đáp ứng nhu cầu du khách Dịch vụ ẩm thực giải trí: Các nhà hàng, quán bar, quán cà phê, nhà hàng nhanh, nhà hàng dịch vụ sở giải trí khác cung cấp dịch vụ ẩm thực, thức uống giải trí cho du khách Vận chuyển du lịch: Các hãng hàng không, hãng xe buýt, công ty cho thuê xe hình thức vận chuyển khác liên quan đến việc di chuyển du khách từ điểm A đến điểm B Quảng bá tiếp thị du lịch: Các quan du lịch, tổ chức quảng bá công ty truyền thông chịu trách nhiệm quảng bá tiếp thị điểm đến du lịch đến công chúng Ngành du lịch đóng góp quan trọng vào kinh tế phát triển quốc gia vùng lãnh thổ cách tạo thu nhập, việc làm, thu hút du khách thúc đẩy phát triển văn hóa xã hội 1.2.2 Các đặc trưng ngành du lịch - - Dịch vụ hướng tới khách hàng: Ngành du lịch tập trung vào việc cung cấp dịch vụ chất lượng cao tạo trải nghiệm tốt cho du khách Sự hài lòng khách hàng khả tạo giá trị cho họ yếu tố quan trọng thành công ngành Môi trường đa dạng: Ngành du lịch hoạt động môi trường đa dạng, bao gồm điểm đến đa dạng văn hóa, thiên nhiên, lịch sử địa lý Điều tạo hội cho du khách khám phá, trải nghiệm tìm hiểu văn hóa địa danh khác giới - - - - Liên kết ngành khác nhau: Ngành du lịch tương tác với nhiều ngành khác vận tải, nghệ thuật, văn hóa, mơi trường, thể thao dịch vụ ẩm thực Sự kết hợp tạo hệ sinh thái du lịch phong phú đa dạng Tính tồn cầu: Du lịch ngành toàn cầu, với khả thu hút du khách từ khắp nơi giới Du khách tham gia vào hoạt động du lịch quốc gia du lịch quốc tế để khám phá điểm đến Tác động kinh tế xã hội: Ngành du lịch đóng góp vào kinh tế việc tạo thu nhập, việc làm, thuế đầu tư Ngồi ra, du lịch cịn có tác động xã hội cách thúc đẩy giao lưu văn hóa, bảo tồn di sản gắn kết cộng đồng Tính khởi nghiệp sáng tạo: Ngành du lịch lĩnh vực đầy tiềm cho khởi nghiệp sáng tạo Các cơng ty du lịch tạo dịch vụ sản phẩm mới, áp dụng công nghệ tiên tiến khám phá mơ hình kinh doanh sáng tạo để đáp ứng nhu cầu khách hàng 1.2.3 Cơ sở phát triển - - - - Cơ sở hạ tầng: Hạ tầng giao thông, vận chuyển lưu trú sở vật chất quan trọng để phát triển ngành du lịch Điều bao gồm sân bay, cảng biển, đường bộ, đường sắt sở lưu trú khách sạn, resort nhà nghỉ Sự phát triển cải thiện sở hạ tầng giúp thu hút du khách tạo điều kiện thuận lợi cho hoạt động du lịch Tài nguyên tự nhiên văn hóa: Tài ngun tự nhiên văn hóa đóng vai trị quan trọng phát triển du lịch Các điểm đến du lịch tiếng thường sở hữu tài nguyên thiên nhiên độc đáo biển, núi, rừng, đồng cỏ, vàng đá, v.v Ngồi ra, di sản văn hóa, kiến trúc, truyền thống, ẩm thực đa dạng văn hóa yếu tố hấp dẫn du khách Chính sách quy định: Một sách quy định tốt từ phía phủ giúp thúc đẩy phát triển bền vững ngành du lịch Các sách liên quan đến việc quản lý điểm đến, quảng bá du lịch, quy định an toàn bảo vệ mơi trường, khuyến khích đầu tư hợp tác quốc tế Đào tạo phát triển nhân lực: Đào tạo phát triển nhân lực yếu tố quan trọng để nâng cao chất lượng dịch vụ lực quản lý ngành du lịch Các chương trình đào tạo chuyên sâu quản lý du lịch, kỹ tiếp thị, hướng dẫn du lịch lĩnh vực liên quan giúp nâng cao chuyên môn lực nhân viên ngành - Tiếp thị quảng bá: Các hoạt động tiếp thị quảng bá yếu tố quan trọng để thu hút du khách tạo lợi cạnh tranh ngành du lịch 1.2.4 Các loại hình kinh doanh trực tuyến ngành du lịch - - Giới thiệu miền Trung: Một phần giới thiệu tổng quan miền Trung Việt Nam, bao gồm tỉnh thành, văn hóa, lịch sử, thiên nhiên điểm đến tiếng Điểm đến du lịch: Cung cấp thông tin chi tiết điểm đến du lịch phổ biến hấp dẫn miền Trung Huế, Đà Nẵng, Hội An, Nha Trang, Quy Nhơn, Phong Nha - Kẻ Bàng, v.v Tour du lịch: Liệt kê tour du lịch gói dịch vụ du lịch có sẵn, bao gồm lịch trình, hoạt động, giá đặt chỗ trực tuyến Khách sạn nhà nghỉ: Danh sách khách sạn, resort, nhà nghỉ homestay khu vực miền Trung, kèm theo thông tin tiện ích, giá đặt phịng Thơng tin văn hóa kiện: Cung cấp thơng tin văn hóa, festival, kiện hoạt động văn hóa đặc trưng miền Trung Hướng dẫn du lịch lịch trình: Cung cấp gợi ý lịch trình du lịch, hoạt động địa điểm khám phá miền Trung Đặt vé dịch vụ: Cung cấp dịch vụ đặt vé máy bay, vé tham quan, dịch vụ vận chuyển dịch vụ du lịch khác Bản đồ hướng dẫn di chuyển: Cung cấp đồ miền Trung, hướng dẫn di chuyển thông tin liên quan đến giao thông vận chuyển khu vực Đánh giá nhận xét: Cho phép khách hàng đánh giá, viết nhận xét chia sẻ kinh nghiệm du lịch họ điểm đến dịch vụ Tin tức thông báo: Cập nhật thông tin du lịch miền Trung, bao gồm tin tức, kiện, ưu đãi thông báo quan trọng 1.3 Các công cụ để xây dựng Website 1.3.1 Khái quát HTML 1.3.1.1 Khái quát HTML (viết tắt từ Hypertext Markup Language, “Ngôn ngữ Đánh dấu Siêu văn bản”) ngôn ngữ đánh dấu thiết kế để tạo nên trang web World Wide Web Nó trợ giúp công nghệ CSS ngôn ngữ kịch giống JavaScript Các trình duyệt web nhận tài liệu HTML từ web server kho lưu trữ 10 cục render tài liệu thành trang web đa phương tiện HTML mô tả cấu trúc trang web mặt ngữ nghĩa dấu hiệu ban đầu bao gồm cho xuất tài liệu Các phần tử HTML khối xây dựng trang HTML Với cấu trúc HTML, hình ảnh đối tượng khác biểu mẫu tương tác nhúng vào trang hiển thị HTML cung cấp phương tiện để tạo tài liệu có cấu trúc cách biểu thị ngữ nghĩa cấu trúc cho văn headings, paragraphs, lists, links, quotes mục khác Các phần tử HTML phân định tags, viết dấu ngoặc nhọn Các tags giới thiệu trực tiếp nội dung vào trang Các tags khác bao quanh cung cấp thông tin văn tài liệu bao gồm thẻ khác làm phần tử phụ Các trình duyệt khơng hiển thị thẻ HTML, sử dụng chúng để diễn giải nội dung trang HTML nhúng chương trình viết scripting JavaScript, điều ảnh hưởng đến hành vi nội dung trang web Việc bao gồm CSS xác định giao diện bố cục nội dung World Wide Web Consortium (W3C), trước đơn vị bảo trì HTML người trì tiêu chuẩn CSS, khuyến khích việc sử dụng CSS HTML trình bày rõ ràng kể từ năm 1997 1.3.1.2 Ưu, nhược điểm Ưu điểm: - Ngôn ngữ sử dụng rộng lớn có nhiều nguồn tài nguyên hỗ trợ cộng đồng sử dụng cực lớn - Sử dụng mượt mà hầu hết trình duyệt - Có trình học đơn giản trực tiếp - Chuẩn web vận hành World Wide Web Consortium (W3C) - Dễ dàng tích hợp với ngơn ngữ backend PHP Mã nguồn mở hoàn toàn miễn phí - Markup gọn gàng đồng Nhược điểm: - Nó thực thi số logic định cho người dùng - Vì Khó kiểm sốt cảnh thực thi trình duyệt (ví dụ: trình duyệt cũ không 11 render tag mới) - Được dùng chủ yếu cho web tĩnh - Đối với tính động, bạn cần sử dụng JavaScript ngơn ngữ backend bên thứ PHP - Vậy, hầu hết trang cần tạo riêng biệt, kể sử dụng yếu tố, headers hay footers - Một số trình duyệt chậm hỗ trợ tính 1.3.2 Khái quát CSS 1.3.2.1 Khái quát CSS viết tắt Cascading Style Sheets, ngôn ngữ thiết kế đơn giản, xử lý phần giao diện trang web CSS mô tả cách phần tử HTML hiển thị hình phương tiện khác Sử dụng CSS, bạn kiểm soát màu chữ, cỡ chữ, kiểu chữ, khoảng cách đoạn văn bản, kích thước thành phần trang web, màu nền, thiết kế bố cục cách trang web hiển thị hình có kích thước khác hàng loạt hiệu ứng khác CSS hữu ích tiện lợi Nó kiểm sốt tất trang Website 1.3.2.2 Ưu, nhược điểm Ưu điểm: - Khả tiết kiê –m thời gian: CSS sử dụng viết lần đầu, đồng thời sử dụng lại trang HTML Không vâ –y, hồn tồn xác định mơ –t kiểu cho thành phần HTML áp dụng cho nhiều trang web khác cần thiết - CSS giúp khả tải trang nhanh chóng: Đăc– trưng CSS sử dụng mã Bởi mà thời gian tải xuống nhanh chóng, giúp tiết kiê –m thời gian đáng kể Khi viết mô t– quy tắc CSS mô –t thẻ cụ thể lúc áp dụng cho lần xuất hiê –n thẻ đó, đồng thời hồn tồn khơng cần tiến hành thay đổi th –c tính thẻ HTML - Dễ dàng thực hiê –n bảo trì: Khi cần cần thay đổi mô –t kiểu thành phần tất Website lúc CSS hỗ trợ câ –p nhâ –t hoàn toàn tự –ng 12 - CSS sở hữu thuộc tính rộng CSS đánh giá cao nhờ sở hữu th –c tính rơ –ng đánh giá so sánh với HTML - Khả tương thích tốt: Khả tương thích với nhiều thiết bị ưu điểm CSS Cùng sử dụng mô t– tài liêu– HTML song với nhiều phiên Website khác trình bày thiết bị di n– g hỗ trợ tốt, có – tương thích cao Nhược điểm: - CSS hoạt động khác biệt cho trình duyệt: Với thay đổi ban đầu CSS mô –t Website dễ dàng Tuy nhiên, thay đổi thực hiê –n đòi hỏi phải xác nhâ –n tính tương thích CSS hiển thị hiê –u ứng thay đổi tương tự cho trình duyê –t Điều xuất hiê n– CSS hoạt đông – khác biê t– cho trình duyê –t cụ thể - Khá khó khăn cho người mới: Ngơn ngữ lâp– trình phát triển đa dạng vô phúc tạp, đă –c biê –t khó khăn với người bắt đầu Bởi thế, với nhiều cấp đô – CSS viê –c tìm hiểu, nắm bắt để sử dụng trở nên khó khăn - Định dạng web có khả gặp rủi ro: CSS – thống dựa văn mở nên viê –c truy câ –p dễ dàng Điều khiến định dạng tồn bơ – web hồn tồn chịu tổn thương, gă –p gián đoạn có hành –ng, hoă –c tai nạn xảy với tê –p Lúc yêu cầu truy câ –p đọc hoăc– ghi vào Website dự định để ghi đè lên thay đổi 1.3.3 Khái quát Boostrap 1.3.3.1 Khái quát Bootstrap front-end framework mã nguồn mở miễn phí giúp trình phát triển web nhanh dễ dàng Bootstrap bao gồm mẫu thiết kế dựa HTML CSS typography, forms, buttons, tables, navigation, modals, image carousels… plugin JavaScript tùy chọn Bạn tạo giao diện responsive design cho thiết bị khác với Bootstrap 1.3.3.2 Ưu, nhược điểm Ưu điểm: - Dễ sử dụng: Bất kỳ có kiến thức HTML CSS bắt đầu sử dụng Bootstrap 13 - Các tính đáp ứng (Responsive features): responsive CSS Bootstrap điều chỉnh cho điện thoại, máy tính bảng máy tính để bàn - Cách tiếp cận Mobile-first: Trong Bootstrap 3, mobile-first styles phần core framework - Khả tương thích trình duyệt: Bootstrap tương thích với tất trình duyệt đại (Chrome, Firefox, Internet Explorer, Edge, Safari Opera) Nhược điểm: - Nặng, tốc độ tối ưu chưa cao: Đây điểm trừ lớn cho Bootstrap, framework ơm q nhiều chức tổng dung lượng lên tới gần 7MB - Chưa hoàn thiện: Hiện nay, Bootstrap tiếp tục phát triển chưa có đầy đủ thư viện cần thiết để tạo framework hoàn hảo - Nhiều code thừa: Bootstrap cung cấp gần đầy đủ tính trang web responsive đại Tuy nhiên, mặt trái việc Website bạn phải tải thêm nhiều dịng code khơng cần thiết mà bạn cần chưa đến 10% Bootstrap cung cấp - Hạn chế sáng tạo: Bootstrap khơng khuyến khích sáng tạo: Chỉ cần nhét Bootstrap vào themes sẵn có, gọi class từ stylesheet bạn có trang web responsive Tuy theme khiến bạn gị bó khó sáng tạo 1.3.4 Khái quát JavaScript 1.3.4.1 Khái qt Javascript ngơn ngữ lập trình web phổ biến ngày Javascript tích hợp đồng thời nhúng vào HTML để hỗ trợ cho Website trở nên sống động Chúng đóng vai trò tương tự phần Website, cho phép Client-side Script từ người dùng tương tự máy chủ (Nodejs) để tạo Website động 1.3.4.2 Ưu, nhược điểm Ưu điểm: - Chương trình dễ học - Những lỗi Javascript dễ để phát hiện, từ giúp bạn sửa lỗi cách nhanh chóng 14 - Những trình duyệt web dịch thơng qua HTML mà không cần sử dụng đến compiler - JS hoạt động nhiều tảng trình duyệt web khác - Được chuyên gia đánh giá loại ngơn ngữ lập trình nhẹ nhanh nhiều so với ngôn ngữ lập trình khác - JS cịn gắn số element events trang web - Những Website có sử dụng JS chúng giúp cho trang web có tương tác tăng thêm nhiều trải nghiệm cho người dùng - Người dùng tận dụng JS với mục đích để kiểm tra input thay cách kiểm tra thủ cơng thơng qua hoạt động truy xuất database - Giao diện ứng dụng phong phú với nhiều thành phần Drag and Drop, Slider để cung cấp đến cho người dùng Rich Interface (giao diện giàu tính năng) - Giúp thao tác với người dùng phía Client tách biệt Client với Nhược điểm: - JS Code Snippet lớn - JS dễ bị hacker scammer khai thác - JS khơng có khả đa luồng đa dạng xử lý - Có thể dùng để thực thi mã độc máy tính người sử dụng - Những thiết bị khác thực JS khác nhau, từ dẫn đến khơng đồng - Vì tính bảo mật an toàn nên Client-Side Javascript không cho phép đọc ghi file - JS không hỗ trợ bạn sử dụng tình trạng thiết bị kết nối mạng 15 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG Thiết kế giao diện người dùng (UI): - - - - Xác định mục tiêu đối tượng người dùng: Xác định mục tiêu trang web đối tượng người dùng mà trang web hướng tới, du khách, nhà du lịch, khách sạn, v.v Tạo wireframe mockup: Vẽ sơ đồ wireframe thiết kế mockup để xác định cấu trúc trang web, bố cục, vị trí giao diện yếu tố menu, nút điều hướng, hình ảnh, nội dung, biểu mẫu đặt chỗ, v.v Chọn màu sắc phong cách: Xác định màu sắc, hình ảnh, font chữ phong cách hợp lý với đặc trưng du lịch miền Trung để tạo trải nghiệm thẩm mỹ hấp dẫn phù hợp Responsive design: Đảm bảo trang web có thiết kế đáp ứng, tức có khả hiển thị tốt thiết bị khác máy tính, điện thoại di động máy tính bảng Phát triển trang web (Front-End): - Xây dựng cấu trúc HTML: Xác định cấu trúc HTML cho trang web, bao gồm thẻ phần tử cần thiết tiêu đề, đoạn văn bản, hình ảnh, liên kết biểu mẫu Lập trình CSS: Sử dụng CSS để tạo kiểu cho phần tử HTML, bao gồm màu 16 - sắc, kích thước, khoảng cách, định dạng chữ, hiệu ứng chuyển động bố cục trang Xây dựng JavaScript thư viện: Sử dụng JavaScript để cung cấp tính tương tác cho trang web, hiệu ứng thị giác, kiểm tra liệu đầu vào, định vị địa lý, hiển thị danh sách, v.v Sử dụng thư viện jQuery React để giúp quản lý mã JavaScript hiệu tăng tốc trình phát triển Đảm bảo trải nghiệm người dùng tốt: - - Tối ưu hóa tốc độ tải trang: Đảm bảo trang web tải nhanh mượt mà cách tối ưu hóa kích thước hình ảnh, sử dụng nhớ cache tối ưu mã nguồn Thân thiện với thiết bị di động: Đảm bảo trang web có trải nghiệm tốt thiết bị di động cách sử dụng responsive design, đảm bảo giao diện nội dung phù hợp với kích thước hình khác Dễ sử dụng điều hướng: Thiết kế giao diện người dùng thân thiện, tạo điều kiện cho người dùng dễ dàng tìm kiếm thơng tin, đặt chỗ, tương tác với tính chuyển đổi trang cách thuận tiện Tích hợp tảng dịch vụ khác: - - - Tích hợp đồ hệ thống định vị: Tích hợp API Google Maps dịch vụ định vị khác để hiển thị đồ, địa điểm du lịch, đường thông tin liên quan khác Kết nối mạng xã hội: Tạo liên kết tích hợp chia sẻ mạng xã hội để người dùng chia sẻ trải nghiệm du lịch, đánh giá, bình luận tương tác với cộng đồng trực tuyến Tích hợp hệ thống đặt chỗ: Kết nối với hệ thống đặt chỗ khách sạn, vé máy bay tour du lịch để người dùng thực đặt chỗ trực tuyến Kiểm tra tối ưu hóa: - Thử nghiệm sửa lỗi: Kiểm tra trang web trình duyệt thiết bị khác để đảm bảo hoạt động cách quán khơng có lỗi Tối ưu hóa SEO: Tối ưu hóa trang web để tăng khả xuất cơng cụ tìm kiếm, bao gồm việc sử dụng từ khóa phù hợp, meta tags, URL thân thiện nội dung có chất lượng cao 17 18 19 CHƯƠNG CHƯƠNG TRÌNH DEMO WEBSITE Demo Website Trang chủ Trang đăng kí Trang hiển thị địa điểm du lịch 20 Trang book tour du lịch KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận 21 Trang web quảng bá du lịch miền Trung dự án quan trọng hữu ích để giới thiệu quảng bá điểm đến du lịch khu vực Qua trình phân tích thiết kế, chúng tơi tạo trang web với giao diện hấp dẫn, thông tin đầy đủ tiện ích cho người dùng Tuy nhiên, dự án tiềm ẩn số hạn chế hạn chế thời gian phạm vi nghiên cứu Trang web quảng bá du lịch miền Trung đạt thành tựu sau: - - - - Xác định giới thiệu số điểm đến du lịch tiếng miền Trung Việt Nam Cung cấp thông tin chi tiết điểm đến, hoạt động du lịch dịch vụ kèm Thiết kế giao diện thân thiện, dễ sử dụng tương thích nhiều thiết bị khác Tạo liên kết với dịch vụ đặt vé đặt chỗ để người dùng thực giao dịch trực tuyến Hướng phát triển Dự án trang web quảng bá du lịch miền Trung tiềm phát triển nâng cấp Dưới số hướng phát triển tiềm cho trang web: Mở rộng phạm vi thông tin: Tăng cường thơng tin văn hóa, lịch sử, kiện hoạt động du lịch miền Trung để cung cấp cho người dùng nhìn tồn diện khu vực Tích hợp hệ thống đánh giá nhận xét: Cho phép khách hàng đánh giá, viết nhận xét chia sẻ trải nghiệm du lịch họ điểm đến dịch vụ, tạo tin cậy khuyến khích tham gia người dùng Mở rộng tính đặt chỗ tốn trực tuyến: Cung cấp tính đặt chỗ tốn trực tuyến cho tour du lịch, khách sạn dịch vụ khác, tăng cường tiện ích trải nghiệm mua sắm cho người dùng 22 23 TÀI LIỆU THAM KHẢO W3Schools (n.d.) Retrieved from https://www.w3schools.com/css/default.asp W3Schools (n.d.) Retrieved from https://www.w3schools.com/js/default.asp W3Schools (n.d.) Retrieved from https://www.w3schools.com/html/default.asp https://www.w3schools.com/jquery/default.asp 24