Để chạy nội dung HTML bên ngoài (external HTML) trên Moodle, bạn có thể sử dụng một vài phương pháp khác nhau, từ việc liên kết đơn giản đến các phương pháp tích hợp hơn như sử dụng iframe hoặc tài nguyên Tệp tin (File resource).
Dưới đây là các phương pháp chi tiết:
 
1. Sử dụng Tài nguyên Tệp tin (File Resource) - Tốt nhất cho các trang web độc lập
Phương pháp này lý tưởng để hiển thị một dự án HTML hoàn chỉnh, độc lập (gồm nhiều trang, CSS và các tệp JS) theo cách tích hợp vào Moodle.
  • Đóng gói HTML của bạn: Nén (zip) các tệp HTML bên ngoài của bạn, đảm bảo trang chính được đặt tên là index.html.
  • Tải tệp ZIP lên: Trong khóa học Moodle của bạn, bật "Chế độ chỉnh sửa" (Turn editing on) và thêm một Tài nguyên Tệp tin (File resource) mới.
  • Cấu hình tệp tin:
    • Trong khu vực "Chọn tệp tin", tải tệp ZIP đã nén của bạn lên.
    • Giải nén tệp tin trên máy chủ Moodle.
    • Chọn tệp index.html và nhấp vào "Đặt làm tệp chính" (Set main file).
  • Cài đặt Giao diện (Appearance):
    • Trong mục "Giao diện", tệp index.html sẽ được hiển thị.
    • Chọn một tùy chọn "Hiển thị" như "Nhúng" (Embed) hoặc "Trong cửa sổ pop-up" (In pop-up) để kiểm soát cách nó xuất hiện trong giao diện Moodle.
 
2. Nhúng bằng cách sử dụng iframe trong Trang (Page) hoặc Khối HTML (HTML Block)
Bạn có thể nhúng một trang HTML đang chạy (được lưu trữ bên ngoài hoặc đã tải lên khu vực tệp tin của Moodle) bằng cách sử dụng thẻ iframe trong Hoạt động Trang (Page activity) hoặc Khối HTML (HTML block).
  • Thêm Khối HTML hoặc Trang: Bật "Chế độ chỉnh sửa" và thêm một khối HTML hoặc tạo một hoạt động Trang mới.
  • Truy cập trình chỉnh sửa HTML: Trong trình chỉnh sửa văn bản, nhấp vào biểu tượng mở rộng (thường ở trên cùng bên trái) rồi nhấp vào nút mã nguồn HTML (thường là </>).
  • Dán mã iframe: Chèn một iframe trỏ đến URL của tệp HTML của bạn.
    html
    <iframe src="http://địa_chỉ_moodle_của_bạn/thư_mục_của_tôi/trang1.html" width="100%" height="600px"></iframe>
    Hãy thận trọng khi sử dụng mã.
    (Thay thế URL src bằng đường dẫn thực tế đến tệp của bạn).
 
3. Sử dụng Tài nguyên URL (URL Resource)
Nếu HTML của bạn được lưu trữ bên ngoài và bạn chỉ cần liên kết đến nó, hãy sử dụng tài nguyên URL.
  • Thêm tài nguyên URL: Bật "Chế độ chỉnh sửa" và chọn "URL" từ công cụ chọn hoạt động.
  • Nhập URL bên ngoài: Cung cấp địa chỉ của trang HTML của bạn.
  • Cài đặt Giao diện (Appearance): Cấu hình các tùy chọn "Hiển thị" để nó mở trong một cửa sổ mới hoặc nhúng nó vào trong giao diện Moodle.
 
4. Tích hợp nâng cao (LTI hoặc Plugins)
Đối với các ứng dụng HTML bên ngoài phức tạp hơn cần tương tác với phần phụ trợ của Moodle (ví dụ: trả về điểm, theo dõi tiến độ), bạn có thể sử dụng:
  • LTI (Learning Tools Interoperability): Moodle hỗ trợ LTI, đây là một tiêu chuẩn để tích hợp các công cụ bên ngoài. Đây là phương pháp được khuyến nghị để tích hợp các hoạt động tương tác, có chấm điểm.
  • Plugins tùy chỉnh: Bạn có thể phát triển một plugin Moodle tùy chỉnh để chạy mã JavaScript/HTML của bạn trong môi trường Moodle và sử dụng API Moodle để tương tác với hệ thống.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Sửa lần cuối: Thứ năm, 20 tháng mười một 2025, 12:34 AM