MINESWEEPER

Cómo insertar el Buscaminas en un curso de Moodle

Moodle elimina los iframes de casi todo lo que escriben los usuarios, pero deja en paz a propósito los recursos Página, así que ahí es donde va el juego.

Tiempo necesario
Unos 3 minutos
Recurso
Página
Vista del editor
Tools > Source code
Alternativa
URL, Display: Embed
<iframe
  src="https://play-minesweeper.games/embed/?size=beginner&noguess=1"
  width="344"
  height="472"
  frameborder="0"
  style="border:0;max-width:100%"
  loading="lazy"
  title="Minesweeper Game"
  referrerpolicy="no-referrer-when-downgrade"
  allow="clipboard-write"
></iframe>
<p style="font:12px/1.5 Tahoma,'MS Sans Serif',Geneva,sans-serif;color:#555555;margin:6px 0 0;max-width:344px">
  <a href="https://play-minesweeper.games/" style="color:#555555">play-minesweeper.games</a> — free Minesweeper, no download
</p>

Un tablero de Principiante 9×9 en modo sin adivinar (noguess=1), de 344 × 472 píxeles: cada tablero se resuelve con lógica, y el marco cabe en el área de contenido del tema Boost y en la app de Moodle.

Para la vía del recurso URL solo necesitas la dirección: https://play-minesweeper.games/embed/?size=beginner&noguess=1. El párrafo que sigue al iframe es el enlace de crédito que mantiene gratis el widget; con un recurso URL, pon ese enlace en la descripción del recurso.

Pega el fragmento desde la vista Source code (código fuente) del editor y el tablero ya funciona. Si tu administrador limpia el contenido en todas partes, un recurso URL con Display en Embed hace lo mismo sin nada de HTML.

Añadir el juego como recurso Página

  1. Activa el modo de edición en tu curso

    Abre el curso y activa el interruptor Modo de edición (Edit mode), arriba a la derecha. Necesitas un rol que pueda añadir actividades, y el rol estándar de profesor (Teacher) puede.

  2. Añade un recurso Página

    En la sección donde debe ir el juego, haz clic en Add content y elige Activity or resource (en Moodle 4.4 y anteriores, haz clic en Add an activity or resource). Elige Página (Page) en el selector de actividades y ponle un nombre como «Calentamiento de lógica: Buscaminas».

  3. Abre la vista de código fuente del contenido de la página

    Baja hasta Page content. En el editor TinyMCE, abre el menú Tools (o el menú View) y elige Source code. En los sitios antiguos que aún usan el editor Atto, haz clic antes en Show more buttons y luego en el botón HTML. Pega el fragmento en la ventana de código y haz clic en Save en esa ventana.

  4. Guarda y muestra

    De vuelta en el editor visual, el tablero aparece como un marcador de posición o como un marco en directo. Baja y haz clic en Save and display. Moodle abre la página terminada y deberías poder jugar una partida enseguida.

  5. Si falta el tablero, usa un recurso URL

    Si la página guardada no muestra ningún juego, tu sitio limpia el HTML en todas partes. Borra la página, añade en su lugar un recurso URL, pon la dirección del juego en External URL y, en Appearance, pon Display en Embed. Así es Moodle el que crea el marco, de modo que no hay HTML que pueda eliminar.

Por qué el iframe sobrevive en una página y no en un foro

Moodle protege cada curso del código dañino limpiando el HTML que guardan los usuarios. El limpiador, HTML Purifier, elimina los iframes sin más. Lo que importa es qué texto limpia Moodle:

  • No se limpia: el contenido de las páginas, las áreas de texto y medios (Text and media) y las descripciones de actividades y recursos. Moodle los deja en paz a propósito para que los docentes puedan añadir medios, scripts y marcos en línea. Tu iframe se queda exactamente como lo pegaste.
  • Se limpia: todo lo que pueden escribir los alumnos: mensajes de foro, entregas de tareas, páginas de wiki, entradas de glosario y de base de datos, blogs. El editor muestra el iframe mientras escribes y luego desaparece al guardar.
  • Se limpia salvo que sea de confianza: las actividades que admiten texto de confianza, como los mensajes de foro y las entradas de glosario. Si un administrador activa Enable trusted content (Site administration > Security > Site security settings), el texto de los roles con la capacidad moodle/site:trustcontent (profesor y gestor, por defecto) se marca como de confianza y no se limpia.

Dos ajustes de administración cambian el panorama. Content cleaning everywhere (Site administration > Development > Experimental settings) limpia también las páginas y las descripciones, y entonces el iframe desaparece de todos los campos del editor; el recurso URL es la forma de evitarlo. Allow EMBED and OBJECT tags, en la página Site security settings, se suele proponer como solución, pero solo cubre esas dos etiquetas antiguas y no tiene ningún efecto en los iframes.

¿No eres administrador? Casi nunca te hará falta: una página funciona en un sitio de Moodle con la configuración predeterminada. Si no funciona, pregunta a tu administrador de Moodle si está activado Content cleaning everywhere, o usa la vía del recurso URL que verás abajo.

La vía del recurso URL

Un recurso URL no necesita nada de HTML, así que nada puede eliminarlo. Con el modo de edición activado:

  1. Haz clic en Add content > Activity or resource y elige URL.
  2. Escribe un nombre y pega https://play-minesweeper.games/embed/?size=beginner&noguess=1 en External URL, con el https:// incluido.
  3. En Appearance, pon Display en Embed.
  4. Añade la línea de atribución a la descripción: «Buscaminas de play-minesweeper.games», enlazada a la web.
  5. Haz clic en Save and display.

Moodle dibuja el marco y le da el tamaño necesario para llenar la página, así que el tablero aparece con espacio alrededor. Si Embed no está en la lista Display, el administrador ha limitado las Available display options de los recursos URL; Open carga el juego en la misma ventana, e In pop-up abre una ventana aparte.

Solución de problemas

  • La página no muestra nada donde debería estar el juego. Abre Edit settings y mira Page content en Source code. Si el iframe ya no está, el sitio limpia el contenido en todas partes; pasa al recurso URL. Si está, algo bloquea el marco.
  • El marco está, pero vacío o con un mensaje de bloqueo. El filtro web del centro bloquea el dominio. Abre la dirección del juego en una pestaña normal en la red del centro para confirmarlo, y consulta nuestras notas sobre jugar al Buscaminas en clase.
  • La última fila sale cortada. Se cambió la altura o se recortó el fragmento. Restaura height="472" en Source code; el tablero necesita toda la altura para su cabecera y su línea de estado.
  • El juego aparece como texto de código. Se pegó en el editor visual y no en la ventana Source code. Bórralo y vuelve a pegarlo desde Tools > Source code.
  • El juego desapareció tras restaurar el curso en otro sitio. Las copias de seguridad conservan el contenido de las páginas, pero un sitio con Content cleaning everywhere activado lo limpia al mostrar la página. Vuelve a añadir allí el juego como recurso URL.

Cómo usarlo en clase

La lección del Buscaminas para docentes es una actividad de lógica de 15 minutos diseñada en torno a este tablero. En Moodle, pon el tablero en una página con las reglas que deben descubrir los alumnos debajo, y sigue con un foro donde expliquen una deducción con sus propias palabras. Para practicar en papel o como deberes, enlaza los tableros del Buscaminas para imprimir; cada hoja viene con sus soluciones.

Preguntas sobre insertar en Moodle

¿Por qué Moodle eliminó mi iframe?

Moodle pasa casi todo el texto por HTML Purifier, que borra todos los iframes. El contenido de las páginas y las descripciones de actividades están exentos para que los docentes puedan añadir medios y marcos en línea, salvo que tu administrador haya activado Content cleaning everywhere. En los mensajes de foro, las entregas de tareas, las wikis, los glosarios y otros sitios donde escriben los alumnos, los iframes se eliminan al guardar. Usa una página, un área de texto y medios o un recurso URL en modo Embed.

¿«Allow EMBED and OBJECT tags» arregla un iframe eliminado?

No. Ese ajuste solo permite las etiquetas antiguas embed y object; no afecta a los iframes, y este fragmento no usa ninguna de las dos. Lo que decide si un iframe sobrevive es dónde lo pegas (una página lo conserva) y, en las actividades de tipo foro, si el contenido de confianza está activado y tu rol tiene la capacidad moodle/site:trustcontent.

¿Puedo poner el juego directamente en la página del curso?

Sí. Añade un área de texto y medios (Text and media area, llamada Label antes de Moodle 4.1) en lugar de una página y pega el fragmento desde Source code de la misma manera. Su texto tampoco se limpia. Ahí quédate con el tablero de Principiante: la columna de la página del curso es estrecha y un tablero más grande quedaría apretado en un marco con desplazamiento.

¿Cómo se ve el recurso URL con Display: Embed?

Moodle abre una página con la cabecera del curso y, debajo, un marco que llena el espacio disponible, con tu juego dentro. Usa https://play-minesweeper.games/embed/?size=beginner&noguess=1 como External URL. Si Embed no aparece en la lista Display, tu administrador lo ha quitado de las Available display options del recurso URL; elige Open o In pop-up en su lugar.

¿Funciona en la app de Moodle?

Una página con el iframe se muestra en la app de Moodle, y el fragmento se estrecha hasta el ancho de la pantalla gracias a max-width:100%. Los jugadores ponen banderas manteniendo pulsado. Si tu sitio usa la vía del recurso URL, puede que la app abra la dirección en el navegador.

¿Los alumnos necesitan una cuenta o un plugin?

No. No hay nada que instalar en Moodle ni ninguna cuenta en la web del juego. El tablero funciona en el marco, no tiene anuncios y las victorias sin adivinar nunca se envían a la clasificación pública.

Todo lo de esta página empieza con un fragmento del generador: un marco con el juego y un enlace de crédito de una línea que va debajo. Elige el tamaño del tablero y el tema, decide si quieres mostrar la línea opcional «Powered by» dentro del juego y copia el código.

Abrir el generador para insertar el Buscaminas

También te será útil: el generador del widget del Buscaminas y las opciones del iframe, cómo jugar al Buscaminas y los tamaños de tablero personalizados.