ỨNG DỤNG WEBGIS TRA CỨU THÔNG TIN ĐỊA ĐIỂM THAM QUAN DU LỊCH TẠI THÀNH PHỐ ĐÀ LẠT- TỈNH LÂM ĐỒNG

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC NÔNG LÂM THÀNH PHỐ HỒ CHÍ MINH oOo TIỂU LUẬN TỐT NGHIỆP ỨNG DỤNG WEBGIS TRA CỨU THÔNG TIN ĐỊA ĐIỂM THAM QUAN DU LỊCH TẠI THÀNH PHỐ ĐÀ LẠTTỈNH LÂM ĐỒNG Họ tên sinh viên : TRẦN THỊ PHƢƠNG NHUNG Ngành : Bản Đồ Học Niên khóa : 2012 – 2016 Tháng 6/2016 ỨNG DỤNG WEBGIS TRA CỨU THÔNG TIN ĐỊA ĐIỂM THAM QUAN DU LỊCH TẠI THÀNH PHỐ ĐÀ LẠT- TỈNH LÂM ĐỒNG Sinh Viên Thực Hiện TRẦN THỊ PHƢƠNG NHUNG Tiểu luận đƣợc đệ trình để đáp ứng yêu cầu cấp Kĩ sƣ ngành Hệ thống Thông tin Địa lý Giáo viên hƣớng dẫn Th.S Lê Văn Phận Tháng 6/ 2016 LỜI CẢM ƠN Để hoàn thành đƣợc Tiểu Luận Tốt Nghiệp này, nhận đƣợc giúp đỡ, động viên, bảo nhiệt tình q thầy cơ, gia đình bạn bè - - - Tơi xin chân thành cảm ơn Ban giám hiệu Trƣờng Đại Học Nơng Lâm TP Hồ Chí Minh, q thầy đặc biệt PGS.TS Nguyễn Kim Lợi, Th.S Nguyễn Thị Huyền, KS Nguyễn Duy Liêm môn Thông tin Địa lý Ứng dụng tồn thể q thầy Trƣờng Đại học Nơng Lâm TP Hồ Chí Minh tận tình dạy, truyền đạt kiến thức quý báu cho suốt bốn năm học vừa qua Tôi xin chân thành cảm ơn sâu sắc đến ThS Lê Văn Phận, giảng viên Khoa Công nghệ Thông tin Trƣờng Đại Học Nơng Lâm TP Hồ Chí Minh, ngƣời tận tình hƣớng dẫn, bảo tơi q trình thực luận văn Cảm ơn tập thể lớp DH12GI, bạn giúp đỡ ngày tháng ngồi dƣới giảng đƣờng đại học Cuối cùng, biết ơn gia đình ln giúp đỡ, ủng hộ, động viên để hoàn thành luận văn Mặc dù cố gắng hoàn thành tiểu luận cách tốt nhất, nhƣng chắn không tránh đƣợc thiếu sót Tơi mong nhận đƣợc góp ý chân thành q thầy bạn Trần Thị Phƣơng Nhung Bộ Môn Tài Nguyên GIS Khoa Môi Trƣờng Tài Nguyên Trƣờng Đại Học Nơng Lâm TP Hồ Chí Minh i TĨM TẮT Đề tài tốt nghiệp “Ứng dụng WebGIS tra cứu thông tin địa điểm tham quan du lịch thành phố Đà Lạt – tỉnh Lâm Đồng ” đƣợc thực thời gian từ tháng 03/2016 đến tháng 05/2016 với liệu thí điểm địa điểm du lịch tiếng Đà Lạt, Lâm Đồng Mục tiêu đề tài cung cấp thông tin chi tiết địa điểm tham quan du lịch tiếng, dẫn đƣờng thông minh thông qua dịch vụ Google Maps API thiết bị kết nối Internet Để tài kết hợp hệ quản trị sở liệu SQL Server tích hợp Google Maps API làm đồ nền, Web Server ngôn ngữ lập trình PHP Đề tài đạt đƣợc kết cụ thể nhƣ sau : Xây dựng trang WebGIS bao gồm địa điểm du lịch với chức tƣơng tác đồ, hiển thị, tìm kiếm theo liệu khơng gian, tìm đƣờng quản lí cập nhật thơng tin ii MỤC LỤC LỜI CẢM ƠN .i TÓM TẮT ii CHƢƠNG MỞ ĐẦU 1.1 Tính cấp thiết 1.2 Mục tiêu 1.2.1 Mục tiêu chung 1.2.2 Mục tiêu cụ thể 1.3 Giới hạn phạm vi đề tài CHƢƠNG TỔNG QUAN NGHIÊN CỨU 2.1 Tổng quan khu vực nghiên cứu TP Đà Lạt 2.1.1 Vị trí địa lý 2.1.2 Khí hậu 2.1.3 Du lịch 2.1.4 Nông nghiệp 2.1.5 Lâm nghiệp 2.1.6 Kiến trúc 2.1.7 Văn hóa- Giáo dục 2.2 Hệ thống thông tin địa lý ( GIS) 2.2.1 Định nghĩa 2.2.2 Lịch sử phát triển 2.2.3 Các thành phần GIS 2.2.4 Dữ liệu địa lý GIS 10 2.2.5 Chức GIS 11 2.3 WebGIS 11 iii 2.3.1 Khái niệm 11 2.3.2 Kiến trúc WebGIS 12 2.3.3 Chức WebGIS 14 2.4 Tiềm WebGIS 14 2.5 Các phƣơng thức phát triển WebGIS 14 2.6 Google Maps API 15 2.6.1 Khái niệm 15 2.6.2 Một số ứng dụng xây dựng : 15 2.6.3 Cách sử dụng phát triển công nghệ 15 2.7 PHP 16 2.7.1 Khái niệm 16 2.7.2 Ƣu điểm PHP 17 2.8 Các nghiên cứu liên quan tới ứng dụng WebGIS 17 2.8.1 Trên giới 17 2.8.2 Trong nƣớc 17 CHƢƠNG PHƢƠNG PHÁP NGHIÊN CỨU 18 3.1 Sơ đồ phƣơng pháp nghiên cứu 18 3.2 Phân tích, thiết kế, xây dựng sở liệu 19 Phân tích 19 3.2.1 3.2.2 Thiết kế 19 3.2.3 Xây dựng sở liệu 19 3.3 Thiết kế chức 19 3.4 Thiết kế giao diện 21 3.4.1 Giao diện trang chủ 21 3.4.2 Thiết kế giao diện trang tƣơng tác đồ 22 3.4.3 Thiết kế giao diện trang quản lí : 22 iv 3.5 Xây dựng trang Web 24 CHƢƠNG KẾT QUẢ 26 4.1 Giao diện trang chủ 26 4.2 Giao diện trang tƣơng tác đồ 26 4.2.1 Hiển thị thông tin chi tiết : 27 4.2.2 Trang tìm kiếm 27 4.3 Giao diện trang quản lí liệu 28 4.3.1 Đăng nhập 28 4.3.2 Trang Thêm 29 4.3.3 Trang Cập nhật 30 4.3.4 4.4 Trang Xóa 30 Giao diện trang ý kiến phản hồi 31 CHƢƠNG KẾT LUẬN VÀ KIẾN NGHỊ 32 5.1 Kết luận 32 5.2 Đề xuất hƣớng nghiên cứu phát triển 32 TÀI LIỆU THAM KHẢO 33 v DANH MỤC VIẾT TẮT GIS Geographic Information System ( Hệ thống thông tin địa lý ) API Application Programming Interface ( Giao diện lập trình ứng dụng ) HTML Hyper Text Markup Language ( Ngôn ngữ đánh dấu siêu văn ) CSS Cascading Style Sheets ( Các tập tin định kiểu theo tầng ) CSDL Cơ sở liệu PHP Hypertext Preprocessor ( Bộ tiền xử lý siêu văn ) HDSD Hƣớng dẫn sử dụng CSS Cascading Style Sheets ( Các tập tin định kiểu theo tầng ) XML Extensible Markup Language ( Ngôn ngữ đánh dấu mở rộng ) HTTP Hyper Text Tranfer Protocol ( Giao thức truyền tải siêu văn ) GPS Global Positioning System (Hệ thống định vị toàn cầu) SQL Structured Query Language ( Ngôn ngữ truy vấn mang tính cấu trúc) vi DANH MỤC BẢNG BIỂU Bảng 3.1 Bảng mơ tả thuộc tính đơn vị điểm du lịch 19 Bảng 3.2 Bảng mô tả chức tƣơng tác đồ 20 Bảng 3.3 Bảng mô tả chức tìm kiếm 21 Bảng 3.4 Bảng mô tả chức quản lí liệu 21 Bảng 3.5 Bảng file quan trọng 25 vii DANH MỤC HÌNH ẢNH Hình 2.1 Vị trí địa lí Đà Lạt Hình 2.2 Các thành phần GIS Hình 2.3 Sơ đồ kiến trúc tầng WebGIS 12 Hình 2.4 Các bƣớc xử lí thơng tin WebGIS 13 Hình 3.1 Sơ đồ phƣơng pháp nghiên cứu 18 Hình 3.2 Sơ đồ chức trang Web 20 Hình 3.4 Thiết kế giao diện trang chủ 22 Hình 3.5 Thiết kế giao diện trang tƣơng tác đồ 22 Hình 3.6 Thiết kế giao diện trang đăng nhập 23 Hình 3.7 Thiết kế giao diện trang thêm mới,cập nhật xóa 23 Hình 4.1 Giao diện trang chủ 26 Hình 4.2 Giao diện trang đồ 26 Hình 4.3 Giao diện trang hiển thị thông tin chi tiết 27 Hình 4.4 Giao diện trang tìm kiếm 27 Hình 4.6 Phần hiển thị thơng tin 28 Hình 4.7 Giao diện trang đăng nhập 29 Hình 4.8 Giao diện trang thêm 29 Hình 4.9 Giao diện trang cập nhật 30 Hình 4.10 Giao diện trang xóa 31 Hình 4.11 Giao diện trang ý kiến phản hồi 31 viii 3.2 Phân tích, thiết kế, xây dựng sở liệu 3.2.1 Phân tích Nhu cầu khách du lịch chủ yếu xác định địa điểm du lịch lý tƣởng : vị trí, thơng tin địa điểm hấp dẫn ; tìm kiếm đƣờng địa điểm khác nhau, thời gian di chuyển, số kilomét… 3.2.2 Thiết kế Các đối tƣợng thuộc tính liên quan đƣợc thiết kế lƣu trữ Địa điểm du lịch : lƣu trữ tên địa điểm, đặc trƣng địa điểm, hình ảnh minh họa, tọa độ ( x, y) 3.2.3 Xây dựng sở liệu Mơ tả thuộc tính đơn vị địa điểm du lịch Bảng 3.1 Bảng mô tả thuộc tính đơn vị điểm du lịch Tên thuộc tính Mô tả Kiểu liệu Stt Số thứ tự integer Diadiem Tên địa điểm du lịch Character varying(300) X Tọa độ X Double precision Y Tọa độ Y Double precision Hinhanh Hình ảnh minh họa Text Ghichu Thơng tin chi tiết địa điểm Text 3.3 Thiết kế chức 19 Trang Web đƣợc thiết kế bao gồm chức sau : Chức Quản lí Tìm kiếm Tƣơng tác đồ Di chuyển Đăng nhập Tìm kiếm theo tên địa Phóng to Thu nhỏ Thêm Cập nhật Xóa Hiển thị thơng tin Hình 3.2 Sơ đồ chức trang Web  Chức tƣơng tác đồ : Bảng 3.2 Bảng mô tả chức tƣơng tác đồ Chức Thao tác Kết Di chuyển Nhấn giữ di chuyển chuột lên đồ điều khiển điều hƣớng Di chuyển đồ đến vị trí theo điều khiển chuột Phóng to, thu nhỏ Nhấp đôi chuột lên đồ di chuyển lên xuống điều hƣớng rê chuột lên đồ Hiển thị vùng không gian đồ đƣợc phóng to hay thu nhỏ Hiển thị thơng tin Bấm chọn vào địa điểm đồ Hiển thị thuộc tính đối tƣợng 20  Chức tìm kiếm : Bảng 3.3 Bảng mơ tả chức tìm kiếm Chức Thao tác Kết Tìm theo tên Nhập từ khóa cần tìm : tên địa chi địa điểm tại, tên địa điểm muốn đến - - Hiển thị kết điểm tƣơng ứng lên đồ Chỉ dẫn đƣờng địa điểm Thời gian khoảng cách địa điểm  Chức quản lí : Bảng 3.4 Bảng mơ tả chức quản lí liệu Chức Quản lí Đăng nhập Thao tác Kết Thêm Bấm chọn trang Thêm mới, Đối tƣợng đƣợc thêm điền thông tin vào cột vào CSDL bảng, bấm chọn Submit hiển thị lên đồ Cập nhật Bấm chọn trang cập nhật, điền nội dung chỉnh sửa vào hàng bảng, bấm nút Submit Xóa Bấm chọn trang xóa, chọn Đối tƣợng đƣợc xóa số thứ tự cần xóa, bấm nút CSDL xóa Thơng tin đối tƣợng đƣợc chỉnh sửa, lƣu lại CSDL hiển thị thay đổi lên đồ Yêu cầu điền tên mật Đăng nhập vào hệ thống đăng nhập Thông báo lỗi đăng nhập, yêu cầu đăng nhập lại 3.4 Thiết kế giao diện 3.4.1 Giao diện trang chủ 21 Giới thiệu TP Đà Lạt Video HDSD đồ Menu TRANG CHỦ Footer Hình 3.4 Thiết kế giao diện trang chủ 3.4.2 Thiết kế giao diện trang tƣơng tác đồ Bản đồ Hiển thị thơng tin Menu TƢƠNG TÁC BẢN ĐỒ Tìm kiếm địa điểm theo tên Chỉ dẫn đƣờng đi,khoảng cách thời gian lại địa điểm Footer Hình 3.5 Thiết kế giao diện trang tƣơng tác đồ 3.4.3 Thiết kế giao diện trang quản lí : Giao diện trang quản lí bao gồm chức trang đăng nhập; trang thêm mới,cập nhật xóa  Giao diện trang đăng nhập 22 Tên đăng nhập Menu Mật ĐĂNG NHẬP Footer Hình 3.6 Thiết kế giao diện trang đăng nhập  Giao diện trang thêm mới, cập nhật xóa : Thêm Menu Cập nhật THÊM MỚI CẬP NHẬT XĨA Xóa Footer Hình 3.7 Thiết kế giao diện trang thêm mới,cập nhật xóa 23 3.5 Xây dựng trang Web  Sơ đồ tổ chức trang Web Trang Web Trang chủ Quản lí liệu Tƣơng tác đồ Ý kiến phản hồi Đăng nhập Tìm kiếm địa điểm- đƣờng Thêm Cập nhật Xóa Hình 3.8 Sơ đồ chức trang Web Mơ tả thể trang Web : Trang Web bao gồm trang chủ, tƣơng tác đồ, quản lí liệu ý kiến phản hồi :  Trang chủ : Giới thiệu khái quát TP Đà Lạt, nơi chứa địa điểm tham quan du lịch ; hƣớng dẫn sử dụng đồ  Tƣơng tác đồ : Chọn đối tƣợng địa điểm đồ để hiển thị thơng tin chi tiết; tìm đƣờng hai địa điểm đồ  Quản lí liệu : - Đăng nhập : Khung đăng nhập vào hệ thống quản lí sở liệu Sau đăng nhập thành công vào đƣợc trang quản lí : thêm mới, cập nhật xóa - Thêm mới, cập nhật, xóa thơng tin địa điểm du lịch - Ý kiến phản hồi : Trang gửi nội dung thắc mắc liên hệ đến Website  Cấu trúc file quan trọng Trang Web đƣợc xây dựng sử dụng hệ quản trị sở liệu SQL Server ngơn ngữ lập trình PHP, bao gồm file quan trọng : 24 Bảng 3.5 Bảng file quan trọng Tên file Chức Index1.html File chứa toàn giao diện trang chủ website Code hiển thị đồ Connect.php File kết nối liệu từ SQL Server lên trang website Phpxml.php Phpxml.text File kết nối với đổ, hiển thị lệnh “ tìm kiếm” Và Timkiem.php Data.php File hiển thị trang “ tìm kiếm theo tên, đƣờng địa điểm khác nhau” Themmoi.html themmoi.php File hiển thị trang “ thêm mới” Update.html update.php File hiển thị trang “ cập nhật” Xoa.html xoa.php File hiển thị trang “ xóa” Fullpath.php File hiển thị hộp thoại đăng nhập vào trang “ quản lí liệu” .htaccess htpasswd Img/… File chứa tồn hình ảnh, video để tải lên website Server 203.113.148.136 Nơi lƣu trữ liệu Postreg SQL Assets File định dạng trang trí, màu sắc cho trang website 25 CHƢƠNG KẾT QUẢ 4.1 Giao diện trang chủ Link truy cập: http://test.hcmuaf.edu.vn/phuongnhung/index1.html Trang chủ giới thiệu tổng quan vùng nghiên cứu : TP Đà Lạt - Click vào video giới thiệu Xem hƣớng dẫn sử dụng đồ Hình 4.1 Giao diện trang chủ 4.2 Giao diện trang tƣơng tác đồ Giao diện trang đồ : Click vào biểu tƣợng địa điểm đồ Hình 4.2 Giao diện trang đồ 26 4.2.1 Hiển thị thông tin chi tiết : Sau click vào địa điểm đồ,xuất trang thông tin Thể nội dung thông tin chi tiết địa điểm cần xem bao gồm : số tứ tự điểm đồ, tên địa điểm, tọa độ (x,y), thơng tin hình ảnh Hình 4.3 Giao diện trang hiển thị thơng tin chi tiết 4.2.2 Trang tìm kiếm Click vào “ BẢN ĐỒ HƢỚNG DẪN ĐƢỜNG ĐI” hình trang Web Link truy cập: http://test.hcmuaf.edu.vn/phuongnhung/data.php Hình 4.4 Giao diện trang tìm kiếm - Tìm đƣờng vị trí gồm phần : + Phần nhập từ khóa: nhập địa điểm đi, địa điểm đến Sau chọn TRA CỨU để đƣờng 27 Hình 4.5 Trang nhập từ khóa cần tìm vào tìm kiếm + Phần hiển thị : hệ thống hiển thị kết tìm kiếm hai vị trí lên đồ Sau đó, sau hiển thị dẫn đƣờng vị trí, khoảng cách thời gian lại Hình 4.6 Phần hiển thị thơng tin 4.3 Giao diện trang quản lí liệu 4.3.1 Đăng nhập Ngƣời quản trị đăng nhập tên mật để truy cập vào trang quản lí liệu 28 Hình 4.7 Giao diện trang đăng nhập Sau đăng nhập thành công vào hệ thống, ngƣời quản trị vào đƣợc trang “Thêm Mới Dữ Liệu”, “Cập Nhật Dữ Liệu”, “Xóa Dữ Liệu” cách nhấn vào nút “TẠI ĐÂY” hình Web 4.3.2 Trang Thêm Link truy cập: http://test.hcmuaf.edu.vn/phuongnhung/admin/themmoi.php Tại trang “ thêm mới”, nhập đầy đủ thông tin liệu vào bảng Sau bấm nút “ Thêm mới” thơng tin nhập đúng, liệu đƣợc lƣu lại CSDL ngƣợc lại hệ thống báo lỗi Bấm “ Trở lại” để trở trang chủ Hình 4.8 Giao diện trang thêm 29 4.3.3 Trang Cập nhật Link truy cập: http://test.hcmuaf.edu.vn/phuongnhung/admin/update.php Tƣơng tự nhƣ trang “thêm mới” (hình 4.8) nhập nội dung cần chỉnh sửa vào nội dung bảng Sau bấm nút “ Cập nhật” để hồn tất chỉnh sửa liệu Nếu thông tin chỉnh sửa liệu đƣợc cập nhật vào CSDL ngƣợc lại hệ thống báo lỗi Bấm “ Trở lại” để trở trang chủ Hình 4.9 Giao diện trang cập nhật 4.3.4 Trang Xóa Link truy cập: http://test.hcmuaf.edu.vn/phuongnhung/admin/xoa.php Nhập số thứ tự ( tƣơng ứng CSDL) vào bảng Bấm nút “Xóa”, liệu đƣợc xóa CSDL Bấm “ Trở lại” để trở trang chủ 30 Hình 4.10 Giao diện trang xóa 4.4 Giao diện trang ý kiến phản hồi Hình 4.11 Giao diện trang ý kiến phản hồi Trang “Ý kiến phản hồi” cho phép ngƣời dùng đƣa ý kiến, nhận xét trang web Điền nội dung vào hình 4.8, sau bấm “gửi tin” 31 CHƢƠNG KẾT LUẬN VÀ KIẾN NGHỊ 5.1 Kết luận Với mục tiêu ứng dụng WebGIS tra cứu thông tin địa điểm tham quan du lịch TP Đà Lạt - Tỉnh Lâm Đồng Đề tài đạt đƣợc kết sau : - - Hoàn thành việc thiết kế xây dựng sở liệu Hoàn thành việc thiết kế xây dựng chức năng, giao diện trang WebGIS : Hiển thị địa điểm tham quan du lịch tƣơng ứng với chức tƣơng tác đồ Tìm kiếm đƣờng hai địa điểm Quản lí liệu : đăng nhập, thêm mới, cập nhật, xóa Tuy nhiên làm hạn chế : - Dữ liệu hạn chế chƣa đầy đủ chi tiết Giao diện website chƣa chun nghiệp, khó tiếp cận ngƣời dùng Chức hạn chế, thiếu linh hoạt 5.2 Đề xuất hƣớng nghiên cứu phát triển Đề tài cần bổ sung thêm số nội dung sau : - Thiết kế giao diện chuyên nghiệp Nghiên cứu thêm chức khác Xây dựng nguồn liệu đầu vào chi tiết Ngoài ra, để thu hút nhiều ngƣời dùng quan tâm sử dụng, tƣơng lai nên phát triển thêm nhiều tiện ích hỗ trợ tìm kiếm nơi ở,quán ăn…, hình ảnh chi tiết sinh động 32 TÀI LIỆU THAM KHẢO A TIẾNG VIỆT Nguyễn Kim Lợi công tác viên, 2009 Hệ thống thông tin địa lý nâng cao Nhà xuất Nơng Nghiệp, Tp Hồ Chí Minh, trang Trần Thị Kim Liên, 2014 Ứng dụng WebGIS xây dựng đồ tra cứu thông tin du lịch tỉnh Bình Thuận Khóa luận tốt nghiệp, Đại học Nơng Lâm TP Hồ Chí Minh, Việt Nam Phạm Thị Phép, 2013 Ứng dụng công nghệ WebGIS mã nguồn mở phục vụ cơng tác quảng bá du lịch Khóa luận tốt nghiệp, Đại học Nơng Lâm TP Hồ Chí Minh, Việt Nam Cổng thông tin điện tử tỉnh Lâm Đồng, thuộc Sở Thông Tin & Truyền Thông Địa chỉ: [ Truy cập ngày 22-052016] Climate GIS, 2011 Kiến trúc WebGIS Địa chỉ: < http://climatechangegis.blogspot.com/2011/05/kien-truc-cuawebgis_1829.html> [ Truy cập ngày 27-05-2016] Tài liệu hƣớng dẫn xây dựng WebGis hình thức từ cơng nghệ đến nâng cao công nghê Esri Phần I Địa : < http://doc.edu.vn/tai-lieu/tailieu-huong-dan-xay-dung-webgis-bang-hinh-tu-co-ban-den-nang-cao-bangcong-nghe-esri-54850/> [ Truy cập ngày 30-05-2016] Cẩm nang du lịch Đà Lạt Địa : < https://www.ivivu.com/blog/2013/09/dulich-da-lat-cam-nang-tu-a-den-z/> [ Truy cập ngày 30-5-2016] B TIẾNG ANH Beginning Google Maps API 3, 2010 Gabriel Svennerberg Harder, 1998 Developing a Web-Based GIS for Hajj Traffic Plan (HajjGIS Net) Edward,2000 Cartographic Aspects of WebGIS Software 33