Nghiên cứu và xây dựng phần mềm giám sát chất lượng môi trường (tt)

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN NGHIÊN CỨU VÀ XÂY DỰNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG HÀ NỘI – NĂM 2017 TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN TRỊNH NGỌC DOANH NGHIÊN CỨU VÀ XÂY DỰNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MƠI TRƯỜNG Chun ngành : Cơng nghệ thơng tin Mã ngành : D480201 NGƯỜI HƯỚNG DẪN: TS TRẦN CẢNH DƯƠNG HÀ NỘI – NĂM 2017 LỜI CAM ĐOAN Nội dung Đồ án tốt nghiệp kết nghiên cứu em thực hướng dẫn trực tiếp TS Trần Cảnh Dương Đồ án thực hoàn toàn mới, thành riêng em, không chép theo đồ án tương tự Mọi tham khảo sử dụng Đồ án trích dẫn nguồn tài liệu báo cáo danh mục tài liệu tham khảo Mọi chép không hợp lệ, vi phạm quy chế nhà trường, em xin hoàn toàn chịu trách nhiệm Sinh viên thực Trịnh Ngọc Doanh LỜI CẢM ƠN Để hoàn thành đề tài đồ án tốt nghiệp này, trước hết em xin gửi lời cảm ơn chân thành đến cán bộ, giảng viên Khoa công nghệ Thông tin, cán giảng viên Trường Đại học Tài nguyên Môi trường Hà Nội tận tình giảng dạy truyền đạt kiến thức cho em Đồng thời em xin gửi lời cảm ơn đặc biệt đến TS Trần Cảnh Dương ln tận tình hướng dẫn, giúp đỡ em suốt thời gian thực đồ án Em xin gửi lời cảm ơn tới Khoa Công nghệ Thông tin – Trường Đại học Tài nguyên Môi trường Hà Nội quan tâm tạo điều kiện giúp em hoàn thành đề tài đồ án tốt nghiệp Ngoài ra, em xin cảm ơn người bạn giúp đỡ trao đổi thêm nhiều thơng tin đề tài q trình thực đề tài Cuối em vô biết ơn gia đình bạn bè, người luôn bên cạnh em, động viên, chia sẻ với em suốt thời gian thực đề tài đồ án tốt nghiệp “Nghiên cứu xây dựng phần mềm giám sát chất lượng mơi trường” Do kiến thức hạn chế, đồ án tốt nghiệp em không tránh khỏi sai sót Em mong nhận lời góp ý từ q thầy, để đồ án tốt nghiệp em hồn thiện giúp em có thêm kinh nghiệm quý báu Cuối cùng, em xin kính chúc thầy giảng viên trường Đại học Tài ngun Mơi trường Hà Nội nói chung, thầy, Khoa Cơng nghệ thơng tin nói riêng dồi sức khỏe thành công nghiệp cao quý Hà Nội, tháng năm 2017 Sinh viên thực Trịnh Ngọc Doanh MỤC LỤC LỜI CAM ĐOAN LỜI CẢM ƠN DANH MỤC CÁC CHỮ VIẾT TẮT DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH MỞ ĐẦU CHƯƠNG 1: TỔNG QUAN VỀ HỆ THỐNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG 1.1 Hệ thống phần mềm giám sát chất lượng môi trường .3 1.1.1 Giới thiệu phần mềm giám sát chất lượng môi trường 1.1.2 Cấu trúc hệ thống phần mềm giám sát chất lượng môi trường 1.2 Công cụ hỗ trợ lập trình phần mềm giám sát chất lượng môi trường 1.2.1 Visual Studio 2012 1.2.2 NET Framework 4.5 1.2.3 Microsoft SQL Server 2014 1.3 Các ngơn ngữ lập trình 11 1.3.1 Ngôn ngữ lập trình C# 11 1.3.2 Ngôn ngữ HTML .13 1.3.3 Ngôn ngữ lập trình Ext JS 16 1.3.4 Thư viện Jquery ngôn ngữ lập trình JavaScripts 16 1.4 Cơng nghệ xây dựng phần mềm giám sát chất lượng môi trường .16 1.4.1 Giới thiệu API 16 1.4.2 Giới thiệu công nghệ web API 17 1.4.3 Giới thiệu mơ hình MVC 20 1.4.4 Đặc điểm mơ hình MVC 22 1.4.5 Mơ hình MVC APS.NET 22 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THƠNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG 24 2.1 Biểu đồ Use- Case (Use Case Diagram) 24 2.1.1 Biểu đồ Use-Case tổng quát 24 2.1.2 Biểu đồ Use-Case chức theo dõi online .25 2.1.3 Biểu đồ Use-Case chức tra cứu số liệu 25 2.1.4 Biểu đồ Use-Case chức trạm khí thải 26 2.1.5 Biểu đồ Use-Case chức trạm nước thải 27 2.2 Mô tả chi tiết chức 28 2.2.1 Chức theo dõi online 28 2.2.2 Chức tra cứu số liệu .29 2.2.3 Chức trạm khí thải 30 2.2.4 Chức trạm nước thải 30 2.2.5 Chức quản lý 31 2.3 Biểu đồ (Sequense Diagram) .32 2.3.1 Biểu đồ chức theo dõi online .32 2.3.2 Biểu đồ chức tra cứu số liệu 33 2.3.3 Biểu đồ chức trạm khí thải 34 2.3.4 Biểu đồ chức trạm nước thải .35 2.3.5 Biểu đồ chức quản lý 36 2.4 Thiết kế sở liệu 37 2.4.1 Database hệ thống phần mềm 37 2.4.2 Bảng SoLieu_MoiNhat 38 2.4.3 Bảng ThongSo 39 2.4.4 Bảng CauHinh 40 2.4.5 Bảng DL_KT_SongThan .40 2.4.6 Bảng DL_BinhDuong 41 2.4.7 Bảng DL_BauBang 42 2.4.8 Bảng DL_DaiDang 42 2.4.9 Bảng DL_KRAFTVINA 43 CHƯƠNG 3: XÂY DỰNG HỆ THỐNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG 44 3.1 Giao diện chức phần mềm giám sát chất lượng môi trường 44 3.1.1 Giao diện trang Đăng Nhập 44 3.1.2 Giao diện Trang Chủ 44 3.1.3 Giao diện trang chức Trạm nước thải 45 3.1.4 Giao diện trang chức Trạm khí thải .47 3.1.5 Giao diện trang chức Theo dõi online 48 3.1.6 Giao diện trang chức Tra cứu số liệu 49 3.1.7 Giao diện chức Quản Lý 52 3.2 Quản trị hệ thống 57 3.2.1 Giao diện chức trang Quản trị hệ thống 57 3.2.2 Giao diện chức trang Cấu hình Website 58 3.2.3 Giao điện chức Quản trị người dùng .59 3.2.4 Giao diện chức trang Phân quyền người dùng 59 3.2.5 Giao diện chức Ngôn ngữ 60 3.3 Cài đặt chạy phần mềm .60 3.4 Đánh giá 62 KẾT LUẬN VÀ KIẾN NGHỊ 64 TÀI LIỆU THAM KHẢO 65 PHỤ LỤC DANH MỤC CÁC CHỮ VIẾT TẮT Chữ viết tắt API Nghĩa tiếng việt Tên tiếng anh Application Programming Interface Giao diện lập trình ứng dụng CSS Cascading Style Sheets Tập tin định kiểu theo tầng DOM Document Object Model Mơ hình đối tượng tài liệu HTML Hyper Text Markup Language Ngôn ngữ đánh dấu siêu văn IDE Integrated Development Enviroment Môi trường phát tiển tích hợp Ngơn ngữ truy vấn mang tính SQL Structured Query Language TDS Tabular Data Stream Lớp ứng dụng giao thức Windows Communication Công nghệ thiết kế theo kiến Foundation trúc hướng dịch vụ Extensible Hyper Text Ngôn ngữ đánh dấu siêu văn Markup Language mở rộng WCF XHTML cấu trúc DANH MỤC CÁC BẢNG Bảng 2.1 Bảng SoLieu_MoiNhat 38 Bảng 2.2 Bảng ThongSo 39 Bảng 2.3 Bảng CauHinh 40 Bảng 2.4 Bảng DL_KT_SongThan 40 Bảng 2.5 Bảng DL_BinhDuong 41 Bảng 2.6 Bảng DL_BauBang 42 Bảng 2.7 Bảng DL_DaiDang 42 Bảng 2.8 Bảng DL_KRAFTVINA 43 DANH MỤC CÁC HÌNH Hình 1.1 Sơ đồ hoạt động hệ thống giám sát chất lượng môi trường Hình 1.2 Kiến trúc khung ứng dụng NET Hình 1.3 Cơng nghệ Web API 17 Hình 1.4 Các thành phần mơ hình MVC 21 Hình 1.5 Mơ hình MVC 21 Hình 1.6 Nền tảng ASP.NET MVC Framework 23 Hình 2.1 Biểu đồ Use-Case tổng quát hệ thống phần mềm giám sát chất lượng môi trường 24 Hình 2.2 Biểu đồ Use-Case chức theo dõi online 25 Hình 2.3 Biểu đồ Use-Case chức tra cứu số liệu 25 Hình 2.4 Biểu đồ Use-Case chức trạm khí thải 26 Hình 2.5 Biểu đồ Use-Case chức trạm nước thải .27 Hình 2.6 Biểu đồ Use-Case chức quản lý 27 Hình 2.7 Biểu đồ chức theo dõi online 32 Hình 2.8 Biểu đồ chức tra cứu số liệu 33 Hình 2.9 Biểu đồ chức trạm khí thải 34 Hình 2.10 Biểu đồ chức trạm nước thải .35 Hình 2.11 Biểu đồ chức quản lý 36 Hình 2.12 Cơ sở liệu (Database) phần mềm giám sát chất lượng môi trường 37 Hình 3.1: Giao diện trang Đăng Nhập 44 Hình 3.2: Giao diện Trang Chủ 45 Hình 3.3: Giao diện chức Trạm nước thải 46 Hình 3.4: Giao diện chức Trạm khí thải 47 Hình 3.5: Giao diện chức Theo dõi online .48 Hình 3.6: Giao diện chức Tra cứu số liệu (dạng biểu đồ) 49 Hình 3.7: Giao diện chức Tra cứu số liệu (dữ liệu excel) 50 Hình 3.8: Xuất liệu excel Tra cứu số liệu (dữ liệu excel) 50 Hình 3.9: Giao diện chức Quản lý trạm quan trắc 52 Hình 3.10: Thêm trạm quan trắc 53 Hình 3.11: Cập nhật trạm quan trắc 53 Hình 3.12: Quản lý thơng số .54 Hình 3.13: Thêm thông số 55 Hình 3.14: Cập nhật thơng số 55 Hình 3.15: Quản lý cấu hình .56 Hình 3.16: Cấu hình màu cảnh báo 56 Hình 3.17: Giao diện trang Quản trị hệ thống 57 Hình 3.18: Giao diện trang Cấu hình Website 58 Hình 3.19: Giao diện trang Quản trị người dùng 59 Hình 3.20: Giao diện trang Phân quyền người dùng 59 Hình 3.21: Giao diện trang Ngơn ngữ .60 Hình 3.22: IIS Manager 61 Hình 3.23: Giao diện trang Đăng nhập .62 Hình 3.24: Giao diện Trang chủ 62 ... QUAN VỀ HỆ THỐNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG 1.1 Hệ thống phần mềm giám sát chất lượng môi trường .3 1.1.1 Giới thiệu phần mềm giám sát chất lượng môi trường 1.1.2... DL_KRAFTVINA 43 CHƯƠNG 3: XÂY DỰNG HỆ THỐNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG 44 3.1 Giao diện chức phần mềm giám sát chất lượng môi trường 44 3.1.1 Giao diện trang Đăng...TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN TRỊNH NGỌC DOANH NGHIÊN CỨU VÀ XÂY DỰNG PHẦN MỀM GIÁM SÁT CHẤT LƯỢNG MÔI TRƯỜNG Chuyên ngành : Công