Nghiên cứu công nghệ WEBGIS và xây dựng trang WEBGIS hỗ trợ du lịch một số điểm chùa trên địa bàn tỉnh bắc ninh1

LỜI CẢM ƠN Sau gần ba tháng tìm hiểu thực đề tài “Nghiên cứu công nghệ WEBGIS xây dựng trang WEBGIS hỗ trợ du lịch số điểm chùa địa bàn tỉnh Bắc Ninh “ Để đạt kết này, em nỗ lực đồng thời nhận nhiều quan tâm, giúp đỡ, ủng hộ thầy cô, bạn bè gia đình Trước hết, em xin gửi lời cảm ơn chân thành đến Thầy giáo – PGS.Tiến Sĩ Phạm Việt Bình – Bộ môn Khoa Học Máy Tính, Khoa Công nghệ thông tin – Đại học Công Nghệ Thông Tin Và Truyền Thông – Đại học Thái Nguyên Cùng thầy cô giáo Bộ môn Khoa Học Máy Tính – Khoa Công nghệ thông tin – Đại học Thái Nguyên tạo điều kiện giúp đỡ em suốt thời gian thực đồ án Đồ án hoàn thành với số kết định, nhiên không tránh khỏi sai sót.Kính mong cảm thông đóng góp ý kiến từ thầy cô bạn LỜI CAM ĐOAN Em xin cam đoan toàn nội dung báo cáo em tự tìm hiểu nghiên cứu định hướng thầy giáo hướng dẫn Nội dung báo cáo không chép vi phạm quyền từ công trình nghiên cứu Nếu lời cam đoan không đúng, em xin chịu hoàn toàn trách nhiệm trước pháp luật Sinh viên Phạm Thị Thành MỤC LỤC LỜI CẢM ƠN .1 LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH ẢNH KÍ HIỆU , THUẬT NGỮ VÀ VIẾT TẮT TÓM TẮT LỜI MỞ ĐẦU .9 CHƯƠNG TỔNG QUAN VỀ GIS VÀ WEBGIS 12 1.1 Tổng quan GIS 12 1.1.1 Định nghĩa GIS 12 1.1.2 Dữ liệu GIS 14 1.1.3 Ưu điểm nhược điểm GIS .14 1.1.4 Ứng dụng GIS .15 1.2 Tổng quan WebGIS 17 1.2.1 Khái niệm 17 1.2.2 Tỷ lệ đồ .19 1.2.3 Mô hình liệu hệ thống thông tin địa lý .20 1.2.4 Thành phần chức WEBGIS 21 1.2.5 Các điều kiện cần thiết để thực WEBGIS 22 1.3 Kiến trúc WEBGIS 23 1.3.1 Chức WebGIS 23 1.3.2 Tiềm WEBGIS 24 CHƯƠNG CÁC NGÔN NGỮ VÀ CÔNG CỤ HỖ TRỢ .25 2.1 Các ngôn ngữ 25 2.1.1 HTML 25 2.1.2 CSS 26 2.1.3 Javascript 26 2.1.4 PHP 27 2.1.5 BOOSTRAP 27 2.1.6 jQuery 28 2.2 Các công cụ 28 2.2.1 Công cụ XamPP .28 2.2.2 Mapinfo 33 2.3 Dịch vụ đồ Google API 34 2.3.1 API gì? 34 2.3.2 Google API .35 CHƯƠNG PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 41 3.1 Bài toán 41 3.2 Khảo sát 41 3.2.1 Khảo sát trạng 41 3.2.2 Khảo sát nhu cầu người sử dụng 42 3.2.3 Đối tượng sử dụng trang web 42 3.2.4 Tìm hiểu số chùa tỉnh Bắc Ninh 42 3.3 Phân tích .45 3.3.1 Phân loại thông tin 45 3.3.2 Đối tượng sử dụng 45 3.3.3 Giao diện người sử dụng 45 3.3.4 Thông tin người quản trị 46 3.3.5 Các thực thể thuộc tính liên quan cần lưu trữ 46 3.4 Thiết kế 46 3.4.1 Mô hình xử lý tổng quát 46 3.4.2 Quy trình xử lý phía client .47 3.4.3 Quy trình xử lý phía server .48 3.5 Thiết kế chức 49 3.6 Mô hình thiết kế Website 49 3.6.1 Mô hình Usecase 49 3.6.2 Biểu đồ trình tự 51 3.6.3 Biểu đồ cộng tác 55 3.6.4 Biểu đồ Lớp .57 3.6.5 Sơ đồ quan hệ thực thể .58 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH 61 4.1 Kết nghiên cứu 61 4.2 Hình ảnh giao diện 64 KẾT LUẬN .67 TÀI LIỆU THAM KHẢO 68 DANH MỤC HÌNH ẢNH Hình 1.1 Biểu thị bề mặt Trái Đất mặt phẳng 12 Hình 1.2 Sơ đồ hoạt động WebGIS 18 Hình 1.3 Mô hình liệu dạng vecto 21 Hình 1.4 Mô hình liệu dạng raster .21 Hình 1.5 Sơ đồ kiến trúc tầng WebGIS 23 Hình 2.1 Hình Bật công cụ XAMPP để load trang web lên server 29 Hình 2.2 Biểu tượng phần mềm MapInfo Professional 33 Hình 3.1 Mô hình xử lý tổng quát ứng dụng 46 Hình 3.2 Quy trình xử lý phía client 47 Hình 3.3 Quy trình xử lý phía server 48 Hình 3.4 Mô hình usecase tổng quát 50 Hình 3.5 Mô hình usecase cho người quản trị 50 Hình 3.6 Sơ đồ usecase cho người dùng 51 Hình 3.7 Biểu đồ trình tự thêm vị trí 51 Hình 3.8 Biểu đồ trình tự xóa vị trí 52 Hình 3.9 Biểu đồ trình tự UC Xem đồ .52 Hình 3.10 Biểu đồ trình tự UC Tìm đường map 53 Hình 3.11 Biểu đồ cộng tác xem đồ 55 Hình 3.12 Biểu đồ cộng tác tìm đường map 55 Hình 3.13 Biểu đồ cộng tác Thêm điểm du lịch .56 Hình 3.14 Biểu đồ cộng tác Sửa thông tin điểm du lịch 56 Hình 3.15 Biểu đồ cộng tác Xóa điểm du lịch 57 Hình 4.1 Giao diện trang chủ 64 Hình 4.2 Giao diện kích vào checkbox chùa 65 Hình 4.3 Giao diện thông tin chùa .65 Hình 4.4 Giao diện giới thiệu chung 66 Hình 4.5 Giao diện tìm đường điểm 66 KÍ HIỆU , THUẬT NGỮ VÀ VIẾT TẮT GIS - Geographic Information System - Hệ thống thông tin địa lý OGC - Open Geospatial Consortium API - Application Programming Interface - Giao diện lập trình ứng dụng HTML - HyperText Markup Language - Ngôn ngữ đánh dấu siêu văn CSS - Cascading Style Sheets TÓM TẮT Tìm hiểu hệ thông thông tin địa lý cụ thể hệ thống thông tin địa lý web – WebGIS Tìm hiểu định nghĩa ,thành phần chức hệ thống thông tin địa lý web Tìm hiểu google api viết theo hướng ngôn ngữ php , javascript,css, AJAX,… LỜI MỞ ĐẦU Lý chọn đề tài Theo phương pháp truyền thống vấn đề truyền tải thông tin liên quan du lịch tới du khách qua đồ du lịch không đầy đủ, không cập nhật thường xuyên không thuận tiện Bởi vậy, xây dựng sở liệu GIS du lịch có tầm quan trọng thời đại công nghệ thông tin, đóng góp cho nhà quản lý quản lý hệ thống du lịch giúp du khách dễ dàng có thông tin để lựa chọn tìm kiếm địa điểm tham quan, du lịch cho phù hợp WebGIS xem hệ thống thông tin địa lý phân bố qua môi trường mạng máy tính để tích hợp, phân phối truyền tải thông tin địa lý trực diện WWW thông qua Internet Người dùng Internet truy cập đến ứng dụng GIS mà mua phần mềm Ngoài WebGIS cho phép thêm chức GIS ứng dụng chạy sở mạng giao thông, thương mại, phủ, giáo dục du lịch Nhiều ứng dụng loại chạy mạng cục phương tiện phân phối sử dụng liệu địa lý không gian (geospatial data) Hiện giới có nhiều công nghệ WebGIS công nghệ MapServer, GeoServer, ArcGIS Server,google map api … Cơ sở liệu thông qua công nghệ WebGIS có ưu điểm cho phép nhiều người truy cập thời điểm, lại quản lý liệu theo thời gian với dung lượng lớn, thống không bị trùng lặp WebGIS dùng để quảng bá công bố thông tin liệu địa điểm đền chùa cách rõ ràng, xác, bổ ích nhằm cung cấp thông tin đến người sử dụng quảng bá nét đẹp văn hóa người dân Bắc Ninh nước Nội dung “ Nghiên cứu công nghệ WebGIS xây dựng trang WebGIS hỗ trợ du lịch số địa điểm chùa địa bàn tỉnh Bắc Ninh ” Vùng đất Bắc Ninh nói khu vực nhiều chùa chiền, đền hội nước Hơn có nhiều chùa , đền mang tính chất lịch sử , tâm linh Một số chùa nhà nước số tổ chức công nhận chứng minh lịch sử Chùa nơi giúp người tịnh , lọc thể sống bộn bề, giúp ta vừa thoái mái tâm hồn lại có dịp du lịch tham quan di tích lịch sử Do không để người miền đất hiểu biết thêm quê hương mà giới thiệu với bạn bè nước bạn bè quốc tế vùng đất linh thiêng đẹp đẽ ,tôi ứng dụng webGIS để tạo website hỗ trợ du lịch với chức xác định địa điểm tìm đường Mục đích - Nghiên cứu WebGIS xây dựng đồ - Xây dựng đồ dựa google map api , sử dụng hàm chức google map api để xây dựng trang webgis đền chùa địa bàn tỉnh Bắc Ninh người nước quốc tế biết rõ văn hóa vùng đất Bắc Ninh Đối tượng phạm vi đề tài  Sử dụng XAMPP để xây dựng liệu đồ cho hệ thống WebGIS  Nghiên cứu công nghệ WebGIS theo chuẩn mở để kết nối chia sẻ tài nguyên  Tìm hiểu tổng quan chuẩn OpenGIS để khai thác sử dụng dịch vụ hỗ trợ cho việc xây dựng hệ thống  Xây dựng hệ thống WebGIS, hiển thị mạng giao thông,một số đền chùa tiếng địa bàn tỉnh Bắc Ninh  Tìm hiểu Webservice để xây dựng dịch vụ hỗ trợ tìm đường địa điểm Phương pháp nghiên cứu Phương pháp nghiên cứu tiến hành thu thập phân tích tài liệu, thông tin liên quan đến đề tài Từ đó, lựa chọn phương hướng giải vấn đề, phân tích thiết kế hệ thống chương trình ,ứng dụng, triển khai xây dựng chương trình ứng dụng Ý nghĩa khoa học thực tiễn đề tài Kết nghiên cứu ứng dụng đưa lên mạng internet thông qua Website chuyên ngành du lịch cài đặt máy tính có hình cảm ứng đặt nơi công cộng khách sạn để khách du lịch tra cứu, tìm kiếm thông tin địa điểm bãi biển muốn đến 10 3.6.3 Biểu đồ cộng tác Hình 3.12 Biểu đồ cộng tác xem đồ Hình 3.13 Biểu đồ cộng tác tìm đường map 55 Hình 3.14 Biểu đồ cộng tác Thêm điểm du lịch Hình 3.15 Biểu đồ cộng tác Sửa thông tin điểm du lịch 56 Hình 3.16 Biểu đồ cộng tác Xóa điểm du lịch 3.6.4 Biểu đồ Lớp Biểu đồ lớp sở liệu: 57 3.6.5 Sơ đồ quan hệ thực thể HUYEN(huyện) Tên thuộc tính Diễn giải MaH Mã huyện TenH DienTich Khóa Chính KDL Chiều dài Varchar 10 Tên huyện Varchar 50 Diện tích Float 20 58 XA(Xã) Tên thuộc Diễn giải tính Khóa KDL Chiều dài MaX Mã xã Chính Varchar 10 MaH Mã huyện Phụ Varchar 10 TenX Tên xã Varchar 50 DienTich Diện tích Float 20 DUONGGIAOTHONG (Đường giao thông ) Tên thuộc tính Diễn giải MaD Mã đường TenD Khóa Chính KDL Chiều dài Varchar 10 Tên đường Varchar 50 MaH Mã huyện Varchar 10 MaX Mã xã Varchar 10 CHUA (Chùa) Tên thuộc tính Diễn giải MaDC Mã đền chùa TenDC Tên đền chùa MaH Mã huyện MaX Khóa Chính KDL Chiều dài Varchar 10 Varchar 50 Phụ Varchar 10 Mã xã Phụ Varchar 10 MaD Mã đường Phụ Varchar 10 Diachi Địa Varchar 100 Latiude Lat Float 20 Longiude Long Float 20 Anh Ảnh Varchar 50 Mota Mô tả Varchar 100 59 NHAHANG (Nhà hàng) Tên thuộc tính Diễn giải MaN Mã nhà TenN Tên nhà MaH Mã huyện MaX Khóa Chính KDL Chiều dài Varchar 10 Varchar 50 Phụ Varchar 10 Mã xã Phụ Varchar 10 MaD Mã đường Phụ Varchar 10 DiaChi Địa Varchar 100 60 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH 4.1 Kết nghiên cứu Cơ sở liệu XAMPP: Có bảng tạo :Bảng đường giao thông, đền chùa, huyện, xã, nhà hàng Trong bảng giao thông có : 61 Trong bảng huyện có : Trong bảng xã có : 62 Trong bảng chùa có : Bảng nhà hàng có : 63 Tạo Database phpMyAdmin 4.2 Hình ảnh giao diện Trang chủ : Hình 4.1 Giao diện trang chủ Hộp tìm kiếm vị trí Menu trang chủ Khung nhập để tính khoảng cách tìm hướng địa điểm 64 Giao diện kích vào checkbox chùa: Hình 4.2 Giao diện kích vào checkbox chùa Kích vào marker chùa có giao diện thông tin chùa Hình 4.3 Giao diện thông tin chùa 65 Trang giới thiệu chung đền chùa Bắc Ninh nói chung: Hình 4.4 Giao diện giới thiệu chung Khi ta muốn tìm vị trí từ điểm đến điểm ta nhập vị trí điểm vào ô From , to đồ xác định đường điểm, đường ngắn nhất, bên trái đồ khoảng cách điểm hướng di chuyển Hình 4.5 Giao diện tìm đường điểm Khi nhập địa xuất hộp thoại tìm đường xác định hướng Chọn địa điểm xác định địa điểm đồ đường chúng 66 KẾT LUẬN Sau thời gian thực tập với đề tài tìm hiểu “ Nghiên cứu công nghệ WEBGIS xây dựng trang WEBGIS hỗ trợ du lịch số điểm chùa địa bàn tỉnh Bắc Ninh ” Kết thu được: - Tìm hiểu khái niệm GIS, WebGis - Các thành phần tạo nên WebGis - Cách viết trang WebGis cho hiệu - Sử dụng số công cụ hỗ trợ cho trang web dễ dùng , dễ thay đổi liệu chuyên nghiệp Hạn chế chưa làm được: - Vẫn chưa tìm hiểu hết chưa sử dụng hết số chức bổ trợ hữu hiệu thư viện Google API để hoàn chỉnh - Chưa cụ thể phần sơ liệu - Kết chưa đủ phần số tin tức liên quan Hướng phát triển: - Xây dựng trang web hỗ trợ trực tiếp điện thoại để tiện cho người sử dụng 67 TÀI LIỆU THAM KHẢO Book: [1] JavaScript Step by Step, Steve Suehring, Đại học FPT Microsoft Press cung cấp độc quyền [2] JavaScript and JQuery: Interactive Front-End Web Development, tác giả Join Wiley , NXB Join Wiley, năm 2014 [3] PHP and MySql Web Development by Luke Welling and Laura Thomson [4] Learn PHP and MySql – Zero to Hero Programming Crash Course – by Paul Madoff [5] Learning PHP, MySql and Javascript: with Jquery, CSS and HTML5 – by OReilly (Author – Robin Nixon) Website : [1].http://www.w3schools.com/googleAPI/ [2].http://fsd14.com/post/78-tao-ban-do-google-map-qua-vi-du-thuc[3].http://www.latlong.net/ [4].https://mapicons.mapsmarker.com/ [5].https://viblo.asia/nguyenhoa/posts/ZWApGxJ3R06y 68 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, ngày tháng năm 2016 GIÁO VIÊN HƯỚNG DẪN 69 ... WebGIS hỗ trợ du lịch số địa điểm chùa địa bàn tỉnh Bắc Ninh ” Vùng đất Bắc Ninh nói khu vực nhiều chùa chiền, đền hội nước Hơn có nhiều chùa , đền mang tính chất lịch sử , tâm linh Một số chùa. .. thị mạng giao thông ,một số đền chùa tiếng địa bàn tỉnh Bắc Ninh  Tìm hiểu Webservice để xây dựng dịch vụ hỗ trợ tìm đường địa điểm Phương pháp nghiên cứu Phương pháp nghiên cứu tiến hành thu thập... nước ta công nghệ GIS công nghệ Nhưng có số viện nghiên cứu, quan vài công ty có nghiên cứu sử dụng GIS Về WebGIS số lượng người nghiên cứu  Bên cạnh phát triển nhanh rộng khắp hệ thống WebGIS