TRƯỜNG ĐẠKHOA CÔNG NGH XÂY D VỀ ẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ N KHOA CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE HỎI ĐÁP Ề VẤN ĐỀ MÔI TRƯỜNG Hà Nội – 2016 NG HÀ NỘI ĐÁP... XÂY D VỀ CHU
Trang 1TRƯỜNG ĐẠ
KHOA CÔNG NGH
XÂY D VỀ
ẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ N
KHOA CÔNG NGHỆ THÔNG TIN
XÂY DỰNG WEBSITE HỎI ĐÁP
Ề VẤN ĐỀ MÔI TRƯỜNG
Hà Nội – 2016
NG HÀ NỘI
ĐÁP
Trang 2XÂY D VỀ
CHUYÊN NGÀNH:
MÃ NGÀNH
CAO HOÀNG ANH
XÂY DỰNG WEBSITE HỎI ĐÁP
Ề VẤN ĐỀ MÔI TRƯỜNG
Người hướng dẫn: TS Nguyễ
Hà Nội – 2016
ĐÁP
THÔNG TIN
ễn Quốc Khánh
Trang 3LỜI CẢM ƠN
Để hoàn thành bài đồ án tốt nghiệp này, em xin tỏ lòng biết ơn sâu sắc đến Thầy
TS Nguyễn Quốc Khánh, đã tận tình hướng dẫn em trong suốt quá trình làm đồ án tốt nghiệp
Em xin chân thành cảm ơn quý Thầy, Cô trong khoa Công nghệ thông tin, Trường Đại Học Tài nguyên và Môi trường Hà Nội đã tận tình truyền đạt kiến thức trong những năm em học tập Với vốn kiến thức tiếp thu được trong quá trình học không chỉ
là nền tảng cho quá trình nghiên cứu đồ án mà còn là hành trang quý báu để em bước vào đời một cách vững chắc và tự tin
Mặc dù đã rất cố gắng hoàn thiện đồ án với tất cả sự nỗ lực, tuy nhiên đồ án “Xây
thiếu sót Em rất mong nhận được sự quan tâm, thông cảm và những đóng góp quý báu của các Thầy Cô để bài đồ án tốt nghiệp này ngày càng hoàn thiện hơn
Hà Nội, tháng 5 năm 2016 Sinh viên thực hiện
Cao Hoàng Anh
Trang 4MỤC LỤC
DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT
DANH MỤC CÁC BẢNG
DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ
LỜI MỞ ĐẦU 1
CHƯƠNG 1: TỔNG QUAN VỀ WEBSITE HỎI ĐÁP VỀ VẤN ĐỀ MÔI TRƯỜNG 3
1.1 Khảo sát hiện trạng để xây dựng website 3
1.1.1 Thực trạng 3
1.1.2 Ưu nhược điểm của website 3
1.1.3 Ý nghĩa thực tiễn của đề tài 4
1.2 Tổng quan về các công cụ, ngôn ngữ lập trình được sử dụng để xây dựng website 4
1.2.1 Ngôn ngữ PHP 5
1.2.2 Công cụ PHP Framework Codeigniter 5
1.2.3 NodeJs 7
CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 9
2.1 Phân tích yêu cầu người dùng 9
2.2 Thiết kế hệ thống 10
2.2.1 Xác định các Actor và Usecase của hệ thống 10
2.2.2 Biểu đồ Usecase 11
2.2.3 Mô tả Usecase 19
2.2.4 Biểu đồ hoạt động 31
2.2.5 Biểu đồ tuần tự 43
2.2.6 Biểu đồ lớp 62
2.2.7 Thiết kế cơ sở dữ liệu 63
2.2.8 Mô tả chi tiết các bảng 64
Trang 5CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 67
3.1 Một số hình ảnh giao diện trang chủ 67
3.2 Một số hình ảnh giao diện trang quản trị 74
KẾT LUẬN VÀ KIẾN NGHỊ 76
TÀI LIỆU THAM KHẢO 77
Trang 6DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT
CSS Cascading Style Sheets HTML HyperText Markup Language MVC Model – View - Controller PHP Personal Home Page
Trang 7DANH MỤC CÁC BẢNG
Bảng 2.1: Bảng lượt thích câu trả lời 64
Bảng 2.2: Bảng câu trả lời 64
Bảng 2.3: Bảng ý kiến phản hồi 64
Bảng 2.4: Bảng nhóm 64
Bảng 2.5: Bảng lượt đánh dấu câu hỏi 65
Bảng 2.6: Bảng thông báo 65
Bảng 2.7: Bảng lượt thích câu hỏi 65
Bảng 2.8: Bảng lượt đánh dấu thẻ của câu hỏi 65
Bảng 2.9: Bảng câu hỏi 66
Bảng 2.10: Bảng thẻ 66
Bảng 2.11: Bảng người dùng 66
Trang 8DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ
Hình 1.1: Mô hình MVC (Model – View - Controller) 6
Hình 1.2: Mô hình Socket 8
Hình 2.1: Biểu đồ Usecase tổng quát 11
Hình 2.2: Biểu đồ Usecase người dùng 12
Hình 2.3: Biểu đồ Usecase nhân viên quản lý 13
Hình 2.4: Biểu đồ Usecase quản trị viên 13
Hình 2.5: Biểu đồ Usecase phân rã quản lý thông tin 14
Hình 2.6: Biểu đồ Usecase quản lý câu hỏi 14
Hình 2.7: Biểu đồ Usecase quản lý câu trả lời 15
Hình 2.8: Biểu đồ Usecase quản lý người dùng 15
Hình 2.9: Biểu đồ Usecase quản lý thẻ 16
Hình 2.10: Biểu đồ Usecase quản lý ý kiến phản hồi 16
Hình 2.11: Biểu đồ Usecase thống kê 17
Hình 2.12: Biểu đồ Usecase tìm kiếm 18
Hình 2.13: Biểu đồ hoạt động đăng ký 31
Hình 2.14: Biểu đồ hoạt động đăng nhập 32
Hình 2.15: Biểu đồ hoạt động đăng xuất 32
Hình 2.16: Biểu đồ hoạt động đặt câu hỏi 33
Hình 2.17: Biểu đồ hoạt động quản lý câu hỏi 34
Hình 2.18: Biểu đồ hoạt động quản lý câu trả lời 35
Hình 2.19: Biểu đồ hoạt động quản lý người dùng 36
Hình 2.20: Biểu đồ hoạt động quản lý thẻ 37
Hình 2.21: Biểu đồ hoạt động quản lý ý kiến phản hồi 38
Hình 2.22: Biểu đồ hoạt động thay đổi mật khẩu 39
Hình 2.23: Biểu đồ hoạt động thích câu hỏi 40
Trang 9Hình 2.24: Biểu đồ hoạt động tìm kiếm 41
Hình 2.25: Biểu đồ hoạt động trả lời câu hỏi 42
Hình 2.26: Biểu đồ tuần tự đăng ký 43
Hình 2.27: Biểu đồ tuần tự đăng nhập 44
Hình 2.28: Biểu đồ tuần tự đặt câu hỏi 45
Hình 2.29: Biểu đồ tuần tự thay đổi mật khẩu 46
Hình 2.30: Biểu đồ tuần tự thích câu hỏi 47
Hình 2.31: Biểu đồ tuần tự trả lời câu hỏi 48
Hình 2.32: Biểu đồ tuần tự tìm kiếm 49
Hình 2.33: Biểu đồ tuần tự gửi ý kiến phản hồi 50
Hình 2.34: Biểu đồ tuần tự sửa câu hỏi 51
Hình 2.35: Biểu đồ tuần tự xóa câu hỏi 52
Hình 2.36: Biểu đồ tuần tự duyệt câu hỏi 53
Hình 2.37: Biểu đồ tuần tự xóa câu trả lời 54
Hình 2.38: Biểu đồ tuần tự xóa thẻ 55
Hình 2.39: Biểu đồ tuần tự thêm thẻ 56
Hình 2.40: Biểu đồ tuần tự sửa thẻ 57
Hình 2.41: Biểu đồ tuần tự duyệt thẻ 58
Hình 2.42: Biểu đồ tuần tự xóa ý kiến phản hồi 59
Hình 2.43: Biểu đồ tuần tự khóa người dùng 60
Hình 2.44: Biểu đồ tuần tự cấp quyền cho người dùng 61
Hình 2.45: Biểu đồ lớp 62
Hình 2.46: Sơ đồ quan hệ giữa các bảng 63
Hình 3.1: Giao diện trang chủ 67
Hình 3.2: Giao diện trang chi tiết câu hỏi 68
Hình 3.3: Giao diện chức năng tìm kiếm 69
Hình 3.4: Giao diện trang đăng ký 69
Trang 10Hình 3.5: Giao diện trang đăng nhập 69
Hình 3.6: Giao diện trang đặt câu hỏi 70
Hình 3.7: Giao diện trang các câu hỏi được lưu 71
Hình 3.8: Giao diện trang thông tin về thẻ 72
Hình 3.9: Giao diện trang thông báo người dùng 72
Hình 3.10: Giao diện trang cá nhân 73
Hình 3.11: Giao diện trang bảng điều khiển 74
Hình 3.12: Giao diện trang quản lý câu hỏi 75