Nền tảng học trực tuyến dành cho học sinh

Khóa luận tốt nghiệp: Nền tảng học trực tuyến dành cho học sinh tại ĐH Sư phạm Kỹ thuật TP.HCM

• Tác giả: Phạm Hùng Phong
• Người hướng dẫn: TS. Huỳnh Xuân Phụng
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Công nghệ thông tin
• Đề tài: Nền tảng học trực tuyến dành cho học sinh
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2025
• Địa điểm: Hồ Chí Minh

Tóm tắt

I. Tổng quan về nền tảng học trực tuyến dành cho học sinh HCMUTE

Đồ án tốt nghiệp ngành Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật TP.HCM xây dựng mô hình đào tạo từ xa hiện đại. Đề tài do sinh viên Phạm Hùng Phong thực hiện dưới sự hướng dẫn khoa học của TS. Huỳnh Xuân Phụng. Sản phẩm trung tâm mang tên StudyHub. Đây là nền tảng số hóa toàn diện hướng tới đối tượng người học bậc phổ thông. Hệ thống cung cấp không gian tương tác trực quan và công cụ theo dõi tiến độ khoa học. Nhu cầu chuyển đổi số giáo dục đòi hỏi các giải pháp phần mềm linh hoạt, tốc độ cao và dễ tiếp cận. Đồ án giải quyết trọn vẹn yêu cầu này thông qua kiến trúc hướng dịch vụ ổn định. Người học dễ dàng tiếp cận kho tài liệu, làm bài kiểm tra và theo dõi thời gian học thực tế. Nghiên cứu kết hợp lý thuyết sư phạm cùng kỹ thuật lập trình web hiện đại. Mô hình dữ liệu mở rộng cho phép bổ sung tính năng nhanh chóng. Tổng thể đồ án phản ánh năng lực nghiên cứu ứng dụng thực tiễn của sinh viên khoa Công nghệ Thông tin. Đề tài mở ra hướng tiếp cận mới cho giải pháp giáo dục trực tuyến học đường.

1.1. Bối cảnh và mục tiêu nghiên cứu đề tài

Chuyển đổi số giáo dục đang diễn ra mạnh mẽ trên phạm vi toàn cầu. Học sinh cần môi trường học tập linh hoạt và hấp dẫn hơn lớp học truyền thống. Đề tài ra đời nhằm đáp ứng xu thế học tập trực tuyến sau đại dịch. Mục tiêu nghiên cứu tập trung xây dựng nền tảng StudyHub thân thiện, đa chức năng. Hệ thống cung cấp lộ trình tự học rõ ràng cho học sinh. Bên cạnh đó, nền tảng giúp giáo viên quản lý nội dung bài giảng và bài tập hiệu quả. Dự án tạo cầu nối thông suốt giữa nhà trường, người học và người hỗ trợ. Môi trường học tập số hóa nâng cao tính tự giác và hiệu suất ôn luyện cho học sinh.

1.2. Đơn vị chủ trì và nhân sự triển khai

Khóa luận tốt nghiệp được thực hiện tại Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP.HCM. Đây là trung tâm đào tạo kỹ sư công nghệ hàng đầu tại khu vực phía Nam. Giảng viên hướng dẫn là TS. Huỳnh Xuân Phụng thuộc Bộ môn Công nghệ Phần mềm. Thầy định hướng chuyên môn sâu về phân tích thiết kế hệ thống và cấu trúc dữ liệu. Sinh viên thực hiện là Phạm Hùng Phong, mã số sinh viên 21110273 thuộc khóa 2021. Đề tài vượt qua quy trình đánh giá nghiêm ngặt từ hội đồng phản biện do TS. Lê Vĩnh Thịnh nhận xét. Sự phối hợp chặt chẽ bảo đảm chất lượng học thuật và khả năng ứng dụng thực tế của phần mềm.

II. Phân tích bài toán nền tảng học trực tuyến dành cho học sinh

Nhiều hệ thống e-learning hiện nay bộc lộ nhiều hạn chế về trải nghiệm và quản lý dữ liệu. Giao diện người dùng thường phức tạp và thiếu điểm nhấn tạo động lực. Học sinh nhanh chóng cảm thấy nhàm chán khi tự học kéo dài. Cơ sở dữ liệu quan hệ truyền thống gặp khó khăn khi mở rộng thuộc tính người dùng linh hoạt. Ví dụ, việc lưu trữ thói quen học tập cá nhân, âm thanh nền hay đồng hồ đếm ngược đòi hỏi cấu trúc phức tạp. Ngoài ra, tính năng trao đổi và hỗ trợ học thuật còn rời rạc. Người học thiếu kênh phản hồi trực tiếp khi gặp khó khăn về bài giảng hoặc lỗi kỹ thuật. Quản trị viên cũng tốn nhiều nguồn lực để quản lý danh sách học sinh và kiểm duyệt nội dung. Đồ án của sinh viên Trường ĐH Sư phạm Kỹ thuật TP.HCM phân tích sâu sắc các rào cản này. Hệ thống mới đặt mục tiêu giải quyết triệt để vấn đề mất tập trung và quy trình quản trị cồng kềnh. Nền tảng StudyHub cung cấp giải pháp đồng bộ từ giao diện tương tác đến cơ chế lưu trữ tối ưu.

2.1. Thách thức trong quản lý học tập và tương tác

Học sinh trực tuyến đối mặt với tình trạng mất tập trung cao độ. Môi trường mạng chứa nhiều yếu tố phân tâm như mạng xã hội và trò chơi điện tử. Đa số ứng dụng hiện nay chỉ cung cấp video bài giảng thụ động. Người học thiếu công cụ bấm giờ chuyên dụng hoặc không gian tùy biến để duy trì động lực. Đồng thời, việc kết nối giữa học sinh và bộ phận quản trị còn chậm trễ. Quy trình gửi câu hỏi hỗ trợ thường qua email hoặc diễn đàn ngoài, gây gián đoạn việc tiếp thu kiến thức. Sự thiếu hụt các tính năng nhắc nhở và thông báo bài kiểm tra khiến học sinh dễ bỏ lỡ kỳ thi quan trọng.

2.2. Hạn chế của cấu trúc dữ liệu truyền thống

Các cơ sở dữ liệu quan hệ bảng cố định bộc lộ điểm yếu khi phát triển phần mềm giáo dục năng động. Mỗi khi hệ thống bổ sung tính năng cá nhân hóa như giao diện tùy chọn hay âm thanh không gian học tập, nhà phát triển buộc phải thay đổi toàn bộ lược đồ schema. Quá trình di chuyển dữ liệu tiềm ẩn nguy cơ gián đoạn dịch vụ và suy giảm hiệu năng truy vấn. Ngoài ra, việc lưu trữ mảng câu hỏi kiểm tra lồng nhau hoặc hồ sơ hoạt động chi tiết gây tốn kém tài nguyên máy chủ. Hệ thống đòi hỏi một cơ chế lưu trữ tài liệu phi quan hệ linh hoạt hơn để xử lý nhanh các tác vụ ghi đọc phức tạp.

III. Giải pháp công nghệ nền tảng học trực tuyến dành cho học sinh

Tác giả đề xuất giải pháp kiến trúc dựa trên cơ sở dữ liệu MongoDB kết hợp thư viện ODM Mongoose. Hệ thống StudyHub phân chia dữ liệu thành nhiều collection chuyên biệt như Users, Lessons, Exams, Tasks, StudySessions, Comments, Notifications và Settings. Mô hình document định dạng JSON mang lại khả năng mở rộng vượt trội. Lập trình viên dễ dàng bổ sung các trường dữ liệu mới về trạng thái cá nhân, đồng hồ học tập và sở thích mà không phá vỡ cấu trúc cũ. Thư viện Mongoose đóng vai trò trung gian định nghĩa schema nghiêm ngặt, bảo đảm tính toàn vẹn dữ liệu. Bên cạnh đó, hệ thống tích hợp các luồng use case hoàn chỉnh phục vụ người học và quản trị viên. Chức năng thông báo tự động cập nhật bài thi mới qua biểu tượng chuông trên thanh điều hướng. Phân hệ chăm sóc khách hàng hỗ trợ gửi phiếu yêu cầu tư vấn kỹ thuật trực tiếp tới ban quản trị. Tất cả tác vụ quản trị người dùng, tạo bài giảng và ghi nhận kết quả ôn tập đều thực thi an toàn, nhanh chóng và mượt mà.

3.1. Thiết kế cơ sở dữ liệu MongoDB và Mongoose

Cơ sở dữ liệu MongoDB tổ chức theo cấu trúc collection và document. Mỗi document lưu trữ bản ghi dạng JSON linh hoạt. Collection Users quản lý chi tiết thông tin cá nhân cùng sở thích học không gian riêng. Các collection Lessons, Exams và Tasks lưu trữ tài nguyên học tập theo cơ chế tham chiếu hoặc nhúng trực tiếp. Mongoose đóng vai trò tầng trung gian quan trọng trong kiến trúc backend. Công cụ này hỗ trợ kiểm soát chặt chẽ kiểu dữ liệu, xác thực biểu mẫu và thực thi các truy vấn an toàn. Các phương thức điều khiển dữ liệu giúp hệ thống phản hồi cực nhanh, bảo đảm tốc độ truy cập đồng thời của nhiều học sinh.

3.2. Triển khai các use case cốt lõi trong StudyHub

StudyHub xây dựng hệ thống chức năng phong phú phục vụ đầy đủ nhu cầu của học sinh và người điều hành. Biểu tượng chuông thông báo giúp học sinh nắm bắt lịch kiểm tra mới nhất theo thứ tự thời gian. Chức năng gửi câu hỏi tư vấn (UC16) cho phép người học gửi phản hồi và báo lỗi kỹ thuật trực tiếp tới đội ngũ kỹ thuật. Quản trị viên sử dụng phân hệ quản lý người dùng (UC017) để kiểm tra, cập nhật hoặc điều chỉnh trạng thái tài khoản. Mỗi use case đều thiết lập luồng chính và luồng xử lý ngoại lệ chi tiết. Nhờ vậy, nền tảng duy trì vận hành ổn định và nâng cao tối đa mức độ hài lòng của người học.

IV. Ứng dụng thực tiễn nền tảng học trực tuyến dành cho học sinh

Đồ án tốt nghiệp của sinh viên Phạm Hùng Phong mang lại giá trị thực tiễn to lớn cho giáo dục kỹ thuật số. Đề tài chứng minh tính khả thi của giải pháp xây dựng hệ sinh thái học tập đa tiện ích. Nền tảng StudyHub đáp ứng tiêu chuẩn phần mềm hiện đại nhờ tốc độ tải trang nhanh và bảo mật an toàn. Học sinh có thể lập thời khóa biểu, theo dõi hiệu suất ôn tập và tương tác qua các công cụ trực quan. Dự án cũng là tài liệu tham khảo giá trị cho sinh viên ngành Công nghệ Thông tin tại Trường ĐH Sư phạm Kỹ thuật TP.HCM. Trong tương lai, hệ thống có thể tích hợp thêm trí tuệ nhân tạo để gợi ý nội dung ôn thi cá nhân hóa. Khả năng đồng bộ hóa trên ứng dụng di động sẽ mở rộng tập người dùng phổ thông. Kết quả nghiên cứu thể hiện phương pháp tiếp cận đúng đắn trong việc áp dụng công nghệ mới để đổi mới giáo dục trực tuyến học đường.

4.1. Hiệu quả triển khai vào thực tế đào tạo

StudyHub mang lại trải nghiệm học tập tập trung và khoa học cho học sinh. Các tính năng đồng hồ đếm ngược và kiểm soát phiên học giúp giảm thiểu tình trạng xao nhãng. Học sinh quản lý bài tập theo tiến trình rõ ràng từ bài học đến kỳ kiểm tra. Về phía nhà trường, hệ thống cung cấp công cụ kiểm soát dữ liệu người dùng minh bạch. Ban quản trị dễ dàng theo dõi số lượng tài khoản hoạt động và giải quyết khiếu nại học thuật qua kênh tư vấn tập trung. Nền tảng chứng minh tính ứng dụng cao trong việc bổ trợ cho các tiết học chính khóa trên lớp.

4.2. Tiềm năng mở rộng và định hướng nâng cấp

Nền tảng sở hữu tiềm năng phát triển vượt bậc trong tương lai. Kiến trúc cơ sở dữ liệu MongoDB cho phép mở rộng hệ thống thành mô hình microservices đa cụm máy chủ. Nhóm nghiên cứu có thể tích hợp thuật toán học máy nhằm phân tích hành vi học tập và gợi ý bài thi thích ứng theo trình độ từng cá nhân. Ngoài ra, việc bổ sung lớp học ảo phát trực tiếp và ứng dụng di động đa nền tảng sẽ gia tăng tính tương tác thời gian thực. Đồ án tạo tiền đề vững chắc cho việc thương mại hóa hoặc chuyển giao công nghệ cho các cơ sở giáo dục phổ thông.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh chuyển đổi số giáo dục ngày càng phát triển, hình thức học trực tuyến (e-Learning) đã trở thành xu hướng tất yếu trong hệ sinh thái giáo dục hiện đại. Tuy nhiên, qua quá trình khảo sát thực tế, tác giả nhận thấy phần lớn các nền tảng học trực tuyến hiện có chủ yếu tập trung vào việc truyền tải nội dung bài giảng và tổ chức thi trắc nghiệm, mà chưa tích hợp đồng bộ các công cụ hỗ trợ người học tự lập kế hoạch, theo dõi tiến độ học tập, quản lý thời gian và rèn luyện tính tự giác. Đối với học sinh trung học cơ sở và trung học phổ thông — nhóm đối tượng đang trong giai đoạn hình thành phương pháp học và kỹ năng tự học — việc thiếu vắng một công cụ quản lý cá nhân hóa dễ dẫn đến tình trạng mất tập trung và giảm sút hiệu quả tiếp thu kiến thức. Đề tài khóa luận tốt nghiệp kỹ sư Công nghệ thông tin với tên gọi “StudyHub – Nền tảng học trực tuyến toàn diện cho học sinh phổ thông” do sinh viên Phạm Hùng Phong thực hiện dưới sự hướng dẫn của TS. Huỳnh Xuân Phụng tại Trường Đại học Sư phạm Kỹ thuật TP. Hồ Chí Minh nhằm giải quyết khoảng trống thực tiễn này.

Mục tiêu và nhiệm vụ nghiên cứu của đề tài được xác định theo 6 nội dung cụ thể:

1. Nghiên cứu, phân tích nhu cầu và các đặc trưng trong việc học trực tuyến của học sinh phổ thông.
2. Đề xuất và phát triển một nền tảng học trực tuyến hỗ trợ học tập có lộ trình, bài giảng, kiểm tra và đánh giá kết quả học tập.
3. Thiết kế và xây dựng hệ thống phần mềm theo mô hình fullstack hiện đại với React, Node.js/Express và MongoDB.
4. Tích hợp các chức năng hỗ trợ học tập như: quản lý công việc, không gian học tập cá nhân (hình nền, âm thanh, phiên học) và thông báo nhắc học.
5. Kiểm thử, đánh giá hiệu quả hệ thống trên tiêu chí giao diện, hiệu năng và trải nghiệm người dùng.
6. Đề xuất hướng phát triển trong tương lai để nâng cấp và mở rộng hệ thống.

Đối tượng nghiên cứu của đề tài là học sinh trung học cơ sở và trung học phổ thông tại Việt Nam có nhu cầu tiếp cận phương pháp học tập chủ động và cá nhân hóa. Phạm vi nghiên cứu tập trung vào các giải pháp công nghệ xây dựng ứng dụng web fullstack (ReactJS, Node.js, ExpressJS, MongoDB), xây dựng kiến trúc RESTful API, thiết kế cơ sở dữ liệu phi quan hệ, cơ chế xác thực người dùng, tích hợp không gian học tập cá nhân hóa và đồng bộ hóa tiến độ học tập theo thời gian thực.

Cơ sở lý thuyết và phương pháp

Khung lý thuyết của đề tài dựa trên lý thuyết tổng quan về học trực tuyến (e-Learning) và Hệ thống quản lý học tập (Learning Management System – LMS). Trong đó, các thành phần cốt lõi của một hệ thống LMS bao gồm: quản lý nội dung học tập (bài giảng, bài tập), quản lý người dùng, kiểm tra – đánh giá kết quả và theo dõi tiến độ học tập. Về lý thuyết kỹ thuật phần mềm, tác giả ứng dụng:

• Phương pháp thiết kế hướng đối tượng (Object-Oriented Design – OOD): Biểu diễn các thực thể như người dùng, bài học, bài kiểm tra, không gian học tập dưới dạng đối tượng và tài liệu dữ liệu.
• Kiến trúc phần mềm MVC (Model – View – Controller): Phân định rõ tầng hiển thị (ReactJS), tầng điều khiển nghiệp vụ (ExpressJS) và tầng dữ liệu (MongoDB).
• Mô hình kiến trúc máy khách – máy chủ (Client – Server): Tách biệt giao diện người dùng và hệ thống xử lý phía máy chủ thông qua giao thức truyền thông HTTP/HTTPS.

Phương pháp nghiên cứu thực tế được triển khai theo định hướng Nghiên cứu và Phát triển (R&D). Tác giả tiến hành khảo sát thực trạng nhu cầu học tập của học sinh phổ thông, đồng thời phân tích đối sánh tính năng của các nền tảng học trực tuyến hiện có trên thị trường như Khan Academy, Google Classroom, Azota và VietJack. Từ kết quả khảo sát, hệ thống được mô hình hóa yêu cầu thông qua ngôn ngữ UML với các sơ đồ trường hợp sử dụng (Use Case), sơ đồ tuần tự (Sequence Diagram), sơ đồ hoạt động (Activity Diagram) và thiết kế lược đồ quan hệ/schema dữ liệu Mongoose.

Nguồn dữ liệu của đề tài bao gồm các tài liệu nghiên cứu chuyên ngành công nghệ phần mềm, khảo sát thực tế thói quen học tập của học sinh trung học, cấu trúc chương trình học phổ thông (các môn Toán, Vật lý, Hóa học...) cùng hệ thống bài tập, câu hỏi trắc nghiệm và dữ liệu âm thanh, hình ảnh phục vụ tính năng không gian học tập.

Thiết kế và triển khai

Hệ thống StudyHub được thiết kế và triển khai dưới dạng ứng dụng web đơn trang (Single Page Application – SPA) kết hợp kiến trúc dịch vụ phân lớp backend.

Thành phần hệ thống	Công nghệ / Thư viện sử dụng	Vai trò và nhiệm vụ kỹ thuật
Giao diện người dùng (Frontend)	ReactJS, React Router DOM, TailwindCSS	Xây dựng kiến trúc component có khả năng tái sử dụng cao; quản lý trạng thái bằng React Hooks (useState, useEffect, useContext) và localStorage; điều hướng không tải lại trang; tương thích đa thiết bị.
Xử lý máy chủ (Backend)	Node.js, ExpressJS	Xây dựng RESTful API xử lý định tuyến (routes), tiếp nhận yêu cầu HTTP (GET, POST, PUT, DELETE), điều phối logic nghiệp vụ thông qua các controller và xử lý middleware.
Cơ sở dữ liệu (Database)	MongoDB, Mongoose ODM, MongoDB Atlas	Lưu trữ dữ liệu dạng BSON/JSON linh hoạt; quản lý các collection: Users, Lessons, Exams, Tasks, StudySessions, Comments, Notifications, Settings; hỗ trợ mở rộng qua sharding.
Bảo mật và xác thực	JSON Web Token (JWT), Bcrypt	Mã hóa mật khẩu một chiều bằng kỹ thuật băm kèm muối (salting) chống tấn công brute-force; cấp phát mã token JWT không trạng thái (stateless) qua header Authorization để phân quyền người dùng và bảo vệ các API nhạy cảm.
Kiểm thử và công cụ	Postman, Git	Kiểm thử tính đúng đắn của các điểm cuối API, kiểm tra luồng dữ liệu JSON và quản lý phiên bản mã nguồn.

Về yêu cầu phi chức năng, hệ thống đặt ra các chỉ số kỹ thuật cụ thể: thời gian phản hồi dưới 3 giây đối với các tác vụ thường nhật như tải bài học, nộp bài thi hoặc truy xuất lịch học; đảm bảo an toàn thông tin bằng mã hóa mật khẩu và token có thời hạn; kiến trúc dữ liệu cho phép mở rộng môn học, bài giảng và tài nguyên âm thanh/hình ảnh thông qua giao diện quản trị mà không phải cấu hình lại mã nguồn lõi; giao diện trực quan phù hợp với học sinh lớp 11–12.

Nội dung chính theo từng chương

Chương 1: Cơ sở lý thuyết

Chương này hệ thống hóa các kiến thức nền tảng về e-Learning và hệ thống LMS hiện đại. Tác giả phân tích các mô hình kiến trúc phần mềm (OOD, MVC, Client-Server) làm cơ sở tổ chức hệ thống. Bên cạnh đó, chương tập trung phân tích sâu các công nghệ nền tảng:

• ReactJS: Kiến trúc hướng thành phần (component-based), cơ chế Virtual DOM, cách thức quản lý trạng thái bằng hook và kỹ thuật tối ưu hóa giao diện đơn trang SPA.
• Node.js và ExpressJS: Môi trường thực thi JavaScript phía máy chủ, cơ chế xử lý bất đồng bộ, cách thức phân chia route - controller - model và giao tiếp chuẩn RESTful API.
• MongoDB: Cấu trúc cơ sở dữ liệu phi quan hệ, định dạng BSON, kỹ thuật mô hình hóa dữ liệu dạng nhúng (embedded) và tham chiếu (reference), thư viện Mongoose ODM và hạ tầng MongoDB Atlas.
• Cơ chế bảo mật: Cơ chế băm mật khẩu một chiều có muối của Bcrypt và kiến trúc xác thực phân quyền không trạng thái bằng JWT.

Chương 2: Phân tích hệ thống

Chương 2 trình bày kết quả khảo sát nhu cầu người học và phân tích đối sánh các hệ thống hiện hành (Khan Academy, Google Classroom, Azota, VietJack). Trên cơ sở đó, tác giả phân chia yêu cầu hệ thống thành hai nhóm: yêu cầu chức năng và yêu cầu phi chức năng (hiệu năng dưới 3 giây, bảo mật, khả năng mở rộng, tính dễ sử dụng). Về mô hình hóa, hệ thống xác định 2 tác nhân (Học sinh và Quản trị viên) với 24 trường hợp sử dụng (Use Case) chính:

Nhóm tác nhân	Mã Use Case	Tên Use Case	Tóm tắt hành vi chức năng
Học sinh (16 chức năng)	UC01 – UC05	Đăng ký, Đăng nhập, Quên mật khẩu, Xác thực, Cập nhật hồ sơ	Quản lý tài khoản cá nhân, xác thực mã OTP gửi qua email, đổi mật khẩu và cập nhật thông tin cá nhân.
	UC06 – UC07	Học bài học, Làm bài kiểm tra	Tiếp cận video bài giảng, lý thuyết, bài tập; làm bài kiểm tra trắc nghiệm có đếm ngược thời gian, chấm điểm tự động, hiển thị xếp hạng.
	UC08 – UC10	Quản lý công việc, Thiết lập không gian học, Quản lý phiên học	Lập lịch biểu cá nhân (tiêu đề, thời gian, mức ưu tiên); tùy biến ảnh nền, hiệu ứng, âm thanh; kích hoạt bộ đếm giờ (Pomodoro) và lưu trữ phiên học.
	UC11 – UC12	Theo dõi tiến độ học tập, Xem thống kê kết quả	Hiển thị biểu đồ thời gian học theo môn/tháng, tỷ lệ hoàn thành bài học, phổ điểm 0–10 và danh sách bài kiểm tra gần nhất.
	UC13 – UC16	Tìm kiếm nội dung, Tương tác nội dung, Nhận thông báo, Gửi câu hỏi tư vấn	Tìm kiếm bài học/bài thi theo từ khóa và gợi ý lịch sử; đánh giá sao, bình luận, lưu trữ bài tập/bài thi; nhận thông báo chuông; gửi biểu mẫu hỗ trợ kỹ thuật.
Quản trị viên (8 chức năng)	UC17 – UC24	Quản lý người dùng, Xem chi tiết người dùng, Quản lý bài học, Quản lý bài kiểm tra, Quản lý câu hỏi, Quản lý hình nền, Quản lý âm thanh, Phản hồi hỗ trợ	Toàn quyền kiểm soát tài khoản học sinh, theo dõi thống kê chi tiết người học; thêm/sửa/xóa bài học, bài kiểm tra, ngân hàng câu hỏi trắc nghiệm; cập nhật tài nguyên không gian học và tiếp nhận, phản hồi yêu cầu tư vấn.

Chương cũng trình bày chi tiết lược đồ chức năng cho 4 phân hệ (Quản lý tài khoản, Học tập, Hệ thống, Quản trị viên) cùng các bảng đặc tả chi tiết luồng sự kiện chính, luồng phụ và luồng ngoại lệ cho từng Use Case.

Chương 3: Thiết kế và triển khai hệ thống

Chương 3 chi tiết hóa kiến trúc hệ thống tổng quát theo mô hình phân lớp và các thành phần hỗ trợ. Nội dung trọng tâm của chương là việc thiết kế các luồng tương tác và xử lý nghiệp vụ thông qua 9 lược đồ tuần tự (Sequence Diagram) và 9 lược đồ hoạt động (Activity Diagram) tương ứng cho các chức năng cốt lõi:

• Đăng ký tài khoản (xử lý kiểm tra trùng lặp dữ liệu, gửi mã OTP và kích hoạt tài khoản).
• Đăng nhập hệ thống (kiểm tra thông tin, đối chiếu mã hóa Bcrypt và cấp phát token JWT).
• Học bài học (ghi nhận tiến độ hoàn thành video và bài tập đính kèm).
• Làm bài kiểm tra (bắt đầu tính giờ, cảnh báo 5 phút cuối, thu bài, tự động tính điểm và lưu trữ kết quả).
• Quản lý công việc (thêm, cập nhật, xóa và đồng bộ lịch học).
• Thiết lập không gian học tập (thay đổi cấu hình âm thanh nền, hình nền).
• Tìm kiếm nội dung (tiếp nhận từ khóa, truy vấn dữ liệu bài học/bài kiểm tra và lưu lịch sử tìm kiếm).
• Quản lý người dùng (thao tác quản trị khóa tài khoản, phân quyền).
• Quản lý bài học (thao tác thêm, cập nhật dữ liệu khóa học).

Chương 4: Thiết kế giao diện

Chương 4 mô tả toàn bộ thiết kế giao diện đồ họa người dùng của hệ thống, phân chia thành 3 khu vực chức năng chính:

• Giao diện hệ thống: Gồm các màn hình đăng nhập, đăng ký tài khoản, tìm lại mật khẩu và màn hình nhập mã OTP xác thực.
• Giao diện học sinh: Gồm màn hình trang chủ, danh sách khóa học (phân loại theo môn và lớp), danh sách bài kiểm tra, giao diện lịch học và tạo mới công việc, giao diện không gian học tập (tích hợp bảng điều khiển âm thanh, hình nền và bộ đếm giờ Pomodoro), trang chăm sóc khách hàng, hồ sơ cá nhân, tiến độ học tập (biểu đồ giờ học, tỷ lệ hoàn thành), thống kê kết quả kiểm tra (phổ điểm, điểm trung bình), danh sách bài học yêu thích/bài thi lưu trữ, màn hình trước khi thi, màn hình làm bài thi trực tuyến, màn hình báo cáo kết quả kiểm tra, màn hình nội dung bài giảng, khu vực đánh giá - bình luận và thanh điều hướng bài học.
• Giao diện quản trị viên: Gồm các bảng điều khiển quản lý danh sách người dùng, biểu mẫu tạo mới và xem chi tiết tiến độ người dùng, trang quản lý bài học, quản lý bài kiểm tra, quản lý ngân hàng câu hỏi, trang quản lý kho tài nguyên hình nền, âm thanh và giao diện tiếp nhận, phản hồi câu hỏi tư vấn từ học sinh.

Chương 5: Cài đặt và kiểm thử

Chương 5 trình bày các công cụ, công nghệ sử dụng trong quá trình xây dựng sản phẩm; xác định các yêu cầu môi trường hệ thống cần thiết để vận hành máy chủ Node.js và cơ sở dữ liệu MongoDB Atlas. Chương đưa ra các bước cài đặt, cấu hình và chạy ứng dụng frontend cũng như backend. Sau đó, tác giả tiến hành kiểm thử các chức năng nghiệp vụ, kiểm tra tính toàn vẹn của API qua Postman và kiểm thử giao diện người dùng trên các kích thước màn hình khác nhau nhằm bảo đảm hệ thống vận hành đúng đặc tả.

Kết quả và đóng góp

Về kết quả cụ thể, khóa luận đã thiết kế và triển khai hoàn chỉnh ứng dụng web học trực tuyến StudyHub với các phân hệ hoạt động đồng bộ:

• Xây dựng thành công hệ thống học tập tích hợp: bài giảng video, phần tóm tắt lý thuyết, hệ thống bài tập thực hành và cơ chế ghi nhận trạng thái hoàn thành bài học tự động.
• Triển khai chức năng thi trắc nghiệm trực tuyến hoàn chỉnh với bộ đếm lùi thời gian, cơ chế tự động nộp bài khi hết giờ, hệ thống cảnh báo trước 5 phút, tự động tính điểm và xếp hạng học sinh.
• Xây dựng hệ thống quản lý công việc học tập cá nhân dưới dạng lịch (Calendar) với các thuộc tính quản lý mức độ ưu tiên, danh mục và trạng thái thực hiện.
• Hiện thực hóa không gian học tập cá nhân hóa (Study Space) cho phép học sinh tự do tùy biến hình nền, âm thanh nền (nhạc tập trung) và quản lý các phiên học tập bằng kỹ thuật đếm giờ Pomodoro.
• Xây dựng bảng điều khiển theo dõi tiến độ học tập trực quan: biểu đồ thời gian học theo từng môn trong tháng, bảng xếp hạng thời gian học, tỷ lệ phần trăm hoàn thành chương trình và phổ điểm từ 0–10.
• Thiết kế hệ thống bảo mật hai lớp: băm mật khẩu một chiều bằng Bcrypt trước khi lưu trữ vào MongoDB và kiểm soát phiên làm việc bằng chuỗi xác thực JWT không trạng thái.

Về giải pháp và đóng góp, đề tài đã đưa ra giải pháp kết hợp giữa việc truyền tải tri thức học tập với các công cụ rèn luyện kỹ năng tự quản lý thời gian và không gian học tập. Đây là điểm cải tiến mà tác giả tự nêu ra nhằm khắc phục hạn chế của các nền sinh thái học trực tuyến phổ biến hiện nay (như Khan Academy hay Google Classroom vốn thiếu tính năng quản lý phiên học tập trung và cá nhân hóa môi trường học tập cho học sinh phổ thông Việt Nam).

Hạn chế và hướng nghiên cứu tiếp

Khóa luận chỉ rõ các hạn chế kỹ thuật hiện tại dựa trên phạm vi nghiên cứu đã thực hiện:

• Phía frontend mới chỉ sử dụng useContext và localStorage để duy trì trạng thái người dùng; hệ thống chưa tích hợp các thư viện quản lý trạng thái toàn cục nâng cao (như Redux hoặc Recoil), điều này có thể gây khó khăn khi quy mô ứng dụng và luồng dữ liệu mở rộng phức tạp hơn.
• Phía backend xây dựng trên nền tảng Node.js có đặc tính bất đồng bộ, đòi hỏi phải nâng cấp thêm cơ chế xử lý lỗi chặt chẽ khi lưu lượng truy cập đồng thời tăng cao.
• Cơ sở dữ liệu MongoDB dạng NoSQL linh hoạt nhưng chưa tối ưu cho các thao tác đòi hỏi giao dịch phức tạp (ACID transactions) đa collection nếu hệ thống tích hợp thêm phân hệ thanh toán học phí.
• Cơ chế bảo mật JWT hiện tại chưa có giải pháp thu hồi token tức thời khi đăng xuất (logout) hoặc cơ chế làm mới mã xác thực (refresh token) lưu trữ an toàn trong cookie có cờ httpOnly.

Hướng nghiên cứu và phát triển tiếp theo được tác giả đề xuất gồm:

• Tích hợp thêm các kỹ thuật bảo mật nâng cao: cơ chế refresh token, lưu trữ token an toàn trong httpOnly cookie, giới hạn phạm vi truy cập và xác thực hai yếu tố (2FA).
• Phát triển tính năng học nhóm và tương tác học tập trực tiếp theo thời gian thực (real-time) thông qua việc tích hợp giao thức WebSocket.
• Liên kết với các dịch vụ lưu trữ điện toán đám mây chuyên dụng để quản lý, truyền tải video bài giảng quy mô lớn.
• Tối ưu hóa kiến trúc mã nguồn frontend bằng Redux và nâng cấp khả năng xử lý đồng thời của hệ thống backend.

Giá trị tham khảo

Báo cáo khóa luận là tài liệu tham khảo phù hợp cho sinh viên chuyên ngành Công nghệ thông tin, Công nghệ phần mềm và Hệ thống thông tin khi thực hiện các đồ án chuyên ngành hoặc khóa luận tốt nghiệp về phát triển ứng dụng web fullstack (MERN stack: MongoDB, Express, React, Node.js).

Những nội dung có giá trị tham khảo chuyên môn cao bao gồm:

• Phương pháp phân tích yêu cầu phần mềm và cách thức đặc tả chi tiết 24 Use Case (bao gồm bảng tác nhân, tiền điều kiện, điều kiện kết thúc, luồng sự kiện chính, luồng thay thế và luồng ngoại lệ).
• Bộ thiết kế lược đồ hành vi UML (gồm 9 lược đồ tuần tự và 9 lược đồ hoạt động) phản ánh trực tiếp luồng xử lý dữ liệu giữa máy khách và máy chủ.
• Cách thức tổ chức mã nguồn backend theo mô hình MVC, xây dựng RESTful API và thiết kế các collection trong cơ sở dữ liệu MongoDB bằng Mongoose ODM.
• Kỹ thuật tích hợp xác thực phân quyền bằng JWT và mã hóa Bcrypt trong các ứng dụng web hướng dịch vụ.

Câu hỏi thường gặp

1. Điểm khác biệt cốt lõi của nền tảng StudyHub so với các hệ thống học trực tuyến như Google Classroom hay Azota là gì?

StudyHub không chỉ dừng lại ở việc cung cấp bài giảng và chấm điểm bài kiểm tra, mà còn tích hợp trực tiếp không gian học tập cá nhân hóa (cho phép chọn hình nền, bật âm thanh nền, kích hoạt bộ đếm giờ Pomodoro để quản lý phiên học) và công cụ lập lịch học tập cá nhân, giúp học sinh phổ thông rèn luyện khả năng tập trung và tự quản lý thời gian học tập.

2. Hệ thống StudyHub thực hiện quy trình xác thực và bảo mật người dùng như thế nào?

Hệ thống sử dụng Bcrypt để băm mật khẩu một chiều kèm kỹ thuật salting trước khi lưu vào MongoDB nhằm chống tấn công brute-force. Khi người dùng đăng nhập thành công, máy chủ ExpressJS cấp một mã token JWT (mã hóa HMAC SHA256) chứa định danh và vai trò người dùng. Phía frontend lưu token và gửi kèm trong header Authorization ở các yêu cầu tiếp theo để máy chủ xác thực qua middleware mà không cần duy trì session trên bộ nhớ máy chủ. Ngoài ra, các quy trình đăng ký và quên mật khẩu đều bắt buộc xác thực mã OTP gửi qua email.

3. Cơ chế kiểm tra trắc nghiệm trên hệ thống được tổ chức ra sao?

Khi học sinh chọn bài kiểm tra và nhấn bắt đầu, hệ thống hiển thị danh sách câu hỏi trắc nghiệm và kích hoạt đồng hồ đếm ngược. Hệ thống có thông báo nhắc nhở khi còn 5 phút cuối giờ; nếu hết thời gian mà học sinh chưa nộp bài, hệ thống sẽ tự động thu bài. Sau khi nộp bài, hệ thống tự động chấm điểm, lưu kết quả vào cơ sở dữ liệu, hiển thị phổ điểm, điểm số chi tiết, số câu đúng/sai, thứ hạng so với các học sinh khác và cung cấp tùy chọn "Xem lại" hoặc "Làm lại".

4. Hệ thống đặt ra những tiêu chuẩn nào về yêu cầu phi chức năng?

Hệ thống yêu cầu thời gian phản hồi cho các thao tác phổ biến (tải bài học, nộp bài kiểm tra, xem lịch) phải dưới 3 giây. Về tính khả dụng, giao diện được thiết kế đơn giản, trực quan phù hợp với học sinh lớp 11–12; về tính mở rộng, cấu trúc cơ sở dữ liệu cho phép ban quản trị thêm khóa học, bài kiểm tra, hình nền và âm thanh mới thông qua giao diện admin mà không cần can thiệp chỉnh sửa mã nguồn hệ thống.

Kết luận

Khóa luận tốt nghiệp của tác giả Phạm Hùng Phong đã hoàn thành việc nghiên cứu, thiết kế và phát triển nền tảng học trực tuyến StudyHub dành cho học sinh phổ thông bằng việc ứng dụng kiến trúc fullstack hiện đại gồm ReactJS, Node.js, ExpressJS và MongoDB. Hệ thống đã hiện thực hóa đầy đủ các phân hệ quản lý bài giảng, kiểm tra trắc nghiệm tự động, lập kế hoạch học tập, quản lý phiên học cá nhân hóa với Pomodoro và thống kê kết quả học tập chi tiết. Mặc dù vẫn còn một số điểm cần tối ưu về cơ chế quản lý trạng thái toàn cục, xử lý lỗi bất đồng bộ và mở rộng tính năng cộng tác thời gian thực, sản phẩm đã đáp ứng đúng mục tiêu đề ra và là tài liệu tham khảo có giá trị kỹ thuật thực tiễn cho các nghiên cứu phát triển hệ thống e-Learning tiếp theo.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan về học trực tuyến Học trực tuyến (e-Learning) là hình thức học tập sử dụng công nghệ thông tin và truyền thông để phân phối nội dung học và tạo ra môi trường học ảo, cho phép người học tiếp cận tài liệu và tương tác với giảng viên cũng như các học viên khác từ bất kỳ đâu. Trong những năm gần đây, học trực tuyến đã trở thành xu hướng phổ biến trên toàn thế giới, đặc biệt sau sự bùng phát của đại dịch COVID-19. Việc áp dụng học trực tuyến không chỉ mang lại sự linh hoạt về thời gian và địa điểm mà còn cho phép cá nhân hóa quá trình học tập theo tốc độ và nhu cầu riêng của từng người học. Với học sinh phổ thông, học trực tuyến giúp học sinh ôn tập, luyện tập kỹ năng làm bài thi, tiếp cận tài nguyên phong phú và tự học theo lộ trình phù hợp.

Tuy nhiên, một hệ thống học trực tuyến hiệu quả đòi hỏi không chỉ nội dung học chất lượng mà còn cần tích hợp các công cụ hỗ trợ học tập như quản lý tiến độ, theo dõi kết quả, nhắc nhở lịch học và không gian học tập tối ưu. Lý thuyết về hệ thống quản lý học tập (LMS) Hệ thống quản lý học tập (Learning Management System – LMS) là một nền tảng phần mềm được thiết kế nhằm quản lý, phân phối và theo dõi quá trình học tập của người học. LMS giúp tổ chức việc học tập một cách có hệ thống, từ việc đăng ký khóa học, học bài, làm bài kiểm tra đến đánh giá kết quả học tập. Đây là mô hình phổ biến trong các tổ chức giáo dục, từ cấp học phổ thông đến đại học, và cả trong đào tạo nội bộ của doanh nghiệp.

Một LMS hiện đại thường có các thành phần chính bao gồm: quản lý nội dung học tập (Learning Content Management), quản lý người học (User Management), chức năng kiểm tra – đánh giá (Assessment), và báo cáo tiến độ (Progress Tracking). Ngoài ra, các LMS thế hệ mới còn tích hợp tính năng hỗ trợ cá nhân hóa việc học, phân tích dữ liệu học tập, tương tác xã hội và khả năng truy cập đa nền tảng (web, mobile). Trong phạm vi đề tài này, LMS được đơn giản hóa và tái thiết kế cho phù hợp với học sinh trung học Việt Nam: tập trung vào các chức năng cốt lõi như quản lý bài giảng, kiểm tra, lập kế hoạch học tập và thống kê quá trình học. Bên cạnh đó, yếu tố trải nghiệm học tập cũng được chú trọng thông qua việc tích hợp không gian học tập tùy chỉnh, giúp học sinh tăng khả năng tập trung và hứng thú khi học.

Các mô hình thiết kế hệ thống phần mềm. Thiết kế phần mềm là bước chuyển từ đặc tả yêu cầu sang mô hình hóa hệ thống, đóng vai trò nền tảng cho quá trình lập trình, kiểm thử và triển khai. Một số mô hình thiết kế phổ biến được áp dụng trong ngành Công nghệ phần mềm bao gồm: Mô hình hướng đối tượng (Object-Oriented Design – OOD) Mô hình hướng đối tượng là phương pháp tiếp cận quen thuộc trong thiết kế phần mềm hiện đại, cho phép biểu diễn các thực thể trong thế giới thực dưới dạng các đối tượng phần mềm. Trong đề tài, các đối tượng như người dùng, bài học, bài kiểm tra, không gian học tập.

được mô hình hóa thông qua schema của MongoDB. Các biểu đồ UML như sơ đồ Use Case và sơ đồ hoạt động được sử dụng để mô tả chức năng và dòng xử lý nghiệp vụ của hệ thống. Kiến trúc MVC (Model – View – Controller) Đây là mô hình kiến trúc phần mềm được sử dụng rộng rãi trong phát triển ứng dụng web .