MINESWEEPER

Minesweeper in einen Moodle-Kurs einbetten

Moodle entfernt iframes aus den meisten Texten, die Nutzer eingeben, lässt Textseiten aber bewusst in Ruhe – also kommt das Spiel dorthin.

Zeitaufwand
Etwa 3 Minuten
Ressource
Textseite (Page)
Editor-Ansicht
Tools > Source code
Ausweichweg
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>

Ein Anfänger-Spielfeld 9×9 im Modus ohne Raten (noguess=1), 344 × 472 Pixel: Jedes Spielfeld lässt sich mit Logik lösen, und das Fenster passt in den Inhaltsbereich des Boost-Themes und in die Moodle-App.

Für den Weg über die URL-Ressource brauchst du nur die Adresse: https://play-minesweeper.games/embed/?size=beginner&noguess=1. Der Absatz nach dem iframe ist der Quellenlink, der das Einbetten kostenlos hält; bei einer URL-Ressource setzt du diesen Link stattdessen in die Beschreibung der Ressource.

Füg den Code über die Quellcode-Ansicht des Editors ein, und das Spielfeld ist online. Bereinigt dein Administrator Inhalte überall, erledigt eine URL-Ressource mit Display „Embed“ dasselbe, ganz ohne HTML.

Das Spiel als Textseite hinzufügen

  1. Im Kurs den Bearbeitungsmodus einschalten

    Öffne den Kurs und schalt oben rechts den Bearbeitungsmodus ein (Edit mode). Du brauchst eine Rolle, die Aktivitäten hinzufügen darf – die normale Rolle Trainer/in (Teacher) kann das.

  2. Eine Textseite hinzufügen

    Klick in dem Abschnitt, in den das Spiel soll, auf „Add content“ und wähl „Activity or resource“ (in Moodle 4.4 und älter: „Add an activity or resource“). Wähl in der Aktivitätenauswahl die Textseite (Page) und gib ihr einen Namen wie „Logik zum Aufwärmen: Minesweeper“.

  3. Die Quellcode-Ansicht des Seiteninhalts öffnen

    Scroll zum Seiteninhalt (Page content). Öffne im TinyMCE-Editor das Menü „Tools“ (oder „View“) und wähl „Source code“. Auf älteren Websites, die noch den Atto-Editor nutzen, klickst du zuerst auf „Show more buttons“ und dann auf die HTML-Schaltfläche. Füg den Code in das Codefenster ein und klick in diesem Fenster auf „Save“.

  4. Speichern und anzeigen

    Zurück im visuellen Editor erscheint das Spielfeld als Platzhalter oder als Live-Fenster. Scroll nach unten und klick auf „Save and display“. Moodle öffnet die fertige Seite, und du solltest sofort eine Runde spielen können.

  5. Fehlt das Spielfeld, eine URL-Ressource nehmen

    Zeigt die gespeicherte Seite überhaupt kein Spiel, bereinigt deine Website HTML überall. Lösch die Textseite, leg stattdessen eine URL-Ressource an, trag die Spieladresse unter „External URL“ ein und stell unter „Appearance“ die Anzeige (Display) auf „Embed“. Dann baut Moodle das Fenster selbst, und es gibt kein HTML, das es entfernen könnte.

Warum das iframe in einer Textseite überlebt und im Forum nicht

Moodle schützt jeden Kurs vor schädlichem Code, indem es das HTML bereinigt, das Nutzer speichern. Der Bereiniger, HTML Purifier, entfernt iframes komplett. Entscheidend ist, welche Texte Moodle bereinigt:

  • Nicht bereinigt: Inhalte von Textseiten, Text- und Medienfeldern sowie die Beschreibungen von Aktivitäten und Ressourcen. Moodle lässt sie absichtlich in Ruhe, damit Lehrkräfte Medien, Skripte und eingebettete Frames hinzufügen können. Dein iframe bleibt genau so, wie du es eingefügt hast.
  • Bereinigt: alles, wo Schüler schreiben können – Forenbeiträge, Aufgabenabgaben, Wiki-Seiten, Glossar- und Datenbankeinträge, Blogs. Der Editor zeigt das iframe beim Tippen, dann verschwindet es beim Speichern.
  • Bereinigt, außer bei vertrauenswürdigem Text: Aktivitäten, die vertrauenswürdigen Text unterstützen, etwa Forenbeiträge und Glossareinträge. Schaltet ein Administrator Enable trusted content ein (Site administration > Security > Site security settings), wird Text von Rollen mit der Berechtigung moodle/site:trustcontent – standardmäßig Trainer/in und Manager/in – als vertrauenswürdig markiert und nicht bereinigt.

Zwei Administrator-Einstellungen ändern das Bild. Content cleaning everywhere (Site administration > Development > Experimental settings) bereinigt auch Textseiten und Beschreibungen, dann verschwindet das iframe aus jedem Editorfeld; der Ausweg ist die URL-Ressource. Allow EMBED and OBJECT tags auf der Seite mit den Site security settings wird oft als Lösung empfohlen, gilt aber nur für diese beiden älteren Tags und wirkt sich auf iframes nicht aus.

Kein Admin? Den brauchst du selten: Auf einer Moodle-Website mit Standardeinstellungen funktioniert eine Textseite. Klappt es nicht, frag deinen Moodle-Administrator, ob Content cleaning everywhere eingeschaltet ist, oder nimm den Weg über die URL-Ressource unten.

Der Weg über die URL-Ressource

Eine URL-Ressource braucht überhaupt kein HTML, also kann auch nichts entfernt werden. Bei eingeschaltetem Bearbeitungsmodus:

  1. Klick auf Add content > Activity or resource und wähl URL.
  2. Gib einen Namen ein und füg https://play-minesweeper.games/embed/?size=beginner&noguess=1 unter External URL ein, einschließlich https://.
  3. Stell unter Appearance die Option Display auf Embed.
  4. Setz die Quellenangabe in die Beschreibung: „Minesweeper von play-minesweeper.games“, mit Link zur Website.
  5. Klick auf Save and display.

Moodle zeichnet das Fenster und passt es an die Seite an, das Spielfeld erscheint also mit Platz drumherum. Fehlt Embed in der Display-Liste, hat der Administrator die Available display options für URL-Ressourcen eingeschränkt; Open lädt das Spiel dann im selben Fenster, und In pop-up öffnet ein separates Fenster.

Fehlerbehebung

  • Die Seite zeigt nichts, wo das Spiel sein sollte. Öffne die Einstellungen der Seite und sieh dir den Seiteninhalt im Quellcode an. Ist das iframe weg, bereinigt die Website Inhalte überall; wechsle zur URL-Ressource. Ist es noch da, wird das Fenster blockiert.
  • Das Fenster ist da, aber leer oder zeigt eine Sperrmeldung. Der Webfilter der Schule sperrt die Domain. Öffne die Spieladresse zur Kontrolle im Schulnetz in einem normalen Tab und sieh dir unsere Hinweise zu Minesweeper in der Schule an.
  • Die unterste Reihe ist abgeschnitten. Die Höhe wurde geändert oder der Code gekürzt. Stell im Quellcode height="472" wieder her; das Spielfeld braucht die volle Höhe für Kopfzeile und Statuszeile.
  • Das Spiel erscheint als Codetext. Es wurde in den visuellen Editor eingefügt, nicht in das Quellcode-Fenster. Lösch es und füg es über Tools > Source code erneut ein.
  • Das Spiel ist nach einer Kurswiederherstellung auf einer anderen Website verschwunden. Sicherungen behalten den Seiteninhalt, aber eine Website mit eingeschaltetem Content cleaning everywhere bereinigt ihn beim Anzeigen der Seite. Füg das Spiel dort als URL-Ressource neu hinzu.

Im Unterricht einsetzen

Die Minesweeper-Unterrichtseinheit für Lehrkräfte ist eine 15-minütige Logik-Aktivität rund um dieses Spielfeld. Setz das Spielfeld in Moodle auf eine Textseite mit den Regeln, die die Schüler entdecken sollen, darunter, und lass danach ein Forum folgen, in dem sie eine Schlussfolgerung in eigenen Worten erklären. Für Übung auf Papier oder Hausaufgaben verlinke die Minesweeper-Arbeitsblätter zum Ausdrucken; zu jedem Blatt gibt es einen Lösungsschlüssel.

Fragen zum Einbetten in Moodle

Warum hat Moodle mein iframe entfernt?

Moodle schickt die meisten Texte durch HTML Purifier, der jedes iframe löscht. Inhalte von Textseiten und Beschreibungen von Aktivitäten sind ausgenommen, damit Lehrkräfte Medien und eingebettete Frames hinzufügen können – es sei denn, dein Administrator hat Content cleaning everywhere eingeschaltet. In Forenbeiträgen, Aufgabenabgaben, Wikis, Glossaren und anderen Stellen, an denen Schüler schreiben, werden iframes beim Speichern entfernt. Nimm eine Textseite, ein Text- und Medienfeld oder eine URL-Ressource mit Display: Embed.

Behebt „Allow EMBED and OBJECT tags“ ein entferntes iframe?

Nein. Diese Einstellung erlaubt nur die älteren Tags embed und object; auf iframes wirkt sie sich nicht aus, und dieser Code nutzt keins der beiden Tags. Ob ein iframe überlebt, hängt davon ab, wo du es einfügst (eine Textseite behält es), und bei forenartigen Aktivitäten davon, ob vertrauenswürdige Inhalte aktiviert sind und deine Rolle die Berechtigung moodle/site:trustcontent hat.

Kann ich das Spiel direkt auf die Kursseite setzen?

Ja. Füg statt einer Textseite ein Text- und Medienfeld hinzu (vor Moodle 4.1 hieß es Label) und setz den Code auf dieselbe Weise über den Quellcode ein. Auch dessen Text wird nicht bereinigt. Bleib dort beim Anfänger-Spielfeld: Die Spalte der Kursseite ist schmal, und ein größeres Spielfeld würde in ein scrollendes Fenster gequetscht.

Wie sieht die URL-Ressource mit Display: Embed aus?

Moodle öffnet eine Seite mit dem Kurskopf und darunter einem Fenster, das den verfügbaren Platz füllt, mit deinem Spiel darin. Nimm https://play-minesweeper.games/embed/?size=beginner&noguess=1 als External URL. Fehlt Embed in der Display-Liste, hat dein Administrator die Option aus den Available display options der URL-Ressource entfernt; wähl dann Open oder In pop-up.

Funktioniert es in der Moodle-App?

Eine Textseite mit dem iframe wird in der Moodle-App angezeigt, und dank max-width:100% passt sich der Code an den Bildschirm an. Flaggen setzt man durch langes Drücken. Nutzt deine Website den Weg über die URL-Ressource, öffnet die App die Adresse womöglich stattdessen im Browser.

Brauchen Schüler ein Konto oder ein Plugin?

Nein. In Moodle muss nichts installiert werden, und auf der Spiele-Website gibt es kein Konto. Das Spielfeld läuft im Fenster, zeigt keine Werbung, und Siege im Modus ohne Raten werden nie an die öffentliche Bestenliste übermittelt.

Alles auf dieser Seite beginnt mit einem Code aus dem Generator: einem Spielfenster und einer einzeiligen Quellenangabe mit Link darunter. Wähl Spielfeldgröße und Design, entscheide, ob die optionale „Powered by“-Zeile im Spiel erscheinen soll, und kopier dann den Code.

Minesweeper-Generator öffnen

Ebenfalls nützlich: der Minesweeper-Widget-Generator mit allen iframe-Optionen, die Minesweeper-Spielanleitung und eigene Spielfeldgrößen.