Cómo insertar una simulación en tu LMS o plataforma

Cuando insertas una simulación en tu LMS, los estudiantes abren la página del curso y el experimento ya está ahí: sin pestaña nueva, sin iniciar sesión, sin buscar un enlace. Esta guía te muestra cómo insertar una simulación en tu LMS o en el sitio web de tu clase con Simulic, cuándo conviene más un enlace simple o un código QR, qué hace cada línea del código para insertar y cómo resolver los tres problemas que más se encuentran los docentes. Al final tienes notas breves para nueve plataformas, con enlaces a las guías paso a paso.

Enlace, código para insertar o QR: cuál usar

Cada enlace compartido de Simulic te da las tres opciones, así que no tienes que decidir de antemano. Elige la que encaje con el momento.

Opción	Mejor para	Qué obtienen los estudiantes
Enlace de juego (simulic.com/p/…)	Google Classroom, publicaciones de Teams, correo, tareas para casa	La simulación a pantalla completa en cualquier dispositivo
Código para insertar (simulic.com/e/…)	Canvas, Moodle, Schoology, Brightspace, Google Sites, WordPress	La simulación dentro de la página de tu curso, junto a tus instrucciones
Código QR	Clases presenciales, hojas impresas, estaciones de laboratorio	Móviles y tabletas abren el enlace de juego con un solo escaneo

Algunas reglas prácticas de mis propias clases:

• Inserta cuando la simulación forma parte de una página que has escrito: una guía de laboratorio, una lectura, la presentación de una unidad. Los estudiantes siguen viendo tus instrucciones mientras experimentan.
• Enlace cuando la plataforma no tiene opción de insertar, o cuando los estudiantes trabajan en pantallas pequeñas. Un enlace de juego simple se abre a pantalla completa en cualquier dispositivo, y eso es mejor que un marco apretado en un móvil.
• Código QR cuando das clase en directo. Proyecta la simulación, muestra el código y los estudiantes te siguen desde sus propios dispositivos.

Los tres apuntan al mismo enlace compartido, de modo que las partidas y las respuestas de los estudiantes quedan en un solo lugar.

Qué necesitas

• Una cuenta de docente de Simulic gratuita. Los estudiantes nunca necesitan una.
• Una simulación de la biblioteca, o una que hayas creado tú (consulta cómo crear una simulación para tu clase con IA).
• Permisos de edición en la página del curso donde irá la simulación.
• En algunas plataformas, un editor que acepte HTML. Si el tuyo elimina los iframes, tu administrador tiene que permitirlos (más abajo te cuento).

Los enlaces compartidos, los códigos QR y los códigos para insertar son gratuitos, sin límite de estudiantes.

Obtener el enlace de juego o el código para insertar

1. Abre la página de la simulación y haz clic en Compartir. Se abre la página para compartir de esa simulación.
2. En la pestaña Simulación, fija los valores iniciales que quieres que vean los estudiantes, por ejemplo un ángulo de lanzamiento de 45° y una velocidad inicial de 20 m/s. La configuración actual queda guardada en el nuevo enlace.
3. Ve a la pestaña Enlaces compartidos. En Nuevo enlace, ponle un nombre como "3.º ESO · Grupo 3", elige el Idioma y haz clic en Crear enlace.
4. En la tarjeta del enlace, haz clic en Copiar enlace para el enlace de juego, o abre Código para insertar y haz clic en Copiar código para insertar.

Haz un enlace por clase. Cada enlace cuenta sus propias partidas y guarda sus propias respuestas, y puedes desactivar el enlace de una clase sin tocar los demás. Duplicar copia un enlace con el mismo idioma y la misma configuración, pero sin las respuestas.

Qué hay dentro del código para insertar

Esto es lo que pegas, con CODE en lugar del código de tu enlace:

<iframe src="https://simulic.com/e/CODE" width="100%" height="640" allow="fullscreen" style="border:0" title="Projectile motion – trajectory and air resistance"></iframe>
<script src="https://simulic.com/static/js/embed.js" async></script>
<p>Simulation by <a href="https://simulic.com">Simulic</a></p>

Línea por línea:

• El iframe es el marco que muestra la simulación. width="100%" ocupa todo el ancho de la columna de tu página. height="640" es la altura inicial en píxeles. allow="fullscreen" permite a los estudiantes pasar a pantalla completa desde dentro del marco. title da nombre al marco para los lectores de pantalla.
• El script es opcional. Si adjuntaste preguntas al enlace, el contenido bajo la simulación crece a medida que los estudiantes responden, y el script hace crecer el marco con él, de modo que nadie tiene que desplazarse dentro de una caja. Solo cambia la altura del marco. No lee ni envía nada más.
• La línea de crédito es un párrafo normal. Consérvala o bórrala.

Muchas plataformas de aprendizaje eliminan las etiquetas script por seguridad. No pasa nada: la simulación sigue funcionando y el marco simplemente se queda en 640 px de alto. Si adjuntaste preguntas y los estudiantes tienen que desplazarse dentro del marco, cambia height="640" por algo como 900 antes de pegar.

El código no crea cookies y los estudiantes no inician sesión dentro del marco. Muchas herramientas insertadas dejan de funcionar cuando Safari o Chrome bloquean las cookies de terceros, porque necesitan una sesión iniciada dentro del marco. Una simulación insertada de Simulic sigue funcionando en ventanas privadas y en equipos escolares con restricciones.

Prueba lo que verán tus estudiantes

Esta es la misma simulación de movimiento de proyectiles, insertada igual que aparecería en la página de tu curso. En la pantalla Intro, pon el ángulo de lanzamiento en 45°, la velocidad inicial en 20 m/s y la altura de lanzamiento en 0, y dispara. El alcance debería salir en torno a 40,8 m, la altura máxima en torno a 10,2 m y el tiempo de vuelo en torno a 2,9 s. Pasa a la pantalla Air Resistance, activa la resistencia del aire y el mismo lanzamiento se queda corto.

Números como estos dan buenas preguntas. "¿Cuál es el alcance?" con la respuesta 40,8 m ± 0,5 es una pregunta numérica que Simulic puede corregir automáticamente.

Notas por plataforma

Los nombres de menú de abajo eran correctos en el momento de escribir esto. Las plataformas cambian los menús de una versión a otra, así que si una etiqueta se ve algo distinta en tu pantalla, busca la más parecida. La página de ayuda para insertar de la aplicación mantiene la versión breve y actualizada de cada una.

Google Classroom

Classroom no acepta códigos para insertar. Usa el botón Google Classroom de la página para compartir, o añade el enlace de juego como material o a una tarea. Guía completa: añadir una simulación interactiva a Google Classroom.

Canvas

En una página o tarea, abre el editor, elige Insert → Embed (Insertar → Insertar contenido), pega el código para insertar y guarda. Guía completa: insertar una simulación en Canvas LMS.

Moodle

Añade una Página o un área de Texto y multimedia, cambia el editor a su vista HTML (código fuente), pega el código para insertar y guarda. Si no aparece nada, tu administrador debe permitir los iframes en el editor. Guía completa: insertar una simulación en Moodle.

Microsoft Teams

Usa el botón Microsoft Teams de la página para compartir, o añade el enlace de juego a una tarea o como pestaña Website (sitio web) en el equipo de tu clase.

Google Sites

Elige Insert → Embed → Embed code (Insertar → Insertar → Código para insertar) y pega el código. Google Sites lo muestra en su propia caja: arrastra la caja para ajustar la altura, porque Sites no ejecuta el script de cambio de tamaño.

Schoology

Añade una Página, elige Insert Content → Embed (Insertar contenido → Insertar), pega el código para insertar y guarda.

Brightspace (D2L)

Crea un archivo o una página HTML, elige Insert Stuff → Enter Embed Code (Insertar contenido → Introducir código de inserción), pega el código y guarda. Brightspace cambia el tamaño del marco por sí solo.

WordPress

Pega el código para insertar en un bloque de HTML personalizado (Custom HTML). O pega el enlace de juego solo, en una línea: Simulic admite oEmbed, así que WordPress puede convertir el enlace en un contenido insertado por ti.

Notion

Pega el enlace de juego y elige Create embed (Crear inserción), o escribe /embed y pega el enlace.

Añadir preguntas a la simulación insertada

Una inserción muestra lo que muestra el enlace compartido, incluidas las preguntas. En la pestaña Preguntas de la página para compartir armas un conjunto de preguntas: hasta 5 preguntas (texto corto, opción múltiple o número) más hasta 3 preguntas de predicción que los estudiantes responden antes de que se desbloquee la simulación. Elige el conjunto para el enlace y aparece bajo la simulación, dentro del marco. Los estudiantes escriben un apodo y responden; tú ves los resultados en la tarjeta del enlace y puedes descargar un CSV.

Simulic no envía las notas al libro de calificaciones de tu LMS. Si prefieres calificar con la herramienta de cuestionarios de tu propia plataforma, consulta cómo añadir simulaciones a las preguntas de un cuestionario. Para ideas sobre qué preguntar, lee usar simulaciones para la evaluación formativa.

Solución de problemas

El marco sale en blanco o muestra un mensaje

• "Este enlace de Simulic ya no está disponible" significa que el enlace está desactivado. Abre la página para compartir y haz clic en Activar enlace.
• "Este enlace de Simulic ha caducado" significa que el enlace tenía un último día fijado (una opción Pro). Cambia o borra la fecha en Opciones.
• Una caja completamente vacía suele significar que la plataforma eliminó el iframe al guardar. Abre la página en la vista HTML del editor: si la línea iframe ya no está, mira el punto siguiente.
• Si el marco está vacío solo en los equipos del centro, puede que un filtro web esté bloqueando simulic.com. Pide a informática que lo permita.

El editor elimina el iframe al guardar

Algunas plataformas solo permiten iframes a usuarios de confianza o a sitios aprobados. Pide a tu administrador que permita iframes de simulic.com en el editor. Mientras tanto, publica el enlace de juego: hace el mismo trabajo en una pestaña nueva.

La simulación se corta por abajo

Tu plataforma eliminó el script de cambio de tamaño, así que el marco se queda en 640 px. Edita el código y sube height="640" a 800–1000, según cuántas preguntas hayas adjuntado. En Google Sites, arrastra la caja para hacerla más alta.

Preguntas frecuentes

¿Necesitan cuenta los estudiantes para usar una simulación insertada?

No. Los estudiantes abren la página de tu curso y la simulación funciona. Si adjuntaste preguntas, escriben un apodo y responden. Sin registro, sin correo.

¿Funciona la inserción si el navegador bloquea las cookies de terceros?

Sí. La inserción no crea cookies y no necesita iniciar sesión dentro del marco, así que bloquear las cookies de terceros no le afecta.

¿Puedo usar un mismo código para insertar en varias clases?

Puedes, pero es mejor un enlace por clase: cada enlace guarda sus propias respuestas y su propio recuento de partidas, y varios enlaces pueden compartir el mismo conjunto de preguntas.

¿Por qué mi simulación insertada mide solo 640 píxeles de alto?

Tu plataforma eliminó el script opcional de cambio de tamaño. Cambia height="640" en el código para insertar por un número mayor, o arrastra la caja en Google Sites.

¿Puedo insertar una simulación que hice con IA?

Sí. Las simulaciones que creas o remezclas tienen la misma página para compartir, los mismos enlaces, códigos QR y códigos para insertar que las simulaciones de la biblioteca.