Xây dựng hệ thống cung cấp thông tin du lịch tỉnh đồng tháp

TRƢỜNG ĐẠI HỌC TÂY ĐÔ KHOA KỸ THUẬT – CÔNG NGHỆ KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG CUNG CẤP THÔNG TIN DU LỊCH TỈNH ĐỒNG THÁP Sinh viên thực Cán hƣớng dẫn NGUYỄN THIÊN TỨ ThS LÊ THỊ THU LAN 13D480201099 Cần Thơ, 2017 TRƢỜNG ĐẠI HỌC TÂY ĐÔ KHOA KỸ THUẬT – CÔNG NGHỆ KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC XÂY DỰNG HỆ THỐNG CUNG CẤP THÔNG TIN DU LỊCH TỈNH ĐỒNG THÁP Sinh viên thực Cán hƣớng dẫn NGUYỄN THIÊN TỨ 13D480201099 ThS LÊ THỊ THU LAN Cán phản biện ThS NGUYỄN CHÍ CƢỜNG Luận văn đƣợc bảo vệ tại: Hội đồng chấm luận văn tốt nghiệp Bộ môn Công Nghệ Thông Tin, Khoa Kỹ Thuật Công Nghệ, Trƣờng Đại học Tây Đô vào ngày 15 tháng 05 năm 2017 Mã số đề tài: ……………… Có thể tìm hiểu khóa luận tại: Thƣ viện: Trƣờng Đại học Tây Đơ Website: http://tdu.edu.vn/ BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƢỜNG ĐẠI HỌC TÂY ĐÔ Độc lập – Tự – Hạnh phúc *** CHẤP NHẬN LUẬN VĂN ĐẠI HỌC CỦA HỘI ĐỒNG Luận văn đại học (tên luận văn) Xây dựng hệ thống cung cấp thông tin du lịch Tỉnh Đồng Tháp sinh viên (tên) Nguyễn Thiên Tứ, mã số sinh viên: 13D480201099, thực báo cáo đƣợc chỉnh sửa theo góp ý đƣợc Hội đồng chấm luận văn đại học thông qua Họ tên Giảng viên hƣớng dẫn Họ tên Giảng viên Phản biện Giảng viên hƣớng dẫn Phản biện Họ tên Thƣ ký Thƣ ký Cần Thơ, ngày tháng …… năm 2017 _ Họ tên Chủ tịch Hội đồng Chủ tịch Hội đồng NHẬN XÉT CỦA GIẢNG VIÊN HƢỚNG DẪN Cần Thơ, ngày …… tháng …… năm 2017 Giảng viên hướng dẫn LÊ THỊ THU LAN NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Cần Thơ, ngày …… tháng …… năm 2017 Giảng viên phản biện NGUYỄN CHÍ CƢỜNG Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp LỜI CẢM ƠN Đầu tiên, xin gửi lời cảm ơn chân thành đến Cô Lê Thị Thu Lan trực tiếp hƣớng dẫn, tận tình giải đáp thắc mắc, giúp đỡ việc hình thành, phát triển hồn thành đề tài khóa luận tốt nghiệp Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Xin trân trọng cảm ơn Thầy Nguyễn Chí Cƣờng Thầy Quách Luyl Đa, Quý Thầy Cô khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Tây Đơ tận tình giảng dạy, bảo đóng góp ý kiến q báo để hồn thiện đề tài Đồng thời, xin cảm ơn đến với ngƣời bạn ủng hộ, chia sẻ khó khăn góp ý q trình học tập thực đề khóa luận tốt nghiệp Xin cảm ơn, Thầy Nguyễn Chí Thắng khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Nam Cần Thơ; bạn Sinh Viên: ngành Việt Nam học Khoa Văn Hóa – Du Lịch trƣờng Đại học Đồng Tháp, khoa Công Nghệ Thông Tin trƣờng Đại học Sƣ phạm TP Hồ Chí Minh ngành Cơng Nghệ Thơng Tin khoa Kỹ Thuật – Công Nghệ trƣờng Đại học Cửu Long đóng góp ý kiến nhiệt tình cho đề tài Trong trình thực đề tài, cố gắng nhƣng khơng thể tránh khỏi khó khăn, thiếu sót Kính mong nhận đƣợc ý kiến đóng góp hƣớng dẫn q Thầy Cơ bạn để đề tài khóa luận đƣợc hồn thiện Trân trọng cảm ơn! Cần Thơ, ngày 20 tháng năm 2017 Sinh viên thực NGUYỄN THIÊN TỨ Trang i Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH SÁCH CHỮ VIẾT TẮT .v DANH SÁCH HÌNH, BẢNG VÀ BIỂU ĐỒ vi TÓM TẮT ix CHƢƠNG I MỞ ĐẦU TỔNG QUAN VỀ TÌNH HÌNH NGHIÊN CỨU 1.I.1 Vùng đồng sông Cửu Long 1.I.2 Tình hình du lịch Tỉnh Đồng Tháp .1 1.I.3 Sự phát triển thiết bị di động năm 2016 II LÝ DO CHỌN ĐỀ TÀI III MỤC TIÊU NGHIÊN CỨU IV ĐỐI TƢỢNG VÀ KHÁCH THỂ NGHIÊN CỨU .8 V PHƢƠNG PHÁP VÀ PHẠM VI NGHIÊN CỨU .8 1.V.1 Phƣơng pháp nghiên cứu 1.V.2 Phạm vi nghiên cứu VI ĐÓNG GÓP MỚI ĐỀ TÀI VII KẾ HOẠCH NGHIÊN CỨU .10 VIII ĐẶC TẢ .10 CHƢƠNG I CỞ SỞ LÝ THUYẾT 13 TỔNG QUAN VỀ ASP.NET MVC 13 II TỔNG QUAN VỀ ADO.NET ENTITY 14 2.II.1 ADO.NET Entity Framework 14 2.II.2 Truy vấn ADO.NET Entity 15 III TỔNG QUAN VỀ SQL SERVER .17 IV TỔNG QUAN VỀ HTML, CSS VÀ JAVASCRIPT 17 2.IV.1 HTML CSHTML 17 2.IV.2 CSS (Cascading Style Sheets) .18 2.IV.3 JavaScript jQuery – jQuery Mobile 18 V CÔNG NGHỆ WEB 2.0 VÀ AJAX 19 Trang ii Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp VI GIAO THỨC TRUYỀN TẢI THƢ TÍN SMTP 20 VII PHƢƠNG THỨC MÃ HÓA DỮ LIỆU BASE-64 VÀ MD5 21 2.VII.1 Mã hóa Base-64 21 2.VII.2 Mã hóa MD5 21 VIII ADOBE PHONEGAP 22 IX YAHOO! WEATHER API 23 X GOOGLE MAPS API 23 CHƢƠNG I PHÂN TÍCH – THIẾT KẾ HỆ THỐNG 24 XÁC ĐỊNH CÁC ACTOR 24 3.I.1 Quản trị viên 24 3.I.2 Ngƣời dùng ứng dụng .24 II XÁC ĐỊNH CÁC USECASE 24 3.II.1 Quản trị viên 24 3.II.2 Ngƣời dùng ứng dụng 24 III MƠ HÌNH TƢƠNG TÁC GIỮA NGƢỜI DÙNG VÀ HỆ THỐNG 25 3.III.1 Sơ đồ Usecase tổng thể 25 3.III.2 Sơ đồ phân rã Actor Quản trị viên 26 3.III.3 Sơ đồ phân rã Actor Ngƣời dùng ứng dụng 28 IV SƠ ĐỒ CLASS 30 V SƠ ĐỒ TUẦN TỰ CÁC CHỨC NĂNG CHÍNH 31 3.V.1 Sơ đồ xuất file ảnh từ sở liệu 31 3.V.2 Sơ đồ ứng dụng ajax vào đề tài 31 3.V.3 Sơ đồ chức đăng nhập .32 VI KIẾN TRÚC HỆ THỐNG 33 VII MƠ HÌNH CƠ SỞ DỮ LIỆU .34 VIII TỔ CHỨC BẢNG DỮ LIỆU .35 CHƢƠNG I DEMO – TRIỂN KHAI THỰC TẾ 37 TRANG QUẢN TRỊ NỘI DUNG 37 4.I.1 Tài khoản admin 39 4.I.2 Quản lý danh mục .42 4.I.3 Thông tin Huyện/TP 43 Trang iii Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp 4.I.4 Quản lý ngƣời dùng 43 4.I.5 Thống kê yêu thích 44 4.I.6 Trang hiển thị viết .45 4.I.7 Chức đăng sửa viết 47 II ỨNG DỤNG WEB VÀ ANDROID 52 4.II.1 Trang chủ ứng dụng .53 4.II.2 Trang gửi phản hồi 57 4.II.3 Trang đăng ký 57 4.II.4 Trang quên mật .58 4.II.5 Trang thay đổi thông tin tài khoản 59 4.II.6 Trang danh sách viết 60 4.II.7 Trang nội dung viết 61 4.II.8 Xem đồ 62 KẾT LUẬN VÀ ĐỀ NGHỊ 64 DANH SÁCH TÀI LIỆU THAM KHẢO .66 Trang iv Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp DANH SÁCH CHỮ VIẾT TẮT AJAX : Asynchronous JavaScript and XML API : Application Programming Interface CSDL : Conceptual Schema Definition Language CSS : Cascading Style Sheets DNS : Domain Name System EDM : Entity Data Model HĐH : Hệ điều hành HTML : HyperText Markup Language JS : JavaScript JSON : JavaScript Object Notation LINQ : Language Integrated Query MS : Microsoft MSL : Mapping specification language MX : Mail eXchange OS : Operating System SMTP : Simple Mail Transfer Protocol SSDL : Store Schema Definition Language TCP : Transmission Control Protocol THDT (THĐT) : Truyền hình Đồng Tháp Trang v Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Hình 4-19 Giao diện ứng dụng Android 4.II.1 Trang chủ ứng dụng Hình 4-20 La bàn tọa độ GPS Trang 53 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp a Thông tin thời tiết Tại hiển thị thông tin thời tiết ngày hôm bao gồm: biểu tƣợng thời tiết, nhiệt độ (độ C độ F), độ ẩm, nóng, gió, tầm nhìn xa, bình minh hồng Giúp ngƣời sử dụng ứng dụng biết đƣợc địa điểm hai Thành phố Tỉnh Đồng Tháp (TP.Cao Lãnh TP.Sa Đéc) hôm nhƣ Đồng thời đƣa ngày bao gồm: biểu tƣợng nhiệt độ, nhiệt độ cao nhất, nhiệt độ thấp (theo độ C độ F) Ứng dụng thời tiết đƣợc cập nhật từ Yahoo! Weather giá trị tham khảo có chênh lệch so với thực tế b Bản đồ La bàn Có thể nhấn vào tiêu đề để ẩn nội dung Khi ngƣời dùng nhấn vào tên Tỉnh, Thị xã Thành phố đồ; ứng dụng hiển thị nội dung liên quan (đƣợc lấy từ sở liệu) Ngƣời dùng cần phải kích hoạt GPS thiết bị, thiết bị không hỗ GPS lấy thông tin tọa độ qua Internet điều khiến cho vị trí bị sai so với thực tế xác so với GPS Ứng dụng hỗ trợ la bàn định hƣớng cho ngƣời dùng dễ dàng cho việc tìm kiếm đƣờng đồ (giấy) c Danh sách u thích Có thể nhấn vào tiêu đề để ẩn nội dung Sau đăng nhập thành công, tài khoản u thích nội dung viết đƣợc hiển thị Trang 54 Xây dựng hệ thống cung cấp thơng tin du lịch tỉnh Đồng Tháp Hình 4-21 Danh sách yêu thích d Menu đăng ký đăng nhập Vuốt sang phải (tƣơng ứng với thao tác kéo chuột sang phải) nhấn vào biểu tƣợng giao diện chƣơng trình menu đăng ký, đăng nhập thay đổi thông tin đăng ký (trong trƣờng hợp đăng nhập thành công) Ngƣợc lại, đóng menu Hình 4-22 Menu đăng ký đăng nhập Trang 55 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp - Nếu ngƣời dùng chƣa đăng nhập vào tài khoản, menu hiển thị nút: đăng nhập đăng ký Hình 4-23 Popup đăng nhập - Ngƣợc lại, đăng nhập thành công, menu hiển thị nút: thay đổi thông tin đăng xuất e Menu chức Bao gồm: Thông tin tài khoản, danh mục gửi phản hồi (đối với trang chủ) Ngồi ra, cịn có thêm chức khác nhƣ: trở trang chủ, trở trang trƣớc, yêu thích (bỏ yêu thích) Trang 56 Xây dựng hệ thống cung cấp thơng tin du lịch tỉnh Đồng Tháp Hình 4-24 Menu chức 4.II.2 Trang gửi phản hồi Nhằm đáp ứng tốt nhu cầu trải nghiệm ngƣời dùng, ứng dụng cung cấp chức gửi phản hồi để nhằm cải thiện chất lƣợng ứng dụng đồng thời tiếp nhận ý kiến đóng góp khác nội dung viết có nhu cầu liên hệ Ban Quản Trị Hình 4-25 Giao diện gửi phản hồi 4.II.3 Trang đăng ký Vuốt sang phải nhấn vào biểu tƣợng để hiển thị menu, sau nhấn Đăng ký ứng dụng chuyển sang trang Đăng ký tài khoản Tại đây, ngƣời dùng Trang 57 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp cần nhập đầy đủ thông tin: Tên đăng nhập (địa email), mật nhập lại mật lần nữa, họ tên ngƣời đăng ký tài khoản Hình 4-26 Đăng ký tài khoản 4.II.4 Trang quên mật Khi nhấn quên mật (trên from đăng nhập) Ngƣời dùng nhập Tên đăng nhập (Email) để gửi mã xác nhận, sau gửi thành công mã xác nhận tồn phút Vì thế, ngƣời dùng cần thao tác bƣớc Thay đổi mật khoản thời gian nói Trang 58 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Hình 4-27 Chức quên mật 4.II.5 Trang thay đổi thông tin tài khoản Sau đăng nhập thành cơng, trang chủ chƣơng trình Ngƣời dùng vuốt sang phải nhấn vào biểu tƣợng để hiển thị menu, sau chọn Thay đổi thơng tin Ứng dụng chuyển sang trang đổi thông tin Tại đây, ngƣời dùng thay đổi họ tên; cần thay đổi ô họ tên gõ lại mật tài khoản Nếu nhập thêm mật xác nhận mật (trùng nhau) hệ thống tự động thay đổi mật tự động đăng xuất để yêu cầu đăng nhập lại để có hiệu lực Nếu xảy vấn đề khác tài khoản, người dùng cần phản hồi cho Ban Quản Trị thông qua trang gửi phản hồi, để trợ giúp Trang 59 Xây dựng hệ thống cung cấp thơng tin du lịch tỉnh Đồng Tháp Hình 4-28 Giao diện thay đổi thông tin tài khoản 4.II.6 Trang danh sách viết Danh sách viết hiển thị theo danh mục ngƣời dùng chọn trang chủ, nội dung hiển thị bao gồm: hình ảnh, tên địa điểm, số lƣợt u thích Trên cùng, bên phải có nút Tìm kiếm, nhấn vào nhập tìm kiếm ẩn (trạng thái mặc định) tìm kiếm Kết tìm kiếm theo: tên địa điểm, số lƣợt yêu thích Danh sách hiển thị lại tất ngƣời dùng nhấn vào nút xóa hết nội dung nhập tìm kiếm Trang 60 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Hình 4-29 Nội dung danh sách viết 4.II.7 Trang nội dung viết Bài viết hiển thị thông tin nhƣ sau: Tên viết, nội dung (nếu có) Nếu ngƣời dùng đăng nhập vào tài khoản, hệ thống hiển thị thêm nút Yêu thích (bỏ u thích) Ngồi ra, cung cấp nút xem Bản đồ (bên phải viết) Ngƣời dùng cần nhấn vào Tiêu đề nội dung chi tiết để xem thông tin cụ thể Trang 61 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Hình 4-30 Giao diện nội dung viết 4.II.8 Xem đồ - Khi ngƣời dùng bật GPS chia sẻ định vị Internet (đối với thiết vị khơng hỗ trợ GPS) chƣơng trình lấy tọa độ (kinh độ vĩ độ) dẫn đƣờng theo tọa độ điểm đến viết (hình ảnh bên phải) - Ngƣợc lại, không bật GPS chƣơng trình điểm cụ thể tọa độ - Chức Xem đồ hỗ trợ hiển thị tọa độ có sở liệu - Ngồi ra, cịn chọn chế độ dẫn đƣờng: Lái xe, bộ, xe đạp, cảnh Trang 62 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp Hình 4-31 Trang xem đồ Trang 63 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp KẾT LUẬN VÀ ĐỀ NGHỊ KẾT QUẢ VÀ KINH NGHIỆM - Rèn luyện kỹ tự học giải vấn đề - Tiếp cận nhiều với công nghệ web 2.0 nhƣ kỹ thuật ajax - Tiếp cận với tài liệu du lịch Tỉnh Đồng Tháp nhƣ nƣớc Việt Nam - Củng cố kiến thức về: lập trình web (HTML, CSS, JavaScript), ASP.NET C#, LINQ, ADO.NET, Sql Server - Củng cố kiến thức Tiếng Anh chuyên ngành qua nguồn tài liệu Tiếng Anh - Biết thêm cách sử dụng Google API, Yahoo! Weather API - Biết thêm cách đăng ứng dụng lên Google Play qua Google Play Developer Console - Hiểu thêm thẻ HTML5, CSS3, jQuery Mobile, Bootstrap - Hiểu thêm cách mã hóa hình ảnh base 64 lƣu vào sở liệu - Hiểu thêm mã hóa mật MD5 sau cho khơng trùng lắp - Sử dụng thành thạo công cụ Microsoft Visual Studio 2015, Microsoft SQL Server 2016, FileZilla, Adobe PhoneGap, Adobe Illustrator CC HẠN CHẾ CỦA ĐỀ TÀI - Tốc độ xử lý ứng dụng Android chậm - Giao diện trang quản trị nhƣ trang ứng dụng chƣa đƣợc đẹp mắt - Ứng dụng chạy offline khơng có kết nối Internet - Code xử lý chƣa đƣợc tối ƣu - Nguồn liệu cịn q so với Tỉnh Đồng Tháp HƢỚNG PHÁT TRIỂN CỦA ĐỀ TÀI - Bổ sung tính Tuyến đƣờng: thiết lập lộ trình từ A sang B sang C… có thích - Bổ sung ngơn ngữ Tiếng Anh cho ngƣời nƣớc Trang 64 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp - Bổ sung tính Bình luận thay có nút u thích nhƣ - Thêm tính offline cho ứng dụng, dẫn đƣờng qua GPS nguồn liệu offline - Cải thiện giao diện Trang 65 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp DANH SÁCH TÀI LIỆU THAM KHẢO DANH SÁCH TÀI LIỆU TIẾNG VIỆT [1] Nguyễn Thế Sơn, Lê Thị Thu Hƣơng, Bản đồ du lịch Đồng Tháp, NXB Thông Tấn, 2016 [2] Nguyễn Thế Sơn, Lê Thị Thu Hƣơng, Bản đồ du lịch Việt Nam, NXB Thông Tấn, 2016 DANH SÁCH TÀI LIỆU TIẾNG ANH [3] Jess Chadwick, Todd Snyder, Hrusikesh Panda, Programming ASP.NET MVC 4, O'Reilly Media, 2016 DANH SÁCH WEBSITE [4] https://dongthap.gov.vn/wps/wcm/connect/DTP/sitinternet/sitabaodientu/sitatintu csukien/sitavanhoaxahoi/20150115+ban+hanh+de+an+phat+trien+du+lich+tinh (01/2017) [5] https://vanban.luatminhkhue.vn/xem-vb/247903/ke-hoach-110-kh-ubnd-de-anphat-trien-du-lich-dong-thap-2015-2020.aspx (01/2017) [6] http://stackoverflow.com/questions/10214723/jquery-ajax-post-data-in-a-javaservlet (01/2017) [7] http://stackoverflow.com/questions/38470117/keyboard-phonegap-cordova (01/2017) [8] https://www.youtube.com/watch?v=3AYoipyqOkQ&list=PL6n9fhu94yhXQS_p1 i-HLIftB9Y7Vnxlo (01/2017) [9] https://www.youtube.com/watch?v=M0jdFS4ZyEk&list=PLRhlTlpDUWsyK1TI sewrQ7WwC7QkCSCPD (02/2017) [10] https://en.wikipedia.org/wiki/Apache_Cordova (02/2017) [11] https://vi.wikipedia.org/wiki/Ajax_(l%E1%BA%ADp_tr%C3%ACnh) (02/2017) [12] https://code.msdn.microsoft.com/101-LINQ-Samples-3fb9811b (02/2017) Trang 66 Xây dựng hệ thống cung cấp thông tin du lịch tỉnh Đồng Tháp [13] http://vnreview.vn/tin-tuc-thi-truong/-/view_content/content/1992875/toan-canhthi-truong-smartphone-2016-su-troi-day-cua-trung-quoc (02/2017) [14] https://developers.google.com/maps (02/2017) [15] https://developer.yahoo.com/weather (02/2017) [16] http://api.jquerymobile.com (02/2017) [17] http://docs.phonegap.com (04/2017) Trang 67