Đề tài xây dựng công cụ hỗ trợ theo dõi quá trình học tập cho sinh viên viện kỹ thuật công nghệ

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT- CÔNG NGHỆ BÁO CÁO NGHIÊN CỨU KHOA HỌC CUỘC THI SINH VIÊN NGHIÊN CỨU KHOA HỌC NĂM HỌC 2021-2022 ĐỀ TÀI: XÂY DỰNG CƠNG CỤ HỖ TRỢ THEO DÕI Q TRÌNH HỌC TẬP CHO SINH VIÊN VIỆN KỸ THUẬT – CÔNG NGHỆ Thuộc nhóm ngành khoa học: Kỹ thuật phần mềm Sinh viên thực hiện: Huỳnh Đức Huy - 1924801030106 Dân tộc: Kinh Lớp, khoa: D19PM02, Kỹ thuật công nghệ Ngành học: Kỹ thuật phần mềm Người hướng dẫn: Th.s Nguyễn Hữu Vĩnh Bình Dương, Tháng 3/ 2022 0 Giới tính: Nam Năm thứ: 3/4 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT KHOA KỸ THUẬT- CÔNG NGHỆ BÁO CÁO NGHIÊN CỨU KHOA HỌC ĐỀ TÀI: XÂY DỰNG CÔNG CỤ HỖ TRỢ THEO DÕI QUÁ TRÌNH HỌC TẬP CHO SINH VIÊN VIỆN KỸ THUẬT – CÔNG NGHỆ Sinh viên thực hiện: Mã sinh viên : Lớp: Khóa: Ngành: Giảng viên hướng dẫn: Huỳnh Đức Huy 1924801030106 D19PM02 2019-2023 Kỹ thuật phần mềm Ths.Nguyễn Hữu Vĩnh Bình Dương, Tháng 3/ 2022 0 Cơng cụ hỗ trợ q trình học tập LỜI CẢM ƠN Kính thưa q thầy cơ, với mơn học trường, việc làm đồ án, tạo sản phẩm ứng dụng thực tế điều thú vị, hấp dẫn chúng em trình học tập Và cuối cùng, đồ án nghiên cứu khoa học chắn sản phẩm mà chúng em tâm huyết để thực hiện, kiến thức, kỹ có qua suốt năm học Dưới hướng dẫn thầy Nguyễn Hữu Vĩnh, em lựa chọn cho đề tài phù hợp để thực Đó “Xây dựng cơng cụ hỗ trợ theo dõi q trình học tập cho sinh viên viện kỹ thuật – công nghệ”, dựa ý tưởng xuất phát từ vấn đề thực tiễn hữu nơi theo học Em xin chân thành cảm ơn thầy Vĩnh giúp đỡ, hướng dẫn em hoàn thành đồ án Em xin gửi lời cảm ơn đến quý thầy cô khoa Kỹ thuật – Cơng nghệ nhiệt tình dìu dắt chúng em suốt năm học vừa qua Xin cảm ơn thầy cô khoa khác cán - cơng nhân viên phịng ban nhà trường giảng dạy, phục vụ chúng em năm qua ii 0 Công cụ hỗ trợ q trình học tập LỜI CAM ĐOAN Tơi xin cam đoan sản phẩm nghiên cứu, ứng dụng riêng hướng dẫn Ths.Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết qu ả đề tài trung thực chưa công bố bất k hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xt, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, báo cáo cịn sử dụng số nhận xt, đánh số liệu tác giả khác, quan t chức khác có trích dẫn thích nguồn gốc Nu phát c bt kỳ gian lận no ti xin hon ton chu trách nhiệm ni dung báo cáo ca Trường Đại học Thủ Dầu Một không liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) Bnh Dng, ngy thng 03 nm 2022 Ngi thc hin Huỳnh Đức Huy iii 0 Công cụ hỗ trợ trình học tập QUYT ĐNH GIAO ĐỀ TÀI iv 0 Công cụ hỗ trợ trình học tập NHẬN XT CỦA GIẢNG VIÊN HƯNG DN ……… ………… …… …… …… …… …… …… …… …… …… …… …… …… …… Bình Dương, ngày tháng năm 2022 Giáo viên hướng dẫn (K tn v ghi r h tn) Ths.Nguyễn Hữu Vĩnh v 0 Công cụ hỗ trợ trình học tập NHẬN XT CỦA GIẢNG VIÊN PHẢN BIỆN …… …… …… …… …… …… …… …… …… …… …… …… …… …… …… Bình Dương, ngày tháng năm 2022 Giáo viên hướng dẫn (K tn v ghi r h tn) vi 0 Công cụ hỗ trợ trình học tập MỞ ĐẦU Trước sóng mạnh mẽ cách mạng công nghiệp lần thứ tư, ngày có nhiều ý tưởng hay, cơng nghệ đại ứng dụng vào thực tế nhằm cải thiện hiệu gia tăng suất lao động cho người Xuất phát từ vấn đề thực tế mơi trường học đường nói riêng, mơi trường quan, doanh nghiệp nói chung, em có ý tưởng ứng dụng công nghệ thông tin vào việc hỗ trợ cho sinh viên viện kỹ thuật – cơng nghệ theo dõi trình học tập đề chiến lược học tập để hoàn thành thật tốt công việc học tập trường Đại học Thủ Dầu Một Vì thế, em lựa chọn thực đề tài: XÂY DỰNG CƠNG CỤ HỖ TRỢ THEO DÕI Q TRÌNH HỌC TẬP CHO SINH VIÊN VIỆN KỸ THUẬT – CÔNG NGHỆ Hệ thống bao gồm trang web để quản lý theo dõi trình học tập sinh viên, giảng viên theo dõi tình trạng học tập sinh viên lớp cảnh cáo học vụ sinh viên có nguy bị buộc học Về phần mobile app dành cho bạn sinh viên theo dõi điểm số, gợi ý môn học cho học k tới Thơng qua mobile app sinh viên xem môn học đề xuất cho môn mà sinh viên nợ mơn, ngồi sinh viên xem gợi ý mơn học theo cấp độ môn sinh viên qua môn Em mong nhận quan tâm, hướng dẫn tận tình quý thầy hướng dẫn để đề tài thực thành cơng, trở nên hữu ích có tính ứng dụng cao vii 0 Cơng cụ hỗ trợ trình học tập Mục lục Chương GII THIỆU CHUNG 1.1 Giới thiệu lí chọn đề ti 1.2 Mục tiêu 1.3 Phạm vi nghiên cứu 1.4 Đối tượng nghiên cứu Phương pháp Phương pháp nghiên cứu lý thuyết Phương pháp nghiên cứu thực nghiệm Chương CƠ SỞ LÝ THUYT 2.1 M tả bi toán 2.1.1 Rằng buc mn học theo cp đ 2.1.2 Gửi mail tự đng buc thi học cho tt sinh viên c điểm trung bình tích lũy thp 2.2 Cng nghệ sử dụng 2.2.1 Nodejs 2.2.1.1 Cc đặc tính NodeJS 2.1.1.2 Ưu điểm NodeJS 10 2.1.1.3 Nhợc điểm NodeJS: 11 2.2.2 React Native 11 2.2.2.1 Ưu điểm React Native 11 2.2.2.2 Nhược điểm 12 2.2.3 ReactJs 12 2.2.3.1 Tính nng 12 2.2.3.2 Ưu điểm 13 2.2.3.3 Nhợc điểm 13 2.2.4 MongoDB 13 2.2.4.1 Một số câu lnh c MongoDB 14 2.2.4.2 Ưu điểm MongoDB 14 2.2.4.3 Nhợc điểm MongoDB 15 2.2.5 ExpressJS 15 2.3 Các yêu cầu v thực thể tham gia vo hệ thống 17 2.2.1 Yêu cầu chức ứng dụng di đng 17 2.2.1.1 Mô tả chức nng đng nhập 17 2.2.1.2 Mô tả chức nng tra cứu Điểm môn học 18 2.2.1.3 Mô tả chức nng Xem điểm môn học 19 2.2.1.4 Mô tả chức nng Gợi ý môn học 20 2.2.1.5 Mô tả chức nng Gợi ý môn học cho học kỳ 20 2.2.1.6 Mô tả chức nng cập nhật thông tin ti khoản 21 2.2.2 Yêu cầu chức website Người dùng (Sinh viên) 22 0 Công cụ hỗ trợ q trình học tập 2.2.2.1 Mơ tả chức nng đng nhập 22 2.2.2.2 Mô tả chức nng tra cứu Điểm môn học 23 2.2.2.4 Mô tả chức nng Xem điểm môn học 25 2.2.2.5 Mô tả chức nng Gợi ý môn học 26 2.2.2.6 Mô tả chức nng Gợi ý môn học cho học kỳ 27 2.2.2.7 Mô tả chức nng cập nhật thông tin ti khoản 28 2.2.2.9 Mô tả chức nng Export data 30 2.2.3 Yêu cầu chức website Quản tr (Giảng viên / Cố vn học tập) 31 2.2.3.1 Mô tả chức nng đng nhập 31 Chương PHÂN TÍCH THIT K HỆ THỐNG 40 3.1 Sơ đồ chức tổng quát 40 3.2 Sơ đồ usercase 41 3.2.1 Các tác nhân ca hệ thống 41 3.2.2 Các chức 41 3.2.3 Sơ đồ usecase tổng quát 42 3.3 Phân rã Usecase 42 3.3.1 UC Tra cứu điểm 42 3.3.2 UC Đăng nhập hệ thống 43 3.3.3 UC Cập nhật ti khoản 44 3.3.4 UC Nhập điểm 45 3.3.5 UC Xem điểm 46 3.3.6 UC Xem gợi ý mn học 47 3.3.7 UC Gợi ý mn học cho học kỳ tới 48 3.3.8 Thống kê 49 3.3.9 UC Xut excel 50 3.4 Biểu đồ hoạt đng 58 3.4.1 Biều đồ hoạt đng Tra cứu điểm 59 3.4.2 Biều đồ hoạt đng đăng nhập 60 3.4.3 Biều đồ hoạt đng Quên mật 61 3.5 Biểu đồ Lớp (Class diagram) 65 3.5.1 Biểu đồ lớp tổng thể 65 Chương THIT K CƠ SỞ DỮ LIỆU 66 4.1 Bảng Lecturers 67 4.2 Bảng Students 67 4.3 Bảng Subjects 68 4.4 Bảng SubjectScore 69 Chương THIT K GIAO DIỆN 70 5.1 Thit k giao diện (Người dùng / Sinh viên) 70 5.1.1 Giao diện Tra cứu điểm 70 5.1.2 Giao diện Đăng nhập 71 5.1.3 Giao diện Trang chủ (Sinh Vin) 72 0 e Hậu điều kiện: Ứng dụng quay trở lại giao diện hình trang chủ Hình 3.7 UC Xem Điểm 3.3.6 UC Xem gợi ý môn hc a Tác nhân: Người dùng (Sinh Viên) b Mô tả: UC cho php người dùng xem gợi ý môn học mà cịn nợ gợi ý mơn học theo cấp độ thông qua hệ thống c Tiền điều kiện: Người dùng có tài khoản đăng nhập WebSite App di động d Luồng kiện: - Đối với Người dùng App di động  Chọn chức Gợi ý môn học navigation  Hệ thống hiển thị danh sách mơn học cịn nợ mơn học theo cấp độ hình - Đối với người dùng Website  Người dùng ý NavBar phía bên trái sau chọn 0 vào phần Xem gợi ý môn học  Hệ thống hiển thị danh sách mơn học cịn nợ mơn học theo cấp độ hình - Click trở để quay giao diện - UC kết thúc 47 e Hậu điều kiện: Ứng dụng quay trở lại giao diện hình trang chủ 0 Hình 3.8 UC Gợi ý mơn học 3.3.7 UC Gợi ý môn hc cho hc kỳ tới a Tác nhân: Người dùng (Sinh Viên) b Mô tả: UC cho php người dùng xem gợi ý môn học cho học k thông qua hệ thống c Tiền điều kiện: Người dùng có tài khoản đăng nhập WebSite App di động d Luồng kiện: - Đối với Người dùng App di động  Chọn chức Gợi ý học k navigation  Hệ thống hiển thị danh sách mơn học cho học k tới hình - Đối với người dùng Website  Người dùng ý NavBar phía bên trái sau chọn vào phần Xem gợi ý môn học cho học k tới  Hệ thống hiển thị danh sách mơn học cho học k tới hình - Click trở để quay giao diện - UC kết thúc 48 0 e Hậu điều kiện: Ứng dụng quay trở lại giao diện hình trang chủ Hình 3.9 UC Gợi ý mơn học cho học kỳ tới 3.3.8 Thống kê 0 a Tác nhân: Người dùng (Sinh Viên) b Mô tả: UC cho php người dùng xem thống kê thông qua biểu đồ thống kê mơn học có điểm trung bình cao thơng qua hệ thống c Tiền điều kiện: Người dùng có tài khoản đăng nhập WebSite App di động d Luồng kiện: - Đối với Người dùng App di động  Chọn chức Trang chủ navigation  Hệ thống hiển thị danh sách môn học có điển trung bình cao nhất, thơng tin người dùng hình - Đối với người dùng Website  Người dùng ý NavBar phía bên trái sau chọn vào phần Thơng kê  Hệ thống hiển thị danh sách mơn học có điển trung bình cao nhất, thơng tin người dùng, biểu đồ thể điểm trung bình qua học k hình - Click trở để quay giao diện - UC kết thúc e Hậu điều kiện: Ứng dụng quay trở lại giao diện hình trang chủ 49 0 Hình 3.10 UC Thống kê 3.3.9 UC Xuất excel a Tác nhân: Người dùng (Sinh viên) b Mô tả: UC sinh viên xuất điểm file excel c Tiền điều kiện: Người dùng có tài khoản đăng nhập WebSite d Luồng kiện: - Người dùng ý NavBar phía bên trái sau chọn vào phần Xem điểm - Click vào nút Xuất Excel bên phải hình e Hậu điều kiện: Sau kết thúc, file excel lưu vào nơi lưu trữ mà người dùng chọn 0 Hình 3.11 UC Xuất Excel 50 0 3.3.10 UC Qun mật a Tác nhân: Giảng viên b Mô tả: UC cho php giảng viên đi mật quên mật c Tiền điều kiện: giảng viên nhập email vào form d Luồng kiện: - Chọn chức đăng nhập - Giao diện đăng nhập hiển thị - Click chọn quên mật - Nhập email - Nhập mã OTP - Nhập mật nhập lại mật - Click cập nhật - UC kết thúc e Hậu điều kiện: Thơng báo cập nhật mật thành cơng Hình 3.12 UC Quên mật 3.3.11 UC Đăng nhập a Tác nhân: Giảng viên b Mô tả: UC cho php giảng viên đăng nhập vào hệ thống 0 51 Hình 5.22 Cập nhật ti khoản (Di động) - Mơ tả : Sinh viên cập nhật thơng tin cá nhân thông qua hệ thống 93 0 5.3.5 Giao diện Xem Điểm Hình 5.23 Xem điểm (Di động) - Mơ tả : Sinh viên xem điểm tất môn học học k thông qua hệ thống 94 0 5.3.6 Giao diện Gợi  mơn hc Hình 5.24 Gợi ý mơn học (Di động) - Mô tả : Hệ thống gợi ý môn học mà sinh viên nợ môn học theo cấp độ 95 0 5.3.7 Giao diện Gợi  mơn hc cho hc kỳ tới Hình 5.25 Gợi ý môn học cho học k - Mô tả : Hệ thống gợi ý môn học cho học k tới 96 0 Chương KT LUẬN 6.1 Kết q qu uả đạ đạtt đư đượ ợc 6.1.1 Về ứng dụng Modules Di động Sau hoàn tất “Công cụ hỗ trợ học tập cho sinh viên viện kỹ thuật – công nghệ” phát triển số tính thiết kế ban đầu đặt Các tính hồn tất: - Đăng nhập - Xem Điểm - Tra cứu điểm - Xem gợi ý môn học lại, gợi ý môn học theo cấp độ - Cập nhật tài khoản - Thống kê Giao diện tương đối thân thiện dễ sử dụng có nhiều hiệu ứng chuyển cảnh hiệu ứng cho ứng dụng Về phần xử lý có bảng sở liệu lưu, nhận liệu ứng dụng thông báo qua trạng thái ứng dụng cho người dùng Hệ thống thông báo rõ ràng hoàn chỉnh Về phần kĩ năng: nâng cao khả lập trình Android (React Native) config vào core ứng dụng Khả xử lí đa luồng, design parttern lập trình hướng đối tượng 6.1.2 Về trang WebSite dnh cho Người dùng (Sinh Viên) Giảng viên - Xây dựng đầy đủ chức Như Moblie Các tính hồn tất: o Đăng nhập o Quên mật 97 0 o Nhập điểm o Xem Điểm o Tra cứu điểm o Xem gợi ý môn học lại, gợi ý môn học theo cấp độ o Cập nhật tài khoản o Đi mật o Thống kê o Xem chi tiết trình học tập sinh viên o Gửi mail cảnh báo học vụ o Thêm môn học - Đáp ứng yêu cầu quản lý tài khoản, xem điểm, xem gợi ý môn học, gửi mail cảnh cáo tự động,… - Giao diện thân thiện dễ sử dụng,… - Về phần kĩ năng: nâng cao khả lập trình WebSite sử dụng cơng nghệ MERN Stack (ReactJs, React-Native, Express, MongoDB, Nodejs) 6.2 Các hạn ch tồn - Còn số chức cần cải thiện… - Trong q trình xây dựng Cơng cụ cịn số lỗi định khơng tránh sai xót q trình thực mong góp ý q thầy để em cải thiện nâng cấp cách tốt cho công cụ Em xin chân thành cảm ơn! 6.3 Hướng phát triển - Kế thừa phát triển thành hệ thống sử dụng cho tồn thể sinh viên trường đại học thủ dầu Phát triển thêm số chức Xem thời khóa biểu, đăng ký môn học… 98 0 TÀI LIỆU LIÊN QUAN THAM KHẢO [1] https://cloud.mongodb.com [2] https://reactjs.org [3] https://nodejs.org/en [4] https://www.npmjs.com [5] https://reactnative.dev 99 0 ... ý tưởng Xây dựng công cụ hỗ trợ theo dõi trình học tập cho sinh viên viện kỹ thuật – công nghệ, nhằm giúp cho sinh viên giảng viên theo dõi quản lý q trình học tập Thơng qua đây, sinh viêncó thể... HỌC THỦ DẦU MỘT KHOA KỸ THUẬT- CÔNG NGHỆ BÁO CÁO NGHIÊN CỨU KHOA HỌC ĐỀ TÀI: XÂY DỰNG CƠNG CỤ HỖ TRỢ THEO DÕI Q TRÌNH HỌC TẬP CHO SINH VIÊN VIỆN KỸ THUẬT – CÔNG NGHỆ Sinh viên thực hiện: Mã sinh. .. THEO DÕI QUÁ TRÌNH HỌC TẬP CHO SINH VIÊN VIỆN KỸ THUẬT – CÔNG NGHỆ Hệ thống bao gồm trang web để quản lý theo dõi q trình học tập sinh viên, giảng viên theo dõi tình trạng học tập sinh viên lớp