XÂY DỰNG WEBSITE QUẢNG BÁ DU LỊCH MIỀN TRUNG.TS.TRẦN ĐÌNH SƠN.

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢNG BÁ DU LỊCH MIỀN TRUNG Sinh viên thực : HOÀNG VĂN LOAN NGUYỄN ĐẠI NGỘ Giảng viên hướng dẫn : ThS TRẦN ĐÌNH SƠN Đà nẵng, tháng 07 năm 2020 Lớp: 19IT5 Lớp: 19IT5 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢNG BÁ DU LỊCH MIỀN TRUNG Đà Nẵng, tháng năm 2020 MỞ ĐẦU Cuộc sống ngày phát triển, nhu cầu người ngày nâng cao, việc du lịch, khám phá trở thành sở thích, đam mê nhiều người Vì vậy, họ thường tìm đến dịch vụ cơng ty du lịch để chọn cho lịch trình tour phù hợp Trước đây, họ thường phải đến tận nơi cơng ty lữ hành tìm kiếm xem thơng tin tour ngày nay, với phát triển thương mại điện tử, việc tìm kếm thơng tin tour khơng cịn chuyện khó khăn người Thay phải đến tận nơi cần nút click giải vấn đề mà khơng cần phải ngồi đường, có trang web hỗ trợ tìm kiếm tour du lịch đáp ứng yêu cầu mà khách du lịch cần Với Việt Nam nói chung miền Trung nói riêng, tỉnh có du lịch tiềm lớn, đẹp cảnh sắc thiên nhiên mà đẹp giá trị di sản văn hóa di tích lịch sử Với văn hố lịch sử lâu đời, có nhiều di sản văn hóa vật thể phi vật thể giá trị Ngồi danh lam thắng cảnh thiên nhiên ưu ban tặng, Miền Trung cịn có tài ngun du lịch văn hóa như: Phố Cổ Hội An, Thánh Địa Mỹ Sơn, Tượng Đài Mẹ Thứ,…Rất người biết đến đặc biệt Phố Cổ Hội An Thánh Địa Mỹ Sơn UNESCO công nhận di sản văn hóa Thế giới Do đó, với giúp đỡ thầy Trần Đình Sơn, nhóm định xây dựng trang website quảng bá du lịch miền Trung với mong muốn đáp ứng nhu cầu khách hàng Ngồi việc khám phá, tìm hiểu giây phút thư giãn cịn đem lại cho người hiểu biết thêm lịch sử văn hóa miền Trung LỜI CẢM ƠN Để thực hoàn thành tốt đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy cô thuộc Khoa Công nghệ Thông tin Truyền thông – Đại học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian để em thực hồn thành đồ án Đặc biệt em xin chân thành cảm ơn thành thầy Trần Đình Sơn người trực tiếp hướng dẫn chúng em thời gian thực đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi trình nghiên cứu thực đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài không tránh khỏi sai xót Em mong nhận thơng cảm q thầy mong đón nhận góp ý thầy bạn Em xin chân thành cảm ơn! NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày 23 tháng 07 năm 2020 Giảng viên hướng dẫn ThS TRẦN ĐÌNH SƠN MỤC LỤC Trang Chương : ……………………………………………………………… GIỚI THIỆU .1 1.1Giới thiệu đề tài: .1 1.2 Phương pháp thực hiện: 1.3 Cấu trúc đồ án: .1 1.4 Các hệ thống website tương tự .2 1.5 Các công cụ hỗ trợ thực thiết kế website .2 1.6 Kết luận: Chương : TRIỂN KHAI XÂY DỰNG WEBSITE 2.1 Tên website : KẾT LUẬN Kết quả: Hướng phát triển: MỤC LỤC HÌNH ẢNH Hình 1: Logo .4 Hình 2: Trang chủ Hình 3: Trang chi tiết Hình 4: Trang đăng kí Hình 5: form đăng kí Hình 6: Trang đóng góp ý kiến Chương 1: GIỚI THIỆU 1.1 Giới thiệu đề tài: Sau tìm hiểu nghiên cứu thị trường, xác định khách hàng mục tiêu, chúng em chon đề tài website “XÂY DỰNG WEBSITE QUẢNG BÁ DU LỊCH MIỀN TRUNG” Website chủ yếu giới thiệu địa điểm du lịch di tích lịch sử giá trị di sản văn hóa, bao gồm địa điểm tiếng nơi người biết đến Nội dung viết tương đối đa dạng, phong phú, phù hợp với sở thích nhiều người Website tạo ngồi việc đem lại thư giãn cho người đem lại thêm kiến thức hiểu biết lịch sử văn hóa đất nước Việt Nam 1.2 Phương pháp thực hiện: - Trước tiên ta phải nêu tốn, phân tích thiết kế giao diện, hệ thống website - Dựa mục tiêu cụ thể để tìm kiếm thơng tin sử dụng, thiết kế giao diện phù hợp - Sau xây dựng website sử dụng ngôn ngữ HTML, thư viện Boostrap, JavaScript, sử dụng số cơng cụ để lập trình Sublime Text, Vistudio Code… 1.3 Cấu trúc đồ án: - Nghiên cứu tổng quan - Phân tích thiết kế website - Triển khai xây dựng - Kết luận hướng phát triển 1.4 Các hệ thống website tương tự Hiện có nhiều hệ thống website làm du lịch, tiêu biểu hệ thống website : - Hệ thống website công ty Du lịch Việt: dulichviet.com.vn Ngồi cịn có nhiều website cơng ty nước ngồi thơng dụng : - www.booking.com 1.5 Các công cụ hỗ trợ thực thiết kế website Các phần mềm lập trình : - SublimeText - Visual Studio Code - Notepad++ - Eclipse - Bracket Ưu điểm phần mềm dễ để cài đặt sử dụng, tất tối ưu cho ngơn ngữ HTML ngơn ngữ lập trình web Các phần mềm có trình kiểm tra tả, số dịng, tự động hồn thành, xem trước trang cơng cụ soạn thảo văn hình ảnh Và tối ưu cho hệ điều hành Windows Hỗ trợ mạnh mẽ cho cộng đồng nhiều Plugins, snippets, code auto complete, highlight beautiful, tùy biến giao diện, phím tắt, nhiều thứ khác Phát triển tích cực với hỗ trợ Microsoft Các tài liệu thức trì tốt Có hỗ trợ tích cực cộng đồng với tất plugin bạn cần Nếu gửi lỗi repo GitHub, bạn thường nhận phản hồi vòng ngày Thực tính tìm kiếm thay vơ dễ dàng, giúp cho nhanh chóng chỉnh sửa đoạn code bị lỗi Tự động báo lỗi trình viết chương trình Phần mềm Bracker tích hợp sẵn tính Quick Edit giúp cho người dễ dàng nhanh chóng soạn thảo chương trình Tự động báo lỗi lập trình javascript với cơng cụ JSLint Nhược điểm phần mềm chưa tối ưu hồn tồn ngơn ngữ, khó giải gặp lỗi bug, code, Các phím tắt mặc định khơng có ý nghĩa người dùng phải cấu hình lại gần tất chúng Các phần mềm chia cột thi tập tin Đối với eclipse, phần mềm tốn dung lượng nhớ Một số phần mềm cần phải trả phí Sublime Text… Các công cụ hỗ trợ việc thiết kế : - Thư viện Bootstrap thư viện sẵn có nên việc sử dụng giúp bạn phát triển nhanh chóng website Rất dễ sử dụng, viết html, css, javascript nên bạn cần có kiến thức sử dụng bootstrap tốt Tính Responsive hữu ích: Bootstrap xây dựng sẵn reponsive css thiết bị mobiles, tablets, desktops nên bạn không thời gian viết đống css lằng nhằng Tương thích với trình duyệt: Nó tương thích với tất trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera) - Java Script giúp tăng tính tương tác website Script chạy trình duyệt người dùng thay server thường sử dụng thư viện bên thứ nên tăng thêm chức cho website mà khơng phải code từ đầu - Photoshop CS6 để khắc phục hầu hết lỗi hình ảnh Photoshop cho phép bạn đổi màu, thêm bớt, xoá bỏ vật thể Bạn dễ dàng tạo hiệu ứng tuyệt đẹp photoshop - Responsive để làm cho website tự điều chỉnh kích thước theo hình, giúp cho người dùng có trải nghiệm tối ưu mà không ảnh hưởng loại thiết bị mà họ dùng để truy cập vào website Lợi ích trang web tải cách nhanh chóng mà khơng bị biến dạng, người dùng khơng cần phải resize tay 1.6 Kết luận: Vì kết nghiên cứu cuối tạo trang web áp dụng vào thực tế với yêu cầu độ 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óm định sử dụng ngơn ngữ HTML, ứng dụng Sublime Text Visual Studio Code công cụ hỗ trợ để áp dụng vào thiết kế xây dựng website quảng bá du lịch miền Trung Chương : TRIỂN KHAI XÂY DỰNG WEBSITE 2.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 QUẢNG BÁ DU LỊCH MIỀN TRUNG 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 2.2 Logo website: Hình 1: Logo Logo website thiết kế đơn giản với sắc màu nhẹ nhàng đẹp Giúp người dùng ấn tượng với logo trang, khơng bị hịa lẫn với logo đầy màu sắc trang khác 2.3 Cấu trúc website: Website gồm có phần : - Trang chủ - Trang chi tiết - Đăng kí - Đăng nhập - Phiếu đánh Giá 2.4 Chi tiết : 2.4.1 Trang chủ Hình 2: Trang chủ Ở Trang chủ website Trang chủ bao gồm tất demo phần cịn lại Bao gồm thơng tin giới thiệu video giới thiệu sơ lượt miền Trung, tour bật nhiều người quan tâm Trang chủ giúp người dùng xem tổng quan trang web, người dùng muốn xem chi tiết phần chuyển tab dễ dàng 2.4.2 Trang chi tiết Hình 3: Trang chi tiết Trang sẻ trình bày đầy đủ chi tiết thơng tin địa điểm củng tour bạn muốn lựa chọn, gợi ý cho người có nhu cầu tìm kiếm thông tin nắm rỏ thông tin địa điểm Những trang chi tiết có vẻ đẹp tiềm ẩn đặc trưng địa điểm bỏ qua đến tour du lịch miền Trung 2.4.3 Trang đăng kí Hình 4: Trang đăng kí Trang đăng kí tài khoản để người có nhu cầu tìm kiếm thơng tin tour du lịch miền Trung đăng kí tài khoản cho 2.4.4 Form đăng nhâp Hình 5: form đăng kí Khi đăng kí tài khoản, người có nhu cầu tìm kiếm đăng nhập tài khoản vào để xem thông tin cần thiết đầy đủ tour du lịch bạn muốn đến 2.4.5 Trang đóng góp ý kiến Hình 6: Trang đóng góp ý kiến Phần cung cấp thông tin cá nhân người xem thông tin tour du lịch đóng góp ý kiến vào trang, có thực hài long với trang web không KẾT LUẬN Kết quả: Trên sở nghiên cứu ngôn ngữ web ứng dụng lập trình Dưới hướng dẫn thầy Trần Đình Sơn, chúng em thiết kế thành công trang web xây dựng website quảng bá du lịch miền Trung Tuy kết đạt chưa cao, website nhiều điểm hạn chế chưa khắc phục được, bước khởi đầu để chúng em hướng tới trang web hồn thiện kinh doanh đươc Bên cạnh đó, q trình xây dựng website demo, chúng em học hỏi nhiều, kĩ thuật bootstrap, javascritp,css để thiết kế trang web có chất lượng cao sau Về trang web demo, sau chúng em lấy ý kiến giáo viên bạn khoa Trang web đạt kết khả quan, có tiềm phát triển lớn tương lai Chúng em sinh viên bước đầu học lập trình, nên trang web khơng thể tránh khỏi lỗi, điểm chưa hợp lí, động lực để chúng em làm tốt sau Hướng phát triển: Có nhiều hướng phát triển cho trang web này, phát triển nhiều mặt, kể quảng bá du lịch miền Trung xa xây dựng ln website hỗ trợ tìm kiếm thơng tin tour du lịch Việt Nam chúng em phát triển Có thể xây dựng thêm trang web đa ngôn ngữ, để vị khách xem hiểu Ngồi phát triển trang web theo hướng đa dịch vụ, không dùng để quảng bá du lịch, mà cịn sử dụng để đặt phịng khách sạn, th xe, đặt ăn, … 10