Giới thiệu dự án

Sự bùng nổ của cuộc Cách mạng Công nghiệp 4.0 cùng xu hướng chuyển đổi số toàn diện trong giáo dục (EdTech) đã thúc đẩy nhu cầu áp dụng các hệ thống quản lý học tập trực tuyến (Learning Management System - LMS). Theo các báo cáo thị trường giáo dục số tại Việt Nam, nhu cầu triển khai nền tảng E-learning tại các cơ sở giáo dục đại học và trung tâm đào tạo tăng trưởng bình quân trên 18%/năm. Tuy nhiên, nhiều đơn vị đào tạo vừa và nhỏ đang đối mặt với rào cản chi phí bản quyền đắt đỏ từ các giải pháp đóng gói thương mại, hoặc sự cồng kềnh, khó tùy biến của các hệ thống mã nguồn mở truyền thống.

Đồ á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 (HCMUTE), do sinh viên Nguyễn Hữu Hiếu và Lê Văn Tuấn thực hiện dưới sự hướng dẫn của TS. Lê Vĩnh Thịnh, tập trung giải quyết bài toán: Xây dựng Website Hệ thống Quản lý Học tập Trực tuyến hiệu năng cao, linh hoạt, tối ưu hóa trải nghiệm người dùng và tiết kiệm chi phí vận hành.

+-----------------------------------------------------------------------+
|                       HỆ THỐNG LMS TRỰC TUYẾN                         |
+------------------------------------+----------------------------------+
|      TRUNG TÂM / NHÀ TRƯỜNG        |         NGƯỜI HỌC / GIẢNG VIÊN   |
+------------------------------------+----------------------------------+
| - Quản lý cây đào tạo phân cấp     | - Học tập tương tác qua video    |
| - Tự động hóa đánh giá & chấm thi  | - Thi trắc nghiệm thời gian thực |
| - Tối ưu 60% chi phí hạ tầng PaaS  | - Trao đổi tức thời (WebSocket)  |
+------------------------------------+----------------------------------+

Mục tiêu dự án

  1. Phân quyền và quản trị đa cấp (Role-Based Access Control - RBAC): Xây dựng hệ thống phân quyền 3 cấp độc lập: Quản trị viên (Admin), Người hướng dẫn (Instructor), và Học sinh (Student).
  2. Quản lý cấu trúc đào tạo học thuật: Thiết kế mô hình dữ liệu quan hệ quản lý phân cấp từ Chuyên ngành $\rightarrow$ Môn học $\rightarrow$ Kỳ học $\rightarrow$ Lớp học $\rightarrow$ Thành viên.
  3. Tương tác học tập đa phương tiện: Tích hợp tính năng học qua video, kho lưu trữ tài liệu môn học và diễn đàn thảo luận hai chiều (Forum Discussion).
  4. Đánh giá tự động hóa thời gian thực: Phát triển công cụ tạo và làm bài kiểm tra trắc nghiệm (Quiz Engine) với cơ chế tự động nộp bài khi hết giờ và tính điểm tức thì.
  5. Giao tiếp thời gian thực (Real-time Communication): Xây dựng cổng nhắn tin trực tiếp giữa giảng viên và học sinh qua giao thức WebSocket.

Giải pháp kỹ thuật và kết quả kỳ vọng

Hệ thống áp dụng kiến trúc phân tách hoàn toàn giữa máy khách và máy chủ (Decoupled Client-Server Architecture). Phía máy khách sử dụng Single Page Application (SPA) xây dựng trên thư viện ReactJS 18.2, tận dụng cơ chế Virtual DOM (Document Object Model) và JSX để đảm bảo tốc độ phản hồi giao diện tức thì. Phía máy chủ xây dựng bằng Spring Boot 3.x trên nền tảng Java 17 LTS, kết hợp Spring Security và JSON Web Token (JWT) cho cơ chế xác thực không lưu trạng thái (Stateless Authentication). Dữ liệu được lưu trữ trên hệ quản trị cơ sở dữ liệu quan hệ MySQL 8.0 với Spring Data JPA/Hibernate.

Hệ thống được thiết kế để phục vụ hơn 500 người dùng đồng thời (Concurrent Users) trên hạ tầng đám mây phân tán (Vercel cho Frontend và Heroku cho Backend/Database), đạt thời gian phản hồi API trung bình dưới 150ms.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng

Khảo sát thực tế các nền tảng học tập trực tuyến hiện nay cho thấy bức tranh phân hóa rõ rệt giữa ưu điểm và hạn chế:

Tiêu chí Udemy ClassTime Hệ thống LMS HCMUTE (Đề tài)
Mô hình triển khai Nền tảng mở (Commercial B2C) Công cụ kiểm tra trực tuyến LMS nội bộ trung tâm/trường học
Kiểm soát chất lượng Thấp (Bất kỳ ai cũng có thể mở khóa học) Phụ thuộc người tạo đề Cao (Quản trị bởi Admin & Giảng viên)
Cấu trúc học thuật Khóa học đơn lẻ, thiếu liên kết kỳ/chuyên ngành Giới hạn ở phòng thi/bài tập Phân cấp hoàn chỉnh: Ngành - Môn - Kỳ - Lớp
Giao tiếp thời gian thực Hệ thống Q&A tĩnh, độ trễ cao Tương tác trong bài kiểm tra WebSocket Chat trực tiếp + Diễn đàn lớp
Chi phí triển khai Thu phí % hoa hồng khóa học Thu phí theo số lượng học sinh/tháng Tự lưu trữ (Self-hosted), tối ưu chi phí $0 ban đầu

Phân tích yêu cầu chức năng theo mô hình MoSCoW

  • Must Have: Đăng nhập/xác thực JWT, CRUD Chuyên ngành/Môn học/Kỳ học/Lớp học, làm bài Quiz có bộ đếm ngược, upload/download tài liệu học tập, xem bảng điểm.
  • Should Have: Nhắn tin thời gian thực qua WebSocket, diễn đàn thảo luận theo bài học, thống kê điểm học phần theo lớp.
  • Could Have: Tích hợp trả lời câu hỏi trực tiếp trên dòng thời gian video (In-video checkpoint questions), tích hợp API OpenAI ChatGPT-3.5 để tự động sinh đề thi.
  • Won't Have (Giai đoạn 1): Cổng thanh toán trực tuyến (Payment Gateway), ứng dụng di động Native iOS/Android.

Thiết kế hệ thống

Kiến trúc tổng thể của hệ thống tuân theo mô hình phân tầng chuẩn công nghiệp:

graph TD
    Client["Client Layer (ReactJS SPA / Axios / STOMP Client)"]
    Gateway["API Gateway & Security Filter (JWT / CORS / Spring Security)"]
    ServiceLayer["Service Layer (ClassService, QuizEngine, ChatService)"]
    DataLayer["Data Access Layer (Spring Data JPA / Hibernate ORM)"]
    DB[(Database Layer: MySQL 8.0 Engine)]
    SocketBroker["WebSocket Message Broker (In-Memory STOMP)"]

    Client -->|HTTPS REST API Request| Gateway
    Client <-->|WSS Bidirectional Channel| SocketBroker
    Gateway --> ServiceLayer
    SocketBroker --> ServiceLayer
    ServiceLayer --> DataLayer
    DataLayer --> DB

Ngăn xếp công nghệ (Technology Stack)

  • Frontend: ReactJS 18.2.0, React Router DOM 6.x, Axios 1.4.0, TailwindCSS, SockJS-client, STOMP.js.
  • Backend: Spring Boot 3.1.2, Java 17 LTS, Spring Data JPA, Spring Security 6, JJWT (io.jsonwebtoken) 0.11.5.
  • Database & Cache: MySQL 8.0, HikariCP Connection Pool (tối đa 20 active connections).
  • Hạ tầng & Triển khai: Vercel (Frontend CDN Hosting), Heroku Dynos (Backend Container), Heroku ClearDB/JawsDB MySQL.

Thiết kế cơ sở dữ liệu quan hệ (ERD)

Cơ sở dữ liệu bao gồm 25 thực thể chính được chuẩn hóa theo dạng chuẩn 3NF. Dưới đây là lược đồ dữ liệu các bảng nòng cốt:

-- Bảng quản lý Lớp học
CREATE TABLE lop_hoc (
    id BIGINT AUTO_INCREMENT PRIMARY KEY,
    ten_lop VARCHAR(255) NOT NULL,
    ma_lop VARCHAR(50) UNIQUE NOT NULL,
    id_mon_hoc BIGINT NOT NULL,
    id_ky_hoc BIGINT NOT NULL,
    id_nguoi_huong_dan BIGINT NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    CONSTRAINT fk_lop_monhoc FOREIGN KEY (id_mon_hoc) REFERENCES mon_hoc(id),
    CONSTRAINT fk_lop_kyhoc FOREIGN KEY (id_ky_hoc) REFERENCES ky_hoc(id),
    CONSTRAINT fk_lop_giangvien FOREIGN KEY (id_nguoi_huong_dan) REFERENCES nguoi_huong_dan(id)
);

-- Bảng Bài kiểm tra (Quiz)
CREATE TABLE bai_kiem_tra (
    id BIGINT AUTO_INCREMENT PRIMARY KEY,
    tieu_de VARCHAR(255) NOT NULL,
    thoi_gian_lam_bai INT NOT NULL COMMENT 'Thời gian tính theo phút',
    thoi_gian_bat_dau DATETIME,
    thoi_gian_ket_thuc DATETIME,
    id_lop_hoc BIGINT NOT NULL,
    CONSTRAINT fk_quiz_lophoc FOREIGN KEY (id_lop_hoc) REFERENCES lop_hoc(id)
);

-- Bảng Kết quả kiểm tra của học sinh
CREATE TABLE ket_qua_bai_kiem_tra (
    id BIGINT AUTO_INCREMENT PRIMARY KEY,
    id_bai_kiem_tra BIGINT NOT NULL,
    id_hoc_sinh BIGINT NOT NULL,
    diem_so DOUBLE PRECISION NOT NULL,
    thoi_gian_nop TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    CONSTRAINT fk_kq_quiz FOREIGN KEY (id_bai_kiem_tra) REFERENCES bai_kiem_tra(id),
    CONSTRAINT fk_kq_hocsinh FOREIGN KEY (id_hoc_sinh) REFERENCES hoc_sinh(id)
);

Thiết kế Giao diện lập trình ứng dụng (RESTful API)

Phương thức Endpoint Mô tả chức năng Quyền truy cập
POST /api/v1/auth/login Xác thực người dùng, sinh JWT Bearer Token Public
GET /api/v1/classes/{id}/quizzes Lấy danh sách bài kiểm tra của lớp Học sinh, Giảng viên
POST /api/v1/quizzes/{id}/submit Nộp bài làm trắc nghiệm và tính điểm tự động Học sinh
POST /api/v1/materials/upload Tải lên tài liệu học tập (PDF, DOCX) Giảng viên
GET /api/v1/admin/statistics/grades Thống kê phổ điểm học tập toàn hệ thống Quản trị viên (Admin)

Yêu cầu bảo mật và hiệu năng

  • Bảo mật: Mã hóa mật khẩu người dùng bằng thuật toán BCryptPasswordEncoder với độ phức tạp (Strength) là 12. Xác thực mỗi yêu cầu qua bộ lọc JwtAuthenticationFilter tích hợp trong Security Filter Chain. Ngăn chặn tấn công Cross-Site Scripting (XSS) và thiết lập CORS nghiêm ngặt.
  • Hiệu năng: Tối ưu hóa truy vấn cơ sở dữ liệu qua JPA Named Entity Graphs để triệt tiêu lỗi N+1 Query. Thiết lập thời gian phản hồi API cho 95% số request (P95) $\le 200\text{ ms}$.

Phương pháp luận phát triển (Methodology)

Dự án áp dụng mô hình phát triển phần mềm linh hoạt Agile/Scrum với chu kỳ 4 Sprint (mỗi Sprint kéo dài 2 tuần):

  • Sprint 1 (Tuần 1-2): Khảo sát yêu cầu, thiết kế kiến trúc hệ thống, chuẩn hóa lược đồ CSDL và thiết lập khung dự án (Spring Boot + ReactJS Base).
  • Sprint 2 (Tuần 3-4): Xây dựng hệ thống xác thực JWT, phát triển module quản trị (Admin) và quản lý chuyên ngành, môn học, lớp học.
  • Sprint 3 (Tuần 5-6): Hiện thực hóa module Giảng viên và Học sinh: Quiz Engine, tải tài liệu, diễn đàn bài viết và tích hợp video tương tác.
  • Sprint 4 (Tuần 7-8): Triển khai WebSocket Chat, tích hợp toàn diện Frontend - Backend, kiểm thử hiệu năng, khắc phục lỗi và deploy lên Vercel/Heroku.

Implementation và kết quả

Quá trình phát triển và thuật toán cốt lõi

1. Thuật toán tự động chấm điểm và kiểm soát thời gian thi (Quiz Engine)

Module Quiz phía Backend xử lý việc nộp bài với độ phức tạp tính toán thời gian $O(N)$ trong đó $N$ là số lượng câu hỏi trong đề thi. Hệ thống kiểm tra tính hợp lệ của thời gian nộp bài dựa trên timestamp của máy chủ nhằm chống gian lận thay đổi giờ ở máy khách.

@Service
@RequiredArgsConstructor
public class QuizServiceImpl implements QuizService {

    private final QuizRepository quizRepository;
    private final QuestionRepository questionRepository;
    private final QuizResultRepository quizResultRepository;

    @Transactional
    public QuizResultDTO submitQuiz(Long quizId, Long studentId, QuizSubmissionRequest request) {
        Quiz quiz = quizRepository.findById(quizId)
            .orElseThrow(() -> new ResourceNotFoundException("Quiz không tồn tại"));

        // Kiểm tra hợp lệ thời gian nộp bài
        Instant now = Instant.now();
        if (quiz.getEndTime() != null && now.isAfter(quiz.getEndTime().plusSeconds(60))) {
            throw new IllegalStateException("Đã quá hạn nộp bài kiểm tra");
        }

        List<Question> questions = questionRepository.findAllByQuizId(quizId);
        double totalScore = 0.0;
        double scorePerQuestion = 10.0 / questions.size();

        Map<Long, Long> userAnswers = request.getAnswers(); // Map<QuestionId, SelectedOptionId>

        for (Question q : questions) {
            Long selectedOptionId = userAnswers.get(q.getId());
            if (selectedOptionId != null) {
                boolean isCorrect = q.getOptions().stream()
                    .anyMatch(opt -> opt.getId().equals(selectedOptionId) && opt.isCorrect());
                if (isCorrect) {
                    totalScore += scorePerQuestion;
                }
            }
        }

        QuizResult result = new QuizResult();
        result.setQuiz(quiz);
        result.setStudentId(studentId);
        result.setScore(Math.round(totalScore * 100.0) / 100.0);
        result.setSubmittedAt(now);

        QuizResult savedResult = quizResultRepository.save(result);
        return QuizResultDTO.fromEntity(savedResult);
    }
}

2. Xử lý đếm ngược thời gian và tự động nộp bài trên ReactJS

Phía Client sử dụng Custom Hook useQuizTimer để quản lý trạng thái đếm ngược chính xác, tự động kích hoạt hàm nộp bài khi thời gian về 0:

import React, { useState, useEffect, useCallback } from 'react';

export const QuizRunner = ({ quizData, onSubmit }) => {
    const [timeLeft, setTimeLeft] = useState(quizData.durationMinutes * 60);
    const [answers, setAnswers] = useState({});

    const handleAutoSubmit = useCallback(() => {
        alert("Hết thời gian làm bài! Hệ thống đang tự động nộp bài...");
        onSubmit(answers);
    }, [answers, onSubmit]);

    useEffect(() => {
        if (timeLeft <= 0) {
            handleAutoSubmit();
            return;
        }
        const timer = setInterval(() => {
            setTimeLeft((prevTime) => prevTime - 1);
        }, 1000);
        return () => clearInterval(timer);
    }, [timeLeft, handleAutoSubmit]);

    const formatTime = (seconds) => {
        const mins = Math.floor(seconds / 60);
        const secs = seconds % 60;
        return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
    };

    return (
        <div className="quiz-container p-6 bg-white rounded-lg shadow-md">
            <div className="flex justify-between items-center mb-6">
                <h2 className="text-xl font-bold">{quizData.title}</h2>
                <div className="text-red-600 font-semibold text-lg">
                    Thời gian còn lại: {formatTime(timeLeft)}
                </div>
            </div>
            {/* Render danh sách câu hỏi */}
        </div>
    );
};

Kiểm thử và đánh giá hiệu năng (Testing & Validation)

Hệ thống trải qua quy trình kiểm thử nghiêm ngặt bao gồm Unit Test, Integration Test và Load Test:

  • Kiểm thử đơn vị (Unit Testing): Sử dụng JUnit 5 và Mockito kiểm thử toàn bộ tầng Service, đạt độ bao phủ mã nguồn (Code Coverage) trên 86%.
  • Kiểm thử tải (Load Testing): Sử dụng công cụ Apache JMeter giả lập 500 người dùng đồng thời thực hiện thao tác làm bài trắc nghiệm và gửi tin nhắn WebSocket trong 10 phút:
    • Throughput: Đạt 420 requests/second.
    • Tỷ lệ lỗi (Error Rate): $0.00%$.
    • Thời gian phản hồi trung bình (Average Latency): $138\text{ ms}$.
    • Độ trễ tin nhắn WebSocket: $\le 35\text{ ms}$.
+-----------------------------------------------------------------------+
|                    KẾT QUẢ KIỂM THỬ TẢI VỚI APACHE JMETER             |
+--------------------------+---------------------+----------------------+
| Chỉ số đo lường          | Mục tiêu ban đầu    | Kết quả đạt được     |
+--------------------------+---------------------+----------------------+
| Người dùng đồng thời     | 300 users           | 500 users            |
| Thời gian phản hồi (API) | < 250 ms            | 138 ms (Tốt hơn 44%) |
| Tỷ lệ lỗi nộp bài        | < 1.0 %             | 0.00 %               |
| Độ bao phủ kiểm thử      | > 75 %              | 86.4 %               |
+--------------------------+---------------------+----------------------+

Kết quả đạt được

Hệ thống đã hoàn thành 100% các chức năng cốt lõi theo đề cương nghiên cứu:

  1. 25 Use Cases hoàn chỉnh: Triển khai đầy đủ từ quản trị hệ thống, nghiệp vụ lớp học đến các hoạt động tương tác sinh viên (Chi tiết tại Bảng 3 - Bảng 25 trong báo cáo chuyên môn).
  2. Giao diện người dùng trực quan: Đáp ứng tiêu chuẩn Responsive Web Design, tương thích mượt mà trên cả trình duyệt máy tính và thiết bị di động.
  3. Độ ổn định cao: Triển khai thành công trên môi trường thực tế (Vercel & Heroku), xử lý thông suốt dữ liệu của hơn 100 lớp học thử nghiệm.

Đổi mới và đóng góp

Các cải tiến kỹ thuật nổi bật

  1. Cơ chế Video Tương tác Đa điểm dừng (In-Video Interactive Checkpoints): Khác với các hệ sinh thái LMS truyền thống chỉ phát video thụ động, hệ thống tích hợp các điểm ngắt câu hỏi trên dòng thời gian phát video. Học sinh phải trả lời chính xác câu hỏi kiểm tra độ hiểu bài trước khi tiếp tục xem bài giảng, nâng cao tỷ lệ hoàn thành khóa học thêm 42%.
  2. Kiến trúc Nhắn tin STOMP Over WebSocket nhẹ (Lightweight Real-time Layer): Thay vì sử dụng các dịch vụ bên thứ ba tốn phí (như Pusher, Firebase), hệ thống tự xây dựng WebSocket Broker tích hợp trực tiếp trong Spring Boot, giúp giảm độ trễ trao đổi xuống dưới 40ms mà không phát sinh thêm chi phí duy trì.
  3. Tự động ngắt kết nối và khóa đề thi bảo mật: Ngăn chặn tuyệt đối tình trạng làm bài quá giờ hoặc gian lận phiên đăng nhập thông qua cơ chế so khớp Token phiên làm bài và Server-side Timestamping.

Đóng góp thực tiễn cho ngành giáo dục số

  • Cung cấp một bản thiết kế mẫu (Blueprint Reference Architecture) hoàn chỉnh cho các trường học và trung tâm đào tạo muốn tự chủ công nghệ E-learning.
  • Giúp các đơn vị đào tạo tiết kiệm ước tính 70% chi phí vận hành so với việc mua bản quyền giải pháp phần mềm độc quyền hàng năm.

Ứng dụng thực tế và triển khai

Tình huống ứng dụng thực tế

  • Trung tâm đào tạo Ngoại ngữ & Tin học: Quản lý hàng trăm lớp học ngắn hạn, tổ chức thi xếp lớp và thi thử chứng chỉ tự động.
  • Trường Cao đẳng / Đại học: Số hóa tài liệu giảng dạy, tổ chức các kỳ thi trắc nghiệm giữa kỳ và quản lý thảo luận đồ án theo lớp chuyên ngành.
  • Doanh nghiệp đào tạo nội bộ (Corporate Training): Chuẩn hóa quy trình Onboarding nhân viên mới qua hệ thống bài giảng video tương tác và theo dõi tiến độ học tập.

Hướng dẫn triển khai hệ thống (Deployment Guide)

[Mã nguồn GitHub] 
       |
       +---> [Frontend: ReactJS] --------> Triển khai tự động lên VERCEL Edge Network
       |
       +---> [Backend: Spring Boot] ------> Đóng gói Docker Container -> Deploy lên HEROKU Dynos
       |
       +---> [Database: MySQL 8.0] -------> Cấu hình kết nối JawsDB / AWS RDS qua JDBC URL

Yêu cầu môi trường tối thiểu (System Requirements)

  • Máy chủ Backend: 1 vCPU, 512MB RAM (Mức cơ bản Heroku Eco/Basic Dyno), OpenJDK 17.
  • Cơ sở dữ liệu: MySQL 8.0, 20 Connection Slots, 500MB Storage ban đầu.
  • Máy khách Client: Bất kỳ trình duyệt web hiện đại (Google Chrome 90+, Mozilla Firefox 88+, Safari 14+, Microsoft Edge).

Hạn chế và hướng phát triển

Hạn chế kỹ thuật hiện tại

  • Lưu trữ tệp đa phương tiện: Hiện tại hệ thống đang lưu trữ tài liệu và video trực tiếp hoặc qua liên kết ngoài, chưa tích hợp dịch vụ lưu trữ đám mây chuyên dụng như AWS S3 hay Cloudinary để tối ưu băng thông.
  • Tính năng giám sát thi (Proctoring): Chưa có hệ thống AI nhận diện khuôn mặt và cảnh báo chuyển tab khi học sinh làm bài thi trắc nghiệm.

Hướng phát triển trong tương lai

  1. Tích hợp API OpenAI ChatGPT-3.5/GPT-4: Xây dựng tính năng tự động tạo ngân hàng câu hỏi trắc nghiệm từ nội dung giáo trình hoặc slide bài giảng do giáo viên tải lên.
  2. Hệ thống gợi ý học tập (Recommendation System): Ứng dụng thuật toán học máy phân tích lịch sử làm bài để gợi ý các chủ đề kiến thức học sinh cần cải thiện.
  3. Phát triển ứng dụng di động: Xây dựng ứng dụng di động đa nền tảng bằng React Native, tái sử dụng 80% logic nghiệp vụ từ hệ thống REST API hiện tại.

Đối tượng hưởng lợi

+----------------------------------------------------------------------------------+
|                              ĐỐI TƯỢNG HƯỞNG LỢI                                 |
+-------------------+-------------------+--------------------+---------------------+
|     SINH VIÊN     |    LẬP TRÌNH VIÊN | TRUNG TÂM GIÁO DỤC |   NHÀ NGHIÊN CỨU    |
+-------------------+-------------------+--------------------+---------------------+
| Trải nghiệm học   | Mã nguồn mẫu chuẩn| Tiết kiệm 70% chi  | Mô hình kiểm nghiệm |
| tập mượt mà, thi  | REST API, JWT &   | phí bản quyền, tự  | thực tế kiến trúc   |
| thử có ngay điểm  | WebSocket thực tế | chủ cơ sở dữ liệu  | Spring + React SPA  |
+-------------------+-------------------+--------------------+---------------------+
  • Sinh viên & Học viên: Tiếp cận nền tảng học tập trực quan, làm bài kiểm tra linh hoạt, nhận phản hồi kết quả và trao đổi bài học ngay lập tức.
  • Lập trình viên & Kỹ sư phần mềm: Tài liệu tham khảo giá trị về cách tích hợp toàn diện giữa Spring Boot 3 và ReactJS 18, cách xử lý xác thực bảo mật JWT không lưu trạng thái và kỹ thuật điều khiển WebSocket STOMP.
  • Trường học & Trung tâm Đào tạo: Sở hữu một giải pháp quản lý học tập toàn diện, sẵn sàng triển khai với chi phí hạ tầng gần như bằng 0 trong giai đoạn thử nghiệm.
  • Cộng đồng Nghiên cứu EdTech: Cung cấp dữ liệu thực nghiệm về mô hình kiểm tra tương tác kết hợp giữa video bài giảng và câu hỏi trắc nghiệm tức thời.

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

1. Yêu cầu kỹ thuật tối thiểu để triển khai hệ thống là gì?

Hệ thống được thiết kế theo hướng tối ưu tài nguyên tối đa. Phía Backend chỉ yêu cầu môi trường thực thi Java 17 với tối thiểu 512MB RAM (hoàn toàn tương thích gói miễn phí/giá rẻ của Heroku, Render hoặc Railway). Phía Frontend được đóng gói thành các tệp tĩnh (Static Build) triển khai miễn phí trên Vercel, Netlify hoặc GitHub Pages. Cơ sở dữ liệu tương thích hoàn toàn với MySQL 5.7/8.0 hoặc MariaDB.

2. Hệ thống có khả năng mở rộng (Scalability) như thế nào khi số lượng học sinh tăng cao?

Nhờ kiến trúc Backend Stateless với JWT, hệ thống có thể dễ dàng mở rộng theo chiều ngang (Horizontal Scaling) bằng cách nhân bản các Backend Instances phía sau một Load Balancer (như Nginx hoặc AWS ALB). Đối với cơ sở dữ liệu, việc tích hợp HikariCP Connection Pooling kết hợp các bộ nhớ đệm (như Redis Cache) cho danh mục môn học và câu hỏi sẽ giúp hệ thống đáp ứng trên 5,000 người dùng đồng thời một cách ổn định.

3. Hệ thống có thể tích hợp với các hệ thống quản lý đào tạo sẵn có không?

Có. Nhờ thiết kế chuẩn RESTful API với định dạng trao đổi dữ liệu JSON, hệ thống có thể dễ dàng liên kết với các phần mềm quản lý sinh viên hiện hữu thông qua các API Webhooks hoặc xây dựng thêm các Service Adapter chuyển đổi dữ liệu.

4. Chi phí duy trì và bảo trì hệ thống ước tính là bao nhiêu?

Với quy mô một trung tâm đào tạo dưới 1,000 học viên, chi phí hạ tầng đám mây ước tính chỉ từ $7 - $15/tháng (chi phí thuê Database và Server cỡ nhỏ). Hệ thống không phát sinh phí bản quyền trên mỗi đầu người dùng như các phần mềm SaaS thương mại.

5. Cơ chế bảo mật dữ liệu bài thi và chống gian lận hoạt động như thế nào?

Dữ liệu đáp án chính xác không bao giờ được gửi về máy khách trong suốt quá trình làm bài. Thời gian bắt đầu và kết thúc được quản lý và đối soát hoàn toàn bởi máy chủ (Server-side validation). Mọi nỗ lực can thiệp vào mã JavaScript hoặc gửi request giả mạo đều bị chặn bởi bộ lọc Spring Security và mã xác thực Token định danh người dùng.

Kết luận

Đồ án tốt nghiệp "Xây dựng Website Hệ thống Quản lý Học tập Trực tuyến" của nhóm sinh viên Nguyễn Hữu Hiếu và Lê Văn Tuấn dưới sự hướng dẫn của TS. Lê Vĩnh Thịnh đã giải quyết thành công bài toán số hóa quy trình quản lý học tập và kiểm tra trực tuyến. Bằng việc kết hợp sức mạnh kiến trúc hiện đại của Spring Boot 3, ReactJS 18, MySQL cùng các giao thức thời gian thực WebSocket, dự án đã mang lại một sản phẩm hoàn thiện, có giá trị ứng dụng thực tiễn cao, đáp ứng đầy đủ các tiêu chuẩn kỹ thuật của một hệ thống phần mềm doanh nghiệp.

Đây không chỉ là công trình học thuật xuất sắc khép lại chương trình đào tạo Kỹ sư Công nghệ Thông tin tại Trường Đại học Sư phạm Kỹ thuật TP.HCM, mà còn mở ra tiềm năng thương mại hóa và ứng dụng rộng rãi trong các cơ sở giáo dục hiện đại. Nền tảng này hứa hẹn sẽ tiếp tục được nâng cấp với các công nghệ Trí tuệ nhân tạo (AI) để đưa trải nghiệm giáo dục số lên một tầm cao mới.