Animationen und Simulationen
Bringen Sie ein funktionierendes Modell ins Arbeitsblatt: Die Lernenden ändern mit seinen Schiebereglern und Schaltflächen eine Bedingung und beobachten, was passiert, von der Überlagerung zweier Wellen bis zum neuen Marktgleichgewicht.
Wann es passt
Ein interaktives Artefakt ist eine HTML-Seite, die direkt im Arbeitsblatt läuft. Es passt, wenn es um Veränderung geht, die ein unbewegtes Bild nicht zeigen kann: Zwei Wellen verstärken oder schwächen sich, ein Planet wird auf seiner elliptischen Bahn schneller und langsamer, der Gleichgewichtspreis verschiebt sich, wenn die Nachfrage steigt.
Das funktioniert in jedem Fach. Das Modell können Sie selbst schreiben, von Kolleginnen und Kollegen übernehmen oder von einem KI-Assistenten bauen lassen.
Ein Modell einfügen
Klicken Sie im Arbeitsblatt auf das + zwischen zwei Elementen und wählen Sie Interaktives Artefakt.
Der Editor öffnet sich, links mit dem HTML-Quelltext, rechts mit der Live-Vorschau. Fügen Sie den Code der Seite in den Quelltext ein oder klicken Sie auf HTML-Datei hochladen und wählen Sie eine einzelne .html-Datei bis 2 MB.
Schreiben Sie oben einen Titel. Änderungen werden laufend gespeichert, und neben den Schaltflächen steht Gespeichert.
Probieren Sie das Modell in der Vorschau aus, klicken Sie auf Schließen und dann auf den Haken.
Um es später zu ändern, klicken Sie auf den Stift und dann auf HTML bearbeiten. Eine neue Datei ersetzt den bisherigen Code, deshalb fragt Praktikal vorher nach.
Was die Klasse tut
Die Lernenden bedienen das Modell direkt im Arbeitsblatt mit seinen eigenen Reglern und Schaltflächen: Sie verschieben einen Regler, starten oder pausieren und beobachten das Ergebnis. Ist das Element geschlossen dargestellt, klicken sie zuerst auf Interaktive Inhalte öffnen.
Ein gewöhnliches Modell speichert nichts: Was die Lernenden verändern, wird nicht festgehalten, und beim erneuten Öffnen beginnt das Modell von vorn.
Tipps
Ein Modell pro Gedanke. Im Beispiel sind Wellen, Umlaufbahn und Markt drei eigene Elemente in drei Arbeitsblättern.
Halten Sie die Seite eigenständig. Skripte und Stile müssen in der Datei stehen oder von jsDelivr, cdnjs oder unpkg kommen, und die Seite kann keine Daten von anderen Websites laden. Bilder von HTTPS-Adressen funktionieren.
Geben Sie eine Forschungsfrage mit, etwa was mit dem Gleichgewicht passiert, wenn die Nachfrage steigt. Bloßes Ausprobieren bleibt weniger hängen.
Ist die Seite so gebaut, dass sie Antworten meldet, zeigt das Element beim Bearbeiten Beantwortbar. Dann sammelt es die Antworten der Lernenden wie eine Frage, und sie erscheinen unter Ergebnisse.