Cómo insertar una simulación en Google Sites

Muchos docentes mantienen un sitio web de clase en Google Sites: un lugar único para apuntes, enlaces y tareas que funciona en cualquier dispositivo. Puedes insertar una simulación en Google Sites para que los estudiantes hagan un experimento virtual en la propia página de la unidad, sin salir del sitio y sin cuenta. Esta guía te muestra cómo hacerlo con Simulic: copiar el código para insertar, añadirlo con Insert → Embed → Embed code (Insertar → Insertar → Código de inserción), arrastrar el recuadro a la altura adecuada y organizar varias simulaciones en una página por unidad. Termina con arreglos para los problemas que más encuentran los docentes: un recuadro en blanco, una simulación cortada y respuestas de distintas clases que se mezclan.

Qué necesitas

• Una cuenta gratuita de docente en Simulic. Los estudiantes nunca necesitan una.
• Acceso de edición al sitio de Google (eres su propietario o alguien lo compartió contigo como editor).
• Las simulaciones de tu unidad. Esta guía construye una página para una unidad sobre la luz.
• Diez minutos para probar la página publicada en un teléfono y en un portátil del centro.

Planifica el sitio: una página por unidad

Antes de insertar nada, decide dónde vivirá cada simulación. Una estructura que funciona bien para la mayoría de los grupos:

• Página de inicio: para qué sirve el sitio, el nombre de la clase y la unidad actual arriba.
• Una página por unidad: "Luz", "Electricidad", "Fuerzas". Cada página de unidad contiene de dos a cuatro simulaciones, cada una con una tarea breve encima.
• Ninguna simulación en la página de inicio. Los estudiantes llegan primero ahí, y una página pesada en una red escolar lenta es un mal comienzo.

Una página por unidad carga más rápido, porque cada simulación insertada carga su propio marco, y los estudiantes encuentran el trabajo de esta semana sin desplazarse por el del mes pasado.

Para la unidad de la luz, un buen conjunto es:

1. Rayos de luz: refracción, reflexión total interna y prismas, el laboratorio principal.
2. Reflexión en un espejo plano, para un calentamiento.
3. Lentes y espejos curvos: trazado de rayos, para la segunda clase.

Paso 1: crea un enlace por simulación

Cada código para insertar pertenece a un enlace compartido. Crea primero los enlaces en Simulic.

1. Abre la página de la simulación y haz clic en Compartir.
2. En la pestaña Simulación, fija los valores iniciales con los que quieres que empiecen los estudiantes. Para el laboratorio de refracción, elige la pantalla Introducción con aire arriba y agua abajo. Estos ajustes quedan fijados en el nuevo enlace.
3. Ve a la pestaña Enlaces compartidos. En Nuevo enlace, da al enlace un nombre como "Luz · Refracción · 8.º grado", elige el Idioma y haz clic en Crear enlace.
4. En la tarjeta del enlace, abre Código para insertar y haz clic en Copiar código para insertar.

Pon a los enlaces el nombre de la unidad y del sitio, para saber más tarde dónde vive cada inserción.

Paso 2: añade el código para insertar con Insert → Embed

1. Abre tu sitio de Google en modo de edición y ve a la página de la unidad.
2. Añade primero un cuadro de texto con la tarea, por ejemplo: "Halla el ángulo de refracción cuando la luz pasa del aire al agua con 45°."
3. Elige Insert → Embed (Insertar → Insertar).
4. Elige Embed code (Código de inserción), no una dirección web, pega el código de Simulic y confirma.
5. La simulación aparece en un recuadro en la página. Muévela bajo el texto de la tarea.

Al momento de escribir esto, estos son los nombres de los menús de Google Sites. Google actualiza su editor de vez en cuando, así que si una etiqueta se ve distinta, busca la opción que inserta código para insertar. La página de ayuda para insertar de la aplicación mantiene la versión corta para Google Sites y otras plataformas.

El código para insertar termina con una línea "Simulación de Simulic". Está dentro del recuadro, bajo la simulación.

Paso 3: arrastra el recuadro a la altura adecuada

Google Sites muestra el código insertado en su propio recuadro, y el recuadro conserva el tamaño que le des. El script del final del código para insertar no puede hacer crecer ese recuadro, así que si el contenido es más alto, los estudiantes tienen que desplazarse dentro del recuadro, lo que es fácil de pasar por alto. Fija tú la altura:

1. Haz clic en el recuadro para seleccionarlo.
2. Arrastra el borde inferior hacia abajo hasta que se vea toda la simulación y todo lo que haya debajo.
3. Arrastra los tiradores laterales para que el recuadro use todo el ancho de la sección. Las simulaciones son mucho más fáciles de usar cuando son anchas.

Como punto de partida:

• Solo la simulación: aproximadamente la altura de la pantalla de un portátil.
• Con 2–3 preguntas debajo: un tercio más alto.
• Con 5 preguntas y predicciones: aproximadamente el doble de alto que la simulación sola.

Después haz una vista previa de la página. Google Sites tiene una vista previa que cambia entre anchos de teléfono, tableta y ordenador. Comprueba la vista de teléfono: el recuadro debe seguir mostrando los botones de la simulación.

Prueba lo que verán tus estudiantes

Este es el laboratorio de refracción insertado igual que quedará en tu página de unidad. Arrastra el láser y lee los ángulos.

Con aire arriba y agua abajo (n = 1,33), un ángulo de incidencia de 45° da un ángulo de refracción de unos 32°. Cambia el medio inferior a vidrio (n = 1,50) y los mismos 45° se desvían a unos 28°. Ahora intercambia los medios para que la luz vaya del vidrio al aire y aumenta el ángulo: pasados unos 41,8°, el rayo refractado desaparece y se produce reflexión total interna. Para el agua hacia el aire, el ángulo crítico es de unos 48,8°.

Esos números forman una buena tarea para la página de la unidad: "Halla el ángulo crítico del vidrio y del agua. ¿Qué material atrapa la luz con más facilidad?"

Recoge respuestas en la página

Google Sites no tiene una forma integrada de recoger respuestas, pero el enlace de Simulic sí. En la pestaña Preguntas de la página Compartir, crea un conjunto de preguntas y elígelo para el enlace. Las preguntas aparecen dentro del recuadro, bajo la simulación, y los estudiantes responden con un apodo. Dos ejemplos para la página de la luz:

• Número: "La luz pasa del aire al agua con 45°. ¿Cuál es el ángulo de refracción?" Respuesta 32°, margen de error ± 1.
• Opción múltiple: "La reflexión total interna puede producirse cuando la luz pasa de…" Correcta: del vidrio al aire (del medio más denso al menos denso).

Ves las respuestas en la tarjeta del enlace, y Descargar CSV te da una hoja de cálculo. Pide a los estudiantes solo un apodo o un nombre de pila. El plan gratuito recoge 100 respuestas de estudiantes al mes. La explicación completa está en recoger respuestas de los estudiantes sin cuentas de estudiante.

Recuerda hacer el recuadro más alto cuando hayas adjuntado preguntas.

Publica y comparte el sitio

Publica el sitio como lo haces normalmente y luego ábrelo como lo haría un estudiante. Comprueba quién puede verlo: si el sitio está limitado al dominio de Google de tu centro, los estudiantes deben haber iniciado sesión con su cuenta del centro para abrir la página. Simulic en sí sigue sin necesitar cuenta ni instalar cookies.

Si también usas Google Classroom, publica allí la dirección del sitio una sola vez, en lugar de cada simulación. Para publicar una sola simulación en una clase, consulta cómo añadir una simulación a Google Classroom.

Solución de problemas

El recuadro está en blanco

Abre directamente el enlace de reproducción de la simulación en el mismo navegador. Si también falla solo en los dispositivos del centro, probablemente un filtro web esté bloqueando simulic.com; pide a tu equipo de TI que lo permita. Si el enlace de reproducción funciona pero el recuadro sigue vacío, elimina el recuadro y vuelve a pegar el código para insertar, asegurándote de haber elegido Embed code y de haber copiado el código completo.

La simulación está cortada

El recuadro es demasiado corto. Selecciónalo y arrastra el borde inferior hacia abajo. Es el problema más común en Google Sites, sobre todo después de adjuntar preguntas.

El recuadro dice que el enlace no está disponible o ha caducado

"Este enlace de Simulic ya no está disponible" significa que el enlace está desactivado: haz clic en Activar enlace en la página Compartir. "Este enlace de Simulic ha caducado" significa que se fijó un último día en las Opciones de Pro; cámbialo o bórralo.

Las respuestas de distintas clases se mezclan

Un código para insertar es un enlace, y un enlace recoge todas sus respuestas juntas. Si varias clases comparten un sitio, haz una copia de la página de la unidad para cada clase con su propio enlace (Duplicar en la tarjeta del enlace te da una copia con los mismos ajustes y el mismo conjunto de preguntas), o pide a los estudiantes que empiecen su apodo con su clase, como "8B-Sam".

Para otras plataformas, consulta la guía para insertar una simulación en tu LMS.

Preguntas frecuentes

¿Los estudiantes necesitan una cuenta de Google para usar la simulación insertada?

No para Simulic. Los estudiantes necesitan lo que pidan los ajustes para compartir de tu sitio: nada para un sitio público, una cuenta del centro para un sitio limitado a tu dominio.

¿Puedo poner varias simulaciones en una misma página de Google Sites?

Sí. Cada una tiene su propio recuadro de inserción. Limítate a entre dos y cuatro por página para que la página cargue rápido en las redes escolares y en los teléfonos.

¿Por qué el recuadro no crece cuando añado preguntas?

Google Sites mantiene su recuadro en el tamaño que le diste. Arrastra el borde inferior hacia abajo después de añadir preguntas.

¿La inserción funciona cuando los navegadores bloquean las cookies de terceros?

Sí. La inserción no instala cookies, así que sigue funcionando dentro de Google Sites en cualquier navegador.