Alle Komponenten

LmsOrdering

Lern-Interaktion

Einträge in die richtige Reihenfolge bringen.

In Markdown: ::lms-ordering Im Zusammenhang ansehen
Die Aufgabenform für alles, wo die Abfolge die Aussage ist. Eine Liste in der richtigen Reihenfolge vorzulegen und danach zu fragen, wäre etwas anderes — hier muss man die Ordnung selbst herstellen. Zusammengezogen aus zwei H5P-Inhaltstypen: Image Sequencing und Sort the Paragraphs. Bei H5P sind es zwei Pakete, weil es dort keine Varianten gibt; hier ist es dieselbe Mechanik, und ob im Kärtchen ein Bild, ein Text oder beides steht, entscheidet der Inhalt. Umgeordnet wird durch Ziehen oder mit den Pfeilen. Ziehen allein — wie bei H5P — schließt Tastatur und Tastfeld aus. scoring kennt zwei Arten: positions zählt, was an der richtigen Stelle steht, transitions, was dem richtigen Vorgänger folgt. Die Vorgabe ist positions, und zwar wegen der Rückmeldung, nicht wegen des Punktestands: „das steht falsch" ist unmittelbar umsetzbar. transitions bewertet milder — ein Fehler am Anfang kostet dort nicht alles.

Beispiele (3)

Absätze ordnen

Sort the Paragraphs. Die Einträge stehen im Markdown in der richtigen Reihenfolge; angezeigt werden sie gemischt.

Bringen Sie die Schritte einer Erstmeldung in die richtige Reihenfolge.

Ziehen Sie die Einträge in die richtige Reihenfolge — oder verschieben Sie sie mit den Pfeilen.

  1. 1Betroffene Systeme eingrenzen und vom Netz nehmen.
  2. 2Erstmeldung binnen 24 Stunden an das BSI absetzen.
  3. 3Vorfall feststellen und den Zeitpunkt notieren.
  4. 4Vollständigen Bericht binnen 72 Stunden nachreichen.
  5. 5Interne Meldekette auslösen — Geschäftsleitung und IT informieren.

Bilder in Reihenfolge

Image Sequencing. Bei durchgehend bebilderten Einträgen wird daraus ein Raster.

In welcher Reihenfolge läuft die Bearbeitung eines Vorfalls?

Ziehen Sie die Einträge in die richtige Reihenfolge — oder verschieben Sie sie mit den Pfeilen.

  1. 1Lupe über einem DokumentErkennen
  2. 2Abgehakte ListeNachbereiten
  3. 3SchildEindämmen
  4. 4MegafonMelden
  5. 5SchraubenschlüsselBeheben

Nach Übergängen bewertet

Mit scoring="transitions" zählt, was dem richtigen Vorgänger folgt — ein Fehler am Anfang kostet dann nicht alles.

Wie entstand die NIS-2? Ordnen Sie die Stationen.

Ziehen Sie die Einträge in die richtige Reihenfolge — oder verschieben Sie sie mit den Pfeilen.

  1. 1NIS-2 — die Nachfolgerichtlinie tritt in Kraft
  2. 2EU Cyber Security Act — Stärkung der ENISA
  3. 3NIS2UmsuCG — das deutsche Umsetzungsgesetz
  4. 4CER-Richtlinie — Schutz kritischer Infrastrukturen
  5. 5NIS-1 — ein Mindestniveau an IT-Sicherheit in der EU

API

Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.

Props

PropTypStandardBedeutung
idPflichtstring—Eindeutig im Dokument. Schlüssel für den gespeicherten Stand.
taskstring—Die Aufgabenstellung. Inline-Markdown erlaubt.
itemsLmsOrderItem[]() => []Die Einträge in der **richtigen** Reihenfolge. Angezeigt wird gemischt.

Ein Eintrag besteht aus:

  • text?string — Der Text des Eintrags. Inline-Markdown erlaubt.
  • image?string — Bild des Eintrags. Text und Bild lassen sich verbinden.
  • alt?string — Alternativtext des Bildes. Ohne Angabe gilt `text`.
  • feedback?string — Erläuterung, die nach dem Prüfen erscheint. Inline-Markdown erlaubt.
scoring'positions' | 'transitions''positions'`positions` zählt richtige Plätze, `transitions` richtige Übergänge.
layout'auto' | 'list' | 'grid''auto'`grid` stellt Bildkacheln nebeneinander, `list` untereinander.
colorTone'primary'Semantische Farbrolle.
reset'ask' | 'off' | 'free''ask'`ask` fragt nach (Vorgabe), `off` nimmt den Knopf weg, `free` fragt nicht.
verdecktboolean—**Verdeckt** (in einer Prüfung, vom Zielprojekt gesetzt): Die Einträge * kommen gemischt, die richtige Folge kennt nur der Server. Gemeldet wird die * gelegte Folge; ob ein Eintrag richtig folgt, sagt das Urteil (`teile`).
metaLmsFragenmeta—Metaangaben der Redaktion (Kompetenzniveau, Thema, Rechtsgrundlage …) — * für Auswertung und Fragenübersicht des Zielprojekts, nicht zum Anzeigen. * Deklariert, damit sie nicht als HTML-Attribut am Baustein landen.

Ein Eintrag besteht aus:

  • kompetenzniveau?LmsKompetenzniveau — Welche Kompetenz die Frage misst: `konzeptuell`, `prozedural` oder `interpretativ`.
  • thema?string — Das Thema als kurzes Stichwort, Substantiv in der Einzahl („Meldepflicht", „Passwortmanager") — im ganzen Modul gleich geschrieben.
  • gesetz?string — Die Rechtsgrundlage, wenn die Frage eine Pflicht abfragt: amtliche Kurzform, gegebenenfalls mit Artikel oder Paragraf („NIS-2-Richtlinie Art. 21", „BSIG § 30", „DSGVO Art. 33"). Sonst weglassen.

Slots

Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.

Emits

Dieser Baustein sendet keine Events.

Theme

Dieser Baustein hat keine Fläche in der app.config.ts.

Sein Aussehen steuerst du über Props — bei den didaktischen Bausteinen über das gemeinsame Farbrollen-Vokabular (color, variant), bei den dekorativen über deren eigene Props. Eine Theming-Ebene wie ui.<komponente> in Nuxt UI gibt es hier noch nicht.

Changelog

  1. Hinzugefügt1.24.0

    Verdeckt in einer Prüfung (verdeckt: true, vom Zielprojekt gesetzt): Die Lösung steht nicht im Inhalt (Lücken als Platzhalter mit eigenem Wortvorrat words, vertauschte Karten, Einträge ohne correct, gemischte Folge), die Aufgabe meldet ihre Antwort mit reportAnswers und färbt nach dem Urteil je Teil (bewertung[].teile). Bis das Urteil da ist, bleibt sie neutral statt rot

  2. Hinzugefügt1.24.0

    meta als Eigenschaft (Kompetenzniveau, Thema …), wie bei Quiz und Umfrage: für die Auswertung des Zielprojekts, nicht angezeigt, und nicht mehr als HTML-Attribut am Baustein

  3. Hinzugefügt1.23.0

    In einer Prüfung leeren sie ihre Eingaben, wenn ein neuer Versuch beginnt (neustart am Prüfungscontroller)

  4. Hinzugefügt1.6.0

    (Lern-Interaktion) — Einträge in die richtige Reihenfolge

  5. Behoben1.29.0

    Schreiben in den Fortschrittsspeicher geschieht je Schlüssel nacheinander, und zuletzt immer der neueste Stand. Vorher liefen Schreibvorgänge gleichzeitig, und der zuletzt fertige gewann: Ein Quiz blieb mit dem Stand von vor „Antwort prüfen“ stehen, eine Reflexion (Freitext, je Tastendruck geschrieben) konnte mit abgeschnittenem Text enden

  6. Hinzugefügt1.29.0

    useLmsProgress nimmt als viertes Argument beimLaden: gerufen, wenn ein gespeicherter Stand angekommen ist

  7. Hinzugefügt1.29.0

    LmsProgressMeta kennt points und maxPoints für Bausteine, die Punkte zählen. score bleibt der Anteil richtiger Antworten; Punkte gewichten anders und dürfen negativ sein

  8. Hinzugefügt1.28.0

    Überarbeitungen: Werkzeug untertitel_erzeugen (nur auf Hinweis der Redaktion). Die Brücke holt Videos ohne subtitles-src über ki-auftrag-video der Plattform, schreibt mit WhisperNotes medien/<kennung>.srt und trägt es ein; wahlweise nur für bestimmte Nuggetdateien

  9. Hinzugefügt1.28.0

    Aufträge: Beim pruefen und abgeben schreibt die Brücke für jedes lms-video ohne subtitles-src, dessen Video im Paket liegt, mit ffmpeg und WhisperNotes ein .srt daneben und trägt es als subtitles-src ein (playground/server/utils/untertitel.ts). Ein zweiter Lauf tut nichts; ohne WhisperNotes bleibt das Paket, wie es ist, und der Agent erfährt es

  10. Hinzugefügt1.27.0

    Aufträge: Überarbeitung eines vorhandenen Lernpfads. Die Plattform gibt den Lernpfad als Paket mit (ausgang), die Brücke legt ihn nach paket/ und unverändert nach bestand/. Zwei Werkzeuge mehr: plan_vorlegen und rueckfrage warten auf die Antwort der Redaktion, die die Brücke bei der Plattform abholt (ki-auftrag-frage, ki-auftrag-antwort) — Antworten geht so auch aus einem anderen Fenster. Endet ein Lauf ohne Abgabe, meldet die Brücke das

  11. Hinzugefügt1.27.0

    Brücke: POST /api/editor/ki/abschreiben schreibt eine Sprachnotiz ab (ffmpeg + WhisperNotes), für fremde Gastgeber freigegeben wie verfuegbar

  12. Hinzugefügt1.26.0

    Datum im Inhalt: 2026-10 wird beim Zeichnen gerechnet statt im Text zu stehen — vor dem zweiten Doppelpunkt der Versatz in Tagen, dahinter das Schema (JJJJ, JJ, MM, TT; englisch YYYY, YY, DD), beides entbehrlich. Der Versatz zählt Tage, mit angehängtem j/y Jahre — nötig, wo im Inhalt eine Zahl danebensteht: Im Passwort-Beispiel steht Luna2021! neben „Luna wird heute 5!“, und 5 × 365 Tage lägen nach einem Schaltjahr im falschen Jahr. Ohne Schema gilt das der Sprache, content.dateFormat, überschreibbar wie jede Beschriftung. Wirkt in jedem Textfeld, das durch LmsMarkdown läuft, und zusätzlich in den reinen Textfeldern der Mail-Attrappen (Betreff, Absender, Adresse, Vorschauzeile, Linkziel, Anhangsname) in LmsPhishingQuiz, LmsMailTriage und LmsMockMail. Damit veraltet ein Beispiel nicht mehr: Eine Phishing-Mail mit einer Rechnungsnummer von vorgestern ist glaubwürdig, eine von 2024 verrät sich an der falschen Stelle. Der Tag kommt aus useStichtag() — auf dem Server gerechnet, über die Nutzlast in den Browser, dort einmal nachgebessert, damit auch eine vorgerenderte Seite nicht den Tag ihres Builds trägt. Geprüft von pnpm run datum-test. Auch dort eingesetzt, wo ein Feld nicht gerendert, sondern verglichen oder zerlegt wird: das gesuchte Passwort in LmsPasswordHunt und die Tage eines Rasters in LmsHeatmap — ein Raster mit festen Tagen zeigt nach zwölf Wochen nichts mehr

  13. Hinzugefügt1.25.0

    Aufträge: Folien, Word-Seiten und PDFs liegen zusätzlich als Seitenbilder im Auftragsordner (LibreOffice + pdftoppm, ausgeblendete Folien mit, damit die Nummern zum Textauszug passen) — der Textauszug kennt keine Anordnung, und Schaubilder gingen verloren

  14. Hinzugefügt1.25.0

    Aufträge über die Brücke (/_ws/ki-auftrag): Ein Agent baut aus hochgeladenem Material in einem eigenen Ordner ein Lernpfadpaket, prüft es bei der Plattform und gibt es dort ab; useLmsBausteinwissen() liefert ihm Katalog, Typen, Konventionen und Muster. laufeCodex() nimmt einen eigenen Arbeitsordner, der MCP-Kanal eine eigene Werkzeugliste

  15. Behoben1.16.2

    Die Umbrüche richten sich nach der eigenen Breite, nicht nach dem Fenster. Nach LmsHeader sind die übrigen 28 Bausteine mit sm:/md:/lg: nachgezogen: Raster, Seitenspalten und Zeilenumbrüche fragen jetzt per @container ihren eigenen Platz ab

  16. Hinzugefügt1.15.0

    Die eingebauten Beschriftungen gibt es auf Englisch. Gewählt wird über lms.sprache in der app.config.ts (de oder en); labels gilt weiterhin und liegt über der gewählten Sprache, so dass sich einzelne Texte weiter austauschen lassen

  17. Geändert0.7.0

    src/runtime/utils/totp.ts kommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an @ts-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/

  18. Hinzugefügt0.6.0

    useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt

  19. Behoben0.4.0

    Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen

  20. Hinzugefügt0.3.0

    Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren

  21. Hinzugefügt0.3.0

    Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten, {count=14} übergibt "14"

  22. Hinzugefügt0.2.0

    API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben

  23. Hinzugefügt0.2.0

    Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren

  24. Geändert0.2.0

    Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt

  25. Geändert0.2.0

    Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind

  26. Hinzugefügt0.1.0

    Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI