Xây dựng hệ thống quản lý đa dạng động vật thành phố đà nẵng trên nền geoserver

TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI XÂY DỰNG HỆ THỐNG QUẢN LÝ ĐA DẠNG ĐỘNG VẬT THÀNH PHỐ ĐÀ NẴNG TRÊN NỀN GEOSERVER Sinh viên : Lê Ngọc Duy CBHD : TS Nguyễn Trần Quốc Vinh Lớp : 13 CNTT ĐÀ NẴNG, 4/2017 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver LỜI CẢM ƠN Lời đầu tiên, xin chân thành cảm ơn quý thầy cô khoa Tin học quý thầy cô giảng dạy công tác trường Đại học Sư Phạm - Đại học Đà Nẵng truyền đạt kiến thức quý báu cho năm học vừa qua Đặc biệt, xin chân thành cảm ơn TS Nguyễn Trần Quốc Vinh trưởng khoa Tin học, trường Đại học Sư Phạm tận tình hướng dẫn, giúp đỡ động viên suốt thời gian thực đề tài Và xin chân thành cảm ơn chị Trương Thị Quỳnh Thuyên, người hướng dẫn công ty Code Engine Studio tận tình hướng dẫn, sẵn sàng hỗ trợ giúp đỡ tơi q trình thực tập Cuối cùng, tơi xin chân thành cám ơn gia đình bạn sinh viên lớp 13CNTT ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có cho tơi q trình nghiên cứu thực đề tài Mặc dù cố gắng để hoàn thành dự án phạm vi cho phép khả năng, khơng tránh khỏi sai sót thiếu sót số chức hệ thống Vì vậy, tơi mong muốn nhận nhắc nhở đóng góp ý kiến quý giá từ thầy cô để hệ thống đề tài tơi hồn thiện Một lần xin chân thành cám ơn! Đà Nẵng, ngày 30 tháng 04 năm 2017 Sinh viên thực Lê Ngọc Duy Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung luận văn thực hướng dẫn trực tiếp TS Nguyễn Trần Quốc Vinh chị Trương Thị Quỳnh Thuyên Mọi tham khảo dùng luận văn trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực hiện, Lê Ngọc Duy Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver MỤC LỤC DANH MỤC CÁC HÌNH VẼ i DANH MỤC CÁC BẢNG ii DANH MỤC VIẾT TẮT iii MỞ ĐẦU 1.1 Lý chọn đề tài 1.2 Mục tiêu 1.3 Nhiệm vụ 1.4 Đối tượng nghiên cứu phạm vi nghiên cứu 1.5 Phương pháp nghiên cứu 1.6 Bố cục đề tài CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Back-end Front-end 1.2 Ngôn ngữ JAVA 1.2.1 Tổng quan ngôn ngữ JAVA 1.2.2 Đặc điểm khác ngôn ngữ JAVA 1.2.3 Công dụng ngôn ngữ JAVA 1.3 Khái niệm J2EE 1.4 JSP Servlet: 1.4.1 JSP 1.4.2 Servlet 10 1.5 Spring Framework 10 1.5.1 Khái niệm Spring Framwork 10 1.5.2 Ưu điểm dùng Spring Framework 11 1.6 Geoserver 11 1.7 Bootstrap 12 1.7.1 Khái niệm Bootstrap 12 1.7.2 Lợi ích dùng Bootstrap 12 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver 1.8 Jquery 13 1.8.1 Khái niệm Jquery 13 1.8.2 Lợi ích dùng Jquery 13 1.9 Ajax 14 1.10 LeafletJS 14 1.11 Khái niệm JSON 14 1.12 Khái niệm API 16 1.13 RESTful API 17 1.13.1 Khái niệm Resource (tài nguyên) 17 1.13.2 Khái niệm RESTful API 18 1.13.3 RESTful REST 19 1.14 Microsoft Cognitive Services 19 1.14.1 Khái niệm Microsoft Cognitive Services 19 1.14.2 Computer Vision API 21 1.15 Yandex Translate API 22 1.16 Khái niệm Oauth 22 1.17 Khái niệm đa dạng động vật 22 1.18 Tổng quan mơ hình phát triển ứng dụng Scrum 23 1.19 Kết chương 26 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 27 2.1 Mục tiêu yêu cầu hệ thống 27 2.1.1 Mục tiêu hệ thống 27 2.1.2 Yêu cầu hệ thống 27 2.2 Sơ đồ phân rã chức 27 2.2.1 Sơ đồ phân rã chức khách vãng lai 27 2.2.2 Sơ đồ phân rã chức thành viên 29 2.2.3 Sơ đồ phân rã chức chuyên gia 30 2.2.4 Sơ đồ phân rã chức nhà quản lý 31 2.2.5 Sơ đồ phân rã chức quản trị viên 32 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver 2.3 Biểu đồ luồng liệu 33 2.3.1 Back-end 33 2.3.1.1 Biểu đồ mức ngữ cảnh 33 2.3.1.2 Biểu đồ mức 34 2.3.1.3 Biểu đồ mức 37 2.3.2 Front-end 44 2.3.2.1 Biểu đồ mức ngữ cảnh 44 2.3.2.2 Biểu đồ mức 45 2.3.2.3 Biểu đồ mức 46 2.4 Biểu đồ quan hệ thực thể 47 2.5 Mô hình liệu vật lý 48 2.6 Kết chương 52 CHƯƠNG 3: THỬ NGHIỆM VÀ ĐÁNH GIÁ 54 3.1 Mục tiêu yêu cầu hệ thống 54 3.1.1 Về đề tài 54 3.1.2 Về kiến thức 54 3.2 Trình diễn ứng dụng 55 3.2.1 Back-end 55 3.2.2 Front-end 63 3.3 Kết chương 69 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 70 TÀI LIỆU THAM KHẢO 72 PHỤ LỤC 74 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver DANH MỤC CÁC HÌNH VẼ Số hiệu Tên hình vẽ hình vẽ Hình 1.1 Hình 1.2 Sơ đồ trao đổi API Server ứng dụng Trang 16 Cấu trúc quy tắc đặt tên đường dẫn REST API 19 Hình 1.3 Ví dụ sử dụng Computer Vision API 21 Hình 1.4 Ví dụ sử dụng Yandex Translate 22 Hình 1.5 Mơ hình phân cấp đa dạng sinh học 23 Hình 1.6 Sơ đồ mơ hình Scrum 25 Hình 2.1 Sơ đồ phân rã chức khách vãng lai 28 Hình 2.2 Sơ đồ phân rã chức khách vãng lai (tiếp theo) 28 Hình 2.3 Sơ đồ phân rã chức thành viên 29 Hình 2.4 Sơ đồ phân rã chức thành viên (tiếp theo) 29 Hình 2.5 Sơ đồ phân rã chức chuyên gia 30 Hình 2.6 Sơ đồ phân rã chức chuyên gia (tiếp theo) 30 Hình 2.7 Sơ đồ phân rã chức nhà quản lý 31 Hình 2.8 Sơ đồ phân rã chức nhà quản lý (tiếp theo) 31 Hình 2.9 Sơ đồ phân rã chức quản trị viên 32 Hình 2.10 Sơ đồ phân rã chức quản trị viên (tiếp theo) 32 Hình 2.11 Biểu đồ luồng liệu mức ngữ cảnh (Back-end) 33 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Hình 2.12 Biểu đồ luồng liệu mức (Back-end) 34 Hình 2.13 Biểu đồ luồng liệu mức (Back-end) 35 Hình 2.14 Biểu đồ luồng liệu mức (Back-end) 36 Hình 2.15 Hình 2.16 Hình 2.17 Hình 2.18 Hình 2.19 Hình 2.20 Hình 2.21 Hình 2.22 Hình 2.23 Hình 2.24 Hình 2.25 Biểu đồ luồng liệu mức trình 1.0 (Backend) 37 Biểu đồ luồng liệu mức trình 6.0 (Backend) 38 Biểu đồ luồng liệu mức trình 7.0 (Backend) 38 Biểu đồ luồng liệu mức trình 8.0 (Backend) 39 Biểu đồ luồng liệu mức trình 9.0 (Backend) 39 Biểu đồ luồng liệu mức trình 10.0 (Backend) 40 Biểu đồ luồng liệu mức trình 17.0 (Backend) 40 Biểu đồ luồng liệu mức trình 18.0 (Backend) 41 Biểu đồ luồng liệu mức trình 19.0 (Backend) 41 Biểu đồ luồng liệu mức trình 20.0 (Backend) 42 Biểu đồ luồng liệu mức trình 21.0 (Backend) Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 42 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Hình 2.26 Biểu đồ luồng liệu mức trình 22.0 (Back-end 43 Hình 2.27 Biểu đồ luồng liệu mức trình 23.0 (Back-end) 43 Hình 2.28 Biểu đồ luồng liệu mức trình 24.0 (Back-end) 44 Hình 2.29 Biểu đồ luồng liệu mức ngữ cảnh (Front-end) 44 Hình 2.30 Biểu đồ luồng liệu mức (Front-end) 45 Hình 2.31 Biểu đồ luồng liệu mức trình 5.0 (Front-end) 46 Hình 2.32 Biểu đồ quan hệ thực thể 47 Hình 3.1 Mơ hình truyền nhận API 55 Hình 3.2 Thư viện lồi 63 Hình 3.3 Bản đồ phân bố 63 Hình 3.4 Danh sách lồi mơi trường sống chọn 64 Hình 3.5 Tìm kiếm lồi theo từ khóa 64 Hình 3.6 Lọc lồi theo phân bậc sinh học 65 Hình 3.7 Lọc lồi theo phân bậc sinh học bât kỳ 65 Hình 3.8 Tìm kiếm theo hình ảnh 66 Hình 3.9 Chi tiết lồi 66 Hình 3.10 Trang đăng nhập 67 Hình 3.11 Trang đăng ký 67 Hình 3.12 Trang thơng tin cá nhân 68 Hình 3.13 Trang chia sẻ lồi 68 Hình 3.14 Danh sách loài chia sẻ 69 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver DANH MỤC CÁC BẢNG Số hiệu Tên bảng bảng Trang Bảng 2.1 Mô tả liệu bảng kingdom sở liệu 48 Bảng 2.2 Mô tả liệu bảng phylum sở liệu 48 Bảng 2.3 Mô tả liệu bảng class sở liệu 48 Bảng 2.4 Mô tả liệu bảng order sở liệu 49 Bảng 2.5 Mô tả liệu bảng family sở liệu 49 Bảng 2.6 Mô tả liệu bảng genus sở liệu 49 Bảng 2.7 Mô tả liệu bảng species sở liệu 50 Bảng 2.8 Mô tả liệu bảng habitat sở liệu 51 Bảng 2.9 Mô tả liệu bảng distribution sở liệu 51 Bảng 2.10 Mô tả liệu bảng roles sở liệu 51 Bảng 2.11 Mô tả liệu bảng member sở liệu 51 Bảng 2.12 Mô tả liệu bảng account sở liệu 52 Bảng 2.13 Mô tả liệu bảng login sở liệu 52 Bảng 3.1 Danh sách API Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 55 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Bản đồ phân bố hiển thị phân bố loài địa bàn thành phố Đà Nẵng Đồng thời xác định vị trí bạn giúp thuận tiện cho việc xác định vị trí tương tac với loài.Khi chọn marker cụ thể , hệ thống đưa danh sách loài địa điểm phân bố Hình 3.3 Danh sách lồi mơi trường sống chọn Khi chọn maker hệ thống trả danh sách loài mơi trường sống (mỗi mơi trường sống tượng trưng marker) Hình 3.4 Tìm kiếm lồi theo từ khóa Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 64 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Người dùng tìm thấy chức trang danh sach lồi Nhập từ khóa hệ thống lọc kết danh sách Hình 3.5 Lọc loài theo phân bậc sinh học Chọn phân bậc sinh học theo cấp giảm dần từ Ngành, Lớp, Bộ, Họ, Chi trả danh sách lồi lọc Hình 3.6 Lọc loài theo phân bậc sinh học Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 65 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Chọn phân bậc sinh học ngành, lớp, bộ, họ, chi trả danh sách lồi lọc Hình 3.7 Tìm kiếm theo hình ảnh Bạn cần chọn hình ảnh loài hệ thống trả lồi lồi hình Hình 3.8 Chi tiết lồi Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 66 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Khi bạn chọn lồi hệ thống trả lại chi tiết lồi hình Hình 3.9 Trang đăng nhập Trang đặng nhập cho phép người dùng có phân quyền đăng nhập vào hệ thống tên đăng nhập mật Người dùng chọn tab đăng ký để tạo tài khoản bấm vào đường link “quên mật khẩu” để tạo mật Hình 3.10 Trang đăng ký Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 67 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Trang đặng ký cho phép người dùng đăng ký tài khoản để đăng nhập vào hệ thống chức vụ thành viên Hình 3.11 Thơng tin cá nhân Sau người dùng có chức vụ thành viên đăng nhập vào hệ thống, họ cập nhật thống tin cá nhân mật Hình 3.12 Trang chia sẻ loài Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 68 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Sau người dùng có chức vụ thành viên đăng nhập vào hệ thống, họ chia sẻ lồi mà họ tìm thấy vào hệ thống chờ phê duyệt chuyên gia Hình 3.13 Trang danh sách lồi chia sẻ Sau người dùng có chức vụ thành viên đăng nhập vào hệ thống, họ có xem tất loài mà họ chia sẻ lên hệ thống trạng thái chúng (đã duyệt hay chưa duyệt) Kết chương 3.3 Hệ thống đến bước hoàn thiện chức đưa vào thử nghiệm đánh giá kết đạt Các chức hoàn thiện so sánh với mục tiêu ban đầu qua đánh giá mức độ làm việc kết thực tiễn đề tài mang lại Quá trình thực không đem đến sản phẩm sau mà giúp nâng cao kỹ phát triển phần mềm nhiều kinh nghiệm quý báu cho sinh viên Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 69 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận Hệ thống đa dạng động vật thành phố Đà Nẵng bước đầu đạt mục đích phương diện phát triển chức thiết yếu cho người dùng bản, xây dựng back-end server bao gồm gần đầy đủ chức đề ban đầu, xây dựng front-end web server để hỗ trợ người dùng tương tác với hệ thống dễ dàng phục vụ cho loại người dùng khách vãng lai Ngày nay, bên cạnh trang web hỗ trợ người dùng tương tác với hệ thống ứng dụng di động tỏ trợ thủ đắc lực để tăng số lượng người dùng hệ thống Vì vậy, để bắt kịp với xu nay, hệ thống cung cấp API để lập trình viên dễ dàng phát triển ứng dụng hỗ trợ hệ thống Hệ thống đáp ứng nhu cầu như: - Tìm hiểu thơng tin lồi theo nhiều phương pháp bậc sử dụng phân tích hình ảnh, lọc thơng tin theo từ khóa, theo phân bậc sinh học, … - Đưa thông tin lên đồ phân bố, đáp ứng nhu cầu trực quan không gian cho người sử dụng - Cho phép người dùng có phân quyền chia sẻ với cộng đồng thông tin phát mới… Hệ thống thông tin đa dạng sinh học thành phố Đà Nẵng hứa hẹn kênh thông tin quan tâm chuyên gia, nghiên cứu sinh lĩnh vực sinh học sinh thái mà nhận quan tâm từ cộng đồng bảo tồn đa dạng sinh học địa phương Hướng phát triển Hệ thống ứng dụng trình phát triển cần có nhiều hồn thiện tương lai, áp dụng công nghệ nhằm nâng hiệu suất cho hệ thống Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 70 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Hệ thống có khả để mở rộng loại người dùng, phát triển đa nhiệm người dùng mà đích hướng tới trước hết chức phê duyệt cho đối tượng chuyên gia lĩnh vực đa dạng sinh học Xây dựng hoàn chỉnh trang web hỗ trợ đầy đủ chức tạo back-end server, đầy đủ năm loại người dùng nêu phía (khách vãng lai, thành viên, chuyên gia, nhà quản lý quản trị viên) Các chức cần nâng cấp để đáp ứng nguồn liệu lớn sau Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 71 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver TÀI LIỆU THAM KHẢO [1] Đinh Thị Phương Anh cộng (1997), Khu hệ động – thực vật nhân tố ảnh hưởng, đề xuất phương án bảo tồn sử dụng hợp lý khu bảo tồn thiên nhiên Bán đảo Sơn Trà, Báo cáo tổng kết đề tài [2] Nguyễn Văn Khánh, Phạm Thị Hồng Hà, Đồn Chí Cường, Phan Thụy Ý (2012), “Thành phần lồi mối rừng phịng hộ Nam Hải Vân khu bảo tồn thiên nhiên Bà Nà – Núi Chúa”, Tạp chí Khoa học Giáo dục, Số 4(03) [3] Vũ Văn Liên, Vũ Quang Côn, Phạm Việt Hùng, Trần Thị Thanh Bình (2013), Kết nghiên cứu bướm (Lepidoptera: Rhopalocera) ba khu rừng đặc dụng miền Trung Việt Nam: Đắkrông, Bạch Mã Bà Nà – Núi Chúa (tháng – 5/2013), Hội nghị Côn trùng học quốc gia lần thứ 8, Hà Nội, 2014 [4] Đinh Phạm Công Anh Tuấn (2012), Nghiên cứu trạng phân bố bò sát khu bảo tồn thiên nhiên Bà Nà - Thành phố Đà Nẵng, Luận văn thạc sĩ [5] Nguyễn Thanh Vinh (2015), Xây dựng hệ thống website quản lý thông tin đa dạng động vật thành phố Đà Nẵng ASP.Net – Luận văn tốt nghiệp [6] Hoclaptrinhweb.org, “Bài – Tổng quan Java”, hoclaptrinhweb.org, truy cập ngày 10 tháng năm 2017 [7] jsoft, “Tổng quan J2EE – tiếp cận phát triển”, jsoft, truy cập ngày 10 tháng năm 2017 [8] Cộng đồng lập trình Java, “Tổng quan JSP Servlet”, Cộng đồng lập trình Java, truy cập ngày 10 tháng năm 2017 [9] Leaflet, “Overview”, Overview leaflet, truy cập ngày 10 tháng năm 2017 [10] Giao diện lập trình ứng dụng (API), Wikipedia.org, truy cập ngày 10 tháng năm 2017 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 72 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver [11] Linkedin, “RESTful API cho người bắt đàu”, Linkedin, truy cập ngày 10 tháng năm 2017 Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 73 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver PHỤ LỤC Bảng kết khảo sát cho đề tài trang thông tin quản lý đa dạng động vật thành phố Đà Nẵng Đề tài thực khảo sát 80 ý kiến, bảng tóm tắt kết sau Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 74 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 75 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 76 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2017 Cán hướng dẫn Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 77 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2017 Ký tên Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 78 ... Spring - Hệ quản trị sở liệu quan hệ Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver - Hệ thống thông tin địa lý GIS - Đa dạng động vật. .. thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver Hình 2.13 Biểu đồ luồng liệu mức (Back-end) Lê Ngọc Duy – lớp 13CNTT (2013 - 2017) 35 Xây dựng hệ thống quản lý đa dạng động vật thành phố. .. 30 Xây dựng hệ thống quản lý đa dạng động vật thành phố Đà Nẵng Geoserver 2.2.4 Sơ đồ phân rã chức nhà quản lý Hình 2.7 Sơ đồ phân rã chức nhà quản lý Hình 2.8 Sơ đồ phân rã chức nhà quản lý