Xây dựng ứng dụng web đóng gói nội dung tương tác H5P theo chuẩn SCORM
Ứng dụng web hỗ trợ chuyển đổi và đóng gói các bài giảng tương tác H5P sang định dạng SCORM tiêu chuẩn cho các hệ thống LMS bằng React.
Giới thiệu
Trong giáo dục trực tuyến, việc tái sử dụng học liệu tương tác định dạng H5P trên các hệ thống quản lý học tập (LMS) truyền thống thường gặp khó khăn do không tương thích chuẩn theo dõi SCORM. Đề tài giải quyết vấn đề này bằng cách xây dựng một công cụ bao bọc (wrapper) trung gian, giúp tích hợp nội dung H5P và tự động ánh xạ dữ liệu kết quả học tập sang chuẩn SCORM phổ biến.
Hệ thống được xây dựng trên nền tảng web sử dụng thư viện React, mang lại giao diện trực quan và thao tác mượt mà cho người dùng. Ứng dụng thực hiện xử lý tệp H5P tải lên, nhúng các tập lệnh giao tiếp SCORM API cần thiết, cho phép theo dõi thời gian học, điểm số và trạng thái hoàn thành của học viên trước khi đóng gói thành gói nội dung chuẩn zip để tải về.
Chức năng có trong gói chuẩn
- Tải lên và kiểm tra tính hợp lệ của tệp nội dung H5P
- Trình xem trước nội dung tương tác H5P trực tiếp trên trình duyệt
- Cấu hình các thông số đóng gói SCORM (phiên bản SCORM 1.2, điểm đạt, tiêu chí hoàn thành)
- Tự động tạo tệp định nghĩa dữ liệu học tập imsmanifest.xml
- Tích hợp thư viện SCORM API wrapper theo dõi tiến trình và điểm số
- Đóng gói toàn bộ học liệu thành tệp nén định dạng zip chuẩn LMS
- Ghi nhật ký kiểm thử sự kiện giao tiếp SCORM (Initialize, SetValue, Commit, Finish)
Chức năng ngoài danh sách này được tính riêng và ghi rõ trong bản chốt scope trước khi bắt đầu.
Công nghệ
- react
Muốn đổi sang công nghệ khác cho khớp yêu cầu môn học? Được — báo trước khi chốt scope, giá điều chỉnh theo hệ số công nghệ chứ không phải làm lại từ đầu.