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À
Trang 1TRƯỜ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
Trang 2TRƯỜ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 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
Trang 3LỜI CAM ĐOAN
Nội dung của Đồ án tốt nghiệp này là kết quả nghiên cứu của em được thực hiện dưới sự hướng dẫn trực tiếp của TS Trần Cảnh Dương
Đồ án được thực hiện hoàn toàn mới, là thành quả của riêng em, không sao chép theo bất cứ đồ án tương tự nào Mọi sự tham khảo sử dụng trong Đồ án đều được trích dẫn các nguồn tài liệu trong báo cáo và danh mục tài liệu tham khảo
Mọi sao chép không hợp lệ, vi phạm quy chế của nhà trường, em xin hoàn toàn chịu trách nhiệm
Sinh viên thực hiện
Trịnh Ngọc Doanh
Trang 4
LỜI CẢM ƠN
Để hoàn thành được đề 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 nhất đến các cán bộ, giảng viên Khoa công nghệ Thông tin, cán bộ giảng viên trong Trường Đại học Tài nguyên và Môi trường Hà Nội đã tận tình giảng dạy và 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 đã luôn tận tình hướng dẫn, giúp đỡ em trong suốt thời gian thực hiện đồ án
Em cũng 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 đã luôn quan tâm và tạo điều kiện giúp em hoàn thành đề tài đồ án tốt nghiệp này Ngoài ra, em xin cảm ơn những người bạn đã giúp
đỡ và trao đổi thêm nhiều thông tin về đề tài trong quá trình thực hiện đề tài này Cuối cùng em vô cùng biết ơn gia đình và bạn bè, những người đã luôn luôn ở bên cạnh em, động viên, chia sẻ với em trong suốt thời gian thực đề tài đồ án tốt
nghiệp “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”
Do kiến thức còn hạn chế, đồ án tốt nghiệp của em không tránh khỏi những sai sót Em mong nhận được những lời góp ý từ quý thầy, cô để đồ án tốt nghiệp của em được hoàn thiện và giúp em có thêm những kinh nghiệm quý báu
Cuối cùng, em xin kính chúc các thầy cô giảng viên trường Đại học Tài nguyên và Môi trường Hà Nội nói chung, các thầy, cô Khoa Công nghệ thông tin nói riêng dồi dào sức khỏe và thành công trong sự nghiệp cao quý
Hà Nội, tháng 5 năm 2017
Sinh viên thực hiện
Trịnh Ngọc Doanh
Trang 5MỤ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 1
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 3
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 về phần mềm giám sát chất lượng môi trường 3
1.1.2 Cấu trúc của hệ thống phần mềm giám sát chất lượng môi trường 4
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 5
1.2.1 Visual Studio 2012 5
1.2.2 NET Framework 4.5 6
1.2.3 Microsoft SQL Server 2014 9
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 5 13
1.3.3 Ngôn ngữ lập trình Ext JS 16
1.3.4 Thư viện Jquery trong 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 về API 16
1.4.2 Giới thiệu về công nghệ web API 17
1.4.3 Giới thiệu về mô hình MVC 20
1.4.4 Đặc điểm của mô hình MVC 22
1.4.5 Mô hình MVC trong 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
Trang 62.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 năng theo dõi online 25
2.1.3 Biểu đồ Use-Case chức năng tra cứu số liệu 25
2.1.4 Biểu đồ Use-Case chức năng trạm khí thải 26
2.1.5 Biểu đồ Use-Case chức năng trạm nước thải 27
2.2 Mô tả chi tiết các chức năng 28
2.2.1 Chức năng theo dõi online 28
2.2.2 Chức năng tra cứu số liệu 29
2.2.3 Chức năng trạm khí thải 30
2.2.4 Chức năng trạm nước thải 30
2.2.5 Chức năng quản lý 31
2.3 Biểu đồ tuần tự (Sequense Diagram) 32
2.3.1 Biểu đồ tuần tự chức năng theo dõi online 32
2.3.2 Biểu đồ tuần tự chức năng tra cứu số liệu 33
2.3.3 Biểu đồ tuần tự chức năng trạm khí thải 34
2.3.4 Biểu đồ tuần tự chức năng trạm nước thải 35
2.3.5 Biểu đồ tuần tự chức năng quản lý 36
2.4 Thiết kế cơ sở dữ liệu 37
2.4.1 Database của 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
Trang 7MÔI TRƯỜNG 44
3.1 Giao diện các chức năng của 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 năng Trạm nước thải 45
3.1.4 Giao diện trang chức năng Trạm khí thải 47
3.1.5 Giao diện trang chức năng Theo dõi online 48
3.1.6 Giao diện trang chức năng Tra cứu số liệu 49
3.1.7 Giao diện chức năng Quản Lý 52
3.2 Quản trị hệ thống 57
3.2.1 Giao diện chức năng trang Quản trị của hệ thống 57
3.2.2 Giao diện chức năng trang Cấu hình Website 58
3.2.3 Giao điện chức năng Quản trị người dùng 59
3.2.4 Giao diện chức năng trang Phân quyền người dùng 59
3.2.5 Giao diện chức năng Ngôn ngữ 60
3.3 Cài đặt và 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 1
Trang 8DANH MỤC CÁC CHỮ VIẾT TẮT
API 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 bản
IDE Integrated Development
Enviroment Môi trường phát tiển tích hợp
SQL Structured Query Language Ngôn ngữ truy vấn mang tính
cấu trúc TDS Tabular Data Stream Lớp ứng dụng giao thức
WCF Windows Communication
Foundation
Công nghệ thiết kế theo kiến trúc hướng dịch vụ
XHTML Extensible Hyper Text
Markup Language
Ngôn ngữ đánh dấu siêu văn bản
mở rộng
Trang 9
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
Trang 10DANH MỤC CÁC HÌNH
Hình 1.1 Sơ đồ hoạt động của hệ thống giám sát chất lượng môi trường 4
Hình 1.2 Kiến trúc khung ứng dụng NET 7
Hình 1.3 Công nghệ Web API 17
Hình 1.4 Các thành phần của mô hình MVC 21
Hình 1.5 Mô hình tuần tự của 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 của 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 năng theo dõi online 25
Hình 2.3 Biểu đồ Use-Case chức năng tra cứu số liệu 25
Hình 2.4 Biểu đồ Use-Case chức năng trạm khí thải 26
Hình 2.5 Biểu đồ Use-Case chức năng trạm nước thải 27
Hình 2.6 Biểu đồ Use-Case chức năng quản lý 27
Hình 2.7 Biểu đồ tuần tự chức năng theo dõi online 32
Hình 2.8 Biểu đồ tuần tự chức năng tra cứu số liệu 33
Hình 2.9 Biểu đồ tuần tự chức năng trạm khí thải 34
Hình 2.10 Biểu đồ tuần tự chức năng trạm nước thải 35
Hình 2.11 Biểu đồ tuần tự chức năng quản lý 36
Hình 2.12 Cơ sở dữ liệu (Database) của 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 năng Trạm nước thải 46
Hình 3.4: Giao diện chức năng Trạm khí thải 47
Hình 3.5: Giao diện chức năng Theo dõi online 48
Hình 3.6: Giao diện chức năng Tra cứu số liệu (dạng biểu đồ) 49
Hình 3.7: Giao diện chức năng Tra cứu số liệu (dữ liệu excel) 50
Trang 11Hình 3.8: Xuất dữ liệu excel trong Tra cứu số liệu (dữ liệu excel) 50
Hình 3.9: Giao diện chức năng Quản lý trạm quan trắc 52
Hình 3.10: Thêm mới 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 mới 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