Xây dựng website quản lý việc giới thiệu và đăng ký học tín chỉ Xây dựng website quản lý việc giới thiệu và đăng ký học tín chỉ Xây dựng website quản lý việc giới thiệu và đăng ký học tín chỉ Xây dựng website quản lý việc giới thiệu và đăng ký học tín chỉ
Trang 1TRƯỜNG ĐẠI HỌC THỦY LỢI
KHOA CÔNG NGHỆ THÔNG TIN
BÁO CÁO BÀI TẬP LỚN Học phần: Công nghệ Web (CSE485)
Đề Tài 9: Xây Dựng Website Quản Lý Việc Giới Thiệu Và Đăng Ký Học
Tín Chỉ
Giáo viên hướng dẫn: Kiều Tuấn Dũng Sinh viên thực hiện: Nhóm 16
Trang 2MỤC LỤC
Phần 1 Phân công công việc và thông tin Project iv
Phần 2 Lược đồ CSDL và Chi tiết các bảng 1
2.1 Lược đồ cơ sở dữ liệu 1
2.2 Chi tiết các bảng 1
Phần 3 Hình ảnh kết quả và các chức năng đã thực hiện được 3
3.1.1 Admin 4
3.1.2 Giảng Viên 16
3.1.3 Sinh Viên 18
Phần 4 Kết Luận 22
Trang 3Phần 1 DANH SÁCH HÌNH ẢNH
Hình 2.1 Lược đồ cơ sở dữ liệu 1
Hình 3.1 Đăng nhập,nhớ tài khoản 3
Hình 3.2 Quên mật khẩu 4
Hình 3.3 Giao diện trang chủ 4
Hình 3.4 Tải ảnh đại diện, đổi mật khẩu, đăng xuất 5
Hình 3.5 Admin Thêm khoa 5
Hình 3.6 Admin Sửa khoa 6
Hình 3.7 Admin Xóa khoa 6
Hình 3.8 Admin Thêm môn học 7
Hình 3.9 Admin Sửa môn học 7
Hình 3.10 Admin Xóa môn học 8
Hình 3.11 Admin Thêm Giảng Viên 8
Hình 3.12 Admin Sửa Giảng Viên 9
Hình 3.13 Admin Xóa Giảng Viên 9
Hình 3.14 Admin Thêm Sinh Viên 10
Hình 3.15 Admin Sửa Sinh Viên 10
Hình 3.16 Admin Xóa Sinh Viên 11
Hình 3.17 Admin Search Sinh Viên 11
Hình 3.18 Admin Upload Sinh Viên 12
Hình 3.19 Admin Export Sinh Viên 12
Hình 3.20 Admin Thêm Lịch Đăng Kí Học 13
Hình 3.21 Admin Sửa Lịch Học 13
Hình 3.22 Admin Xóa Lịch Học 14
Hình 3.23 Admin Quản Lý Danh Sách Sinh Viên Đăng Kí 14
Hình 3.24 Admin Xóa Sinh Viên Khỏi Lớp 15
Hình 3.25 Amin Quản Lý Đóng Mở Khóa Học 15
Hình 3.26 Giảng Viên Thông Tin Cá Nhân(đổi ảnh đại diện, đổi mật khẩu) 16
Hình 3.27 Giảng Viên Cập Nhật Lịch Giảng 16
Hình 3.28 Giảng Viên xem(tìm kiếm, xuất file exel sinh viên với các option chọn kì, môn, lớp) danh sách sinh viên đăng kí khóa học phụ trách 17
Hình 3.29 Giảng Viên Danh Bạ 17
Hình 3.30 Sinh Viên Thông Tin Cá Nhân 18
Hình 3.31 Trang chủ đăng ký học (tìm kiếm, option chọn học kì) 18
Hình 3.32 Tìm Kiếm 19
Trang 4Hình 3.35 Phòng Đăng Ký Đã Đầy 20 Hình 3.36 Chưa Mở Đăng Ký Học 21
Trang 5Phần 2 Phân công công việc và thông tin Project
Phân công việc trong
- Phân công cho
giảng viên giảng
- Cập nhật thông tin
về các khóa học đãđược phân công
- Xem danh sáchsinh viên đã đăng
kí khóa học củamình
- Đăng nhập, đăngxuất (quên mậtkhẩu, kích hoạt tàikhoản, …)
Làm các chức năng củasinh viên
- Cho phép sinh viêntìm kiếm, xemthông tin các khóahọc
- Đóng/hủy các khóahọc trong đợt đăng
ký cho phép
Thống nhất về cơ sở dữ
liệu và giao diện chung
*Ghi chú: Trưởng nhóm
Link GitHub tới thư mục làm việc:
https://github.com/NgLinhXko/CSE485_K61_BTL_N16.git
Trang 6Phần 3 Lược đồ CSDL và Chi tiết các bảng
3.1 Lược đồ cơ sở dữ liệu
Database ER Diagram
Hình 2.1 Lược đồ cơ sở dữ liệu.
3.2 Chi tiết các bảng
qty_student Số lượng sinh viên Int(100)
Trang 7email_teach Email Varchar(100)
Trang 8Phần 4 Hình ảnh kết quả và các chức năng đã thực hiện được
Hình 3.2 Đăng nhập,nhớ tài khoản
Hình 3.3 Quên mật khẩu
4.1.1 Admin
a Trang chủ
Trang 9Hình 3.4 Giao diện trang chủ
Hình 3.5 Tải ảnh đại diện, đổi mật khẩu, đăng xuất
b Quản lý khoa
Trang 10Hình 3.6 Admin Thêm khoa
Hình 3.7 Admin Sửa khoa
Trang 11Hình 3.8 Admin Xóa khoa
c Quản lý môn học
Hình 3.9 Admin Thêm môn học
Trang 12Hình 3.10 Admin Sửa môn học
Hình 3.11 Admin Xóa môn học
d Quản lý giảng viên
Trang 13Hình 3.12 Admin Thêm Giảng Viên
Hình 3.13 Admin Sửa Giảng Viên
Trang 14Hình 3.14 Admin Xóa Giảng Viên
e Quản lý Sinh Viên
Hình 3.15 Admin Thêm Sinh Viên
Trang 15Hình 3.16 Admin Sửa Sinh Viên
Hình 3.17 Admin Xóa Sinh Viên
Trang 16Hình 3.18 Admin Search Sinh Viên
Hình 3.19 Admin Upload Sinh Viên
Trang 17Hình 3.20 Admin Export Sinh Viên
f Quản lý lịch học
Hình 3.21 Admin Thêm Lịch Đăng Kí Học
Trang 18Hình 3.22 Admin Sửa Lịch Học
Hình 3.23 Admin Xóa Lịch Học
Trang 19Hình 3.24 Admin Quản Lý Danh Sách Sinh Viên Đăng Kí
Hình 3.25 Admin Xóa Sinh Viên Khỏi Lớp
g Kích Hoạt
Trang 20Hình 3.26 Amin Quản Lý Đóng Mở Khóa Học
4.1.2 Giảng Viên
Hình 3.27 Giảng Viên Thông Tin Cá Nhân(đổi ảnh đại diện, đổi mật khẩu)
a Lịch Giảng
Trang 21Hình 3.28 Giảng Viên Cập Nhật Lịch Giảng
b Thông Tin Lớp Học
Trang 22c Danh bạ giảng viên
Hình 3.30 Giảng Viên Danh Bạ
4.1.3 Sinh Viên
Hình 3.31 Sinh Viên Thông Tin Cá Nhân
a Đăng ký học
Trang 23Hình 3.32 Sinh Viên Trang chủ đăng ký học (tìm kiếm, option chọn học kì)
Hình 3.33 Sinh Viên Tìm Kiếm
Trang 24Hình 3.34 Sinh Viên Danh Sách Môn Học Được Đăng Ký
b Kết Quả Đăng Ký
Hình 3.35 Sinh Viên Đăng Ký Học Thành Công
Trang 25Hình 3.36 Sinh Viên Phòng Đăng Ký Đã Đầy
Hình 3.37 Sinh Viên Chưa Mở Đăng Ký Học
Trang 26Phần 5 Kết Luận
Ưu điểm:
-Khả năng kết hợp, làm việc nhóm hiệu quả
-Vận dụng hầu hết kiến thức đã học
-Hoàn thành cơ bản bài tập được giao:
+Sinh viên (tìm kiếm, đăng ký, hủy môn, xem các môn đã đăng ký, )
+Giảng Viên (cập nhật khóa học được phân công, xem danh sách sinh viênkhóa học của mình, …)
+Admin (cập nhật các thông tin liên quan về môn, khoa, sinh viên,lịch học,
…;phân công cho giảng viên dạy các khóa học;quản lý danh sách sinh viên đăng ký,đóng mở đợt đăng ký học)
-Trang web hoạt động tốt, tương thích với hầu hết các trình duyệt
Trang 27TÀI LIỆU THAM KHẢO
[1] Slide bài giảng môn Công Nghệ Web_Đại Học Thủy Lợi
https://drive.google.com/drive/folders/1pdoyagQcErxNHfu60mIKwmUDEBx9t Jq1
[2] Tham khảo giao diện của trang đăng ký học Đại Học Thủy Lợi