Appearance
Nhúng trang ngoài vào bài đọc và bài tập
Khối Nhúng trang (iframe) đặt một trang của dịch vụ khác vào ngay giữa nội dung bài học: video YouTube, bộ slide Google, mô phỏng PhET, bảng Padlet, trò chơi Wordwall... Học viên xem và thao tác ngay trong trang học, không phải mở tab mới.
Khối này có trong trình soạn nội dung của Bài đọc, Bài tập và GeoGebra. Ai sửa được hoạt động thì chèn được khối.
Chèn khối nhúng
- Mở trang sửa hoạt động, đặt con trỏ vào chỗ muốn chèn trong ô nội dung.
- Bấm nút Khối tùy chỉnh trên thanh công cụ của trình soạn, chọn Nhúng trang (iframe).
- Điền các ô trong hộp thoại rồi bấm Chèn.
| Ô | Nội dung |
|---|---|
| Địa chỉ hoặc mã nhúng | Dán đường dẫn bắt đầu bằng https://, hoặc dán nguyên đoạn mã <iframe ...> lấy từ nút Nhúng (Embed, Share) của trang nguồn. Dưới ô có danh sách tên miền tổ chức đang cho phép. |
| Tiêu đề | Mô tả ngắn nội dung khung, dành cho trình đọc màn hình. Bỏ trống thì dùng tên miền. |
| Kích thước khung | Rộng 16:9 cho video và slide, Vuông hơn 4:3, hoặc Chiều cao cố định (200 đến 1600 px) cho trang dài như biểu mẫu, bảng Padlet. Khung luôn rộng hết cột nội dung. |
| Cho phép toàn màn hình | Bật sẵn. Tắt nếu không muốn học viên phóng to khung. |
Trong trình soạn, khối hiện thành một thẻ có dòng đầu Nhúng: tên miền, bên dưới là tiêu đề và địa chỉ. Trình soạn không chạy trang thật; muốn xem đúng như học viên thấy, mở hoạt động ở trang học.
Trên dòng đầu của thẻ có nút bút chì để mở lại hộp thoại sửa khối, và nút xoá để gỡ khối.
Dán link nào cũng được
Bạn không cần tự tìm link nhúng của các dịch vụ phổ biến. Dán link đang mở trên thanh địa chỉ, hệ thống tự đổi sang link nhúng:
| Bạn dán | Hệ thống lưu |
|---|---|
https://www.youtube.com/watch?v=..., https://youtu.be/..., link YouTube Shorts | Link nhúng YouTube. Link có thời điểm bắt đầu (t=90) thì video bắt đầu đúng giây đó. |
https://vimeo.com/123456 | Link trình phát Vimeo. |
Link Google Tài liệu, Trang tính, Trang trình bày (.../edit) | Link xem trước (.../preview). |
Link Google Biểu mẫu (.../viewform) | Link biểu mẫu dạng nhúng. |
Link tệp Google Drive (.../view) | Link xem trước của tệp. |
Khi dán mã <iframe>, hệ thống chỉ giữ lại địa chỉ trong thuộc tính src. Các thuộc tính khác trong mã (kích thước, kiểu hiển thị) bị bỏ, khung luôn dùng Kích thước khung bạn chọn ở trên.
Tệp Google phải được chia sẻ
Google chỉ hiện nội dung cho người có quyền xem. Đặt quyền chia sẻ của tệp thành Bất kỳ ai có đường liên kết trước khi nhúng, nếu không học viên chỉ thấy trang yêu cầu đăng nhập.
Học viên thấy gì
- Khung nhúng nằm đúng chỗ bạn chèn, tự co theo màn hình điện thoại.
- Ngay dưới khung có dòng Nội dung nhúng từ kèm tên miền và link Mở trong tab mới.
- Khung nhúng không chuyển hướng được cả trang học sang chỗ khác.
Khung trắng hoặc báo "từ chối kết nối"
Nhiều trang web không cho phép trang khác nhúng mình (ví dụ trang đăng nhập, phần lớn trang báo, trang quản trị). Trình duyệt chặn những trang đó ngay trong khung, và hệ thống không có cách nào biết trước. Khi gặp:
- Tìm nút Nhúng (Embed) của chính dịch vụ đó và dùng link hoặc mã nó đưa ra. Link nhúng thường khác link xem.
- Nếu dịch vụ không có chức năng nhúng, dùng link thường trong nội dung thay cho khối nhúng. Học viên vẫn có link Mở trong tab mới dưới khung để đi tiếp.
Hãy mở hoạt động ở trang học để kiểm tra mỗi khi chèn khối nhúng mới.
Thông báo thay cho khung nhúng
Học viên thấy một khung viền đứt thay cho nội dung khi:
- Tên miền không còn được phép. Quản trị viên đã gỡ tên miền đó khỏi danh sách, hoặc khoá học được nhập từ tổ chức khác có danh sách khác. Nhờ quản trị viên thêm lại tên miền, khối sẽ hiện trở lại mà không cần sửa bài.
- Địa chỉ không hợp lệ. Mở hoạt động để sửa lại khối.
Danh sách tên miền được phép
Để học viên không bị đưa tới trang lạ, mỗi tổ chức có một danh sách tên miền được phép nhúng. Hệ thống kiểm danh sách ở hai lúc:
- Lúc chèn khối: địa chỉ ngoài danh sách bị báo lỗi ngay trong hộp thoại.
- Lúc học viên mở bài: khối của tên miền đã bị gỡ khỏi danh sách hiện thông báo thay cho khung nhúng.
Quản trị viên xem và sửa danh sách tại Cài đặt > Học tập > Nhúng nội dung. Người soạn bài không cần quyền này. Ai cần nhúng một tên miền mới thì nhờ quản trị viên thêm.
| Việc | Cách làm |
|---|---|
| Thêm tên miền | Gõ tên miền vào ô Tên miền, nhấn Enter, rồi bấm Lưu. Gõ dạng nào cũng được (YouTube.com, https://www.youtube.com/, *.padlet.com), hệ thống tự rút về tên miền gọn như youtube.com. |
| Gỡ tên miền | Bấm dấu x trên mục đó rồi bấm Lưu. Các khối đã nhúng từ tên miền này sẽ thôi hiển thị cho học viên. |
| Tắt hẳn việc nhúng | Gỡ hết mọi mục rồi bấm Lưu. Danh sách trống nghĩa là không nhúng được trang nào. |
Một mục cho phép chính tên miền đó và mọi tên miền con của nó: youtube.com cho phép cả www.youtube.com, nhưng không cho phép notyoutube.com.
Tổ chức mới có sẵn danh sách khởi đầu gồm các dịch vụ học liệu phổ biến: youtube.com, youtube-nocookie.com, vimeo.com, docs.google.com, drive.google.com, geogebra.org, phet.colorado.edu, canva.com, padlet.com, wordwall.net, scratch.mit.edu.
Đừng thêm phần đuôi dùng chung
Thêm một mục như com.vn, edu.vn hay github.io là cho phép mọi trang web có đuôi đó, kể cả trang do bất kỳ ai tự lập. Luôn thêm tên miền cụ thể của dịch vụ, ví dụ phet.colorado.edu thay vì colorado.edu.
Mặc định chỉ vai trò admin vào được mục này. Có thể cấp cho vai trò khác bằng quyền configure_rich_content_embed trong trang sửa vai trò.
Xem thêm
- Quy trình tạo khoá học: bước 4 nói về viết nội dung hoạt động.
- Thiết lập chung của hoạt động: các khối nhúng khác trong trình soạn (tài liệu khoá học, code, GeoGebra).
- Bài đọc: hoạt động bài đọc dưới góc nhìn người học.