Xây dựng website quản lý ký túc xá udck

ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM SOUVANNAPHONG XAIXANA SITHIOUDOM SOUKDAVONE ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ KÝ TÚC XÁ UDCK Kon Tum, tháng năm 2022 ĐẠI HỌC ĐÀ NẴNG PHÂN HIỆU TẠI KON TUM ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ KÝ TÚC XÁ UDCK GIẢNG VIÊN HƯỚNG DẪN SINH VIÊN THỰC HIỆN LỚP MSSV : ThS LÊ THỊ BẢO YẾN : SOUVANNAPHONG XAIXANA : SITHIOUDOM SOUKDAVONE : K12TT : 1817480201028 : 1817480201025 Kon Tum, tháng năm 2022 LỜI CÁM ƠN Để hồn thành chun khóa luận trước hết em xin gửi đến quý thầy, cô giáo khoa công nghệ trường Phân hiệu Đại học Đà Nẵng Kon Tum lời cảm ơn chân thành Đặc biệt, em xin gởi đến cô ThS Lê Thị Bảo Yến người tận tình hướng dẫn, giúp đỡ em hồn thành khóa luận lời cảm ơn sâu sắc Cuối em kính chúc q thầy, dồi sức khỏe thành công nghiệp cao quý Với điều kiện thời gian kinh nghiệm hạn chế sinh viên, báo cáo khơng thể tránh thiếu sót Em mong nhận bảo, đóng góp ý kiến q thầy để em có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt công tác thực tế sau Em xin chân thành cảm ơn! Kon Tum, ngày 15 tháng 07 năm 2022 Sinh viên thực SOUVANNAPHONG Xaixana SITHIOUDOM Soukdavone MỤC LỤC CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 TỔNG QUAN VẤN ĐỀ NGHIÊN CỨU 1.2 LÝ DO CHỌN ĐỀ TÀI 1.3 MỤC TIÊU NGHIÊN CỨU 1.3.1 Lý thuyết 1.3.2 Công nghệ 1.3.3 Ứng dụng 1.4 PHƯƠNG PHÁP NGHIÊN CỨU 1.4.1 Khảo sát thực tế 1.4.2 Lý thuyết 1.4.3 Công nghệ 1.5 PHẠM VI ĐỀ TÀI CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 KIẾN TRÚC HỆ THỐNG SỬ DỤNG 2.2 GIẢI PHÁP THIẾT KẾ THEO MƠ HÌNH MVC 2.2.1 Giới thiệu 2.2.2 Các thành phần 2.2.3 Luồng xử lý 2.3 CÔNG NGHỆ SỬ DỤNG 2.3.1 Backend 2.3.2 Frontend 2.4 CÔNG CỤ SỬ DỤNG CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 10 3.1 ĐẶC TẢ YÊU CẦU 10 3.1.1 Tác nhân sử dụng website 10 3.1.2 Yêu cầu chức 10 3.2 PHÂN TÍCH YÊU CẦU CHỨC NĂNG 12 3.2.1 Quản lý tài khoản sinh viên 12 3.2.2 Quản lý năm học 12 3.2.3 Quản lý học kỳ 13 3.2.4 Quản lý phòng 13 3.2.5 Quản lý lớp 14 3.2.6 Quản lý quốc gia 14 3.2.7 Quản lý tỉnh 15 3.2.8 Quản lý sinh viên phòng 15 3.2.9 Quản lý vi phạm sinh viên ký túc xá 16 3.2.10 Quản lý điểm danh sinh viên 16 3.2.11 Quản lý thông báo 17 3.2.12 Thống kê 17 i 3.2.13 Xem thông tin tài khoản cá nhân 18 3.2.14 Xem điểm danh 18 3.2.15 Xem vi phạm 18 3.2.16 Xem thông báo 18 3.2.17 Xem danh sách sinh viên phòng 19 3.3 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 19 3.3.1 Sơ đồ usecase 19 3.3.2 Sơ đồ 41 3.3.3 Sơ đồ lớp 69 3.3.4 Lược đồ sở liệu 73 3.4 DEMO KẾT QUẢ 75 3.4.1 Frontend 75 3.4.2 Backend 78 CHƯƠNG KẾT LUẬN 89 4.1 KẾT LUẬN 89 4.1.1 Kết đạt 89 4.1.2 Hạn chế 89 4.2 HƯỚNG PHÁT TRIỂN 90 GIẤY XÁC NHẬN HOÀN THÀNH ĐỒ ÁN TỐT NGHIỆP ii DANH MỤC CÁC TỪ VIẾT TẮT CSDL NQT QTV SV TKSV : Cơ sở liệu : Người quản trị : Quản trị viên : Sinh viên : Tài khoản sinh viên iii DANH MỤC CÁC BẢNG Số hiệu bảng 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24 3.25 3.26 3.27 3.28 3.29 3.30 3.31 3.32 3.33 3.34 3.35 3.36 3.37 Tên bảng Yêu cầu chức NQT Yêu cầu chức SV Đặc tả sơ đồ usecase chức đăng nhập Đặc tả sơ đồ usecase chức thêm tài khoản Đặc tả sơ đồ usecase chức chỉnh sửa tài khoản Đặc tả sơ đồ usecase chức xóa tài khoản Đặc tả sơ đồ usecase chức thêm năm học Đặc tả sơ đồ usecase chức chỉnh sửa năm học Đặc tả sơ đồ usecase chức xóa năm học Đặc tả sơ đồ usecase chức thêm học kỳ Đặc tả sơ đồ usecase chức chỉnh sửa học kỳ Đặc tả sơ đồ usecase chức xóa học kỳ Đặc tả sơ đồ usecase chức thêm lớp Đặc tả sơ đồ usecase chức chỉnh sửa lớp Đặc tả sơ đồ usecase chức xóa lớp Đặc tả sơ đồ usecase chức thêm quốc gia Đặc tả sơ đồ usecase chức chỉnh sửa quốc gia Đặc tả sơ đồ usecase chức xóa quốc gia Đặc tả sơ đồ usecase chức thêm tỉnh Đặc tả sơ đồ usecase chức chỉnh sửa tỉnh Đặc tả sơ đồ usecase chức xóa tỉnh Đặc tả sơ đồ usecase chức thêm phòng Đặc tả sơ đồ usecase chức chỉnh sửa phòng Đặc tả sơ đồ usecase chức xóa phịng Đặc tả sơ đồ usecase chức thêm phòng sinh viên Đặc tả sơ đồ usecase chức xóa sinh viên khỏi phòng Đặc tả sơ đồ usecase chức thêm vi phạm Đặc tả sơ đồ usecase chức chỉnh sửa vi phạm Đặc tả sơ đồ usecase chức xóa vi phạm Đặc tả sơ đồ usecase chức tạo đợt điểm danh Đặc tả sơ đồ usecase chức chỉnh sửa điểm danh Đặc tả sơ đồ usecase chức xóa điểm danh Đặc tả sơ đồ usecase chức thêm thông báo Đặc tả sơ đồ usecase chức chỉnh sửa thông báo Đặc tả sơ đồ usecase chức xóa thơng báo Đặc tả sơ đồ usecase chức thống kê tình trạng phịng Đặc tả sơ đồ usecase chức thống kê sinh viên theo lớp iv Trang 10 12 20 20 21 21 22 23 23 24 24 25 26 26 27 27 28 28 29 29 30 31 31 32 32 33 33 34 34 35 35 36 37 37 38 38 39 3.38 3.39 3.40 3.41 3.42 Đặc tả sơ đồ usecase chức thống kê sinh viên theo tỉnh Đặc tả sơ đồ usecase chức thống kê sinh viên vi phạm Đặc tả sơ đồ usecase chức thống kê điểm danh sinh viên Giải thích sơ đồ lớp Mô tả lược đồ CSDL v 39 40 40 69 73 DANH MỤC CÁC HÌNH Số hiệu hình 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2.11 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24 3.25 3.26 Tên hình Sơ đồ mô tả kiến trúc sử dụng Mô MVC Ngôn ngữ PHP Thư viện PHPMailer Hệ quản trị CSDL MySQL Ngôn ngữ HTML Ngôn ngữ CSS Ngôn ngữ JavaScript Thư viện bootstrap Công cụ XAMPP Công cụ Visual Studio Code Sơ đồ usecase tổng quát Sơ đồ usecase chức đăng nhập Sơ đồ usecase chức quản lý tài khoản Sơ đồ usecase chức thêm tài khoản Sơ đồ usecase chức chỉnh sửa tài khoản Sơ đồ usecase chức xóa tài khoản Sơ đồ usecase chức quản lý năm học Sơ đồ usecase chức thêm năm học Sơ đồ usecase chức chỉnh sửa năm học Sơ đồ usecase chức xóa năm học Sơ đồ usecase chức quản lý học kỳ Sơ đồ usecase chức thêm học kỳ Sơ đồ usecase chức chỉnh sửa học kỳ Sơ đồ usecase chức xóa học kỳ Sơ đồ usecase chức quản lý lớp Sơ đồ usecase chức thêm lớp Sơ đồ usecase chức chỉnh sửa lớp Sơ đồ usecase chức xóa lớp Sơ đồ usecase chức quản lý quốc gia Sơ đồ usecase chức thêm quốc gia Sơ đồ usecase chức chỉnh sửa quốc gia Sơ đồ usecase chức xóa quốc gia Sơ đồ usecase chức quản lý tỉnh Sơ đồ usecase chức thêm tỉnh Sơ đồ usecase chức chỉnh sửa tỉnh Sơ đồ usecase chức xóa tỉnh vi Trang 3 5 6 8 19 20 20 20 21 21 22 22 23 23 24 24 24 25 25 25 26 26 27 27 28 28 29 29 29 30 3.27 3.28 3.29 3.30 3.31 3.32 3.33 3.34 3.35 3.36 3.37 3.38 3.39 3.40 3.41 3.42 3.43 3.44 3.45 3.46 3.47 3.48 3.49 3.50 3.51 3.52 3.53 3.54 3.55 3.56 3.57 3.58 3.59 3.60 3.61 3.62 3.63 3.64 3.65 Sơ đồ usecase chức quản lý phòng Sơ đồ usecase chức thêm phòng Sơ đồ usecase chức chỉnh sửa phòng Sơ đồ usecase chức xóa phịng Sơ đồ usecase chức quản lý phòng sinh viên Sơ đồ usecase chức thêm sinh viên vào phòng Sơ đồ usecase chức xóa sinh viên khỏi phịng Sơ đồ usecase chức quản lý vi phạm Sơ đồ usecase chức thêm vi phạm Sơ đồ usecase chức chỉnh sửa vi phạm Sơ đồ usecase chức xóa vi phạm Sơ đồ usecase chức quản lý điểm danh Sơ đồ usecase chức thêm điểm danh Sơ đồ usecase chức chỉnh sửa điểm danh Sơ đồ usecase chức xóa điểm danh Sơ đồ usecase chức quản lý thông báo Sơ đồ usecase chức thêm thông báo Sơ đồ usecase chức chỉnh sửa thơng báo Sơ đồ usecase chức xóa thơng báo Sơ đồ usecase chức thống kê Sơ đồ usecase chức thống kê tình trạng phịng Sơ đồ usecase chức thống kê sinh viên theo lớp Sơ đồ usecase chức thống kê sinh viên theo tỉnh Sơ đồ usecase chức thống kê sinh viên vi phạm Sơ đồ usecase chức thống kê điểm danh sinh viên Sơ đồ chức đăng nhập Sơ đồ chức xem danh sách tài khoản sinh viên Sơ đồ chức thêm tài khoản sinh viên Sơ đồ chức chỉnh sửa tài khoản Sơ đồ chức xóa tài khoản sinh viên Sơ đồ chức thêm năm học Sơ đồ chức chỉnh sửa năm học Sơ đồ chức xóa năm học Sơ đồ chức thêm học kỳ Sơ đồ chức chỉnh sửa học kỳ Sơ đồ chức xóa học kỳ Sơ đồ chức thêm phòng ký túc xá Sơ đồ chức chỉnh sửa phịng Sơ đồ chức xóa phịng vii 30 30 31 31 32 32 33 33 33 34 34 35 35 35 36 36 36 37 37 38 38 39 39 40 40 41 42 42 43 44 44 45 46 46 47 48 48 49 50 3.4.2 Backend a Giao diện thống kê Khi đăng nhập tài khoản Admin, chương trình chuyển sang trang thống kê Ở giao diện hệ thống hiển thị thông tin số lượng sinh viên, thông báo, học kỳ số lượng phịng Bảng phía thống kê số lượng sinh viên theo lớp, tỉnh số lượng sinh viên vi phạm học kỳ Hình 3.106: Giao diện thống kê a Giao diện quản lý quốc gia tỉnh Giao diện quản lý quốc gia hiển thị danh sách quốc gia nhấn liên kết vào quốc gia hiển thị danh sách tỉnh Tại thêm/sửa/xố quốc gia tỉnh Dưới danh sách quốc gia bao gồm tên quốc gia số lượng tỉnh thành quốc gia Hình 3.107: Giao diện quản lý quốc gia Người dùng nhấn vào nút thêm để thêm quốc gia Tại giao diện thêm quốc gia, người dùng nhập tên quốc gia để thêm 78 Hình 3.108: Giao diện thêm quốc gia Dưới danh sách tỉnh bao gồm tên tỉnh Tại thêm/sửa/xố tỉnh Hình 3.109: Giao diện quản lý tỉnh Người dùng nhấn nút thêm để thêm tỉnh Dưới giao diện thêm tỉnh bao gồm tên tỉnh quốc gia để thêm Hình 3.110: Giao diện thêm tỉnh 79 a Giao diện quản lý phòng Giao diện quản lý phòng hiển thị phòng ký túc xá bao gồm danh sách phòng, loại phòng số người phịng Tại thực thêm/sửa/xố phịng Hình 3.111: Giao diện quản lý phịng Giao diện thêm phòng bao gồm nhập tên phòng, loại phòng (Nam/Nữ) số người (2/3/4/5/6/7/8 người ở) Hình 3.112: Giao diện thêm phòng a Giao diện quản lý lớp Giao diện quản lý lớp hiển thị danh sách lớp số sinh viên lớp Tại thêm/sửa/xố lớp 80 Hình 3.113: Giao diện quản lý lớp Người dùng nhấn nút thêm để thêm lớp Sau nhập tên lớp để thêm Hình 3.114: Giao diện thêm lớp a Giao diện quản lý sinh viên Danh sách quản lý sinh viên Tại admin quản lý thông tin sinh viên với tài khoản đăng nhập họ Bao gồm chức thêm/sửa/xoá thơng tin sinh viên Hình 3.115: Giao diện quản lý sinh viên 81 Nhấn nút thêm để thêm sinh viên Tại giao diện người dùng nhập tên tài khoản, mật khẩu, nhập lại mật khẩu, mã sinh viên, họ tên, giới tính, ngày sinh, số điện thoại, địa chỉ, email, lớp tỉnh để thêm Hình 3.116: Giao diện thêm sinh viên b Giao diện quản lý tài khoản người quản trị Giao diện quản lý tài khoản người quản trị quản lý tài khoản quyền truy cập Admin Tại có chức thêm/sửa/xố tài khoản admin Hình 3.117: Giao diện quản lý tài khoản người quản trị 82 Hình 3.118: Giao diện thêm tài khoản admin a Giao diện quản lý thông báo Giao diện quản lý thông báo hiển thị thơng báo Tại có chức thêm/sửa/xố thơng báo Hình 3.119: Giao diện quản lý thông báo Tại giao diện thêm thông báo người dùng nhập tiêu đề, nội dung thông báo ảnh bìa để thêm thơng báo 83 Hình 3.120: Giao diện thêm thơng báo b Giao diện quản lý năm học Đây giao diện quản lý năm học Có chức thêm/sửa/xố năm học Hình 3.121: Giao diện quản lý năm học Tại giao diện thêm người dùng nhập tên năm học để thêm Hình 3.122: Giao diện thêm năm học 84 c Giao diện quản lý học kỳ Khi nhấn chuột vào liên kết năm học, chương trình chuyển sang giao diện quản lý học kỳ năm học Có tối đa học kỳ quản lý năm Mỗi học kỳ quản lý sinh viên phòng, điểm danh, vi phạm sinh viên thống kê học kỳ Giao diện quản lý học kỳ có chức thêm/sửa/xố học kỳ Hình 3.123: Giao diện quản lý học kỳ d Giao diện thống kê học kỳ Tại giao diện thống kê có thống kê điểm danh sinh viên thống kê vi phạm sinh viên Hình 3.124: Giao diện thống kê học kỳ e Quản lý sinh viên phòng Quản lý sinh viên phòng hiển thị danh sách phòng danh sách sinh viên phòng Admin thêm sinh viên xóa sinh viên khỏi phịng Mỗi phịng học kỳ có tối đa người Để thêm sinh viên, người dùng nhấn nút thêm sinh viên hàng cột hành động 85 Hình 3.125: Giao diện quản lý sinh viên phòng Để thêm người dùng truy cập trang thêm sinh viên, chọn lớp chọn sinh viên cần thêm Hình 3.126: Giao diện thêm sinh viên vào phòng f Giao diện điểm danh Giao diện điểm danh hiển thị cột ngày điểm danh hàng sinh viên điểm danh Để xem chi tiết sinh viên vắng lý vắng người dùng nhấn nút phía cột ngày điểm danh để xem chi tiết 86 Hình 3.127: Giao diện điểm danh Tại giao diện xem chi tiết điểm danh theo ngày cụ thể, người dùng xem vắng lý vắng họ Để đánh dấu sinh viên vắng, người dùng nhấn nút V viết lý vắng, ngược lại để bỏ đánh dấu vắng người dùng cần nhấn nút X xác nhận Hình 3.128: Giao diện xem chi tiết điểm danh theo ngày Thể thêm đợt điểm danh, người dùng nhấn nút Chỉnh sửa điểm danh chọn ngày điểm danh để thêm Hình 3.129: Giao diện thêm đợt điểm danh 87 g Giao diện quản lý vi phạm Giao diện quản lý vi phạm hiển thị thông tin sinh viên vi phạm học kỳ Mỗi vi phạm hiển thị tên người vi phạm, lý vi phạm, mô tả ngày vi phạm Có thêm chức thêm/sửa/xố vi phạm Hình 3.130: Giao diện quản lý vi phạm Tại giao diện thêm vi phạm, người dùng chọn lớp sau chọn sinh viên vi phạm, nhập lý vi phạm mô tả vi phạm để thêm Hình 3.131: Giao diện thêm vi phạm 88 CHƯƠNG KẾT LUẬN 4.1 KẾT LUẬN Sau khoảng thời gian làm việc 20 tuần hướng dẫn, giúp đỡ tận tình ThS Lê Thị Bảo Yến xây dựng hệ thống website quản lý KTX UDCK với số chức dành riêng cho người dùng cụ thể, bên cạnh cịn số mặt chưa làm website 4.1.1 Kết đạt a Người dùng sinh viên Khi sinh viên đăng nhập thành công vào hệ thống: - Sinh viên xem chi tiết tình trạng phịng học kỳ, phịng có sinh viên ở; - Sinh viên xem thơng báo người quản trị đăng; - Sinh viên xem chi tiết điểm danh học kỳ; - Sinh viên xem chi tiết vi phạm mình, lý vi phạm , ngày vi phạm; - Sinh viên xem thơng tin cá nhân tài khoản, chỉnh sửa cập nhật b Người dùng người quản trị Khi người quản trị đăng nhập vào hệ thống thành công người quản trị quản lý tất chức hệ thông quản lý KTX UDCK như: - Quản lý tài khoản (thêm, sửa, xóa tài khoản); - Quản lý năm học (thêm, sửa, xóa năm học); - Quản lý học kỳ (thêm, sửa, xóa học kỳ); - Quản lý phịng (thêm, sửa, xóa phịng ở); - Quản lý lớp (thêm, sửa, xóa lớp); - Quản lý quốc gia (thêm, sửa, xóa quốc gia); - Quản lý tỉnh (thêm, sửa, xóa tỉnh); - Quản lý sinh viên phịng (thêm, sửa, xóa sinh viên phịng); - Quản lý vi phạm sinh viên (thêm, sửa, xóa vi phạm sinh viên); - Quản lý điểm danh sinh viên (thêm, sửa, xóa điểm danh sinh viên); - Quản lý thơng báo (thêm, sửa, xóa thơng báo); - Thống kê (có thể xem thống kế: sinh viên theo lớp, sinh viên theo tỉnh, sinh viên vi phạm học kỳ, điểm danh sinh viên học kỳ) 4.1.2 Hạn chế Tuy hoàn thành hết chức phân tích hệ thống vấn cịn thiếu nhiều chức giao diện chưa hoàn thiệt tốt: - Hiển thị giao diện trang admin điện thoại chưa tốt; - Thiếu chức bình luận thông báo; 89 4.2 HƯỚNG PHÁT TRIỂN Trong tương lai nhóm có hội phát triển hệ thống website tiếp tục Nhóm thực tiếp cơng việc sau: - Nâng cấp giao diện trang frontend backend; - Bổ sung thêm chức bình luận cho đăng; - Bổ sung thêm chức in báo cáo, thống kê; - Bổ sung thêm chức toán tiền KTX sinh viên in biên lai; - Hoàn thiện chức nhập danh sách sinh viên từ file excel; - Khảo sát thêm ý kiến lưu học sinh nhà trường chức khác cho hệ thống 90 DANH MỤC TÀI LIỆU THAM KHẢO [1] Code Clean, phút tìm hiểu mơ hình client – server, địa chỉ: https://codelearn.io/sharing/tim-hieu-ve-mo-hinh-client-server, ngày truy cập 01/02/2022 [2] Cuong Quach, Visual Studio Code gì? Tính bật Visual Studio Code, địa chỉ: https://cuongquach.com/visual-studio-code-la-gi.html, ngày truy cập 29/02/2022 [3] Free Tuts, MVC PHP - Mơ hình MVC gì? địa chỉ: https://freetuts.net/mvc-phpmo-hinh-mvc-la-gi-354.html, ngày truy cập 03/03/2022 [4] Free Tuts, tự học PHP”, địa chỉ: https://freetuts.net/hoc-php, ngày truy cập 13/02/2022 [5] Host Tinger, MySQL gì: giải thích tường tận MySQL cho người bắt đầu, địa chỉ: https://www.hostinger.vn/huong-dan/mysql-la-gi/, ngày truy cập 01/02/2022 [6] IT Navi, Jquery gì? cơng dụng lý Jquery dùng phổ biến, địa chỉ: https://itnavi.com.vn/blog/jquery-la-gi, ngày truy cập 13/02/2022 [7] Mona Media, Bootstrap gì? hướng dẫn cách sử dụng Bootstrap, địa chỉ: https://mona.media/bootstrap-la-gi/, ngày truy cập 20/02/2022 [8] The Gioi Di Dong, XAMPP gì? cách cài đặt, sử dụng XAMPP hiệu máy tính, địa chỉ: https://www.thegioididong.com/hoi-dap/ xampp-la-gi-cach-caidat-va-su-dung-localhost-tren-may-1339338, ngày truy cập 28/02/202 [9] Tino Group, HTML, CSS, JavaScript gì? xây dựng website với HTML, CSS JavaScript, địa chỉ: https://wiki.tino.org/html-css-javascript-la-gi/, ngày truy cập 01/03/2022 [10] Unitop, PhpMailer: cách sử dụng hàm gửi email đến người dùng PHP, địa chỉ: https://unitop.com.vn/phpmailer-php.html/, ngày truy cập 14/02/2022 91