ĐỒ ÁN CƠ SỞ 1 ĐỀ TÀI: XÂY DỰNG WEBSITE DU LỊCH VIỆT NAM Giáo viên hướng dẫn: TS. Nguyễn Văn Lợi

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE DU LỊCH VIỆT NAM Giáo viên hướng dẫn: TS Nguyễn Văn Lợi Sinh viên thực hiện: Dương Minh Phương – 20IT770 Đỗ Minh Nhật – 20IT744 Lớp : 20IT12 Đà Nẵng, 31 tháng 05 năm 2021 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG TRANG WEBSITE DU LỊCH VIỆT NAM Đà Nẵng 31 tháng 05 năm 2021 LỜI MỞ ĐẦU Ngày với phát triển mạnh mẽ internet ứng dụng đời sống Máy tính, điện thoại thơng minh khơng cịn phương tiện lạ lẫm người mà dần trở thành cơng cụ làm việc giải trí thơng dụng hữu ích nơi nhờ có kết nối internet Cùng với phát triển vượt bậc kinh tế, sống người dân cải thiện rõ rệt nên nhu cầu sức khỏe, tâm sinh lý người Với phát triển mạnh mẽ trang web hướng dẫn du lịch đặt tour trực tuyến, em tìm hiểu xây dựng trang web du lịch Việt Nam Cùng với bảo tận tình thầy em hồn thành website Trong q trình phân tích thiết kế khơng thể tránh khỏi sai sót mong thầy bạn đóng góp ý kiến để website hoàn thiện Em xin chân thành cảm ơn! LỜI CẢM ƠN Trong thời gian thực đồ án với giúp đỡ của, tạo điều kiện Trường đại học Công nghệ thông tin Truyền thông Việt Hàn – Đại học Đà Nẵng, đặt biệt hướng dẫn trực tiếp, bảo tận tình giảng viên mơn em hồn thành đề tài với báo cáo thời gian quy định Với khả thời gian có hạn nên khơng tránh khỏi thiếu sót, em mong nhận quan tâm, giúp đỡ, tạo điều kiện thầy cô giáo để em hoàn thành đề tài nghiên cứu thời gian tới Một lần em xin chân thành cảm ơn thầy,cô giáo Trường đại học Công nghệ thông tin Truyền thông Việt Hàn – Đại học Đà Nẵng bảo, hướng dẫn tận tình chúng em suốt thời gian học Em xin chân thành cảm ơn! NHẬN XÉT (Của giáo viên hướng dẫn) ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… ….……………………………………………………………………………………… Chữ kí (Giáo viên hướng dẫn) MỤC LỤC CHƯƠNG GIỚI THIỆU 1.1 Tổng quan: 1.2 Khảo sát thực trạng: 1.2.1 Các trang web tương tự: 1.2.2 Các chức dự kiến trang web: 1.3 Phương pháp triển khai: 1.3.1 Các bước triển khai: 1.3.2 Các công nghệ sử dụng website CHƯƠNG PHÂN TÍCH WEBSITE 2.1 Những tính tối cần thiết mà website cần có: 2.1.1 Hình ảnh lớn đẹp, tạo cảm hứng kích thích nhu cầu du lịch khách ghé thăm: 2.1.2 Blog – Khu vực vàng hỗ trợ SEO: 2.1.3 Chức tìm kiếm có lọc linh hoạt: 2.1.4 Website du lịch liên kết với trang mạng xã hội: 2.2 Hệ thống cần để hoạt động: 2.2.1 Tên miền: 2.2.2 Thiết kế website: 2.3 Các lưu ý thiết kế website: 2.4 Tài liệu tham khảo: CHƯƠNG XÂY DỰNG ỨNG DỤNG VÀ KẾT QUẢ 3.1 Các bước triển khai xây dựng: 3.1.1 Bước 1: Thu thập thông tin liệu: 3.1.2 Bước 2: Giai đoạn phân tích: 3.1.3 Bước 3: Tiến hành thực website: 3.1.4 Bước 4: Tiến hành chạy thử: 3.1.5 Bước 5: Giai đoạn nghiệm thu: 3.2 Tổng kết đạt được: 3.2.1 Về giao diện: 3.2.2 Về chức năng: 3.2.3 Về sản phẩm: 3.2.4 Về thân: 3.3 Mô tả chức năng: 3.3.1 Chức đặt tour du lịch: 3.3.2 Chức hỗ trợ khách hàng: 3.4 Những điểm trang website đạt được: 3.4.1 Đối với khách hàng: 3.4.2 Đối với người quản trị: 3.5 Nhược điểm trang web: 3.6 Hướng phát triển: 3.7 Kết đạt sau làm thực đồ án: CHƯƠNG 1: GIỚI THIỆU 1.1 Tổng quan: - Thời gian bắt đầu làm: Tháng năm 2021, xây dựng website Du lịch Việt Nam, nhóm học Trường đại học công nghệ thông tin truyền thông Việt Hàn để thực yêu cầu môn Đồ án sở - Yêu cầu thực tế: Một trang web để sử dụng thực tế cần nhiều yếu tố: + Có giao diện đẹp gây ấn tượng với người dùng từ nhìn đầu + Đa dạng nơi du lịch, giá phải chăng, hướng dẫn chi tiết cụ thể + Các chức trang web phải đáp ứng nhu cầu khách hàng + Tốc độ truy cập trang web phải nhanh - Vấn đề cần giải quyết: Xây dựng trang website có đầy đủ chức để đáp ứng nhu cầu người sử dụng đáp ứng yêu cầu quản lí trang website người quản trị - Nội dung tổng quan: Xây dựng website Du lịch Việt Nam cho phép người dùng xem thông tin điểm du lịch mà du khách muốn tới cập nhật liên tục, người dùng trực tiếp đặt tour du lịch trang web yêu cầu cung cấp thông tin khách hàng muốn xác nhận thơng tin đăng kí thành cơng, từ người quản trị lấy thơng tin khách hàng để có chuẩn bị tốt tour du lịch dành đến khách hàng - Mục đích: + Ngày hồn thiện chức để đáp ứng đầy đủ yêu cầu du khách tăng trải nghiệm cho người dùng + Xây dựng website Du lịch có lượt truy cập, đơn hàng cao - Lý chọn đề tài : + Du lịch nhu cầu thiết yếu người chất lượng sống ngày cao + Người dùng trước lo ngại vấn đề du lịch nơi xa lạ nên trang web chúng tơi cho bạn thơng tin bổ ích địa điểm ban muốn đến + Trang web hỗ trợ khách hàng đặt tour du lịch khách sạn địa điểm bạn muốn đến mà không cần phải đến trực tiếp, tiết kiệm thời gian lại - Phạm vi: Phạm vi hỗ trợ, tham khảo địa điểm du lịch toàn quốc 1.2 Khảo sát thực trạng: 1.2.1 Các trang web tương tự: - Trên thực tế có nhiều trang web lịch https://trippy.vn, travel.com, ivivu.com, …và nhiều người biết đến uy tín ,nổi tiếng, chất lượng chiếm lĩnh thị thường lớn chuyến du lịch Hình 1: Ví dụ Hình 2: Ví dụ - Các trang web cho phép thoanh tốn online qua thẻ , ví điện tử, thẻ QR đặt hàng qua điện thoại di động cách nhanh chóng ,tiện lợi - Giao diện cập nhập đổi phù hợp với người dùng 1.2.2 Các chức dự kiến trang web: • Xem chi tiết, hình ảnh vị trí khách hàng muốn đến • Chọn Tour • Đặt Tour online • Bình luận, đánh giá • Đăng kí, đăng nhập, đăng xuất • Thanh tốn online • Liên hệ tư vấn 1.3 Phương pháp triển khai: 1.3.1 Các bước triển khai: - Bước : Thiết kế website giao diện chức với ngôn ngữ lập trình HTML, CSS, Javascrip,… - Bước : Hợp tác với nhà phân phối xe du lịch ,khách sạn, nhà hàng để du khách có trải nghiệm tốt Khi có nguồn cung, ta tiến hành đưa thông tin địa điểm du lịch lên trang website để người dùng xem tiếp cận - Bước : Sau người dùng đặt hàng trực tuyến trang website liên hệ với hệ thống để biết thêm nhiều chi tiết nơi du khách chọn du lịch, để biết có ưu đãi hay khơng 1.3.2 Các công nghệ sử dụng website - HTML : HTML(Hyper Text Markup Languages – tiếng Anh) hay gọi “Ngơn ngữ đánh dấu siêu văn bản” sử dụng để tạo nên trang web thông qua thẻ đánh dấu Do HTML ngơn ngữ lập trình mà ngôn ngữ đánh dấu Phần mở rộng tập tin HTML thường html htm.Các trình duyệt đọc tập tin HTML hiển thị chúng dạng trang web.Các thẻ HTML ẩn đi, hiển thị nội dung văn đối tượng khác: hình ảnh, media.Với trình duyệt khác hiển thị tập HTML với kết định Các trang HTML gửi qua mạng internet theo giao thức HTTP HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cịn cho phép nhúng kịch vào ngơn ngữ kịch Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu HTML cho phép sử dụng kết hợp với CSS HTML thức chuẩn W3C từ tháng năm 97 với phiên HTML 3.2 Trước HTML xuất theo chuẩn RFC HTML tương thích với hệ điều hành trình duyệt Khả dễ học, dễ viết ưu điểm HTML việc soạn thảo địi hỏi đơn giản thơng thường sử dụng notepad đủ HTML tiếp tục phát triển, phiên HTML – phiên nâng cấp XHTML HTML cải tiến nhiều đặc biệt hỗ trợ mạnh mẽ phần tử multimedia mà khơng cần plugin HTML5 nói chung mạnh mẽ nhiều không tốc độ độ thích ứng cao mà khả hỗ trợ API (Application Programming Interface - giao diện lập trình ứng dụng) DOM (Document Object Model – mơ hình đối tượng tài liệu hay cấu trúc liệu) - CSS : CSS-Cascading Style Sheet dùng để trình bày tài liệu viết HTML XHTML Ngoài ngơn ngữ định kiểu theo tầng dùng cho XML, SVG, XUL…Các đặc điểm kĩ thuật CSS trì tổ chức W3C CSS có cấu trúc đơn giản sử dụng từ tiếng anh để đặt tên cho thuộc tính CSS sử dụng viết trực tiếp xen lẫn vào mã HTML tham chiếu từ file css riêng biệt Và CSS thường viết riêng thành tập tin với mở rộng css Chính mà trang web có sử dụng CSS mã HTML trở nên ngắn gọn sáng Ngồi sử dụng tập tin CSS cho nhiều website tiết kiệm nhiều thời gian cơng sức Một đặc điểm quan trọng tính kế thừa CSS giảm số lượng dòng code mà đạt yêu cầu Tuy nhiên CSS trình duyệt hiểu theo kiểu riêng Do việc trình bày nội dung trình duyệt khác không thống - JAVASCRIPT : Javascript ngơn ngữ lập trình kịch dựa đối tượng, phát triển từ ý niệm nguyên mẫu Được sử dụng rộng rãi trang web, phát triển Brendan Eich hãng truyền thông Nestcape, tên gọi Mocha, sau đổi thành LiveScript cuối có tên gọi JavaScript Cú pháp JavaScript tương tự C giống Selt Java Nó sử dụng có dạng: nhúng trực tiếp vào mã html, tham chiếu từ tập tin với phần mở rộng *.js Phiên JavaScript 1.5, tương ứng với ECMA-262- phiên chuẩn hóa javaScript Trình duyệt Mozilla 1.8 beta hỗ trợ không đầy đủ cho E4X- phần mở rộng cho JavaScript làm việc với XML, chuẩn hóa ECMA-357 - BOOSTRAPS : Bootstrap framework bao gồm HTML, CSS JavaScript template dùng để phát triển website chuẩn responsive Bootstrap cho phép trình thiết kế website diễn nhanh chóng dễ dàng dựa thành tố sẵn có typography, forms, buttons, tables, grids, navigation, image carousels… Bootstrap sưu tập miễn phí mã nguồn mở công cụ dùng để tạo mẫu webiste hồn chỉnh Với thuộc tính giao diện quy định sẵn kích thước, màu sắc, độ cao, độ rộng…, designer sáng tạo nhiều sản phẩm mẻ tiết kiệm thời gian làm việc với framework trình thiết kế giao diện website Hình - Các tour ưu đãi cập nhập hàng tuần: Hình -Giới thiệu cho du khách nước biết thêm thiên nhiên, ẩm thực văn hóa nước ta Hình -Chi tiết thiên nhiên hùng vĩ du khách muốn tìm hiểu thêm Trang Hình 10-1 Một vài vị trí du lịch hấp dẫn dành cho quý du khách chưa biết nhiều thiên nhiên Việt Nam Hình 10-2 Những thơng tin chi tiết địa điểm khác Hình 10-3 -> 10-7 -Việt Nam đa dạng văn hóa Hình 11-1 -Việt Nam có văn hóa lâu đời đặc biệt gắn liền với lịch sử hình thành phát triển quốc gia Những nét đặc trưng văn hóa Việt Nam ln hấp dẫn du khách nước ngồi khiến họ tị mị, tìm hiểu Nhìn chung Việt Nam xã hội coi trọng gia đình, đề cao nét truyền thống, phong tục tốt đẹp Những lễ hội lớn hấp dẫn hàng năm Việt Nam Hình 11-2 Video văn hóa người Việt Hình 11-3 -Ẩm thuật người Việt Hình 12-1 -Lãnh thổ Việt Nam chia ba miền rõ rệt Bắc, Trung, Nam Chính đặc điểm địa lý, văn hóa, dân tộc, khí hậu quy định đặc điểm riêng ẩm thực vùng – miền Mỗi miền có nét, vị cách chế biến đặc trưng Điều góp phần làm ẩm thực Việt Nam phong phú, đa dạng Những ăn phải ăn thử lần đời bạn người Việt Nam, du khách muốn biết ẩm thực Việt Hình 12-2 Video giới thiệu đặc sản Hình 12-3 -Nơi dừng chân bạn tham quan Hình 13-1 Những Resort đẳng cấp Việt Nam Hình 13-2 Hình 13-3 Đặt phịng khách sạn cho chuyến du lịch Hình 13-4 Nhập đầy đủ thơng tin để đặt phịng Hình 13-5 -Đặt tour hấp dẫn lúc nơi dù bạn đâu Hình 14-1 Hình 14-2 Các tour du lịch hấp dẫn cập nhập liên tục trang web Hình 14-3 Đặt tour vài bước nhanh chóng Hình 14-4 -Hỗ trợ tư vấn 24/7 phục vụ du khách Hình 15-1 Ưu điểm trang web Hình 15-2 Cách thức liên hệ Hình 15-3 3.2.4 Về thân: - Tích luỹ kiến thức trình học tập nghiên cứu đồ án sở - Rèn luyện kĩ teamword - Tăng kinh nghiệm, luyện kĩ lập trình thân 3.3 Mô tả chức năng: 3.3.1 Chức đặt tour du lịch: Hình 16 - Ở chức khách hàng muốn đặt tour du lịch trang web, sau nhấn vào “Liên hệ”, trang web mẫu đăng ký để khách hàng nhập thông tin bắt buộc Sau khách hàng đăng ký thành công, thông tin khách hàng lưu lên sở liệu để phục vụ cho việc xác nhận 3.3.2 Chức hỗ trợ khách hàng: Hình 17 - Với chức chúng tơi hỗ trợ khách hàng 24/7, thuận tiện, nhanh chóng khơng nhiều thời gian khách hàng Hỗ trợ chi tiết cụ thể chuyến du lịch giúp cho du khách thoải mái, an tâm chuyến du lịch 3.4 Những điểm trang website đạt được: 3.4.1 Đối với khách hàng: - Cung cấp đến khách hàng thông tin đầy đủ, chi tiết tour du lịch, nơi vị trí khách hàng muốn tới - Cho phép khách hàng đăng ký trực tiếp trang web - Kiểm tra tính hợp lệ thơng tin khách hàng đăng ký 3.4.2 Đối với người quản trị: - Người quản trị sửa đổi, cập nhập liệu kho hàng - Quản lý khách hàng, chuyến du lịch, xem chi tiết chuyến du lịch - Thêm, sửa, xóa danh mục 3.5 Nhược điểm trang web: - Nội dung trang web cịn thiếu sót - Bố cục, màu sắc trang web thiếu thu hút - Chưa áp dụng nhiều kỹ thuật cao 3.6 Hướng phát triển: - Trang web hướng tới mục tiêu nâng cao trải nghiệm khách hàng việc sử dụng trang web, đồng thời việc tốn hóa đơn trực tiếp thơng qua thẻ ATM, ví điện tử,… trọng phát triển để mang đến tiện lợi cho khách nhà kinh doanh - Dùng nhiều kỹ thuật cao việc phát triển trang web giúp trang web có tốc độ tải nhanh, giao diện đại, chức đầy đủ, tính bảo mật cao,… 3.7 Kết đạt sau làm thực đồ án: - Tích luỹ kiến thức trình học tập nghiên cứu đồ án sở - Rèn luyện kĩ teamword - Tăng kinh nghiệm, luyện kĩ lập trình thân Hướng phát triển - Tiếp tục phát triển phần giao diện thêm thẩm mĩ - Bổ sung sở liệu - Hồn thành website hồn chỉnh ngơn ngữ lập trình học kì tới