BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE CỘNG ĐỒNG HỖ TRỢ HỌC TẬP HỌC SIÊU DỄ - EASY LEARN GVHD: ThS MAI ANH THƠ SVTH : TRƯƠNG NGỌC PHƯƠNG TRẦN LƯU THẾ ANH SKL011393 Tp Hồ Chí Minh, năm 2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM KHĨA ḶN TỐT NGHIỆP Đề tài: XÂY DỰNG WEBSITE CỘNG ĐỒNG HỖ TRỢ HỌC TẬP HỌC SIÊU DỄ - EASY LEARN GIÁO VIÊN HƯỚNG DẪN ThS MAI ANH THƠ NHÓM SINH VIÊN THỰC HIỆN: TRƯƠNG NGỌC PHƯƠNG 19110441 TRẦN LƯU THẾ ANH 19110324 KHÓA: 2019 – 2023 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Trương Ngọc Phương MSSV 1: 19110441 Họ tên Sinh viên 2: Trần Lưu Thế Anh MSSV 2: 19110324 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy Learn Họ tên Giảng viên hướng dẫn: ThS Mai Anh Thơ NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2023 Giảng viên hướng dẫn (Ký ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Trương Ngọc Phương MSSV 1: 19110441 Họ tên Sinh viên 2: Trần Lưu Thế Anh MSSV 2: 19110324 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy Learn Họ tên Giảng viên phản biện: ThS Nguyễn Hữu Trung NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm Đề nghị cho bảo vệ hay khơng? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày tháng năm 2023 Giảng viên phản biện (Ký ghi rõ họ tên) LỜI CẢM ƠN Trước tiên, chúng em muốn gửi lời cảm ơn chân thành đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm học tập phát triển kiến thức chuyên môn kỹ mềm Bên cạnh đó, nhóm chúng em xin gửi lời cảm ơn chân thành sâu sắc đến cô Mai Anh Thơ giảng viên hướng dẫn nhóm Cơ nhiệt tình hướng dẫn đưa góp ý quý báu cho nhóm suốt trình từ lúc bắt đầu kết thúc đề tài Tuy nhiên, trình làm khơng tránh khỏi sai sót, chúng em mong nhận góp ý tận tình q thầy (cơ) qua nhóm rút học kinh nghiệm, hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Trương Ngọc Phương – 19110441 Trần Lưu Thế Anh – 19110324 ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ tên Sinh viên 1: Trương Ngọc Phương MSSV 1: 19110441 Họ tên Sinh viên 2: Trần Lưu Thế Anh MSSV 2: 19110324 Thời gian làm luận văn: Từ 07/09/2022 đến 08/07/2023 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng website cộng đồng hỗ trợ học tập Học Siêu Dễ - Easy Learn Giảng viên hướng dẫn: ThS Mai Anh Thơ Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu cơng nghệ: MERN Stack (MongoDB, Express, React, Node), JWT, Material UI, Tailwindcss,… Thực hành: - Xây dựng RESTful API sử dụng Express Node.js để thực thao tác CRUD liệu - Triển khai sở liệu MongoDB để lưu trữ truy xuất liệu từ RESTful API - Xây dựng giao diện người dùng sử dụng Material UI, Tailwindcss, React để hiển thị tương tác với liệu từ API - Sử dụng JWT để xác thực người dùng ủy quyền truy cập cho API Đề cương viết luận văn: MỤC LỤC CHƯƠNG 1: TỔNG QUAN ỨNG DỤNG 1.1 Lý chọn đề tài 1.2 Tính cấp thiết đề tài 1.3 Mục tiêu xây dựng ứng dụng 1.4 Đối tượng nghiên cứu 1.5 Phạm vi nghiên cứu CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 Đánh giá tổng quan website dạy học số tương tự 2.2 Các chức đặc biệt trang web 2.3 Đặc tả yêu cầu người dùng 2.4 Đặc tả yêu cầu hệ thống CHƯƠNG 3: CƠ SỞ LÝ THUYẾT 3.1 MERN Stack 3.2 Các công nghệ sử dụng Back-end 3.3 Các công nghệ sử dụng Front-end CHƯƠNG THIẾT KẾ HỆ THỐNG PHẦN MỀM 4.1 Sơ đồ phân rã chức 4.2 Sơ đồ lớp 4.3 Mơ hình hố u cầu 4.4 Thiết kế sở liệu 4.5 Thiết kế giao diện CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 5.1 Cài đặt 5.2 Kiểm thử CHƯƠNG 6: KẾT LUẬN 6.1 Kết đạt 6.2 Ưu điểm 6.3 Nhược điểm 6.4 Hướng phát triển KẾ HOẠCH THỰC HIỆN STT Thời gian 07/09/2022 – 20/09/2022 Công việc Ghi + Khảo sát trạng Bắt + Thiết kế sở liệu đầu luận ngành + Thiết kế usecase 21/09/2022 – 01/10/2022 + Tìm hiểu MERN Stack + Tìm hiểu JS, HTML, CSS 02/10/2022 – 10/10/2022 + Chỉnh sửa sở liệu + Tìm hiểu JSON WEB TOKEN + Tìm hiểu xây dựng RESTful API 11/10/2022 – 20/10/2022 + Tiến hành codebase dự án bao gồm front-end back-end 21/10/2022 – 01/11/2022 + Xây dựng API cho backend + Thiết kế mẫu giao diện 02/11/2022 – 20/12/2022 + Tiến hành phát triển back-end + Tiến hành phát triển front-end tiểu chuyên 21/12/2022 – 24/12/2022 Lắp ráp kiểm thử hệ thống, tiến hành sửa lỗi 24/12/2022 – 28/12/2022 Viết hoàn thiện báo cáo Kết thúc tiểu luận chuyên ngành 17/03/2023 – 25/03/2023 Đọc lại code, xác định Bắt đầu khóa phần cần thêm, bảo dưỡng luận tốt nghiệp dự án 10 26/03/2023 – 30/04/2023 + Maintenance, tối ưu hóa lại API, hàm, thêm xử lý ngoại lệ + Thiết kế lại giao diện 11 01/05/2023 – 10/06/2023 + Xây dựng phát triển front-end + Xây dựng phát triển back-end 12 11/06/2023 – 20/06/2023 Lắp ráp, kiểm thử hệ thống, tiến hành sửa lỗi 13 21/06/2023 – 28/06/2023 Tìm hiểu thực hành deploy 14 29/06/2023 – 08/07/2023 Viết hoàn thành báo cáo Ngày 08 tháng 07 năm 2023 Ý kiến giảng viên hướng dẫn Người viết đề cương (Ký ghi rõ họ tên) Trương Ngọc Phương Trần Lưu Thế Anh