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ỉ
TRƯỜ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 Hà Nội 2021 i MỤC LỤC Phần Phân công công việc thông tin Project iv Phần Lược đồ CSDL Chi tiết bảng 2.1 Lược đồ sở liệu 2.2 Chi tiết bảng Phần Hình ảnh kết chức thực 3.1.1 Admin 3.1.2 Giảng Viên 16 3.1.3 Sinh Viên .18 Phần Kết Luận 22 iii Phần .DANH SÁCH HÌNH ẢNH Hình 2.1 Lược đồ sở liệu .1 Hình 3.1 Đăng nhập,nhớ tài khoản Hình 3.2 Quên mật Hình 3.3 Giao diện trang chủ Hình 3.4 Tải ảnh đại diện, đổi mật khẩu, đăng xuất Hình 3.5 Admin Thêm khoa .5 Hình 3.6 Admin Sửa khoa 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 Hình 3.10 Admin Xóa mơn học .8 Hình 3.11 Admin Thêm Giảng Viên Hình 3.12 Admin Sửa Giảng Viên Hình 3.13 Admin Xóa Giảng Viên 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 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 Hình 3.33 Danh Sách Mơn Học Được Đăng Ký 19 Hình 3.34 Đăng Ký Học Thành Công 20 ii Hình 3.35 Phịng Đăng Ký Đã Đầy 20 Hình 3.36 Chưa Mở Đăng Ký Học 21 iii Phần Phân công công việc thông tin Project Phân công việc nhóm 1951060807 Đặng Thị Ngọc Linh Làm chức admin - Cập nhật thơng tin (thêm, sửa, xóa, tìm kiếm) khóa học thơng tin liên quan (Khoa, Mơn học, Giảng Viên, Sinh Viên, Tạo khóa học) - Phân công cho giảng viên giảng dạy khóa học - Quản lí danh sách sinh viên đăng kí - Mở đóng đợt đăng kí - Làm báo cáo Thống sở liệu giao diện chung Điểm tự nhận: 9.5đ *Ghi chú: Trưởng nhóm Nguyễn Thành Long Phùng Khắc Dũng Làm chức Làm chức giảng viên sinh viên - Cập nhật thông tin - Cho phép sinh viên khóa học tìm kiếm, xem phân cơng thơng tin khóa - Xem danh sách học sinh viên đăng - Đóng/hủy khóa kí khóa học học đợt đăng ký cho phép - Đăng nhập, đăng xuất (quên mật khẩu, kích hoạt tài khoản, …) Điểm tự nhận: 9đ Điểm tự nhận: 9đ Link GitHub tới thư mục làm việc: https://github.com/NgLinhXko/CSE485_K61_BTL_N16.git iv Phần Lược đồ CSDL Chi tiết bảng 3.1 Lược đồ sở liệu Database ER Diagram Hình 2.1 Lược đồ sở liệu 3.2 Chi tiết bảng Quan hệ department course term class teacher Thuộc tính id_dpm name_dpm id_course name_course id_term name_term id_class name_class qty_student id_course id_dpm id_teach name_teach bday_teach sex_teach ph_teach Diễn giải Mã khoa Tên khoa Mã khóa học Tên khóa học Mã kì học Tên kì học Mã lớp Tên lớp Số lượng sinh viên Mã khóa học Mã kì học Mã giảng viên Tên giảng viên Ngày sinh Giới tính Số điện thoại Kiểu liệu Int(20) Varchar(50) Int(20) Varchar(50) Int(20) Varchar(10) Int(20) Varchar(100) Int(100) Int(20) Int(20) Int(20) Varchar(100) Date Varchar(100) Varchar(100) student db_subject sbj_cls st_sbj email_teach address_teach service_teach status id_dpm avt_tch id_stu name_stu bday_stu sex_stu phone_stu email_stu status id_class avt_std id_subj name_subj qtycre_subj id_dpm id_subj id_class time_s time_e day pos qual id_term id_course id_teach id_stu id_subj list_sbj list_tch sbj_tch qtycre_sbj Id_subj Id_teach Email Địa Chức vụ Status Mã khoa Ảnh đại diện Mã sinh viên Tên sinh viên Ngày sinh Giới tính Số điện thoại Email Status Mã lớp Ảnh đại diện Mã môn học Tên mơn học Số tín Mã khoa Mã mơn học Mã lớp Thời gian bắt đầu Thời gian kết thúc Ngày Phịng Số lượng sinh viên Mã kì học Mã khóa học Ma giảng viên Mã sinh viên Mã mơn học Danh sách môn học Danh sách giảng viên Số tín Mã mơn học Mã giảng viên Varchar(100) Varchar(200) Varchar(100) Int(10) Int(20) Varchar(150) Int(100) Varchar(100) Date Varchar(100) Varchar(100) Varchar(100) Int(2) Int(100) Varchar(150) Int(20) Varchar(100) Varchar(100) Int(20) Int(20) Int(20) Timestamp(6) Timestamp(6) Varchar(20) Varchar(20) Int(50) Int(10) Int(10) Int(10) Int(20) Int(20) Varchar(20) Varchar(20) Int(10) Int(20) Int(20) Phần Hình ảnh kết chức thực Hình 3.2 Đăng nhập,nhớ tài khoản Hình 3.3 Quên mật 4.1.1 Admin a Trang chủ Hì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 Hình 3.6 Admin Thêm khoa Hình 3.7 Admin Sửa khoa Hình 3.12 Admin Thêm Giảng Viên Hình 3.13 Admin Sửa Giảng Viên Hì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 Hình 3.16 Admin Sửa Sinh Viên Hình 3.17 Admin Xóa Sinh Viên 10 Hình 3.18 Admin Search Sinh Viên Hình 3.19 Admin Upload Sinh Viên 11 Hì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 12 Hình 3.22 Admin Sửa Lịch Học Hình 3.23 Admin Xóa Lịch Học 13 Hì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 14 Hì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 15 Hình 3.28 Giảng Viên Cập Nhật Lịch Giảng b Thơng Tin Lớp Học Hình 3.29 Giảng Viên xem(tìm kiếm, xuất file exel sinh viên với option chọn kì, mơn, lớp) danh sách sinh viên đăng kí khóa học phụ trách 16 c 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 17 Hì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 18 Hì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 19 Hì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 20 Phần Kết Luận Ưu điểm: -Khả kết hợp, làm việc nhóm hiệu -Vận dụng hầu hết kiến thức học -Hoàn thành tập giao: +Sinh viên (tìm kiếm, đăng ký, hủy mơn, xem mơn đăng ký, ) +Giảng Viên (cập nhật khóa học phân cơng, xem danh sách sinh viên khóa học mình, …) +Admin (cập nhật thơng tin liên quan môn, khoa, sinh viên,lịch học, …;phân công cho giảng viên dạy 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 trình duyệt Nhược điểm: -Chưa chắn khâu làm việc, q trình phân tích thiết kế chưa hồn thiện phải sửa chữa nhiều lần… -Giao diện đơn giản, chưa hoàn thiện nhiều chức cần sửa chữa, nâng cấp ,mở rộng nhiều lần 21 TÀI LIỆU THAM KHẢO [1] Slide 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 trang đăng ký học Đại Học Thủy Lợi http://sinhvien.tlu.edu.vn/#/login [3] Tham khảo thiết kế boolstrap5 https://getbootstrap.com/docs/5.0/getting-started/introduction/ Và nhiều tài liệu google youtube khác… 22 ... Sách Môn Học Được Đăng Ký 19 Hình 3.34 Đăng Ký Học Thành Cơng 20 ii Hình 3.35 Phòng Đăng Ký Đã Đầy 20 Hình 3.36 Chưa Mở Đăng Ký Học 21 iii Phần Phân công công việc thông... chọn học kì) Hình 3.33 Sinh Viên Tìm Kiếm 18 Hì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 19 Hình 3.36 Sinh Viên Phịng Đăng Ký. .. 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 12 Hình 3.22 Admin Sửa Lịch Học Hình 3.23 Admin Xóa Lịch Học 13 Hình 3.24 Admin Quản Lý Danh Sách Sinh Viên Đăng Kí Hình 3.25