XÂY DỰNG BẢN ĐỒ CHI NHÁNH NGÂN HÀNG QUẬN CG

PHIẾU CHẤM ĐIỂM Sinh viên thực hiện Họ và tên Chữ ký Điểm Giảng viên chấm Họ và tên Chữ ký Ghi chú Giảng viên chấm 1 Giảng viên chấm 2 LỜI CẢM ƠN Trên thực tế không có sự thành công nào mà không gắn l.

PHIẾU CHẤM ĐIỂM Sinh viên thực hiện: Họ tên Chữ ký Điểm Giảng viên chấm: Họ tên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi LỜI CẢM ƠN Trên thực tế khơng có thành công mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập, chúng em nhận nhiều quan tâm, giúp đỡ Thầy Cơ, gia đình bạn bè Em xin chân thành gửi lời cảm ơn sâu sắc tới thầy, tận tình giảng dạy truyền đạt cho chúng em kiến thức, kinh nghiệm quý báu suốt thời gian học tập rèn luyện Sau cùng, chúng em xin kính chúc thầy cô Khoa Công nghệ thông tin dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao truyền đạt kiến thức cho hệ mai sau Chúng em xin chân thành cảm ơn! Mục Lục Danh mục hình vẽ, bảng biểu x LỜI MỞ ĐẦU 11 Lý chọn đề tài .11 Cấu trúc báo cáo .11 Chương Khảo sát trạng .2 1.1 Nhiệm vụ .2 1.2 Mục tiêu .2 1.3 Thực trạng 1.4 Hướng giải 1.5 Hướng công nghệ Chương Giới thiệu chương trình 2.1 Giới thiệu QGIS .4 2.2 Giới thiệu GIS 2.2.1 Khái niệm 2.2.2 Dữ liệu vật lý .7 2.2.3 Chức GIS 10 Chương Cài đặt hệ thống 12 3.1.Cài đặt QGIS .12 3.2 Lấy liệu đưa vào QGIS 13 3.3 Xử lý liệu QGIS 14 3.4.Xử lý liệu với PostGIS,PostgreSQL GeoServer 17 3.5.Xây dựng ứng dụng WebGIS với tính .23 3.6 Bài tốn tìm đường với PostGIS pgRouting 28 3.7.Kết 33 Kết luận 34 Danh mục hình vẽ, bảng biểu Hình 2.1: Các thành phần GIS…………………………………………….6 Hình 2.2 Ví dụ GIS7………………………………………………………….7 Hình 2.3 Bảng thuộc tính……………………………………………………….7 Hình 2.4 Các mức độ trừu tượng liệu…………………………………….8 Hình 2.5 Mơ hình liệu GIS…………………………………………………9 Hình 2.6 Tầng đồ………………………………………………………….9 Hình 2.7 Chức GIS…………………………………………………11 Hình 3.1 Download QGIS .12 Hình 3.2 Thao tác cài đặt QGIS………………………………………………13 Hình 3.3 Màn hình làm việc QGIS……………………………………………13 Hình 3.4 Thêm liệu……………………………………………………14 Hình 3.5 Chọn liệu đưa vào QGIS…………………………………………15 Hình 3.6 Bản đồ QGIS chưa qua chỉnh sửa………………………………… 15 Hình 3.7 Trang web sau xây dựng xong………………………………33 Hình 3.8 Demo thuật tốn tìm đường đi………………………………….34 LỜI MỞ ĐẦU Lý chọn đề tài Để hoàn thành môn học năm 2020-2021, sinh viên cần viết báo cáo mơn học Đó lí có báo cáo này, để tạo hệ thống thông tin không gian giúp người dùng tiếp cận nắm bắt thơng tin xác nhanh vấn đề để thuận tiên cho việc lại tìm kiếm nên chúng em chọn đề tài :”Xây dựng đồ chi nhánh BIDV quận cầu giấy” Tuy nhiên, thời gian trình độ có hạn nên báo cáo chắn khơng tránh khỏi thiếu sót, nhóm chúng em mong đóng góp ý kiến thầy toàn thể bạn Cấu trúc báo cáo Cấu trúc báo cáo chia thành chương chính: Chương 1: Khảo sát trạng Chương 2: Giới thiệu chương trình Chương 3: Cài đặt hệ thống Kết luận Sinh viên thực Phan Hữu Mạnh Nguyễn Cơng Huy Hồng Minh Phương Đào Quang Huy Chương Khảo sát trạng Ngày nay, vật giới xung quanh ta, từ nhà, đường phố, hàng đến khu rừng, dãy núi hay biển cả, tất thu nhỏlại nằm gọn tầm tay nhờ công cụ vô mạnh mẽ: công nghệ Hệ thống thông tin địa lý (gọi tắt theo tên tiếng Anh GIS) Hệ thống thông tin địa lý “Geographical Information Systems (GIS)’’ ứng dụng rộng dãi đem lại hiệu rõ rệt vào nhiều lĩnh vực số nước tiên tiến Nước ta, việc xây dựng sơ liệu , ứng dụng vào GIS số ngành Địa Chính, Lâm Nghiệp có thành cơng lĩnh vực quy hoạch xây dựng quản lý đô thị nước ta, GIS bước đầu ứng dụng Có thể nói GIS cịn vấn đề 1.1 Nhiệm vụ  Tìm hiểu vị trí đặt ATM  Tạo đồ số hóa đồ  Ứng dụng thuật tốn tìm đường đồ 1.2 Mục tiêu  Xây dựng đồ chi nhánh BIDV quận Cầu Giấy 1.3 Thực trạng Hiện nay, hệ thống tìm chi nhánh BIDV nhiều nhà phát triển xây dựng trang web như: maps.google.com, nhiên đa số hệ thống chưa có tự động tìm kiếm đường ngắn để giúp cho người sử dụng dễ dàng tìm chi nhánh giúp rút ngắn thời gian việc di chuyển 1.4 Hướng giải Hệ thống mà em xây dựng nhiều hạn chế định cải thiện phần hệ thống cũ Giúp người sử dụng dễ dàng tìm đường ngắn gần để đến với ngân hàng mà họ cần Hệ thống yêu cầu người sử dụng nhập điểm xuất phát mà ở, nhập tên ngân hàng mà cần đến Hệ thống tìm gửi thơng tin đường ngắn đến ngân hàng gần người sử dụng 1.5 Hướng cơng nghệ  Giao diện dễ sử dụng có tính thẩm mỹ cao  Cho phép người dùng tìm kiếm thơng tin dễ dàng, đảm bảo xác  Đường ngắn giúp thuận tiện tiết kiêm thời gian Chương Giới thiệu chương trình 2.1 Giới thiệu QGIS QGIS phần mềm quan trọng QGIS cho phép người sử dụng thực chức sau:  Hiển thị trực quan Thể liệu theo phân bố không gian giúp người dùng nhận biết quy luật phân bố liệuc mối quan hệ không gian mà sử dụng phương pháp truyền thống khó nhận biết  Tạo lập đồ Nhằm giúp cho người sử dụng dể dàng xây dựng đồ chuyên đề để truyền tải thông tin cần thiết cách nhanh chóng chuẩn xác, QGIS cung cấp hàng loạt công cụ để người dùng đưa liệu họ lên đồ, thể hiện, trình bày chúng cho có hiệu ấn tượng  Trợ giúp định QGIS cung cấp cho người dùng cơng cụ để phân tích, xử lý liệu khơng gian, giúp cho người dùng dể dàng tìm lời giải đáp cho câu hỏi “Ở đâu…?”, “Có bao nhiêu…?”,… Các thơng tin giúp cho người dùng có định nhanh chóng, xác vấn đề cụ thể xuất phát từ thực tế mà cần phải giải  Trình bày QGIS cho phép người dùng trình bày, hiển thị kết công việc họ cách dễ dàng Người dùng xây dựng đồ chất lượng tạo hiển thị tương tác để kết mối báo cáo, đồ thị, biểu đồ, bảng biểu, vẽ, tranh ảnh thành phần khác với liệu người dùng Họ tìm kiếm, truy vấn thông tin địa lý thông qua công cụ xử lý liệu mạnh chuyên nghiệp QGIS  Khả tùy biến chương trình Mơi trường tùy biến QGIS cho phép người dùng tự tạo giao diện phù hợp với mục đích, đối tượng sử dụng, xây dựng cơng cụ để thực công việc người dùng cách tự động, tạo chương trình ứng dụng độc lập thực thi tảng QGIS 2.2 Giới thiệu GIS 2.2.1 Khái niệm GIS (Geographic Information System):  Là hệ thống thông tin mã hóa, lưu trữ, chuyển đổi, phân tích hiển thị thơng tin khơng gian địa lý  Là hệ thống nhập, lưu trữ, thao tác xuất thông tin địa lý  Là hệ thống phần mềm máy tính, phần cứng liệu, nhân để giúp thoa tác, phân tích trình bày thơng tin GIS hệ thống thơng tin sở máy tính với bốn khả chủ yếu:  Thu thập tiền xử lý liệu tham chiếu địa lý, bao gồm liệu từ đồ giấy, liệu vệ tinh, điều tra hay từ nguồn khác  Quản lý liệu, bao gồm lưu trữ bảo trì CSDL  Biến đổi, phân tích, mơ hình hóa iệu khơng gian liệu thuộc tính liên quan cơng cụ phần mềm  Trình diễn liệu dạng báo cáo, đồ chuyên đề, biểu diễn đồ, … B7: Vậy đẩy xong file shape vào csdl bạn kiểm tra postgresql thấy tạo bảng hình 3.4.2 Public Data với GeoServer Ở mục tìm hiểu cách sử dụng Geoserver để public data chúng ta, sử dụng để show lên web, chia sẻ cho người khác dạng WMSweb map service B1: Dùng trình duyệt vào Geoserver, để cổng Geoserver 8080 nên đường dẫn : http://localhost:8080 Đăng nhập để vào quản trị Geoserver 20 B2: Đầu tiên bạn phải tạo Workspace, nôm na vùng làm việc, sau bạn tạo phải chọn Workspace Chọn Workspace cột bên trái, phần Data, chọn Add new Workspace Điền tên Namespace URI vào ô nhập ấn Submit Bước 3: Tiếp đến tạo Stores để trỏ đến data Chọn Store cột bên trái, chọn Add new store Ở Geoserver hỗ trợ nhiều loại data, làm việc với PostGIS nên chọn vào PostGIS 21 Bước : Chúng ta nhập thông số cho store chúng ta, sau nhập thành công Geoserver tự động load layer đưa sang trang layer, chọn public để public ln layer cần thiết Bước : Trong phần bạn phải định nghĩa thông số cho layer tên tuổi… Trong có phần định nghĩa hệ tọa độ, hệ tọa độ sử dụng cho đồ hệ VN-2000 UTM zone 48N, code 3405 22 Bước : Trong phần Bounding Boxes, tính tốn extent cho layer hình dưới: Bước 7: Kick Save để lưu lại layer Sau lưu xong Layer danh sách layer hình 23 Bước 8: Vậy public layer xong, bạn vào Layer Preview để xem layer 3.5.Xây dựng ứng dụng WebGIS với tính 3.5.1 Hiển thi đồ lên web Ở phần tìm hiểu cách đưa đồ lên web với chức hiển thị đồ biên tập trước Chúng ta cần thêm thư viện JavaScript Openlayer Chúng ta tải tại: http://openlayers.org/download/ lấy trực tiếp link đến file js không cần tải Trong sử dụng JQuery bạn phải tải thêm JQuery Đầu tiên bạn tạo folder để chứa web mình, tạo file html để bắt đầu code Chúng ta cần add thứ sau thẻ head HTML: 24 Quay lại thẻ Head, thêm code javascript sau: Trong đó: để xác định extent đồ muốn hiển thị 25 Đây khai báo layer có GeoServer, kiểu layer sử dụng Image kiểu source ImageWMS Trong OpenLayer có kiểu layer là:  ol.layer.Tile : hiển thị đồ dạng đồ nền, xác định cấp độ zoom phụ thuộc vào tỷ lệ đồ  ol.layer.Image: Hiển thị đồ dạng ảnh với mức độ zoom độ phân giải tùy ý  ol.layer.Vector: đưa layer dạng vector url: ‘http://localhost:8080/geoserver/web_map/wms’ link đến service Geoserver LAYERS: ‘web_map’ tên Layer Geoserver Ngồi cịn số tùy chọn khác format ảnh, chọn style ( để rỗng chọn mặc định) Đây đối tượng chúng ta, map hiển thị lên đồ gồm thành phần sau:  target: ID thẻ div đưa map lên, ‘map’  layers: layer khai báo bên trên, layer cách dấu ,  view: quy định cách thức hiển thị đồ map.getView().fit(bounds, map.getSize()); để zoom full extent vào vùng quy định biến bounds (chú ý tùy phiên OpenLayer mà hàm fit khơng chạy được, thay fit fitExtent() ) 26 3.5.2 Chức bật tắt layer Mặc định hiển thị layer lên nên để thuộc tính checked từ đầu Trong hàm $(“document”).ready(function(){…}); thêm code bắt kiện checkbox check sau: Roads layer khai báo bên Hàm setVisible(var) xác định layer hiển thị hay ko Chú ý tùy phiên Openlayer tên hàm khác nhau, bạn check đây: http://openlayers.org/en/v3.15.1/apidoc/ Tiếp theo thêm thẻ img để hiển thị legend lớp Để lấy legend GeoServer cung cấp cho ta công cụ GetLegendGraphic Đại loại bạn trỏ đến đường link sau GeoServer trả cho bạn ảnh giải Chi tiết thuộc tính bạn xem thêm đây: GetLegendGraphic Đơn giản bạn cần thay link đến GeoServer, thay tên layer vào xong code đây: 3.6 Bài tốn tìm đường với PostGIS pgRouting 3.6.1 Chuẩn bị liệu 27 Để giải tốn tìm đường, cần thêm cơng cụ nữa, pgRouting, extension PostGIS cung cấp cho giải pháp tìm đường với thuật toán khác Bước 1: Vào pgAdmin, chọn SQL gõ lệnh sau: Bước 2: Kiểm tra xem bạn cài đặt thành công hay chưa phiên pgRouting bao nhiêu, bạn gõ lệnh sau: SELECT pgr_version(); Bước 3: Mở pgAdmin chọn vào database chứa bảng roads chọn SQL 28 Bước 4: Chúng ta thêm trường vào bảng roads tạo bước trước sau: Bước 5: Tạo topology cho roads sau: select pgr_createTopology('public.roads', 0.0001, 'geom', 'id'); Các tham số sau: tên bảng , độ phân giải, tên trường lưu geometry, tên trường id Ở chọn độ phân giải 0.0001, bạn để độ phân giải khác 3.6.2 Tạo Layer route Geoserver Đến bước tạo layer, dử dụng công cụ Configure new SQL view… GeoServer Chúng ta chọn Configure new SQL view 29 Bạn điền View Name route, SQL statement nhập sau: SELECT (route.geom) FROM ( SELECT geom FROM pgr_fromAtoB('roads', %x1%, %y1%, %x2%, %y2% ) ORDER BY seq) AS route Tiếp theo chọn Guess parameters from SQL, nhập Default value =0 Validation regular expression = ^-?[\d.]+$ Trong phần Attributes, ấn Refesh, Type bạn chọn LineString, SRID chọn hệ tọa độ data, 4326 Ấn Save để hoàn tất bước Tiếp theo điền thông tin khác cho layer Bạn khơng cần điền thêm gì, cần ấn Compute from data Compute from native bounds để tạo tạo độ khung cho layer 30 Ấn Save để hồn tất việc tạo Layer 3.6.3.Hiện route WebGIS Bước 1: Chúng ta cần thẻ div để hiển thị map Bước : Chúng ta cần thêm textbox để hiển thị tọa độ điểm chọn đồ nút tìm đường xóa đường Bước : Chúng ta viết thêm kiện click vào map để lấy tọa độ điểm chọn map lưu vào biến startpoint endpoint sau add điểm lên đồ cách đưa vào vector layer Cuối kiện xóa đường sau: 31 Kết sau: 3.7.Kết Trang web sau xây dựng xong: Hình 3.7 Trang web sau xây dựng xong 32 Hình 3.8 Demo thuật tốn tìm đường 33 Kết luận Với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì xậy dựng hệ thống ATM phần giúp cho khách hàng thuận tiện việc lựa chọn địa điểm rút tiền cho thuận tiện Với kiến thức tảng học trường nỗ lực mình, chúng em hoàn thành đề tài “Xây dựng đồ ATM BIDV quận Cầu Giấy” Mặc dù cố gắng đầu tư nhiều thời gian có hạn, kiến thức non yếu nên phần mềm chắn nhiều hạn chế giới hạn địa bàn quận Cầu Giấy – Hà Nội Chúng em mong nhận thơng cảm góp ý thầy, cô giáo để đề tài chúng em hoàn thiện Một lần chúng em xin chân thành cảm ơn thầy Trần Mạnh Trường tận tình giúp đỡ chúng em suốt thời gian thực đề tài Chúng em xin chân thành cảm ơn thầy 34 ...  Tạo đồ số hóa đồ  Ứng dụng thuật tốn tìm đường đồ 1.2 Mục tiêu  Xây dựng đồ chi nhánh BIDV quận Cầu Giấy 1.3 Thực trạng Hiện nay, hệ thống tìm chi nhánh BIDV nhiều nhà phát triển xây dựng. .. tin xác nhanh vấn đề để thuận tiên cho việc lại tìm kiếm nên chúng em chọn đề tài :? ?Xây dựng đồ chi nhánh BIDV quận cầu giấy” Tuy nhiên, thời gian trình độ có hạn nên báo cáo chắn khơng tránh khỏi... ngắn gần để đến với ngân hàng mà họ cần Hệ thống yêu cầu người sử dụng nhập điểm xuất phát mà ở, nhập tên ngân hàng mà cần đến Hệ thống tìm gửi thơng tin đường ngắn đến ngân hàng gần người sử dụng