Xây dựng website quản lý đăng ký môn học và học phí ( đồ án 1)

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN LÊ TẤN KHOA – 18520926 VŨ NGUYỄN MINH QUÂN - 19522090 ĐỒ ÁN XÂY DỰNG WEBSITE QUẢN LÝ ĐĂNG KÝ MƠN HỌC VÀ HỌC PHÍ GVHD: ThS TRẦN THỊ HỒNG YẾN THÀNH PHỐ HỒ CHÍ MINH – 6/2022 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN LÊ TẤN KHOA – 18520926 VŨ NGUYỄN MINH QUÂN - 19522090 ĐỒ ÁN XÂY DỰNG WEBSITE QUẢN LÝ ĐĂNG KÝ MƠN HỌC VÀ HỌC PHÍ GVHD: ThS TRẦN THỊ HỒNG YẾN THÀNH PHỐ HỒ CHÍ MINH – 6/2022 LỜI CẢM ƠN Đầu tiên, nhóm em xin gởi lời cảm ơn chân thành đến tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM quý Thầy Cô khoa Cơng nghệ phần mềm trang bị cho nhóm kiến thức tảng để thực đề tài Đặc biệt, nhóm xin gửi lời cảm ơn lịng biết ơn sâu sắc tới Cô Trần Thị Hồng Yến, người trực tiếp tận tình hướng dẫn nhóm em suốt trình thực đồ án Không gợi ý tận tâm hướng dẫn chúng em q trình tìm hiểu, đọc tài liệu, Cơ cịn tận tình bảo em kĩ phân tích, khai thác tài liệu để có tư liệu phù hợp với nội dung đồ án Hơn nữa, Cơ cịn nhiệt tình việc đốc thúc trình viết báo cáo, đọc đưa nhận xét, góp ý để em hồn thành báo cáo đồ án cách tốt Nếu lời hướng dẫn, dạy bảo Cơ thu hoạch khó hồn thiện Một lần nữa, em xin chân thành cảm ơn Cơ Đề tài nhóm thực khoảng thời gian tháng nên bước đầu vào thực tế, tìm hiểu lĩnh vực nghiên cứu khoa học, kiến thức kinh nghiệm thực tiễn em hạn chế nhiều bỡ ngỡ Do vậy, khơng tránh khỏi thiếu sót điều chắn, nhóm mong nhận bảo, ý kiến đóng góp q báu q Thầy Cơ bạn học lớp để em có điều kiện bổ sung, nâng cao kiến thức lĩnh vực này, giúp hồn thiện tích lũy thêm cho thân nhiều kinh nghiệm, phục vụ tốt cho công việc thực tế sau Cuối cùng, chúng em xin gửi đến ba mẹ, gia đình bạn bè lời cảm ơn, tri ân chân thành lịng biết ơn sâu sắc động viên, ủng hộ, giúp đỡ cổ vũ tinh thần cho chúng em suốt trình vừa qua Chúng em xin chân thành cảm ơn! NHẬN XÉT CỦA GIẢNG VIÊN Giảng viên hướng dẫn ThS Trần Thị Hồng Yến ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng … năm ……… ĐỀ CƯƠNG CHI TIẾT Tên đề tài: Xây dựng website quản lý đăng ký mơn học học phí Cán hướng dẫn: ThS TRẦN THỊ HỒNG YẾN Thời gian thực hiện: Từ ngày 21/02/2022 đến ngày 10/6/2022 Sinh viên thực hiện: Vũ Nguyễn Minh Quân - 19522090 Nguyễn Lê Tấn Khoa - 18520926 Nội dung đề tài: Giới thiệu: Với lên áp dụng công nghệ đời sống - xã hội nay, công nghệ hóa vấn đề sống dường điều hiển nhiên Cơng nghệ hóa chìa khóa để cơng việc thực dễ dàng, hiệu quả, nhanh chóng an tồn Chính để bắt kịp xu thế, tiết kiệm thời gian tiền bạc, ngành nghề dần chuyển sang sử dụng cơng nghệ thay sức người, trường học không ngoại lệ Trong phạm vi này, nhóm nghiên cứu phát triển “Website quản lý đăng ký mơn học học phí” để dễ đáp ứng nhu cầu trình quản lý đăng ký mơn học học phí cho sinh viên cách tiện lợi, tiết kiệm sức lực thời gian Mục tiêu:  Xây dựng hệ thống gồm chức bản: o Quản lý sinh viên, mơn học, học phí theo kì o Cho phép sinh viên thực thao tác đăng ký, xóa bỏ môn học đăng ký o Thống kê, cập nhật tình trạng học phí  Xây dựng hệ thống phần mềm hình thức website  Chia làm luồng: quản trị thành viên Phạm vi:  Phạm vi môi trường: o  Triển khai sản phẩm đề tài môi trường web Phạm vi chức năng: o Quản lý môn học o Quản lý người sử dụng (sinh viên) o Quản lý thơng tin học phí sinh viên theo kì o Thanh tốn học phí o Xác nhận tốn học phí Đối tượng:  Sinh viên nhà trường Phương pháp thực hiện:  Xây dựng hệ thống database với Postgresql  Xây dựng hệ thống Restful API với Java Công nghệ:  Front-end: ReactJs  Back-end: Java  Database: Postgresql Kết mong đợi  Nắm bắt áp dụng được các công nghệ mới để xây dựng sản phẩm đề tài  Hiểu rõ nghiệp vụ, chức website quản lý đăng ký môn học  Áp dụng kiến thức học phân tích thiết kế hệ thống phần mềm, quy trình phát triển phần mềm, quản lý triển khai dự án phần mềm để xây dựng website sản phẩm đề tài  Hồn thiện ứng dụng quản lý đăng ký mơn học, đáp ứng đủ nhu cầu  Có thể thay đổi giao diện cách linh động mở rộng thêm chức cho website sản phẩm đề tài để phù hợp với nhu cầu thực tiễn tương lai + Kế hoạch thực hiện: Thời gian Nội dung Phân cơng cơng việc 21/02/2022 Tìm hiểu đề tài, đánh giá thị Nguyễn Lê Tấn Khoa – trường, xác định chức Vũ Nguyễn Minh Quân 06/03/2022 hệ thống 07/03/2022 – Tìm hiểu, nghiên cứu công Nguyễn Lê Tấn Khoa: nghiên cứu nghệ 27/03/2022 Front-end Vũ Nguyễn Minh Quân: nghiên cứu Back-end 28/03/2022 – Phân tích thiết kế hệ Nguyễn Lê Tấn Khoa Vũ Nguyễn Minh Quân thống website 17/04/2022 18/04/2022 – Xây dựng phát triển ứng Nguyễn Lê Tấn Khoa: tìm hiểu UI, dụng UX thiết kế giao diện cho website 29/05/2022 Vũ Nguyễn Minh Quân: cài đặt chức năng, xử lý hệ thống 30/05/2022 – Kiểm thử hệ thống hoàn Nguyễn Lê Tấn Khoa: kiểm thử thiện báo cáo Front-end sửa lỗi 10/06/2022 Vũ Nguyễn Minh Quân: kiểm thử Back-end sửa lỗi Xác nhận CBHD TP HCM, ngày … tháng … năm … (Ký tên ghi rõ họ tên) Sinh viên (Ký tên ghi rõ họ tên) Vũ Nguyễn ThS Trần Thị Hồng Yến Minh Quân Nguyễn Lê Tấn Khoa MỤC LỤC CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 LÝ DO CHỌN ĐỀ TÀI 1.2 MỤC TIÊU 1.3 PHẠM VI 1.4 ĐỐI TƯỢNG SỬ DỤNG 1.5 KẾT QUẢ DỰ KIẾN CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 2.1 2.2 2.3 JAVA (SPRINGBOOT FRAMEWORK) 2.1.1 Khái niệm 2.1.2 Tại nên sử dụng Java 2.1.3 Áp dụng Java vào đề tài POSTGRESQL DATABASE 2.2.1 Giới thiệu postgresql 2.2.2 Tại nên sử dụng hệ quản trị sở liệu Postgresql 2.2.3 Áp dụng Postgresql vào đề tài 10 REACTJS 10 2.3.1 Giới thiệu Reactjs 10 2.3.2 Tại nên sử dụng Reactjs 11 CHƯƠNG 3: MÔ TẢ MÔ HÌNH USE CASE HỆ THỐNG 14 3.1 SƠ ĐỒ USE CASE TỔNG QUÁT 14 3.2 DANH SÁCH CÁC ACTOR 15 3.3 DANH SÁCH CÁC USE CASE 15 3.4 ĐẶC TẢ USE CASE 16 3.4.1 Đặc tả Use Case “Quản Lý Dữ Liệu” 16 3.4.2 Đặc tả Use Case “Thông tin cá nhân” 23 3.4.3 Đặc tả Use Case “Đăng Nhập” 24 3.4.4 Đặc tả Use Case “Quản Lý Học Phí” 25 3.4.5 Đặc tả Use Case “Thanh Tốn Học Phí” 29 3.4.6 Đặc tả Use Case “Đăng Ký Lớp Học” 30 3.4.7 Đặc tả Use Case “Mở Lớp Học” 31 3.4.8 Đặc tả Use Case “Thống Kê Lịch Làm Việc” 32 CHƯƠNG 4: THIẾT KẾ CƠ SỞ DỮ LIỆU .34 4.1 SƠ ĐỒ LOGIC 34 4.2 MÔ TẢ CHI TIẾT CẢ KIỂU DỮ LIỆU TRONG SƠ ĐỒ LOGIC 35 4.2.1 Bảng “user” – Tài Khoản người dùng 35 4.2.2 Bảng “role” – Quyền, vai trò 36 4.2.3 Bảng “lecturer” – Thông tin giảng viên 37 4.2.4 Bảng “student” – Thông tin sinh viên 38 4.2.5 Bảng “course” – Thơng tin mơn học (Khóa học) 39 4.2.6 Bảng “semester” – Thông tin học kì 40 4.2.7 Bảng “class_room” – Thông tin lớp học (Phòng học) 41 4.2.8 Bảng “open_course” – Đăng kí mở lớp học(Dành cho giảng viên) 42 4.2.9 Bảng “student_course” – Đăng kí lớp học (Dành cho sinh viên) 43 4.2.10 Bảng “tuition_fee” – Bảng giao dịch học phí 44 CHƯƠNG 5: CÁC SƠ ĐỒ VÀ LUỒNG HOẠT ĐỘNG 46 5.1 5.2 5.3 5.4 5.5 5.6 ĐĂNG NHẬP 46 5.1.1 Mô tả 46 5.1.2 Sơ đồ hoạt động 46 5.1.3 Sơ đồ 47 ĐĂNG KÍ MƠN HỌC 48 5.2.1 Mô tả 48 5.2.2 Sơ đồ hoạt động 48 5.2.3 Sơ đồ 49 THANH TỐN HỌC PHÍ 49 5.3.1 Mô tả 50 5.3.2 Sơ đồ hoạt động 50 5.3.3 Sơ đồ 51 MỞ LỚP HỌC 52 5.4.1 Mô tả 52 5.4.2 Sơ đồ hoạt động 52 5.4.3 Sơ đồ 53 THÊM SINH VIÊN 54 5.5.1 Mô tả 54 5.5.2 Sơ đồ hoạt động 54 5.5.3 Sơ đồ 55 XÓA SINH VIÊN 55 5.6.1 Mô tả 56 6.5 Màn hình “Tổng quan” QTV Hình Màn hình “Tổng quan” Bước Hành động tác nhân Xử lý hệ thống Click chức Tổng quan Hiển thị trang tổng quan thống kê thông tin về: Lớp ngày, Lớp tuần, Sinh viên ngày, Bảng 6.5 Danh sách chức hình “Tổng quan” 66 6.6 Màn hình “Lịch làm việc” QTV Hình 6 Màn hình “Lịch làm việc” Bước Hành động tác nhân Xử lý hệ thống Click chức Lịch làm việc Hiển thị trang lịch làm việc Click Month Hiển thị thông tin số ca học theo tháng Nhập Tên lớp Click Tìm kiếm Nhập Khóa học Click Tìm kiếm Hiển thị thơng tin tìm kiếm lịch Click chuyển lịch Hiển thị trang thông tin lịch theo thời Hiển thị thơng tin tìm kiếm lịch gian Bảng 6.6 Danh sách chức hình “Lịch làm việc” 67 6.7 Màn hình “Quản Lý Sinh Viên” Hình Màn hình “Quản lý sinh viên” Bước Hành động tác nhân Xử lý hệ thống Click chức Quản lý người Hiển thị trang danh sách sinh viên dùng -> Sinh viên Click sort trường liệu Hiển thị danh sách xếp tăng dần giảm dần Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thông tin thêm sinh viên Nhập thông tin Click OK Hiển thị thông tin thêm danh sách 68 Click Xem chi tiết Hiển thị thông tin chi tiết sinh viên Bảng Danh sách chức hình “Quản lý sinh viên” 6.8 Màn hình “Quản Lý Giảng Viên” Hình 6.8 Màn hình “Quản lý giảng viên” Bước Hành động tác nhân Click chức Quản lý Hiển thị trang danh sách Xử lý hệ thống người dùng -> Giảng viên giảng viên Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thông tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thông tin 69 thêm giảng viên Nhập thông tin Click OK Hiển thị thông tin thêm danh sách Click Xem chi tiết Hiển thị thông tin chi tiết giảng viên Bảng Danh sách chức hình “Quản lý giảng viên” 6.9 Màn hình “Quản Lý Mơn Học” Hình 6.9 Màn hình “Quản lý mơn học” 70 Bước Hành động tác nhân Click chức Quản lý môn Hiển thị trang danh sách môn Xử lý hệ thống học mở học Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thông tin thêm môn học Nhập thông tin Click OK Hiển thị thông tin thêm danh sách Click Sửa Hiển thị trang thông tin sửa mở môn học Nhập thông tin 10 Click OK 11 Click Xóa Hiển thị thơng báo 12 Click OK Hiển thị trang thơng tin xóa danh sách thành cơng Bảng Danh sách chức hình “Quản lý mơn học” 71 6.10 Màn hình “Quản Lý Học Kì” Hình 10 Màn hình “Quản lý học kì” Bước Hành động tác nhân Click chức Quản lý học Hiển thị trang danh sách học Xử lý hệ thống kì mở kì Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thơng tin thêm học kì Nhập thông tin Click OK Hiển thị thông tin thêm danh sách 72 Click Sửa Hiển thị trang thơng tin sửa mở học kì Nhập thơng tin 10 Click OK 11 Click Xóa Hiển thị thơng báo 12 Click OK Hiển thị trang thông tin xóa danh sách thành cơng Bảng 10 Danh sách chức hình “Quản lý học kì” 6.11 Màn hình “Đăng Ký Mở Lớp Học” Hình 11 Màn hình “Đăng ký mở lớp học” 73 Bước Hành động tác nhân Click chức Đăng ký mở Hiển thị trang danh sách lớp Xử lý hệ thống học mở lớp Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thông tin thêm lớp học Nhập thông tin Click OK Hiển thị thông tin thêm danh sách Click Sửa Hiển thị trang thông tin sửa mở lớp học Nhập thông tin 10 Click OK 11 Click Xóa Hiển thị thơng báo 12 Click OK Hiển thị trang thơng tin xóa danh sách thành cơng Bảng 11 Danh sách chức hình “Đăng ký mở lớp học” 74 6.12 Màn hình “Quản Lý Lớp Học – Phịng Học” Hình 12 Màn hình “Quản lý lớp học” Bước Hành động tác nhân Click chức Quản lý lớp Hiển thị trang danh sách lớp Xử lý hệ thống học mở học Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Thêm Xuất trang điền thông tin thêm lớp học Nhập thông tin Click OK Hiển thị thông tin thêm danh sách 75 Click Sửa Hiển thị trang thông tin sửa mở lớp học Nhập thông tin 10 Click OK 11 Click Xóa Hiển thị thơng báo 12 Click OK Hiển thị trang thơng tin xóa danh sách thành cơng Bảng 6.12 Danh sách chức hình “Quản lý lớp học” 6.13 Màn hình “Xác nhận Học phí chờ” Hình 13 Màn hình “Xác nhận học phí chờ” 76 Bước Hành động tác nhân Xử lý hệ thống Click chức Hệ thống hiển thị chức (Danh sách học phí chờ Danh sách tất học phí) Click chức Danh sách Hiển thị trang danh sách học học phí chờ phí chờ duyệt tốn Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Xác nhận/Hủy bỏ Hiển thị trang thông báo Xác nhân/Hủy bỏ thành công Bảng 13 Diễn giải hình “Xác nhận học phí chờ” 6.14 Màn hình “Quản lý danh sách học phí” Hình 14 Màn hình “Quản lý danh sách học phí” 77 Bước Hành động tác nhân Click chức Danh sách Hiển thị trang danh sách học Xử lý hệ thống phí chưa hồn thành tất học phí Click sort trường Hiển thị danh sách xếp tăng dần giảm dần liệu Nhập thơng tin tìm kiếm Click Tìm kiếm Hiển thị danh sách tìm kiếm Click Xác nhận/Hủy bỏ Hiển thị trang thông báo Xác nhân/Hủy bỏ thành công Bảng 14 Diễn giải hình “Quản lý danh sách học phí” 78 Chương 7: KẾT LUẬN VÀ HƯỚNG MỞ RỘNG 7.1 Kết Luận 7.1.1 - Kết đạt Kết thúc mơn học, nhóm tìm hiểu hồn thành ứng dụng tương đối hồn chỉnh Với hướng dẫn từ Cơ, kiến thức mà Cô cung cấp, chúng em áp dụng design pattern tốt quy chuẩn phát triển ứng dụng để có ứng dụng tốt - Trong khoảng thời gian hạn chế, nhóm phát triển phần mềm tương đối hồn thiện Phần mềm đáp ứng tốt chức người sử dụng thông thường việc đăng ký môn học, tạo lệnh tốn học phí, quản trị lớp học, sinh viên ,… 7.1.2 - Ưu điểm Phần mềm phát triển dựa ngơn ngữ lập trình Java, ứng dụng nhẹ, chạy nhanh - Giao diện ứng dụng thân thiện, dễ sử dụng Nhóm đưa thiết kế sau tham khảo nhiều ứng dụng khác nhau, ứng dụng phù hợp với thói quen người sử dụng - Phân chia quyền rõ ràng, đơn giản cho việc kiểm duyệt nâng cao tính bảo mật 7.1.3 Nhược điểm - Vẫn cịn tồn số lỗi tiềm ẩn - Quản lý sinh viên giảng viên chưa rõ ràng Hướng mở rộng 7.2 - Phát triển thêm nhiều quyền để phân chia rõ ràng cho phận khác - Hỗ trợ khả realtime đăng ký học phần 79 Chương 8: TÀI LIỆU THAM KHẢO [1] Robert C.Martin and Micah Martin (2006), Agile Principles, Patterns, and Practices in C#, Prentice Hall, United States [2] Robert C.Martin (2008), Clean Code A Handbook of Agile Software Craftsmanship, Prentice Hall, United States [2] Tài liệu Postgresql: https://www.postgresql.org/ [3] Tài liệu Java: https://www.javatpoint.com/java-tutorial [4] Tài liệu JavaScript: https://javascript.info/37 [5] Tài liệu React: https://reactjs.org/docs/getting-started.html [6] StackOverFlow: https://stackoverflow.com/ 80 ... thống 11 Quản lý môn học Quản lý môn học hệ thống 12 Quản lý học kì Quản lý học kì hệ thống 13 Quản lý lớp học( phòng học) Quản lý phòng học hệ thống 14 Đăng ký mở lớp học Đăng ký mở lớp học học kì... xuất Đăng xuất khỏi hệ thống Đăng ký mơn học Đăng ký mơn học theo học kì cho sinh viên Kiểm tra, quản lý môn học đăng Kiểm tra, thêm xóa sửa mơn học ký đăng kí Thanh tốn học phí Thanh tốn học phí. .. sách học phí sinh viên Duyệt học phí để xác nhận sinh viên tốn 16 tốn học phí Quản lý tồn danh sách học phí Quản lý học phí sinh viên đăng ký môn học theo kì sinh viên theo kì 17 Thao tác tốn học