KI-Schulwissen
Anleitung

Lernkarten-Generator Schritt für Schritt

Von der ersten Idee über die Inhalte aus der KI bis zur fertigen Seite für Ihre Lernenden. Diese Anleitung zeigt jeden Schritt und jede Einstellung, mit Bildern und einem durchgehenden Beispiel zu KI-Grundbegriffen.

Das Wichtigste vorab

Sie bauen eine Webseite, keine Kartei

Der Generator legt keine Karten in einem Programm ab. Er erzeugt eine eigene kleine Lernkarten-Seite, die Sie an Ihre Lernenden weitergeben. Mehr zum Prinzip

Das PrinzipWas am Ende entsteht und wie es zu den Lernenden kommt Inhalte mit KIPrompt-Vorlagen zum Kopieren, prüfen, übernehmen Der WegIn sechs Schritten von der Idee zur Datei Karten und ImportAnlegen, bearbeiten, sortieren, aus Excel holen GestaltenVorlagen, eigene Farbe, alle Einstellungen Die fertige SeiteWenden, Lernmodus, Weitergeben im Unterricht
Kapitel 1

Das Prinzip: eine Lernkarten-Seite zum Weitergeben

Der Lernkarten-Generator erzeugt nicht einfach Karten, die in einem Programm liegen bleiben. Am Ende steht eine eigene kleine Webseite: eine einzige HTML-Datei, in der alle Karten, die Gestaltung und die Bedienung stecken. Diese Datei geben Sie weiter wie ein Arbeitsblatt.

1.1Was am Ende entsteht

So sieht eine fertige Lernkarten-Seite aus. Die Lernenden öffnen sie mit einem Doppelklick im Browser, lesen die Frage, wenden die Karte und blättern weiter. Im Lernmodus markieren sie, was sie schon wissen, und wiederholen am Ende nur das, was noch offen ist.

Abbildung 1 Eine fertige Lernkarten-Seite zum Thema „KI-Grundbegriffe“ in der Vorlage „Papier und Prägung“

MerksatzSie arbeiten im Generator, die Lernenden arbeiten mit der erzeugten Datei. Den Generator selbst bekommen die Lernenden nie zu sehen.

1.2Eine Datei, viele Wege

Weil alles in einer einzigen Datei steckt, kommt sie überall hin, wo Dateien hinkommen. Es gibt kein Konto, keine Anmeldung und keinen Server, der laufen muss.

Eine HTML-Datei in der Mitte, Pfeile zu fünf Wegen, nämlich E-Mail, Lernplattform, TaskCards, eigene Website und USB-Stick IHRE DATEI KI-Grundbegriffe .html Karten, Design und Bedienung E-Mail Lernplattform TaskCards Eigene Website USB-Stick LERNENDE öffnen die Datei im Browser am Rechner, Tablet, Handy
Die erzeugte HTML-Datei wandert auf jedem Weg, auf dem Sie sonst ein Arbeitsblatt verteilen.

1.3Was die Seite kann und was sie nicht tut

Das kann sie

  • Karten wenden, vor und zurück blättern, mischen
  • Lernmodus mit „Gewusst“ und „Noch nicht“, am Ende nur die offenen Karten wiederholen
  • Bedienung mit Maus, Finger oder Tastatur
  • Funktioniert ohne Internet, Schrift und Symbole stecken in der Datei
  • Passt sich an Rechner, Tablet und Handy an

Das tut sie nicht

  • Sie speichert nichts im Browser und setzt keine Cookies
  • Sie sendet nichts, auch keine Ergebnisse an die Lehrkraft
  • Sie verlangt keine Anmeldung und kein Konto
  • Sie lädt nichts aus dem Internet nach

Daraus folgt eine Grenze. Was Lernende im Lernmodus markieren, ist nach dem Schließen der Datei wieder weg. Das ist gewollt, denn so fallen keine Daten an.

Kapitel 2

Inhalte mit KI erzeugen

Das Aufwendigste an Lernkarten sind gute Fragen und knappe, richtige Antworten. Genau dabei hilft eine KI. Sie schreibt in Sekunden einen ersten Satz Karten in einem Format, das der Generator direkt übernimmt. Ihre Aufgabe ist danach das, was keine KI Ihnen abnimmt, nämlich fachlich prüfen und auswählen.

Vom Prompt zur Karte in vier Stationen, Prompt schreiben, KI antwortet mit Zeilen Frage Semikolon Antwort, prüfen, einfügen im Reiter Import 1PromptVorlage kopieren,Thema eintragen 2KI antwortetFrage;AntwortFrage;Antwort 3Prüfenfachlich richtig?kurz genug? 4EinfügenReiter „Import“,„Karten übernehmen“
Vom Prompt zur fertigen Karte. Die KI liefert eine Zeile pro Karte, Frage und Antwort durch ein Semikolon getrennt.

2.1Warum KI hier so gut hilft

  • Sie spart die meiste Zeit dort, wo sie anfällt. Zwanzig Fragen samt Antworten von Hand zu formulieren dauert eine Stunde, die KI braucht dafür Sekunden.
  • Sie liefert gleich das richtige Format. Mit den Vorlagen unten antwortet sie in Zeilen, die der Generator ohne Nacharbeit einliest.
  • Sie arbeitet mit Ihrem Material. Sie können einen Text, ein Tafelbild oder eine Stoffsammlung einfügen und daraus Karten machen lassen.
  • Sie variiert auf Zuruf. Für leichtere Fragen, mehr Fachbegriffe oder drei Schwierigkeitsstufen genügt ein Satz im Chat.

2.2Datenschutz und Verantwortung

Keine personenbezogenen Daten in den PromptSchreiben Sie keine Namen, Noten oder sonstigen Angaben zu Lernenden in den Chat. Für Lernkarten brauchen Sie ohnehin nur Fachinhalte.

Die Verantwortung bleibt bei IhnenSprachmodelle formulieren auch falsche Aussagen sehr überzeugend. Prüfen Sie jede Karte, bevor sie bei Lernenden ankommt. Die Prüfliste in Abschnitt 2.9 hilft dabei.

Der Generator selbst schickt nichts an eine KI. Die Karten entstehen in Ihrem KI-Chat, Sie kopieren den Text und fügen ihn im Generator ein. Was dort geschieht, bleibt in Ihrem Browser.

2.3Welche KI Sie nutzen können

Die Vorlagen funktionieren in jedem Chat mit einem Sprachmodell. Für Schulen in Nordrhein-Westfalen liegt AIS.chat nahe, die KI-Landesplattform für Schulen. Ebenso gut gehen ChatGPT, Claude, Microsoft Copilot oder Gemini. Wählen Sie das Werkzeug, das an Ihrer Schule freigegeben ist.

Die Ergebnisse unterscheiden sich im Detail. Am Format ändert das nichts, solange Sie die Formatregel aus der Vorlage mitschicken.

2.4Prompt 1: Karten zu einem Thema

Der Standardfall. Ersetzen Sie die Angaben in eckigen Klammern und schicken Sie den Prompt ab.

Prompt zum Kopieren
Du bist eine erfahrene Lehrkraft für [Fach] an [Schulform, z. B. einem Berufskolleg].
Erstelle [15] Lernkarten zum Thema [Thema] für [Lerngruppe, z. B. Klasse 11].

Regeln:
- Eine klare Frage pro Karte. Die Antwort hat höchstens zwei Sätze.
- Nur gesicherte Fakten. Bist du unsicher, lass die Karte weg.
- Keine Einleitung, keine Nummerierung, keine Erklärungen danach.

Format: eine Karte pro Zeile, Frage und Antwort durch ein Semikolon getrennt.
Enthält ein Text selbst ein Semikolon, setze ihn in gerade Anführungszeichen.
Beispiel:
Was ist ein Prompt?;Die Eingabe, mit der man einer KI sagt, was sie tun soll.

2.5Prompt 2: Karten aus eigenem Material

Sie haben schon einen Text, ein Arbeitsblatt oder eine Stoffsammlung? Dann lassen Sie die KI nur daraus Karten bilden. Das senkt das Risiko erfundener Inhalte deutlich.

Prompt zum Kopieren
Hier ist mein Unterrichtsmaterial zwischen den beiden Linien.
---
[Text einfügen]
---
Erstelle daraus [12] Lernkarten für [Lerngruppe].
Verwende ausschließlich Inhalte, die im Material stehen.
Eine Frage pro Karte, die Antwort höchstens zwei Sätze.

Format: eine Karte pro Zeile, Frage und Antwort durch ein Semikolon getrennt,
ohne Einleitung und ohne Nummerierung.

Bei urheberrechtlich geschützten Texten, etwa aus einem Lehrbuch, gelten die Nutzungsbedingungen Ihrer KI und die Regeln Ihrer Schule.

2.6Prompt 3: Fachbegriffe erklären

Für Wortschatz, Fachbegriffe oder Vokabeln steht auf der Vorderseite der Begriff und auf der Rückseite die Erklärung.

Prompt zum Kopieren
Erstelle Lernkarten zu den [20] wichtigsten Fachbegriffen des Themas [Thema].
Vorderseite: nur der Fachbegriff.
Rückseite: eine verständliche Erklärung für [Lerngruppe], höchstens 25 Wörter.

Format: eine Karte pro Zeile, Begriff und Erklärung durch ein Semikolon getrennt,
ohne Einleitung und ohne Nummerierung.

2.7Prompt 4: Drei Schwierigkeitsstufen

Für differenzierte Wiederholung lässt sich die Stufe direkt in die Frage schreiben. Später können Sie daraus auch drei getrennte Lernkarten-Seiten machen.

Prompt zum Kopieren
Erstelle zum Thema [Thema] je 5 Lernkarten in drei Stufen:
Grundlagen (Wissen wiedergeben), Anwendung (Wissen nutzen), Transfer (auf Neues übertragen).
Schreibe die Stufe in Klammern an den Anfang jeder Frage, etwa „(Grundlagen) Was ist …?“.
Die Antworten haben höchstens drei Sätze.

Format: eine Karte pro Zeile, Frage und Antwort durch ein Semikolon getrennt,
ohne Einleitung und ohne Nummerierung.

2.8So sieht eine brauchbare Antwort aus

Eine gute Antwort besteht nur aus Kartenzeilen. Alles, was davor oder danach steht, etwa „Gern, hier sind Ihre Karten“, lassen Sie beim Kopieren weg oder löschen es nach dem Einfügen.

Die KI hat eine Tabelle geliefert?Auch gut. Markieren Sie die Tabelle im Chat, kopieren Sie sie und fügen Sie sie im Generator ein. Kopierte Tabellenzellen kommen als tabulatorgetrennter Text an, den der Generator erkennt. Erste Spalte Frage, zweite Spalte Antwort.

2.9Vor dem Übernehmen prüfen

  • Fachlich richtig? Jede Antwort, die Sie nicht sicher wissen, nachschlagen oder streichen.
  • Eine Frage pro Karte? Doppelfragen wie „Was ist X und wozu dient Y?“ teilen.
  • Kurz genug? Die Rückseite soll man in wenigen Sekunden lesen können.
  • Eindeutig? Lässt die Frage nur eine Antwort zu, oder gäbe es mehrere richtige?
  • Keine Dopplungen? Zwei Karten mit derselben Aussage zusammenfassen.
  • Passt die Sprache zur Lerngruppe? Fachbegriffe, die noch nicht eingeführt sind, ersetzen.

Die KI kann Ihnen beim Prüfen helfen. Fügen Sie die Karten wieder in den Chat ein und schicken Sie diesen Auftrag dazu:

Prompt 5 zum Kopieren: prüfen lassen
Prüfe die folgenden Lernkarten für [Lerngruppe].
Markiere fachliche Fehler, mehrdeutige Fragen, Doppelfragen und Antworten mit mehr als zwei Sätzen.
Gib danach die verbesserte Fassung im selben Format aus:
eine Karte pro Zeile, Frage und Antwort durch ein Semikolon getrennt.

[Karten einfügen]

2.10Die Karten in den Generator holen

  1. Markieren Sie im Chat die Kartenzeilen und kopieren Sie sie mit Strg + C (Mac: ⌘ + C). Viele Chats haben dafür auch einen eigenen Kopierknopf.
  2. Öffnen Sie im Generator den Reiter „Import“.
  3. Klicken Sie in das Feld „Oder Text einfügen“ und fügen Sie mit Strg + V ein.
  4. Klicken Sie auf „Karten übernehmen“.
Abbildung 2 Die Antwort der KI im Feld „Oder Text einfügen“ (1), darunter der Knopf „Karten übernehmen“ (2)

Der Generator wechselt danach selbst zum Reiter „Karten“, meldet, wie viele Karten er übernommen hat, und zeigt die erste Karte in der Vorschau.

Abbildung 3 Nach dem Übernehmen stehen die Meldung oben (1), die Anzahl der Karten (2) und die Kartenliste (3)
Kapitel 3

Der Weg in sechs Schritten

Von der Idee bis zur verteilten Datei sind es immer dieselben sechs Schritte. Jeder Schritt führt zum passenden Kapitel.

Sechs Schritte, Thema festlegen, Inhalte mit KI erzeugen, importieren, prüfen und bearbeiten, gestalten, HTML erstellen und weitergeben 1ThemaLerngruppe,Umfang 2KIKarten mitPrompt erzeugen 3Importeinfügen undübernehmen 4PrüfenKarten lesen,bearbeiten 5GestaltenVorlage undFeinschliff 6HTMLerstellen undweitergeben
Die sechs Schritte von der Idee bis zur weitergegebenen Lernkarten-Seite.
  1. Thema festlegen. Für wen sind die Karten, wie viele sollen es werden, was sollen die Lernenden danach können? Rund 10 bis 30 Karten pro Seite haben sich bewährt.
  2. Inhalte mit KI erzeugen. Eine Prompt-Vorlage kopieren, anpassen, abschicken. Zu den Vorlagen
  3. Importieren. Die Antwort der KI in den Reiter „Import“ einfügen und übernehmen. So geht es
  4. Prüfen und bearbeiten. Jede Karte lesen, Fehler korrigieren, ergänzen, umsortieren. Karten bearbeiten
  5. Gestalten. Eine Vorlage wählen und bei Bedarf Farben und Schriftgrößen anpassen. Gestalten
  6. HTML erstellen und weitergeben. Die Datei speichern und verteilen. Vorher am besten einmal als JSON sichern, dann können Sie später weiterarbeiten. Speichern und erstellen
Kapitel 4

Der Generator im Überblick

Der Generator hat zwei Hälften. Links bearbeiten Sie, rechts sehen Sie sofort, wie die fertige Seite aussieht. Über allem liegt eine Leiste mit den vier wichtigsten Knöpfen.

Abbildung 4 Der Generator mit Aktionsleiste, Bearbeitungsleiste links und Live-Vorschau rechts
  1. HTML erstellen: erzeugt die fertige Lernkarten-Seite
  2. Speichern: sichert Karten und Gestaltung als JSON zum Weiterarbeiten
  3. Laden: öffnet eine gespeicherte JSON-Datei
  4. Hilfe: die Kurzanleitung im Werkzeug
  5. Reiter: „Karten“, „Import“ und „Gestaltung“
  6. Kartenliste: alle Karten zum Bearbeiten
  7. Live-Vorschau: die Seite so, wie die Lernenden sie sehen

4.1Live-Vorschau und aktive Karte

Die Vorschau ist keine Attrappe, sondern genau die Seite, die später als Datei entsteht. Sie können darin wenden, blättern und den Lernmodus ausprobieren. Jede Änderung links erscheint rechts nach einem kurzen Augenblick.

Sobald Sie in eine Karte klicken, wird sie zur aktiven Karte: Sie liegt vertieft, ihre Nummer färbt sich, und die Vorschau springt genau zu ihr. Über der Vorschau steht, welche Karte gerade gezeigt wird.

Abbildung 5 Die aktive Karte 3 (1) erscheint in der Vorschau (2), oben steht „Karte 3 von 8“ (3)

4.2Auf kleinen Bildschirmen

Ist das Fenster schmaler als etwa 820 Pixel, etwa auf einem Tablet im Hochformat, steht die Vorschau unter der Bearbeitungsleiste statt daneben. Alles funktioniert gleich, Sie scrollen nur etwas mehr. Zum Erstellen größerer Sets ist ein Rechner mit Maus bequemer.

Kapitel 5

Karten anlegen und bearbeiten

Im Reiter „Karten“ liegen alle Karten untereinander, jede mit einem Feld für die Frage und einem für die Antwort. Hier prüfen und verbessern Sie auch, was die KI geliefert hat.

5.1Den Namen des Lernsets eintragen

Der Name erscheint als Überschrift über den Karten und wird beim Speichern als Dateiname vorgeschlagen. Ohne Namen heißt die Seite „Lernkarten“.

Abbildung 6 Das Feld für den Namen (1), die Anzahl der Karten (2), „Als CSV speichern“ (3) und „Alle Karten löschen“ (4)

5.2Eine neue Karte anlegen

Klicken Sie unter der Liste auf „Neue Karte“. Die leere Karte erscheint am Ende, der Cursor steht gleich im Fragefeld. In der Vorschau steht bis zur ersten Eingabe „Noch keine Frage“.

Abbildung 7 Die Kartenliste mit dem Knopf „Neue Karte“ (1) am Ende

Steht beim ersten Öffnen nur die Beispielkarte in der Liste, wird sie beim ersten Import automatisch ersetzt. Sie müssen sie nicht vorher löschen.

5.3Frage und Antwort bearbeiten

Klicken Sie in ein Feld und schreiben Sie los. Ein Klick genügt, auch wenn vorher eine andere Karte aktiv war. Die Felder wachsen mit dem Text.

Abbildung 8 Eine Karte mit Nummer (1), Griff zum Verschieben (2), Frage (3), Antwort (4) und Löschen (5)
  1. Nummer der Karte, in der aktiven Karte in Terrakotta
  2. Griff zum Verschieben
  3. Frage: steht auf der Vorderseite
  4. Antwort: steht auf der Rückseite
  5. Kreuz: löscht diese eine Karte sofort

5.4Zeilenumbrüche und Aufzählungen

Mit Enter beginnen Sie im Feld eine neue Zeile. Die Zeile erscheint genauso auf der Karte. So lassen sich kurze Aufzählungen auf die Rückseite schreiben.

Abbildung 9 Eine Antwort über zwei Zeilen (1) und dieselbe Antwort auf der Rückseite in der Vorschau (2)

Formatierungen wie Fett oder Kursiv gibt es bewusst nicht. Was Sie eintippen, erscheint als reiner Text, auch spitze Klammern.

5.5Karten umsortieren

Fassen Sie eine Karte am Griff links unter der Nummer und ziehen Sie sie an die neue Stelle. Die Nummern passen sich an, die Vorschau springt zur verschobenen Karte.

Abbildung 10 Der Griff (1) einer Karte, die gerade verschoben wird

Mit der Tastatur: Springen Sie mit Tab auf den Griff und drücken Sie ↑ oder ↓. Die Karte wandert jeweils um einen Platz.

In der fertigen Seite können die Lernenden die Reihenfolge außerdem mit „Mischen“ zufällig verändern.

5.6Karten löschen

  • Eine Karte: das Kreuz rechts an der Karte. Es löscht ohne Rückfrage.
  • Alle Karten: der Papierkorb über der Liste. Davor fragt der Generator nach, denn rückgängig machen lässt sich das nicht.
Abbildung 11 Die Rückfrage vor dem Löschen aller Karten mit „Abbrechen“ (1) und „Löschen“ (2)

TippSpeichern Sie vor größeren Umbauten einmal als JSON. Dann haben Sie einen Stand, zu dem Sie zurückkehren können.

5.7Karten als CSV speichern

Das Dateisymbol über der Liste speichert nur die Karten, ohne Gestaltung, als CSV-Datei. Sie öffnet sich direkt in Excel, mit Frage und Antwort in zwei Spalten. Das ist praktisch, um Karten in einer Tabelle zu überarbeiten oder an Kolleginnen und Kollegen weiterzugeben.

Abbildung 12 Der Dialog zum Speichern als CSV mit Dateiname (1) und Endung (2)

Zum Weiterarbeiten im Generator samt Gestaltung ist „Speichern“ als JSON der bessere Weg, siehe Abschnitt 8.2.

Kapitel 6

Karten importieren

Der Reiter „Import“ nimmt Karten aus einer Datei oder aus der Zwischenablage auf. Das ist der Weg für Antworten einer KI, für Tabellen aus Excel und für Karten, die Sie früher als CSV gespeichert haben.

6.1Drei Wege hinein

Abbildung 13 Der Reiter „Import“ mit der Ablage für Dateien (1), dem Feld zum Einfügen (2) und „Karten übernehmen“ (3)
  1. Ablage: eine Datei darauf ziehen oder klicken und auswählen
  2. Textfeld: kopierten Text oder Tabellenzellen einfügen
  3. „Karten übernehmen“: liest den Text aus dem Feld ein

Außerdem gilt: Solange der Reiter „Import“ offen ist, genügt Strg + V (Mac: ⌘ + V) irgendwo außerhalb des Textfelds. Der Generator übernimmt die Zwischenablage dann sofort.

6.2Eine Datei einlesen

Ziehen Sie eine CSV-, TSV- oder Textdatei aus dem Finder oder Explorer auf die Ablage. Die Fläche hebt sich hervor, sobald die Datei darüber schwebt. Alternativ klicken Sie auf die Ablage und wählen die Datei aus.

Abbildung 14 Die Ablage, während eine Datei darübergezogen wird

6.3Text einfügen

Kopieren Sie den Text, klicken Sie in das Feld „Oder Text einfügen“, fügen Sie ein und klicken Sie auf „Karten übernehmen“. Danach ist das Feld wieder leer. Das ist der übliche Weg für Antworten einer KI, siehe Abschnitt 2.10.

6.4Aus Excel oder Numbers übernehmen

  1. Schreiben Sie in die erste Spalte die Fragen, in die zweite die Antworten.
  2. Markieren Sie die Zellen beider Spalten und kopieren Sie sie.
  3. Fügen Sie sie im Feld „Oder Text einfügen“ ein und klicken Sie auf „Karten übernehmen“.
Abbildung 15 Aus Excel kopierte Zellen im Textfeld, Frage und Antwort durch einen Tabulator getrennt (1)

Weitere Spalten rechts daneben stören nicht, der Generator nimmt nur die ersten beiden. Eine Kopfzeile wie „Frage“ und „Antwort“ wird übersprungen.

6.5Welches Format der Generator versteht

RegelErklärung
Eine Karte pro ZeileLeere Zeilen werden übersprungen.
TrennzeichenTabulator, Semikolon oder Komma. Der Generator erkennt es an der ersten Zeile selbst.
AnführungszeichenEnthält ein Text das Trennzeichen oder einen Zeilenumbruch, steht er in geraden Anführungszeichen. Ein Anführungszeichen im Text wird verdoppelt.
Kopfzeile„Frage;Antwort“, „Question;Answer“ oder „Vorderseite;Rückseite“ in der ersten Zeile wird übersprungen.
Unvollständige ZeilenZeilen ohne Frage oder ohne Antwort werden nicht übernommen.
UmlauteUTF-8 und die ältere Windows-Kodierung von Excel werden beide erkannt.
Was ist ein Prompt?;Die Eingabe, mit der Sie einer KI sagen, was sie tun soll.
"Nennen Sie drei Bausteine eines guten Prompts.";"Rolle, Aufgabe, Kontext
dazu ein gewünschtes Format"
Wofür steht DSGVO?;Datenschutz-Grundverordnung

Die zweite Karte zeigt beide Sonderfälle. Die Antwort enthält einen Zeilenumbruch und steht deshalb in Anführungszeichen.

6.6Anhängen oder ersetzen

Importierte Karten werden an die vorhandenen angehängt. So können Sie mehrere KI-Antworten nacheinander einfügen. Nur wenn in der Liste ausschließlich die Beispielkarte oder leere Karten stehen, werden diese ersetzt.

Wollen Sie neu beginnen, löschen Sie vorher alle Karten mit dem Papierkorb.

6.7Wenn nichts erkannt wird

Abbildung 16 Die Meldung, wenn im eingefügten Text keine Karten erkannt wurden

Meist fehlt die zweite Spalte. Die KI hat zum Beispiel nummerierte Fragen mit Antworten darunter geliefert statt einer Zeile pro Karte. Bitten Sie die KI dann: „Gib die Karten noch einmal aus, eine pro Zeile, Frage und Antwort durch ein Semikolon getrennt.“

Kapitel 7

Gestalten

Im Reiter „Gestaltung“ legen Sie fest, wie die fertige Seite aussieht. Am schnellsten geht es mit einer Vorlage. Danach lässt sich jede Einzelheit verändern, die Vorschau zeigt jede Änderung sofort.

7.1Eine Vorlage wählen

Abbildung 17 Die Gruppe „Vorlagen“ mit vier Vorlagen (1 bis 4) und „Aus einer Farbe“ (5)

Ein Klick genügt, die Vorlage überschreibt alle Farben, Größen und die Schrift. Die farbigen Punkte auf jedem Knopf zeigen Hintergrund, Schriftfarbe und Akzent. So sehen die vier Vorlagen mit denselben Karten aus:

Abbildung 18 „Papier und Prägung“, das Erscheinungsbild von ki-schulwissen.de mit eingebetteter Hausschrift
Abbildung 19 „Elegant“: Serifenschrift und warme, zurückhaltende Töne
Abbildung 20 „Barrierefrei“: hoher Kontrast, große Schrift, höhere Karten
Abbildung 21 „Kreativ“: bunt und verspielt, für jüngere Lerngruppen

Alle Vorlagen erreichen bei jeder Schrift mindestens den Kontrast, den die Richtlinien für barrierefreie Webseiten verlangen.

7.2Ein Schema aus einer Farbe

Klicken Sie bei „Aus einer Farbe“ auf das Farbfeld und wählen Sie eine Grundfarbe, etwa die Farbe Ihrer Schule oder Ihres Fachs. Der Generator leitet daraus Hintergrund, Schrift- und Knopffarben ab. Er dunkelt dabei Schriftfarben so weit ab, dass sie gut lesbar bleiben, auch bei hellem Gelb oder Grün.

Abbildung 22 Ein Schema, abgeleitet aus einem Petrolton

7.3Seite und Titel

Abbildung 23 Die Gruppe „Seite und Titel“
  1. Hintergrund der ganzen Seite
  2. Titel anzeigen: blendet den Namen des Lernsets über den Karten ein oder aus
  3. Titel fett
  4. Titelfarbe
  5. Titelgröße in Pixeln
  6. Schrift für die ganze Seite
SchriftWirkung
HausschriftSchibsted Grotesk, die Schrift von ki-schulwissen.de. Sie steckt in der Datei und sieht deshalb auf jedem Gerät gleich aus.
SerifEine Schrift mit Serifen aus dem Betriebssystem, ruhig und klassisch.
KreativEine handschriftlich wirkende Systemschrift, verspielt.
SystemschriftDie Standardschrift des jeweiligen Geräts.

Serif, Kreativ und Systemschrift kommen vom Gerät der Lernenden. Sie sehen deshalb auf einem Mac etwas anders aus als unter Windows.

7.4Die Karte

Abbildung 24 Die Gruppe „Karte“
  1. Vorderseite: Farbe der Frageseite
  2. Rückseite: Farbe der Antwortseite. Eine leicht andere Farbe zeigt beim Wenden deutlich, welche Seite oben liegt.
  3. Breite der Karte, von 60 bis 200 Prozent
  4. Mindesthöhe: Lange Texte machen die Karte bei Bedarf höher.
  5. Schatten: von „Kein“ bis „Schwebend“

7.5Texte auf der Karte

Für vier Textarten lassen sich Farbe, Größe und Fett getrennt einstellen:

Abbildung 25 Die Gruppe „Texte auf der Karte“ mit Label (1), Frage (2), Antwort (3) und Hinweis (4)
  1. Label: die kleinen Wörter „Frage“ und „Antwort“ über dem Text
  2. Frage auf der Vorderseite
  3. Antwort auf der Rückseite
  4. Hinweis unten auf der Vorderseite, etwa „Klicken zum Wenden“. Text frei wählbar, abschaltbar.

7.6Navigation

Abbildung 26 Die Gruppe „Navigation“ mit Zähler und Mischen (1), Pfeilknöpfen (2) und dem Knopf „Wenden“ (3)
  1. Zähler und Mischen: „Karte 1 von 10“ über der Karte, ein- und ausblendbar, mit Text- und Iconfarbe und Größe
  2. Pfeilknöpfe: Fläche, Pfeilfarbe und Schatten. Die Knöpfe „Gewusst“ und „Noch nicht“ übernehmen diese Farben.
  3. Knopf „Wenden“: Fläche, Schrift und Schatten. Er ist der auffälligste Knopf der Seite.

7.7Optionen

Abbildung 27 Die Gruppe „Optionen“ mit Lernmodus (1), Mischen (2) und Tastaturhinweis (3)
  1. Lernmodus: Nach dem Wenden erscheinen „Gewusst“ und „Noch nicht“, am Ende eine Auswertung. Standardmäßig an.
  2. Knopf „Mischen“: erlaubt den Lernenden, die Reihenfolge zu würfeln
  3. Hinweis auf die Tastatur unter den Karten

Für eine reine Präsentation am Beamer kann es sinnvoll sein, Lernmodus und Mischen abzuschalten.

Kapitel 8

Speichern, Laden und HTML erstellen

Es gibt drei Arten von Dateien. Wer sie auseinanderhält, verliert nie wieder Arbeit.

8.1Welche Datei wofür?

KnopfDateiWofür
HTML erstellen.htmlDie fertige Lernkarten-Seite für die Lernenden. Sie lässt sich nicht wieder in den Generator laden.
Speichern.jsonIhr Arbeitsstand umfasst alle Karten und die ganze Gestaltung. Mit „Laden“ arbeiten Sie daran weiter.
Als CSV speichern.csvNur die Karten als Tabelle, etwa für Excel oder zum Weitergeben an andere.

FaustregelSpeichern Sie immer beides, die JSON-Datei für sich und die HTML-Datei für die Lernenden. Der Generator merkt sich nichts, nach dem Schließen ist alles, was nicht gespeichert ist, weg.

8.2Den Arbeitsstand speichern

Klicken Sie auf „Speichern“. Ein Fenster fragt nach dem Dateinamen, vorgeschlagen ist der Name des Lernsets. Mit Enter oder „Speichern“ geht es weiter. Je nach Browser wählen Sie danach den Speicherort, oder die Datei landet im Download-Ordner.

Abbildung 28 Das Fenster „Einstellungen speichern“ mit Dateiname (1), Endung (2) und „Speichern“ (3)

Eine gespeicherte Datei eignet sich auch als Vorlage. Laden, alle Karten löschen, neue importieren. Die Gestaltung bleibt erhalten.

8.3Einen Arbeitsstand laden

Klicken Sie auf „Laden“ und wählen Sie eine JSON-Datei aus. Karten, Name und Gestaltung werden wiederhergestellt, oben erscheint eine Bestätigung.

Abbildung 29 Die Bestätigung nach dem Laden einer gespeicherten Datei

Auch Dateien aus der Vorgängerversion „Flashcard Creator Pro“ lassen sich laden. Nicht mehr vorhandene Schriften werden dabei auf die neuen abgebildet.

8.4Die Lernkarten-Seite erstellen

Klicken Sie auf den Terrakotta-Knopf „HTML erstellen“, prüfen Sie den Dateinamen und bestätigen Sie mit „Erstellen“.

Abbildung 30 Das Fenster „HTML erstellen“ mit dem Dateinamen und der Endung .html

In die Datei kommen nur Karten, bei denen mindestens Frage oder Antwort ausgefüllt ist. Leere Karten werden übergangen. Öffnen Sie die Datei vor dem Verteilen einmal per Doppelklick und blättern Sie kurz durch.

8.5Die Hilfe im Werkzeug

Der Knopf „Hilfe“ öffnet eine Kurzfassung dieser Anleitung direkt im Generator. Über „Ausführliche Anleitung“ gelangen Sie von dort hierher.

Abbildung 31 Die Kurzanleitung im Werkzeug mit dem Knopf „Ausführliche Anleitung“ (1)
Kapitel 9

Die fertige Lernkarten-Seite

So arbeiten die Lernenden mit der Datei. Es lohnt sich, das einmal selbst durchzuspielen, bevor Sie die Seite im Unterricht einsetzen.

9.1Aufbau der Seite

Abbildung 32 Die Vorderseite einer Karte mit allen Bedienelementen
  1. Titel: der Name des Lernsets
  2. Zähler: welche Karte gerade zu sehen ist
  3. Lernstand: wie viele Karten schon als gewusst markiert sind
  4. Mischen: würfelt die Reihenfolge neu
  5. Karte: ein Klick oder Tipp darauf wendet sie
  6. Zurück zur vorigen Karte
  7. Wenden
  8. Weiter zur nächsten Karte

9.2Wenden und blättern

Die Karte dreht sich beim Wenden um und zeigt die Antwort. Ein weiterer Klick dreht sie zurück. Beim Weiterblättern liegt die nächste Karte immer mit der Frage nach oben. Nach der letzten Karte geht es wieder mit der ersten weiter.

Abbildung 33 Die Rückseite mit der Antwort (1) und den Knöpfen des Lernmodus, „Noch nicht“ (2) und „Gewusst“ (3)

9.3Der Lernmodus

  1. Die Lernenden lesen die Frage und überlegen die Antwort.
  2. Sie wenden die Karte. Jetzt erscheinen „Noch nicht“ und „Gewusst“.
  3. Ein Klick auf einen der beiden Knöpfe vermerkt das Ergebnis und führt zur nächsten Karte.
  4. Nach der letzten Karte erscheint die Auswertung.
Abbildung 34 Die Auswertung am Rundenende mit dem Ergebnis (1), „Offene wiederholen“ (2) und „Von vorn“ (3)

„Offene wiederholen“ startet eine neue Runde nur mit den Karten, die noch nicht gewusst waren. So schrumpft der Stapel, bis alles sitzt. „Von vorn“ beginnt mit allen Karten und setzt den Lernstand zurück.

Abbildung 35 Sind alle Karten gewusst, bleibt nur „Von vorn“ (1)

9.4Ohne Lernmodus

Ist der Lernmodus abgeschaltet, fehlen Lernstand und Bewertungsknöpfe. Die Seite ist dann eine schlichte Kartei zum Wenden und Blättern, gut geeignet für den Beamer.

Abbildung 36 Eine gewendete Karte ohne Lernmodus

9.5Bedienung mit der Tastatur

TasteWirkung
Leertaste oder EnterKarte wenden
→nächste Karte
←vorige Karte
Tabvon Knopf zu Knopf springen, etwa zu „Gewusst“; Enter löst den Knopf aus

Die Seite ist für Screenreader vorbereitet. Die Karte ist als Knopf ausgezeichnet, die Pfeile sind beschriftet, und der Zähler wird bei jedem Wechsel vorgelesen.

9.6Auf dem Handy

Auf schmalen Bildschirmen passt sich die Seite an. Die Karte nutzt die ganze Breite, alles wird mit dem Finger bedient. Damit das Handy die Datei im Browser öffnet, ist der Weg über eine Lernplattform oder einen Link meist bequemer als ein E-Mail-Anhang, siehe Abschnitt 10.1.

Abbildung 37 Die Lernkarten-Seite auf einem Handy
Kapitel 10

Weitergeben und im Unterricht einsetzen

10.1Wege zu den Lernenden

WegSo geht es
LernplattformDie HTML-Datei als Datei oder Material hochladen, etwa in Moodle. Manche Plattformen bieten die Datei nur zum Herunterladen an, dann öffnen die Lernenden sie anschließend im Browser.
TaskCardsDie Datei als Anhang an eine Karte hängen.
E-MailAls Anhang verschicken. Auf dem Rechner genügt ein Doppelklick, auf dem Handy hängt es vom E-Mail-Programm ab.
Eigene WebsiteDie Datei auf den Webspace laden und den Link weitergeben. Das ist der bequemste Weg für Handys.
USB-Stick oder SchulnetzDie Datei in einen gemeinsamen Ordner legen.

Die Datei verändert sich beim Weitergeben nicht. Wer sie öffnet, sieht immer genau den Stand, den Sie erstellt haben. Für eine Korrektur ändern Sie im Generator, erstellen neu und verteilen neu.

10.2Ideen für den Unterricht

  • Einstieg: fünf Karten zum Vorwissen, gemeinsam am Beamer gewendet.
  • Wiederholung zum Stundenende: Die Lernenden arbeiten im Lernmodus und nennen danach, welche Karten offen geblieben sind.
  • Prüfungsvorbereitung: ein Set pro Lernfeld oder Kapitel, mit „Offene wiederholen“ bis alles sitzt.
  • Differenzierung: mit Prompt 4 drei Stufen erzeugen und als drei getrennte Seiten anbieten.
  • Lernende erstellen selbst Karten: Gruppen schreiben Karten zu einem Teilthema, prüfen gegenseitig und erzeugen daraus eine Seite für die ganze Klasse. Das ist oft der größte Lerngewinn.
  • KI kritisch prüfen: Die Lernenden bekommen KI-Karten mit eingebauten Fehlern und suchen sie.
Kapitel 11

Fragen und Lösungen

11.1Frage und Antwort sind vertauscht oder verrutscht

Prüfen Sie, ob in einem Text das Trennzeichen vorkommt, etwa ein Komma in einer kommagetrennten Datei. Dann gehört der Text in gerade Anführungszeichen. Am sichersten ist das Semikolon als Trennzeichen oder das Einfügen aus Excel.

11.2Umlaute erscheinen falsch

Der Generator erkennt UTF-8 und die ältere Windows-Kodierung, die Excel beim Speichern als „CSV (Trennzeichen-getrennt)“ verwendet. Erscheinen trotzdem seltsame Zeichen, speichern Sie die Datei in Excel als „CSV UTF-8“ oder kopieren Sie die Zellen und fügen sie ein.

11.3Die HTML-Datei öffnet sich als Text

Dann ist sie mit einem Texteditor verknüpft. Öffnen Sie sie mit einem Rechtsklick und „Öffnen mit“ in einem Browser wie Firefox, Chrome, Edge oder Safari.

11.4Das Handy zeigt die Datei nicht an

Manche E-Mail-Programme und Messenger zeigen HTML-Anhänge nur als Quelltext oder gar nicht. Stellen Sie die Datei stattdessen über eine Lernplattform oder als Link auf einer Website bereit.

11.5Nach dem Schließen sind meine Karten weg

Der Generator speichert bewusst nichts im Browser. Sichern Sie Ihren Stand deshalb mit „Speichern“ als JSON-Datei, bevor Sie das Fenster schließen. Haben Sie die HTML-Datei, aber keine JSON-Datei mehr, müssen die Karten neu eingegeben oder importiert werden.

11.6Kann ich die Karten ausdrucken?

Eine eigene Druckansicht gibt es nicht, die Seite ist für den Bildschirm gemacht. Für Papierkarten speichern Sie die Karten als CSV und gestalten den Ausdruck in einer Tabelle oder Textverarbeitung.

11.7Kann ich Bilder, Formeln oder Links einfügen?

Nein, die Karten enthalten reinen Text. Das hält die Datei klein und robust. Für Formeln helfen Schreibweisen wie „a² + b² = c²“, die meisten Hochzahlen und Sonderzeichen lassen sich direkt tippen oder aus der KI-Antwort übernehmen.

11.8Die Schrift sieht bei den Lernenden anders aus

Nur die Hausschrift ist in der Datei eingebettet. Serif, Kreativ und Systemschrift kommen vom Gerät der Lernenden und unterscheiden sich deshalb zwischen Mac, Windows und Handy. Wer ein überall gleiches Bild möchte, wählt die Hausschrift.