Xây dựng công cụ quản lý hiện trạng sử dụng đất ở Khu công nghệ cao TP.HCM

TRƯỜNG ĐẠI HỌC LẠC HỒNG KHOA CÔNG NGHỆ THÔNG TIN -❧•❧ - BÁO CÁO NGHIÊN CỨU KHOA HỌC ĐỀ TÀI: XÂY DỰNG CÔNG CỤ QUẢN LÝ HIỆN TRẠNG SỬ DỤNG ĐẤT Ở KHU CÔNG NGHỆ CAO TP.HCM ĐỖ THỊ NHƯ QUỲNH VŨ THỊ THANH KIM HUỆ BIÊN HỒ 10/2018 TRƯỜNG ĐẠI HỌC LẠC HỒNG KHOA CƠNG NGHỆ THƠNG TIN -❧•❧ - BÁO CÁO NGHIÊN CỨU KHOA HỌC ĐỀ TÀI: XÂY DỰNG CÔNG CỤ QUẢN LÝ HIỆN TRẠNG SỬ DỤNG ĐẤT Ở KHU CÔNG NGHỆ CAO TP.HCM SVTH: ĐỖ THỊ NHƯ QUỲNH SVTH: VŨ THỊ THANH KIM HUỆ GVHD: Th.S TẠ NGUYỄN BIÊN HOÀ 10/2018 LỜI CẢM ƠN Trong trình học tập, nghiên cứu đề tài “Xây dựng công cụ quản lý trạng sử dụng đất Khu công nghệ cao TP.HCM” chúng em nhận giúp đỡ, bảo nhiệt tình thầy, giáo trường Đại học Lạc Hồng đặc biệt thầy cô khoa Cơng nghệ thơng tin để hồn thành đề tài Với tình cảm chân thành, chúng em xin bày tỏ lịng biết ơn Ban giám hiệu, Khoa Cơng nghệ thông tin – Trường Đại học Lạc Hồng, thầy giáo, cô giáo tham gia quản lý, giảng dạy giúp đỡ chúng em suốt trình học tập, nghiên cứu Chúng em xin bày tỏ biết ơn đặc biệt đến Thầy Tạ Nguyễn – người trực tiếp hướng dẫn, giáo viên chủ nhiệm giúp đỡ kiến thức, tài liệu phương pháp để chúng em hoàn thành đề tài nghiên cứu khoa học Mặc dù có nhiều cố gắng suốt trình thực đề tài, song cịn có mặt hạn chế, thiếu sót Chúng em mong nhận ý kiến đóng góp dẫn thầy giáo để sửa đổi hoàn thiện Sau cùng, em xin kinh chúc quý thầy cô Khoa Công Nghệ Thông Tin thật dồi sức khỏe để tiếp tục sứ mệnh cao đẹp truyền đạt tri thức quý báu cho hệ mai sau Trân trọng Biên Hòa, 30 tháng 10 năm 2018 Sinh viên thực Đỗ Thị Như Quỳnh Vũ Thị Thanh Kim Huệ MỤC LỤC CHƯƠNG I TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài 1.2 Lịch sử nghiên cứu 1.2.1 Tình hình nghiên cứu giới 1.2.2 Tình hình nghiên cứu nước 1.3 Mục tiêu đề tài 1.4 Nội dung thực 1.5 Phương pháp nghiên cứu 1.5.1 Đối tượng nghiên cứu 1.5.2 Phạm vi nghiên cứu CHƯƠNG II CƠ SỞ LÝ THUYẾT 2.1 WEBGIS gì? 2.1.1 Khái niệm GIS 2.1.2 WEB-GIS 2.1.3 Đặc điểm hệ thống WEBGIS .9 2.1.4 Ứng dụng WEBGIS 10 2.2 Ngôn ngữ lập trình 10 2.2.1 HTML/CSS 11 2.2.2 Javascript 11 2.2.3 PHP (Hypertext Preprocessor) 11 2.2.4 MySQL 12 2.3 Các thư viện, API hỗ trợ 13 2.3.1 Leaflet 13 2.3.2 Bootstrap 14 2.3.3 JSON 14 2.4 Công cụ hỗ trợ 14 2.4.1 QGIS 14 2.4.2 AutoCAD 15 CHƯƠNG III PHÂN TÍCH THIẾT KẾ HỆ THỐNG 17 3.1 Khảo sát trạng 17 3.1.1 Tình trạng lưu trữ liệu trước 17 3.1.2 Yêu cầu Ban Quản lý khu Công nghệ cao 17 3.2 Sơ đồ hệ thống 21 3.2.1 Mơ hình tổng quát 21 3.2.2 Mơ hình Usecase khách truy cập 22 3.2.3 Mô hình UseCase tài khoản User 23 3.2.4 Mơ hình Usecase Admin 25 3.3 Mô hình sở liệu 29 CHƯƠNG IV XÂY DỰNG WEBGIS - HỆ THỐNG QUẢN LÝ ĐẤT KHU CÔNG NGHỆ CAO 34 4.1 Lưu đồ dự án 34 4.2 Xây dựng đồ 35 4.2.1 Xử lý file AutoCAD sang shapefile .36 4.2.2 Vẽ đồ chi tiết khu vực .38 4.2.3 Lưu trữ đồ số hoá thành file Json 40 4.3 Kết nối Leaflet – API OpenStreetmap 41 4.4 Các chức quản trị 47 4.5 Ứng dụng Web công nghệ cao .50 4.5.1 Giới thiệu chung 50 4.5.2 Phân quyền hệ thống 52 CHƯƠNG V PHẦN KIỂM THỬ .62 CHƯƠNG VI PHẦN ĐÁNH GIÁ KẾT QUẢ 63 CHƯƠNG VII PHẦN KẾT LUẬN 64 CHƯƠNG VIII TÀI LIỆU THAM KHẢO .65 DANH MỤC HÌNH ẢNH Hình I.1 Bản đồ khu công nghệ cao .1 Hình I.2 Website dự báo thời tiết Italia Hình I.3 Bản đồ khai quật xác ướp giới Hình I.4 WebGIS phủ Hình I.5 WebGIS giá đất tỉnh Thừa Thiên Huế Hình II.1 Hình ảnh mơ tả cấu trúc lớp liệu GIS Hình II.2 Hình ảnh so sánh WebGIS Server GIS Hình II.3 Thành phần website 10 Hình II.4 Hình ảnh giao diện QGIS 15 Hình II.5 Bản đồ khu công nghệ cao AutoCAD 16 Hình III.1 Giấy xác nhận yêu cầu chương trình SHTP - mặt trước .19 Hình III.2 Giấy xác nhận yêu cầu chương trình SHTP - mặt sau 20 Hình III.3 Mơ hình Usecase tổng quát 21 Hình III.4 Mơ hình Usecase khách truy cập 22 Hình III.5 Mơ hình Usecase tài khoản User 23 Hình III.6 Mơ hình Usecase tài khoản Admin .25 Hình III.7 Mối quan hệ bảng liệu 30 Hình III.8 Bảng duan 31 Hình III.9 Bảng doanhnghiep .32 Hình III.10 Bảng User 32 Hình III.11 Bảng giaitrinhtheonam .33 Hình III.12 Bảng liệu maps.json 33 Hình IV.1 Lưu đồ dự án 34 Hình IV.2 Plugin OpenLayers 35 Hình IV.3 Add đồ 36 Hình IV.4 Dự án sau add đồ 36 Hình IV.5 Thêm Plugin chuyển đổi Dxf sang Shp .37 Hình IV.6 Trình nhập file Dxf 37 Hình IV.7 Bản đồ sau xử lý từ file AutoCAD 38 Hình IV.8 Tạo lớp shapefile 39 Hình IV.9 Cơng cụ chỉnh sửa shapefile 39 Hình IV.10 Thơng tin vùng polygon 40 Hình IV.11 Trình lưu trữ liệu sang Json 41 Hình IV.12 Giao diện website 43 Hình IV.13 Sơ đồ chức tổng quát chương trình 47 Hình IV.14 Sơ đồ chức khách truy cập 47 Hình IV.15 Sơ đồ chức tài khoản user 48 Hình IV.16 Sơ đồ chức quản trị Admin 49 Hình IV.17 Giao diện bên ngồi website .50 Hình IV.18 Giao diện đăng nhập 51 Hình IV.19 Giao diện đăng nhập lỗi .51 Hình IV.20 Giao diện quản lý bên website 51 Hình IV.21Giao diện khách xem thông tin dự án 52 Hình IV.22 Giao diện khách tìm kiếm thơng tin 53 Hình IV.23 Giao diện lọc danh sách công ty theo loại sản xuất 53 Hình IV.24 Giao diện xem dự án tài khoản user 54 Hình IV.25 Giao diện quản lý bên website 54 Hình IV.26 Giao diện quản lý tài khoản .55 Hình IV.27 Giao diện thêm tài khoản 55 Hình IV.28 Xem thơng tin tài khoản 56 Hình IV.29 Chỉnh sửa thông tin tài khoản 57 Hình IV.30 Xố tài khoản .57 Hình IV.31 Giao diện quản lý lô đất 58 Hình IV.32 Giao diện xem thông tin lô đất 58 Hình IV.33 Chỉnh sửa thơng tin lơ đất 59 Hình IV.34 Giao diện quản lý dự án .59 Hình IV.35 Chọn dự án để xuất file Excel 61 Hình IV.36 Bảng thơng tin xem trước xuất 61 CHƯƠNG I TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài Hiện nay, số lượng doanh nghiệp hoạt động Khu Công nghệ cao TP.HCM ngày tăng, việc quản lý hoạt động khoa học công nghệ doanh nghiệp vấn đề đặt Việc tổng hợp, truy xuất, thể thông tin hoạt động khoa học công nghệ doanh nghiệp nhằm mục tiêu quản lý báo cáo cịn gặp nhiều khó khăn quy trình thu thập, lưu trữ liệu cịn thơ sơ Trong tình hình đó, nhu cầu sử dụng Bản đồ Khoa học công nghệ để quản lý phân vùng đất, thông tin dự án, hoạt động nghiên cứu khoa học doanh nghiệp khu cần thiết Hình I.1 Bản đồ khu cơng nghệ cao Mức độ làm lợi tiền (nếu tính được) năm áp dụng: Tiết kiệm thời gian khoảng 04 giờ/tháng ~ 48 giờ/năm (Số liệu cung cấp Phòng Quản lý Khoa học Công nghệ - Ban quản lý Khu công nghệ cao TP.HCM) 4.5.2 Phân quyền hệ thống 4.5.2.1 Quyền khách truy cập Ở giao diện website, di trỏ chuột vào vùng đất, thơng tin mơ tả tóm tắt gồm: tên cơng ty sở hữu, tên gọi tắt tổ chức kinh tế, lô đất sử dụng, lĩnh vực sản xuất, quốc gia xuất góc trái phía hình website Bấm chọn vào lô đất để xem nhiều thông tin Thông tin dự án dành cho khách bị giới hạn lại mục sau: Nhà đầu tư, Gọi tắt, Điện thoại, Fax, Website, Quốc gia, Đại diện pháp luật, Lĩnh vực hoạt động, Tên dự án đầu tư, Mục tiêu quy mô dự án, Địa khu Hình IV.21Giao diện khách xem thơng tin dự án Khách truy cập tìm kiếm thơng tin công ty cách nhập tên công ty vào tìm kiếm góc bên phải hình, bấm vào nút danh sách mép phía bên trái Danh sách thể công ty khu phân loại theo loại hình sản xuất mà cơng ty đăng ký Hình IV.22 Giao diện khách tìm kiếm thơng tin Hình IV.23 Giao diện lọc danh sách công ty theo loại sản xuất 4.5.2.2 Quyền tài khoản User Để có tài khoản đăng nhập, khách hàng phải liên hệ với người quản lý bên Khu công nghệ cao để cấp phát tài khoản Tài khoản có đầy đủ chức khách truy cập, ngồi cịn quyền xem tất thông tin dự án không chỉnh sửa thêm Hình IV.24 Giao diện xem dự án tài khoản user 4.5.2.3 Quyền tài khoản Admin Giao diện quản lý Hình IV.25 Giao diện quản lý bên website Tài khoản - Mục Tài khoản - Giao diện Quản lý tài khoản: Hình IV.26 Giao diện quản lý tài khoản Thêm tài khoản - Admin có quyền thêm tài khoản bao gồm tài khoản admin tài khoản người dùng - Giao diện trang thêm tài khoản Hình IV.27 Giao diện thêm tài khoản - Yêu cầu nhập trường chọn loại User Điền thông tin nhấn Lưu - Username, Password Loại tài khoản bắt buộc, trường khác bổ sung sau Xem chi tiết tài khoản - Giao diện Xem chi tiết tài khoản Hình IV.28 Xem thông tin tài khoản Chỉnh sửa tài khoản - Giao diện Chỉnh sửa tài khoản: Hình IV.29 Chỉnh sửa thông tin tài khoản - Chỉnh sửa thông tin nhấn Lưu Xoá tài khoản - Nhấn nút mang biểu tượng để xố tài khoản Hình IV.30 Xố tài khoản Lô đất - Mục Lô đất bao gồm tất lô đất Khu Công nghệ cao - Các lơ đất chỉnh sửa thơng tin cơng ty sở hữu, khơng thể tuỳ ý thêm, xố sửa tên lô đất - Giao diện Trang Quản lý Lơ đất Hình IV.31 Giao diện quản lý lô đất Xem chi tiết lô đất - Giao diện chi tiết lơ đất Hình IV.32 Giao diện xem thông tin lô đất Chỉnh sửa lô đất - Khi có nhu cầu chỉnh sửa, Admin nhấn vào nút đất, vào Xem chi tiết nhấn nút Chỉnh sửa để chỉnh sửa thông tin lô - Giao diện Trang chỉnh sửa Lơ đất Hình IV.33 Chỉnh sửa thông tin lô đất - Sau chỉnh sửa trường, nhấn Lưu Dự án - Giao diện Trang Dự án Hình IV.34 Giao diện quản lý dự án - Xem chi tiết dự án: nhấn vào nút để Xem chi tiết thông tin dự án - Chỉnh sửa dự án: Nhấn vào nút để Chỉnh sửa thông tin dự án, sau chỉnh sửa, nhấn Lưu - Xoá dự án: Nhấn vào nút để xoá dự án In dự án - In dự án phần in chi tiết thông tin dự án Nhấn nút tiết để vào chi tiết dự án Sau nhấn nút Xem chi PDF/Export Excel để in file Một bảng thông tin chi tiết dự án xuất hiện, lăn chuột xuống cuối, chọn nút In/PDF - Khung in trình duyệt ra, lưu thành file pdf in trực tiếp Xuất excel Xuất excel chi tiết - Tương tự In dự án, vào Xem chi tiết sau nhấn nút PDF/Export Excel để xuất file Excel Bảng thông tin dự án ra, lăn chuột xuống cùng, nhấn nút Xuất Excel để xuất file excel thông tin chi tiết dự án Xuất excel nhiều dự án - Xuất thông tin nhiều dự án lúc - Vào trang Dự án, chọn vào ô vuông cột Chọn (hoặc chọn tất cách chọn vng kế cột Chọn), sau nhấn nút Xuất Excel Hình IV.35 Chọn dự án để xuất file Excel - Một bảng thông tin Hình IV.36 Bảng thơng tin xem trước xuất - Có thể lựa chọn cần để xuất excel, file excel bao gồm toàn cột chọn tồn khơng lựa chọn cần xuất - Sau nhấn nút Xuất Excel CHƯƠNG V PHẦN KIỂM THỬ Sau đưa vào kiểm thử, bước đầu nhập liệu thơng tin doanh nghiệp, có vài lỗi phát sinh yêu cầu từ phía KCNC  Method GET giới hạn ký tự gửi thông tin từ url đến server  Xuất file excel từ view bị lỗi  Bên KCNC yêu cầu thêm phần đánh giá hoạt động nghiên cứu khoa học theo năm KHẮC PHỤC:  Sử dụng kết hợp hai phương thức GET_POST CSRF để bảo mật tránh bị công  Thay đổi phiên package Maatwebsite/Laravel-Excel  Thêm trường đánh giá vào năm hoạt động nghiên cứu khoa học CHƯƠNG VI PHẦN ĐÁNH GIÁ KẾT QUẢ Hồn thành WEBGIS “Cơng cụ quản lý trạng sử dụng đất Khu Công nghệ cao TP.HCM” với yêu cầu Phòng Quàn lý Khoa học Công nghệ Ban quản lý Khu Công nghệ cao Website thể đầy đủ thông tin dự án, hoạt động nghiên cứu R&D lô đất sản xuất khu Các đơn vị/lĩnh vực khác áp dụng sáng kiến: Phòng Quản lý Doanh nghiệp, Phòng Quản lý Quy hoạch, Xây dựng Mơi trường áp dụng để thể số liệu phù hợp với chức quản lý phòng  Đã áp dụng thử trình bày họp phòng, báo cáo kết thực nhiệm vụ giao  Thể rõ thông tin cần thiết hoạt động khoa học công nghệ doanh nghiệp  Cung cấp thơng tin nhanh chóng cho quan, đơn vị cần thiết CHƯƠNG VII PHẦN KẾT LUẬN Trong trình xây dựng website Quản lý trạng sử dụng đất khu công nghệ cao Tp HCM, nhóm tác giả đạt số kết quả: - Sử dụng ngôn ngữ PHP kết hợp framework Laravel để xây dựng website - Tìm hiểu JavaScript - Các framework hỗ trợ front-end Bootstrap, cơng cụ hỗ trợ phía client Jquery UI… - Nghiên cứu Leaflet số hóa đồ - Sử dụng công cụ AutoCAD, QGIS CHƯƠNG VIII TÀI LIỆU THAM KHẢO [1] “GIS gì?,” 25/10/2016 [Trực tuyến] Available: https://bom.to/afXIP [2] "WebGIS gì? Đặc điểm ứng dụng WebGIS," 23/06/2017 [Online] Available: https://bom.to/pPvGl [3] T Phạm, "[HỌC HTML] HTML LÀ GÌ VÀ VÌ SAO NĨ QUAN TRỌNG," 18/04/2015 [Online] Available: https://bom.to/EnU8H [4] V Jack, "JavaScript gì," 2007 [Online] Available: https://vietjack.com/javascript/javascript_la_gi.jsp [5] H Nguyen, "Vì Tôi chọn PHP cho phát triển website cơng việc mình," 05/04/2018 [Online] Available: https://bom.to/zeDIE [6] N D A Tuan, "Những thay đổi Laravel phiên 5.5," 25/10/2017 [Online] Available: https://bom.to/JBMBp [7] V Jack, "MySQL gì?," 2016 [Online] Available: https://vietjack.com/mysql/mysql_la_gi.jsp [8] Đ V Thanh, "HTML5 Geolocation Leaflet," 15/08/2013 [Online] Available: https://bom.to/uKV2o [9] W3Schools, "What is Bootstrap?," [Online] Available: https://bom.to/nvUku [10] "JSON gì? Cấu trúc chuỗi JSON," 06/12/2014 [Online] Available: https://bom.to/v6APs [11] "Giới thiệu chung phần mềm QGIS," [Online] Available: https://bom.to/56bUY [12] N H X Tám, "AutoCAD gì? Những cần học AutoCAD?," 20/11/2015 [Online] Available: https://bom.to/BWh9a ...TRƯỜNG ĐẠI HỌC LẠC HỒNG KHOA CÔNG NGHỆ THÔNG TIN -❧•❧ - BÁO CÁO NGHIÊN CỨU KHOA HỌC ĐỀ TÀI: XÂY DỰNG CÔNG CỤ QUẢN LÝ HIỆN TRẠNG SỬ DỤNG ĐẤT Ở KHU CÔNG NGHỆ CAO TP.HCM SVTH: ĐỖ THỊ NHƯ QUỲNH... học công nghệ, Các khu đặc biệt, Dịch vụ công nghệ cao, Dịch vụ khác, Đất chưa sử dụng) , Trạng thái đất (Đất sử dụng/ Đất trống) Admin chọn thơng tin cần sửa, sau nhấn Lưu Thêm dự án - Tên sử dụng: ... chỉnh lý liệu sau thu thập 3.1.2 Yêu cầu Ban Quản lý khu Công nghệ cao Nhằm giải vấn đề bất tiện hành, Phòng Quản lý Khoa học Công nghệ đề xuất xây dựng sáng kiến khoa học “Ứng dụng quản lý tình trạng