← Zurück zu den Projekten

Interaktive Lerneinheit

Ein Film erklärt. Eine Schulung fragt nach. Was hier steht, ist eine einzige HTML-Datei mit fünf Leveln, sechs verschiedenen Aufgabenformen, Punktestand, Abschluss-Check und einem Merkblatt zum Ausdrucken. Sie läuft im Browser, ohne Anmeldung, ohne Server und auch ohne Internet. Die Produktion hat 94 Cent gekostet.

Was ein KI-Wiki braucht, damit es funktioniert

Das Thema ist die Frage hinter jedem Firmen-Wiki: Was ein KI-gestütztes Wissenssystem können muss, damit es verlässlich antwortet, und woran es liegt, wenn es das nicht tut. Rechnen Sie mit 20 bis 25 Minuten. Der Fortschritt bleibt in Ihrem Browser, es wird nichts übertragen und nichts gespeichert, was Sie nicht selbst löschen können.

5Level, je mit Film und Aufgabe
6verschiedene Aufgabenformen
7,5 MBeine Datei, auch offline
94 ctModellkosten der Produktion

Die Kosten entstehen bei kie.ai, dem Anbieter, über den Bilder, Filme und Stimme laufen. Bemerkenswert daran ist, wie wenig eine Lerneinheit gegenüber einem Film zusätzlich kostet: Es sind dieselben Zeichnungen und dieselbe Vertonung. Was dazukommt, ist der Bau der Datei und der Pflichttest, und beides kostet Zeit statt Geld.

Fünf Level, und jedes fragt anders nach.

Je Level ein Medium und genau eine Abfrage. Dass jede Abfrage eine andere Form hat, ist keine Spielerei: Wer fünfmal dasselbe Ankreuzfeld bekommt, klickt es weg.

LevelMediumAbfrage
1FilmSelbsteinschätzung am Schieberegler
2AnimationVorhersage mit Balken
3AnimationReihenfolge-Aufgabe
4zwei AnimationenZuordnung in zwei Körbe
5Film und AnimationFehlersuche in einem Beispiel
Abschluss-Check, acht Fragen gemischt
01

Die Selbsteinschätzung gehört an den Anfang

Sie hat keine falsche Antwort und holt trotzdem etwas ab, nämlich das eigene Vorwissen. Die Auflösung danach trifft dadurch persönlich statt allgemein, weil der Lernende seine eigene Schätzung daneben stehen sieht.

02

Die stärkste Aufgabe steht am Schluss

Die Fehlersuche prüft kein Wissen, sondern Anwendung. Eine plausibel klingende KI-Antwort enthält drei Mängel, und wer sie anklickt, tut genau das, worum es in der ganzen Schulung geht.

Film oder Lerneinheit? Beides heißt im Alltag „Schulungsvideo".

Film

  • eine Videodatei
  • läuft linear durch
  • kein Nachweis möglich
  • geringerer Aufwand
  • Der Regelfall. Wer „Schulungsvideo" sagt, meint fast immer das.

Lerneinheit

  • eine Seite, die im Browser läuft
  • Level, Abfragen, Punktestand
  • Nachweis über den Abschluss-Check
  • rund doppelter Aufwand, aber kaum höhere Kosten
  • Lohnt, wenn abgefragt werden soll, etwa bei einer Unterweisung mit Teilnahmenachweis.

Die Medienproduktion ist in beiden Fällen dieselbe. Was bei der Lerneinheit dazukommt, ist der Bau der Datei und ein vollständiger Durchklick-Test.

Vier Fehler, die sich nicht melden.

Alle vier haben eines gemeinsam: Die Seite sieht danach völlig normal aus. Genau deshalb stehen sie hier.

Große Videos laden als Data-URI nicht

Ein Video von 1,6 MB, das direkt als Text in der Datei steckt, bleibt in Chrome einfach stehen. Es kommt keine Fehlermeldung, es passiert nur nichts. Der Ausweg ist, den Text beim Laden einmal in ein Blob umzuwandeln. Die Datei bleibt dabei eigenständig.

Ein gerades Anführungszeichen legt alles lahm

Steht in einem deutschen Zitat innerhalb des Programmtexts ein gerades Anführungszeichen, endet dort die Zeichenkette. Die Folge ist ein Syntaxfehler, und damit läuft kein einziges Skript der Seite mehr. Sie sieht trotzdem normal aus, reagiert nur auf nichts.

Punkte, die sich beim Wiederholen aufaddieren

Wer den Abschluss-Check zweimal macht, darf nicht mehr Punkte bekommen als wer ihn gleich besteht. Ein zweiter Durchlauf muss das alte Ergebnis ersetzen, nicht ergänzen.

Als lokale Datei fehlt der Speicher

Wird die Datei direkt vom Rechner geöffnet, sperren manche Browser den Speicherplatz für den Fortschritt. Ohne Vorkehrung verschwindet er still und der Knopf zum Fortsetzen erscheint nie. Deshalb ist ein Link wie dieser hier der bessere Weg als die Datei per Mail.

Der Ablauf, im Original.

Die Lerneinheit ist der zweite Ausgabemodus desselben Ablaufs, der auch die Filme erzeugt. Er steht als Arbeitsanweisung zum Herunterladen bereit, samt der Fehler oben, die dort inzwischen als Regel stehen.

schulung/SKILL.mdDer Produktions-Ablauf

Von der ersten Frage bis zur fertigen Datei

Briefing, Stilfreigabe, Konzept, das Freigabe-Tor, Vertonung, Bilder, Clips, Animation, Mischung und Untertitel. Enthält beide Ausgabeformen, also Film und Lerneinheit, und beschreibt für die Lerneinheit zusätzlich den Aufbau der Level, den Baukasten der Aufgabenformen und den Pflichttest.

Verwandte ProjekteDieselbe Werkstatt

Wo die Medien herkommen

Die Filme in dieser Lerneinheit sind nach demselben Verfahren entstanden wie die Erklärvideos, mit erzeugten Papercut-Hintergründen und darübergelegter Schrift. Wie eine Hand vor der Kamera zeichnet, ist wieder ein eigenes Thema.

Impressum

Angaben gemäß § 5 DDG

Matthias Stiefel
Ahornstraße 15
82223 Eichenau

Kontakt
E-Mail: caligatus@gmx.de

Datenschutzerklärung

Stand: Juli 2026

1. Verantwortlicher

Matthias Stiefel
Ahornstraße 15
82223 Eichenau
E-Mail: caligatus@gmx.de

2. Allgemeines

Sie haben jederzeit das Recht auf Auskunft, Berichtigung, Löschung und Einschränkung der Verarbeitung Ihrer Daten sowie auf Datenübertragbarkeit. Zudem können Sie sich bei einer Datenschutz-Aufsichtsbehörde beschweren, zuständig ist das Bayerische Landesamt für Datenschutzaufsicht (BayLDA).

3. Hosting / Server-Log-Dateien

Diese Website wird auf einem Server bei Hostinger betrieben. Beim Aufruf der Seite verarbeitet der Server automatisch technische Verbindungsdaten (u. a. IP-Adresse, Datum/Uhrzeit, aufgerufene Seite, Browsertyp) in Server-Logs. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an einem funktionierenden, sicheren Betrieb). Speicherdauer: wenige Tage bis Wochen.

4. Google Fonts

Diese Website lädt Schriftarten direkt von Servern von Google. Dabei wird Ihre IP-Adresse an Google übertragen. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO. Mehr dazu in der Google-Datenschutzerklärung.

5. Kontaktformular

Bei Nutzung des Kontaktformulars verarbeite ich Name, E-Mail-Adresse und Nachricht, um Ihre Anfrage zu beantworten. Die Daten werden an meinen selbst betriebenen n8n-Server übertragen, der Bestätigungsmail, Benachrichtigung per E-Mail (Gmail) und Telegram-Push übernimmt. Rechtsgrundlage: Art. 6 Abs. 1 lit. b bzw. f DSGVO. Empfänger: mein n8n-Server, Google (Gmail), Telegram FZ-LLC. Ihre Nachricht verbleibt in meinem Postfach, bis ich sie lösche.

6. Gästebuch

Im Gästebuch können Sie einen öffentlich sichtbaren Eintrag hinterlassen (Name, Nachricht). Jeder Eintrag wird von mir persönlich geprüft und freigegeben oder abgelehnt. Zusätzlich wird Ihre IP-Adresse zur Missbrauchsprävention verarbeitet (max. 1 Einreichung/Stunde). Freigegebene Einträge bleiben öffentlich sichtbar, bis ich sie entferne; nicht freigegebene Einträge werden nach 30 Tagen automatisch gelöscht. Rechtsgrundlage: Art. 6 Abs. 1 lit. a DSGVO (Ihre Einwilligung durch Absenden). Empfänger: mein n8n-Server, Telegram FZ-LLC und Google (Gmail) für die Freigabe-Benachrichtigung an mich.

7. SSL/TLS-Verschlüsselung

Diese Website nutzt aus Sicherheitsgründen eine SSL/TLS-Verschlüsselung (erkennbar an „https://" und dem Schloss-Symbol im Browser).