ĐỒ ÁN CƠ SỞ - ĐỀ TÀI: Trang web Du lịch Việt Nam (Traveling trans VietNam)

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: Trang web Du lịch Việt Nam (Traveling trans VietNam) Sinh viên thực Giảng viên hướng dẫn Lớp : VŨ VĂN HƯNG : TS LÊ TÂN : 20IT8 Đà nẵng, tháng … năm … ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: Trang web Du lịch Việt Nam (Traveling trans VietNam) Đà Nẵng, tháng … năm … LỜI CẢM ƠN …………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………… ……… …………………………………………………………………………… ……… …………………………………………………………………………… ……… …………………………………………………………………………… ……… …………………………………………………………………………… ……… …………………………………………………………………………… ……… …………………………………………………………………………… ……… NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… …………………………………………………………………………………………………………… ………………………………………………………………… Đà Nẵng, ngày 06 tháng 06 năm 2020 Giảng viên hướng dẫn TS LÊ TÂN MỤC LỤC Trang MỞ ĐẦU .7 Chương I Tổng quan đề tài thiết kế web Lí chọn đề tài .8 Mục đính .8 Phương pháp nghiên cứu Chương II Phân tích thiết kế website .11 Tên đề tài 11 Các website lấy ý tưởng .14 Các ngôn ngữ phầm mềm hỗ trợ 14 Chương III Xây dựng Website 11 Tên website 11 Poster .12 Logo 13 Cấu trúc website .13 Chương IV Triển khai xây dựng 26 Ghi chú: - In đậm in hoa tiêu đề chương, mục lớn Chữ số thứ thứ tự chương Chử số thứ thứ tự mục chương Chữ số thứ 3,…,chỉ thứ tự tiểu mục Tuỳ thuộc vào đề tài sinh viên trao đổi cụ thể với giảng viên hướng dẫn để xây dựng chương nội dung báo cáo cho phù hợp Lời nói đầu Thời dại 4.0, người có nhiều yêu cầu địi hỏi cao dịch vụ giải trí ngồi nước, Để đem lại đáp ứng nu cầu cấp thiết đó, Thì ý tường trang web đem lại cho người dùng nhu cầu lại ngoa du đến nơi tuyệt đẹp, hoang dã, mang tính chất lịch sủ đời Trang web đem lại cho người dùng tiện lời nhảnh chóng mà không cần người dùng phải trực tiếp đến địa điểm mà web web thiệt cho gợi ý thú vị địa điểm phù hợp cho du khách vào mùa lễ hội, kiện lớn để du khách có trải nhiệm thật tuyệt vời vào ngày nghỉ cảu du khách Và đất nước ta có tiềm phát triển du lịch từu quốc cao sử hữu cho 85 di tích xếp hạng di tích quốc gia đặc biệt di sản phi vật thể vật thể UNESCO công nhận, khơng cịn 3.329 di tích quốc gia 9.875 di tích cấp tỉnh hàng chục nghìn di tích văn hóa lịch sử Biến Việt nam trở thành quốc gia đơng nam đón triệu du khách nước năm Và nguồn thu từ phát triển du lịch Việt nam lớn Nói đến độ tiếng khơng thể không kể đến địa điểm thu hút khách như: Di tích cố huế, Phố cổ Hội An, Thánh đị Mỹ Sơn, Quẩn thể Núi đá vôi vịnh Hạ Long Phong nha- Kẻ Bàng, Dị tích chùa cột, Và hàng chục di tích văn hóa phi vật thể Cồng Chiêng, Hát Chèo, Hát Xoan, Quan họ, Đờm Ca Tài Tử,… Với tìm hiểu chọn lọc thơng tin nhóm làm trang web đưa điểm đến, Ăn uống đặc sản trải nghiệm thú vị mà quý khách trải nghiệm đến với web chuyến xuyên Việt nhóm Để người dùng tỉm hiều thú vị vẻ đẹp đất nước Việt nam kể người nước Việt người ngoại quốc thêm yêu đất nước Việt nam tươi đẹp Chương I: Tổng Quan Về Đề Tài Thiết Kế Website Lý chọn đề tài: Như thấy, xã hội không ngừng vận động phát triển mà đặc biệt dịch vụ vào thời kì 4.0 vơ cần thiết cho xã hội Nó đặc biệt thuận tiện cho đời sống chúng ta, đáp ứng nhu cầu việc di chuyển cách thuận tiện nhanh chóng mà cịn nhwungx trải nghiệm thú vị cho gia đình, bạn bè, với tour du lịch Traveling trans VietNam gợi ý đem đến dịch vụ hấp dẫn cho du khách để tới danh lam thắng cảnh độc đáo Việt Nam.Hiểu biết nhiều văn hóa sắc từ địa phương từ điểm mà du khách đặt chân Với nhiều ưa đãi du khách hỗ trợ từ shop đặc biệt chuyên dùng để sản phẩm đặc biệt quốc phụ Việt Nam Áo dài Với bổ sung thêm câu chuyện thú vị du lịch Những cẩm nang mà du khách muốn biết Hệ thống liên kết với mặng lưới nhà hàng khách sạn giúp du khách thuận tiện việc nghỉ dưỡng trải nghiệm ẩm thực.Với dịch vụ tin Traveling trans VietNam làm bạn hài lịng!!! Mục đích định hướng: Ở đây, tơi liệt kê mục đích định hương tương lai, kế hoạch phát triển Traveling trans VietNam sau: Mục đích chính: + Để đến thuận tiện việc di chuyển kế hoạch du lịch người dùng + Gửi gắn vào đó, hình ảnh Việt Nam màu sắc Việt Nam làm bật + Đem đến nét đẹp ẩm thực Việt Nam qua nhà hàng Việt Nam đề cập đẹp mắt người dùng + Một phần đó, làm bật danh lam thắng cảnh tiếng đem hình ảnh Việt Nam phủ sóng rộng -Định hướng kế hoạch phát triển: + Hướng phát triển trang web tiến xa có thẻ liên kết với nhà tầu du lịch điểm du lịch phát triển thêm mảng liên hệ với người dùng để nhiều góp ý để phát triển thân thiện cho người dùng đem áp dụng cho toàn quốc gia vươn lãnh thổ, đem đến bạn bè quốc tế biết đến Việt Nam nhiều với màu sắc đẹp đễ mắt ban jbef quốc tế Phương pháp nghiên cứu - Tiến hành thu thập phân tích thơng tin: - Tham khảo năm trước trường - Xác định yêu cầu nhằm phân tích thiết kế hệ thống chương trình cho phù hợp - Xây dựng chương trình theo yêu cầu đặt - Triển khai chương trình đánh giá kết đạt CHƯƠNG II: PHÂN TÍCH THIẾT KẾ WEBSITE TÊN ĐỀ TÀI “ Xây dựng website Traveling trans Vietnam” Để đạt độ thẩm mỹ cao, khả tương thích với tất loại thiết bị, hoạt động ổn định, nên định sử dụng ngôn ngữ HTML, ứng dụng Visual Code, công cụ hỗ trợ để áp dụng vào thiết kế xây dựng website “ Traveling trans Vietnam” 1.1 Các hệ thống website tương tự Hiện có nhiều hệ thống website làm mạng xã hội, tiêu biểu hệ thống website: https://www.booking.com/ https://www.tripadvisor.com/ https://www.skyscanner.com.vn/? previousCultureSource=GEO_LOCATION&redirectedFrom=www.skyscanner.com 1.2 Các công cụ hỗ trợ thực thiết kế website Các phần mềm lập trình: - Visual Code - Xampp - FFpeg Ưu điểm phần mềm dễ để cài đặt sử dụng Mỗi phần mềm đảm bảo tính riêng Như Visual Code IDE dùng để soạn thảo ngôn ngữ lập trình Xampp phần mềm tạo lập mơi trường chạy web, sử dụng Apache để làm môi trường chạy PHP, hỗ trợ PhpMyadmin cho phép truy cập MySQL trinh duyệt FFmpeg cho phép xử lý tệp media (video, nhạc) Tất phần mềm hỗ trợ chạy hệ điều hành Windows 2.Các ngôn ngữ phần mềm sử dụng:  Các ngôn ngữ sử dụng: HTML, CSS, thư viện Bootstrap  HTML: (HyperText Markup Language – ngôn ngữ siêu văn bản) loại ngơn ngữ sử dụng lập trình web 10 CHƯƠNG III : XÂY DỰNG WEBSITE 3.1 Tên website: - Sau lên ý tưởng tham khảo ý kiến giáo viên hướng dẫn chúng em định đặt tên website “Traveling trans Vietnam” Vừa đơn giản, giúp người dùng nhớ tên website tìm kiếm cách dễ dàng cơng cụ tìm kiếm phổ biến 3.2 Poster 13 3.3 Logo website: -Logo website thiết kế đơn giản với Tone màu chủ đạo màu cam nâu kết hợp với hoa văn hình ảnh trống dồng Đơng Sơn dải đất hình chữ S thân thương người việt nam 4000 năm văn hiến Chữ tiêu đề ghi tiếng anh ngôn ngữ phổ biến -Bao gồm logo phụ ứng với phần trang web như: Destinations 3.Hotel 14 Restaurant Shop 4.Storiesaboutplaces Aodai Shop 3.3 Cấu trúc website: Cung cấp thông tin website Menu Footer toàn website : +Menu: Được thiết kế với màu chủ đạo cam nâu tráng xám, tone màu website Gồm phần Logo, tìm kiếm, Các thành phần gồm: Home, Destinations ,Storiesaboutplaces,Travel service, Shop, Contact 15 +Footer: Được thiết kế với màu chủ đạo màu đen, phần footer web bao gồm phần liên kết mạng xã hội, địa web liên quan, Website gồm có phần: Trang chủ(Home) - Mơ tả: Phần trang chủ gồm nội dung chủ đạo là: + Phần Slideshow: Các hình ảnh danh lam thắng cảnh đại diện cho hình ảnh Việt Nam bật 16 + Phần nội dung khái quái đôi nét lịch sử địa lí Việt Nam, nhằm đem đến số kiến thức cho người dùng + Phần nội dung giới thiệu du lịch Việt Nam: Gồm đơi nét du lịch Việt Nam hình ảnh minh họa số danh lam thắng cảnh 17 + Phần giới thiệu hình ảnh từ hình ảnh khu du lịch tiếng Việt Nam, có dấu ấn lịch sử văn hóa sâu sắc + Phần tin tức liên quan tới du lịch tin tức liên quan Đặt vé di chuyển(Destinations): Mô tả: Phần Đặt vé di chuyển gồm nội dung chủ đạo là: 18 +Phần slideshow: Bao gồm hình ảnh liên quan tới hàng máy bay để tạo điểm ấn cho chủ đề phần Destinations + Phần Form đặt vé: Bao gồm tùy chọn (checkbox) phần điền thông tin người dùng, dùng để làm thông tin để đặt vé Câu chuyện miền đất(Storiesaboutplaces): Mô tả: Phần Câu chuyện miền đất gồm nội dung chủ đạo là: Phần câu chuyện du lịch 19 Câu chuyện du lịch người Việt Nam nước +Phần giao diện chính; Đơn giản gồm dịng chữ nói lên ý nghĩ du dịch tác giả nêu phần chọn câu chuyện kèn hình ảnh Dịch vụ du lịch (Travel service): Mô tả: Phần Dịch vụ du lịch gồm nội dung chủ đạo là: Restaurant: 20 +Phần slideshow: Bao gồm hình ảnh liên quan tới nhà hàng ăn độc đáo nhằm phục vụ cho chủ để Phần Restaurant + Phần chọn: Để lọc nhà hàng va quán ăn hợp nhu cầu sở thích ăn uống người dùng 21 +Phần Form chính: Để chọn lựa nhà hàng quán ăn đáng giá click vào để biết thêm nhà hàng đặt chỗ +Phần Tin tức : Như tin tức liên quan đến ẩm thực Việt Nam nói chung ẩm thực giới nói riêng 22 Hotel: +Phần Form chính: Có điền combobox chọn lựa, cho người dùng tự chọn lựa theo nhu cầu khách sạn nhà nghỉ +Phần hình ảnh: Gồm thơng tin hữu ích địa điểm có khách sạn nhà nghỉ 23 Bán Áo dài (Shop) Mô tả: Phần shop gồm nội dung chủ đạo là: + Phần slideshow: Bao gồm hình ảnh áo dài mang chủ đề chủ đạo shop +Phần giao diện chính: Gồm form kèm với hình ảnh áo dài với tên sản phảm với giá tiền sản phẩm 24 Liên hệ (Contact) Mô tả: Phần contact gồm nội dung chủ đạo là: +Phần giao diện chính: Gồm phần điền thông tin cá nhân người dùng, để liên hệ với admin, để hưởng đáp ứng dịch vụ 25 - Đăng nhập: - Đăng ký: 26 Chương IV: Kết luận hướng phát triển tương lai web 1.Kết luận: - Trên tinh thần tìm hiều ngơn ngữ lập trình trang web cách thiết kế trang web hồn chỉnh cảm nhận riêng web đầy đủ Và qua trình thiết kế nên web cá nhân em nhận lại nhiều kiến thức công việc thiết kế trang web hồn chỉnh, ngơn ngữ HTML, CSS JavaScritp ngôn ngữ kĩ thuật tuyệt vời để lập trình trang web đầy đủ chức mà cần nhất… - Ngồi có làm chưa tốt hạn chế mà trang web chưa khắc phục Hướng phát triển: - Hướng phát triển trang web tiến xa có thẻ liên kết với nhà tầu du lịch điểm du lịch phát triển thêm mảng liên hệ với người dùng để nhiều góp ý để phát triển thân thiện cho người dùng đem áp dụng cho toàn quốc gia vươn lãnh thổ, đem đến bạn bè quốc tế biết đến Việt Nam nhiều với màu sắc đẹp đễ mắt ban jbef quốc tế Sau hoàn thành xong chương đồ án, nắm rõ nội dung sau qua chương:  Chương 1: Giới thiệu lí chọn đề tài mục đích trang web Chương 2: Quy trình thiết kế website: xác định yêu cầu khách hàng, phác thảo ý tưởng, thiết kế đồ họa phối màu  Chương 3: Thư mục website chức  Hướng phát triển: tích hợp comment facebook, popup chat 27