MỤC LỤC DANH MỤC BẢNG DANH MỤC HÌNH ẢNH LỜI MỞ ĐẦU 1 1. Lý do chọn đề tài 1 2. Nội dung chính của đề tài 1 3. Đối tượng và phạm vi nghiên cứu đồ án 2 4. Phương pháp nghiên cứu 2 5. Ý nghĩa của đề tài 2 6. Cấu trúc đồ án 2 CHƯƠNG 1: GIỚI THIỆU 3 1.1. Công nghệ Google Map API 3 1.1.1. Google Map API là gì 3 1.1.2. Một số ứng dụng của Google Map API 3 1.1.3. Tạo một Google Map đơn giản 4 1.2. Công nghệ ASP.Net MVC 6 1.2.1. Tổng quan về ASP.NET MVC 1 6 1.2.2. Lịch sử phát triển của ASP.NET MVC 2 8 1.2.3. Lựa chọn áp dụng MVC trong xây dựng ứng dụng 3 9 1.2.4. Các tính năng của nền tảng ASP.NET MVC 1 10 1.2.5. Tạo ứng dụng ASP.Net MVC trong Visual Studio 2015 2 11 1.3. Đặc điểm chung của vườn quốc gia Thế nào là vườn quốc gia, tình trạng vườn quốc gia ở Việt Nam 15 1.3.1. Vườn quốc gia là gì? 4 15 1.3.2. Tình trạng vườn quốc gia Việt Nam nói chung. 15 1.3.3. Tình trạng của vườn quốc gia Xuân Sơn: 16 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG VÀ XÂY DỰNG CƠ SỞ DỮ LIỆU 18 2.1. Phân tích thiết kế hệ thống 18 Bảng 2.1: Các Actor của bài toán 18 2.1.1. Biểu đồ UseCase tổng quát 19 2.1.3. Phân rã các chức năng hệ thống của người dùng. 27 2.1.4. Sơ đồ lớp 31 2.1.5. Sơ đồ tuần tự 35 2.1.6. Sơ đồ hoạt động 37 2.2. Thiết lập CSDL thuộc tính 40 2.2.1. CSDL thuộc tính được thiết lập bằng công cụ SQL Server, gồm 5 bảng như sau: 40 2.2.2. Bảng liên kết CSDL 42 CHƯƠNG 3: XÂY DỰNG CÁC CHỨC NĂNG CỦA CHƯƠNG TRÌNH 43 3.1. Thử nghiệm: 44 3.1.1. Xây dựng chức năng quản lý cây gỗ quý cho người quản lý 44 3.1.2. Xây dựng chức xem thông tin cây gỗ quý cho người sử dụng 54 KẾT LUẬN VÀ KIẾN NGHỊ 57 TÀI LIỆU THAM KHẢO 58
LỜI CAM ĐOAN Em xin cam đoan đồ án tốt nghiệp em thực hiện, không chép từ công trình nghiên cứu khác, tàiliệu sử dụng đồ án tốt nghiệp ghi rõ nguồn gốc Sinh viên Phan Nhật Nguyệt LỜI CẢM ƠN Sau trình tìm hiểu đề tài “Xây dựng ứng dụng trực tuyến theo dõi quản lý gỗ quý vườn quốc gia Xuân Sơn, tỉnh Phú Thọ sử dụng mã nguồn mở Google Map Javascript API”, em hoàn thành tiến độ dự kiến Để đạt kết này, em nỗ lực thực đồng thời nhận nhiều giúp đỡ, quan tâm thầy cô, bạn bè gia đình Để hoàn thành khóa luận tốt nghiệp em xin gửi lời cảm ơn chân thành tới TS Lê Phú Hưng – Phó Trưởng khoa Công Nghệ Thông Tin Thầy tận tình hướng dẫn, quan tâm, bảo, tạo điều kiện giúp đỡ em suốt trình thực đồ án tốt nghiệp Đồng thời, em xin chân thành cảm ơn thầy cô ban lãnh đạo trường Đại học Tài Nguyên Môi Trường Hà Nội nhiệt tình giảng dạy truyền đạt kiến thức quý báu bổ ích suốt trình em học tập trường Em xin cảm ơn anh/chị thuộc Công ty cổ phần phần mềm FPT soft hỗ trợ cho em mặt thời gian lần kiến thức để em hoàn thành đồ án tốt nghiệp Vì thời gian có hạn nên tránh khỏi thiếu sót, em mong sựđóng góp ý kiến từ thầy cô bạn để giúp hoàn thiện đề tài Em xin chân thành cảm ơn! MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT VÀ THUẬT NGỮ Chữ viết tắt API SQL Tên tiếng Anh Application Programming interfaces Structured Querry Language Tên Tiếng Việt Giao diện lập trình ứng dụng Ngôn ngữ truy vấn có cấu trúc VQG Vườn quốc gia CSDL Cơ sở liệu DANH MỤC BẢNG DANH MỤC HÌNH ẢNH LỜI MỞ ĐẦU 1.Lý chọn đề tài Trong tình hình với xu hướng phát triển công nghiệp hóa đại hóa có nhiều ứng dụng tiên tiến đời nhằm tiết kiệm tối đa chi phí, thời gian sức lực người mà quản lý tốt Một lĩnh vực mang tầm quan trọng em muốn đề cập đến việc bảo vệ quản lý tài nguyên thiên nhiên, loại gỗ quý cần bảo tồn Việt Nam nói riêng, giới nói chung Trong rừng địa lý hiểm trở nên việc xác định vị trí quản lý loại gỗ quý khó khăn, phức tạp cho người quản lý Em muốn xây dựng ứng dụng tự động hóa thêm, sửa, xóa, thống kê cập nhật tình trạng loại gỗ quý Qua xác định vị trí cây, xem thông tin mô tả, số lượng loại Ứng dụng giúp người dùng chủ động việc quản lý Hiện nay, lĩnh vực có xu hướng phát triển mạnh, vấn đề tài nguyên thiên nhiên đặc biệt tài nguyên quý cần bảo vệ cấp bách cần thiết Chính mức độ quan trọng mong muốn xây dựng nên ứng dụng để người dùng quản lý dễ dạng tự động nên em lựa chọn đề tài “Xây dựng ứng dụng trực tuyến theo dõi quản lý gỗ quý vườn quốc gia Xuân Sơn, tỉnh Phú Thọ sử dụng mã nguồn mở Google Map Javascript API” làm đề tài đồ án tốt nghiệp Nội dung đề tài Mục đích đề tài xây dựng thành công ứng dụng phục vụ công tác quản lý trực tuyến theo dõi quản lý gỗ quý với chức năng: - Cung cấp thông tin tài nguyên rừng, đặc biệt thông tin gỗ quý - Thêm, sửa, xóa thông tin gỗ địa bàn định - Tìm kiếm theo vùng đường theo loại - Thống kê - Thêm khu vực quản lý Đối tượng phạm vi nghiên cứu đồ án Đối tượng phạm vi nghiên cứu gỗ quý VQG Xuân Sơn tỉnh Phú Thọ Điều tra, quản lý thống kê gỗ quý VQG Xây dựng sở liệu điều tra quản lý liệu phần mềm Xây dựng tài liệu hướng dẫn kỹ thuật quản lý cá thể tự nhiên VQG Xuân Sơn, Phú Thọ Phương pháp nghiên cứu Thu thập tài liệu, thông tin liên quan đến chủng loại gỗ quý vườn quốc gia Xuân Sơn Thiết lập sở liệu thuộc tính công cụ SQL Server với tài liệu, thông tin thu thập Sử dụng Google Map API ngôn ngữ JavaScript để xây dựng ứng dụng quản lý gỗ Ý nghĩa đề tài Xây dựng thành công ứng dụng trực tuyến có khả cập nhật, theo dõi, tìm kiếm, thống kê gỗ quý địa định Xây dựng ứng dụng với giao diện cách sử dụng dễ dàng, chức hoạt động ổn định Cấu trúc đồ án Đồ án gồm chương: Chương 1: Giới thiệu Chương 2: Phân tích thiết kế hệ thống xây dựng sở liệu Chương 3: Xây dựng chức chương trình CHƯƠNG 1: GIỚI THIỆU 1.1 Công nghệ Google Map API 1.1.1 Google Map API Google Map dịch vụ ứng dụng công nghệ đồ trực tuyến web miễn phí cung cấp Google, hỗ trợ nhiều dịch vụ khác Google bật dẫn đường Cho phép thấy đồ đường sá, đường cho xe đạp, cho người xe hơi, địa điểm kinh doanh khu vực khắp nơi giới Map API gì? - Đó phương thức cho phép website B sử dụng dịch vụ đồ site A (gọi Map API) nhúng vào website (site B) Site A google map, site B web site cá nhân tổ chức muốn sử dụng dịch vụ google, rê chuột, room, đánh dấu đồ - Các ứng dụng xây dựng maps nhúng vào trang web cá nhân thông qua thẻ javascripts việc sử dụng API google dễ dàng - Google Map API nâng cấp Phiên hỗ trợ không cho máy để bàn truyền thống mà cho thiết bị di động Nhanh nhiều ứng dụng - Điều quan trọng dịch vụ hoàn toàn miễn phí với việc xây dựng ứng dụng nhỏ Trả phí việc sử dụng cho mục đích kinh doanh, doanh nghiệp 1.1.2 Một số ứng dụng Google Map API - Đánh dấu địa điểm đồ thông tin cho địa điểm: khu vui chơi giải trí, nhà hàng khách sạn, quán ăn ngon, shop quần áo, nữ trang - Chỉ dẫn đường đến địa điểm cần tìm,chỉ dẫn đường giao thông công cộng Ở sử dụng service google cung cấp - Khoanh vùng khu vực: trung tâm kinh tế, khu đô thị, khu ô nhiễm - Tình trạng giao thông khu vực đưa giải pháp 1.1.3 Tạo Google Map đơn giản 10 Ví dụ - Tạo API key Truy cập vào: https://developers.google.com/maps/documentation/javascript/getapi-key đăng nhập tài khoản gmail - Click GET A KEY-> Chọn Project -> API Sau API key lên bạn copy lại để sử dụng Hình 1.1: Một API Key tạo - Hiển thị đồ + Lấy kinh độ, vĩ độ để hiển thị đồ Truy cập vào http://www.latlong.net/ nhập địa điểm cần tìm + Các loại đồ: ROADMAP (normal, default 2D map) SATELLITE (photographic map) HYBRID (photographic map + roads and city names) TERRAIN (map with mountains, rivers, etc.) 51 b Chức thay đổi thông tin đồ Hình 3.2 : Bản đồ vườn quốc gia Xuân Sơn Khi người quản lý click vào button chi tiết hiển thị đồ quản lý gỗ quý vườn quốc gia Xuân Sơn Hình 3.3 Bản đồ gỗ quý VQG Xuân Sơn 52 Khi người quản lý click vào button chỉnh sửa tự động hiển thị nội dung chi tiết đồ vườn quốc gia Xuân Sơn để người quản lý cập nhật lại nội dung có thay đổi click vào button “Lưu” để lưu lại thông tin cần thay đổi Hình 3.4: Thêm khu vực đồ c Hiển thị vị trí gỗ quý lên đồ (Cập nhật thêm mới) Mỗi có tọa độgồm kinh độ vĩ độ Chúng ta thêm cách là: - Click vào điểm đồ, cách lấy vị trí không xác - Nhập tọa độ vào textbox với số Vĩ độ Kinh độ, sử dụng cách có độ xác cao Hiển thị vị trí cần quản lý Bên cạnh cần nhập thêm thông tin : - Tên : Tên loại quý cần quản lý - Loại cây: Cây gỗ quý cần quản lý thuộc loại - Mô tả: Ở phần mô tả phần giới thiệu gỗ quý cần quản lý, ta mô tả thông tin độ tuổi, chiều cao tối đa, hình thức cây, tình trạng hoa kết 53 - Chọn tệp: Thao tác dùng để chọn hình ảnh cho phần mô tả, thông thường người quản lý chọn hình ảnh chụp thực tế loại quý để tiện theo dõi biết phân biết loại gỗ qúy với Hình 3.5 : Hình ảnh mô tả thông tin gỗ quý Sau nhập đầy đủ thông tin cần thiết có thao tác để lựa chọnnhư : d Hủy bỏ cập nhật thêm gỗ quý - Khi người quản lý click vào button hủy thông tin vị trí kinh độ, vĩ độ, tên cây, loại phần mô tả bị xóa trở trạng thái rỗng người quản lý cập nhập lại loại gỗ quý Hình 3.6 : Hủy bỏ cập nhật thêm gỗ quý 54 e.Cập nhật thêm gỗ quý - Khi người quản lý click vào button “Lưu” thêm được thêm thành công đồ hiển thị vị trí mà người dùng nhập tọa độ click vào vị trí thêm hiển thị hình dáng phần mô tả giới thiệu loại quý, đồng thời tự động thêm vào phần sở liệu Hình 3.7: Thêm mới, hiển thị lên đồ vào vị trí chọn Khi người quản lý thêm thành công liệu gỗ quý vị trí gỗ quý hiển thị lên đồ cung với nhóm gỗ khác Dưới giao diện thêm gỗ quý thành công Hình 3.8: Bản đồ vị trí gỗ quý thêm thành công địa vườn quốc gia Xuân Sơn 55 f.Chỉnh sửa thông tin Để thực chức này, danh sách quản lý, Bấm vào chữ Click cột Thao tác ứng với tên muốn chỉnh sửa thông tin Sẽ có tùy chọn cho người dùng là: Sửa (Sửa thông tin ), Chi tiết (Xem chi tiết thông tin cây), Xóa (Xóa khỏi hệ thống quản lý) g Sửa thông tin gỗ quý Hình 3.9: Tùy chọn chỉnh sửa thông tin Khi người quản lý click vào chi tiết gỗ quý hiển thị thông tin đồ, click tiếp vào vị trí hình ảnh thông tin mô tả 56 Hình 3.10: Vị trí đồ h.Xem chi tiết thông tin Chức cung cấp thông tin chi tiết loài quản lý chiều cao, số năm tuổi, đặc điểm cây, đặc tính cây, công dụng cây, Hình 3.11: Xem chi tiết thông tin 57 i Chức xóa thông tin gỗ quý Khi người quản lý xóa thông tin gỗ quý hộp thoại có thao tác: Ok:là đồng ý xóa gỗ quý phần loại không thị loạicây gỗ quý xóa Hủy: hủy thao tác chọn xóa gỗ quý Hình 3.12: Chức xóa thông tin gỗ j.Chức khoanh vùng loại cây: Chức cho phép người quản lý thống kê theo loài, khoanh vùng loại lại để quản lý Marker : xác định điểm đồ đánh dấu địa điểm dựa vĩ độ kinh độ, hiển thị icon (hình ảnh) tùy chỉnh người dùng ví dụ icon đây: Hình 3.13: Marker 58 Polygon : chuỗi đường thẳng đồ khối "closed" (tô màu cho khối kín điểm) Để thực chức giao diện map vườn quốc gia Xuân Sơn ta thao tác với combobox để tiến hành khoanh vùng theo loại Khi chọn loại cần khoanh vùng giao diện map hiển thị loại chọn theo vùng (Polygon ) Hình3.14: Thao tác khoanh vùng Khi mà loại chọn khoanh vùng số lượng có loài chức khoanh vùng khoanh vùng theo dạng đường nối điểm từ đến khác(Polyline) Hình 3.15: Chức khoanh vùng dạng đường k Thống kê gỗ quý 59 Thống kê gỗ quý chức thống kê số gỗ quý theo loài Chức thống kê không nững thống kê theo loài mà thống kê tổng số tất gỗ quý có khu vực quản lý Hình 3.16 : Thống kê số lượng gỗ quý l Thêm khu vực đồ Thêm khu vực đồ chức thêm khu vực quản lý Để phân biệt khu vực quản lý lĩnh vực khác Hình 3.17: Thêm khu vực đồ m.Xóa khu vực quản lý 60 Nếu khu vực không nằm mục quản lý có thay xóa mục quản lý Hình 3.18: Xóa khu vực quản lý 3.1.2 Xây dựng chức xem thông tin gỗ quý cho người sử dụng Người sử dụng: người dùng, cá nhân, tổ chức quan tâm đến lĩnh vực bảo vệ gỗ quí a Chức khoanh vùng thống kê Người sử dụng thao tác vào phần khoanh vùng theo loại thống kê quản trị viên Hình 3.19 : Chức khoanh vùng thống kê người sử dụng b Chức xem chi tiết 61 Người sử dụng thao tác vào loại để xem thông tin chi tiết kinh độ, vĩ độ, vị trí, mô tả, hình ảnh Nhưng không thực chức sửa xóa quản trị viên Tại nhóm quyền người dùng phân loại nên chức quản trị viên thao tác bị ẩn Hình 3.20: Chức xem chi tiết người dùng c chức xem chi tiết vùng quản lý 62 Người sử dụng thao tác với vùng quản lý mở rộng xem chi tiết,khồn thể chỉnh sửa xóa Hình 3.21: Danh sánh đồ khu vực d Giao diện tổng quát 63 Hình 3.22: Giao diện người dùng vườn quốc gia Xuân Sơn 64 KẾT LUẬN VÀ KIẾN NGHỊ Kết luận Qua thời gian triển khai nghiên cứu thực đề tài đồ án tốt nghiệp, hướng dẫn tận tình T.s Lê Phú Hưng Em biết quy trình “Xây dựng ứng dụng trực tuyến theo dõi quản lý gỗ quý vườn quốc gia Xuân Sơn, tỉnh Phú Thọ sử dụng mã nguồn mở Google Map Javascript API”nói chung, đồng thời em hiểu thêm nhiều kiến thức lập trình, tìm hiểu thêm công nghệ Google Map API ASP.Net MVC Trang bị kiến thức chuyên môn cần thiết hành trang vững chãi cho đường phía trước… Kết đạt đề tài - Xây dựng thành công ứng dụng quản lý trực truyến gỗ quý sử sụng mã nguồn mở Google Map API với tiêu chí sau : - Ứng dụng có giao diện trực quan, dễ sử dụng gần gũi với thực tế, thuận tiện cho người sử dụng - Có thể thực chức cần có ứng dụng quản lý gỗ quý : Quản lý khu vực gỗ, thực hoạt động : thêm mới, xem chi tiết, chỉnh sửa, xóa thông tin cây, thống kê, tìm kiếm thông tin khác - Cơ sở liệu phần mềm xây dựng chặt chẽ logic nhằm đảm bảo cho việc lưu trữ liệu cập nhật sửa đổi thông tin xác Hướng phát triển - Hướng phát triển ứng dụng không quản lý bó hẹp khu vực mà quản lý nhiều khu vực khác - Tạo giao diện thân thiện với người sử dụng - Cập nhập thêm số nhóm chức Do thời gian khả có hạn nên Đồ án không tránh khỏi thiếu sót Em mong nhận quan tâm, góp ý quý thầy cô để em có thểrút cho thân học, kiến thức kinh nghiệm quý giá 65 TÀI LIỆU THAM KHẢO [1] https://support.microsoft.com/vi-vn/help/2645095 [2]http://itprotraining.vn/vi/asp-net-mvc/gioi-thieu-lap-trinh-asp-net-mvc-visualstudio-2015-bai-1 [3]http://www.imic.edu.vn/tin-tuc-cong-nghe/3155/lap-trinh-c-net-mo-hinh-mvctrong-asp-net-mvc.html [4]ttps://vi.wikipedia.org/wiki/V%C6%B0%E1%BB%9Dn_qu%E1%BB%91c_gia ... Form khoanh vùng Admin chọn khoanh vùng Hệ thống hiển thị danh sách nhóm loại tùy chọn Admin chọn nhóm loại cần “Khoanh vùng” Hệ thống kiểm tra thông tin sở liệu • Hệ thống tiến hành khoanh vùng... thiếu thông tin gỗ quý chỉnh sửa báo lỗi chi tiết không chỉnh sửa thành công 29 Hình 2.4 : Chỉnh sửa thông tin gỗ quý d.Biểu đồ phân rã chức “ Khoanh vùng gỗ quý” - Tên Use Case :Khoanh vùng gỗ... Chỉnh sửa thông tin vùng quản lý, chỉnh sửa thông tin gỗ quý bao gồm: Chỉnh sửa vị trí cây, tên cây, nhóm gỗ quý, mô tả hình ảnh mô tả gỗ quý… - Chức xóa thông tin: Xóa thông tin gỗ quý, xóa