Lesestoff – Sprachen lernen mit Geschichten

mit der HTML die man nur Lokal im Browser verwendet,

Benutzerhandbuch: Lesestoff – Sprachen lernen mit Geschichten

1. Einführung und Konzept

Willkommen bei Lesestoff, einer Anwendung, die das Sprachenlernen durch das Eintauchen in zweisprachige Geschichten methodisch neu aufbereitet. Das System basiert vollständig auf HTML und führt sämtliche Prozesse lokal in Ihrem Browser aus. Dies garantiert nicht nur höchste Privatsphäre, sondern auch eine Performance, die unabhängig von Server-Latenzen ist.

Die drei Säulen von Lesestoff:

Lokalität: Alle Daten verbleiben auf Ihrem Endgerät; es ist keine permanente Internetverbindung für den Kernbetrieb erforderlich.
Zweisprachigkeit: Das simultane Angebot von Primär- und Zielsprache ermöglicht ein Lernen im Kontext ohne mühsames Nachschlagen.
Flexibilität: Die Anwendung passt sich Ihren Bedürfnissen an – von vorgefertigten Klassikern bis hin zu eigenen Fachtexten.

Vom Verständnis der theoretischen Grundlagen gehen wir nun direkt in die praktische Anwendung über, um das Potenzial des interaktiven Lernmodus voll auszuschöpfen.

2. Teil 1: Der Lernmodus – Eintauchen in die Sprache

Der Lernmodus ist nach den Prinzipien des Scaffolding aufgebaut: Er bietet so viel Unterstützung wie nötig, um den Lernerfolg zu sichern, ohne die kognitive Eigenleistung zu unterdrücken.

2.1. Auswahl der Geschichten

Sie können aus kuratierten Beispielkategorien wählen oder eigene JSON-Lernformate importieren:

Kindergeschichte: The Little Cloud – Die kleine Wolke (Ideal für den Einstieg).
Sachgeschichte: How Bees Make Honey – Wie Bienen Honig machen (Erweiterung des Allgemeinwortschatzes).
Technische Anleitung: Installing a WordPress Plugin (Fachsprache und Instruktionslogik).

Über die Funktion „Eigene Datei(en)“ können Sie zudem mehrere JSON-Dateien gleichzeitig laden, die dann bequem im Auswahlmenü zur Verfügung stehen.

2.2. Ansichten und individuelle Einstellungen

Die Konfiguration der Oberfläche dient der gezielten Steuerung der kognitiven Belastung (Cognitive Load):

Einstellung	Funktion	Nutzen für den Lerner
Primärsprache	Festlegung der Ausgangssprache.	Schafft eine sichere Basis für die Übersetzungshilfen.
Zweisprachig anzeigen	Satzweise Einblendung beider Sprachen.	Reduziert Frustration durch sofortigen Abgleich bei Verständnisproblemen.
Wort-Hinweis	Anzeige von Vokabel-Tipps per Mouse-over.	Scaffolding: Gezielte Hilfe bei Einzelwörtern, ohne den Lesefluss zu unterbrechen.

2.3. Modus 1: Lesen & Hören (Rezeption)

In der rezeptiven Phase steht das Hör-Seh-Verstehen im Vordergrund. Nutzen Sie die Symbole 🔊 für die akustische Unterstützung und 👁 für die visuelle Aufdeckung der Übersetzung.

Navigations- und Steuerungselemente zur Lernkontrolle:

[ ] Seite vorlesen: Automatisierte Wiedergabe aller Sätze der aktuellen Seite.
[ ] Satzweise vorlesen: Gezielte akustische Analyse einzelner Satzstrukturen.
[ ] Weiter / Zurück: Navigation durch den Fortschritt der Geschichte.
[ ] Stopp: Sofortiger Abbruch der Sprachausgabe zur Reflexion.

2.4. Modus 2: Schreiben & Üben (Produktion)

Der Wechsel von der Rezeption zur Produktion erfolgt über die Übungsarten Übersetzen (Sinnübertragung) oder Diktat (Hörverstehen). Sie können frei wählen, in welcher Sprache Sie produzieren möchten („Zu schreiben in…“).

Der gewählte Prüfmodus sollte sich strikt an Ihrem persönlichen Lerntyp orientieren:

Sofort (live beim Tippen): Empfohlen für sicherheitsorientierte Lerner. Fehler werden im Entstehen korrigiert, um eine Fossilierung falscher Schreibweisen zu verhindern.
Nach jedem Satz: Ein ausgewogener Modus für Lerner, die den Fokus auf die vollständige Satzstruktur legen möchten.
Am Ende der ganzen Geschichte: Ideal für autonome Lerner. Dieser Modus trainiert die langfristige Retention und das Selbstkorrektur-Potenzial.

Nachdem Sie die Inhalte konsumiert und geübt haben, folgt der Schritt vom Konsumenten zum Schöpfer: Erfahren Sie im nächsten Teil, wie Sie Ihre eigenen Lerninhalte personalisieren.

3. Teil 2: Der Editor-Modus – Eigene Lerninhalte gestalten

3.1. Zugang und Import von Rohtexten

Der Editor ist das Werkzeug zur Individualisierung. Texte können per Copy-Paste oder via Upload (.txt, .md) eingefügt werden.

⚠️ Wichtiger Hinweis zu Office-Dokumenten: ODT-Dateien werden nicht direkt unterstützt. Exportieren Sie diese Dokumente bitte vorab als einfachen Text (.txt), um Formatierungsfehler beim Import zu vermeiden.

3.2. Textverarbeitung und Satzzerlegung

Die korrekte Segmentierung ist entscheidend für die spätere Satz-zu-Satz-Zuordnung.

Option	Funktionsweise	Ideal für…
Auto	Zeilenbasierte Trennung bei parallelen Texten, sonst Satzzeichen.	Standard für die meisten Textquellen.
Nur Zeilen	Trennung strikt nach Zeilenumbruch.	Vokabellisten oder Texte ohne Satzzeichen.
Nur Sätze	Trennung an . ! ? …	Klassische Fließtexte und literarische Vorlagen.
Absätze	Trennung nur bei Leerzeilen.	Komplexe Satzgefüge, die im Zusammenhang bleiben sollen.

3.3. Die Übersetzungs-Engines

Lesestoff bietet flexible Lösungen zur Generierung fehlender Sprachseiten:

Online (MyMemory): Schnelle Ergebnisse ohne lokalen Speicherbedarf; erfordert Internetzugang.
Offline (WASM / OPUS-MT): Maximale Privatsphäre. Modelle (~80–120 MB) werden in den Cache geladen. Sie können Modelle aus einem Katalog-JSON beziehen oder direkt einen Ordner von der Festplatte (mit ONNX-Dateien) einbinden.

3.4. Metadaten und Sprachkonfiguration

Metadaten steuern die Text-to-Speech (TTS) Engine. Nutzen Sie die Funktion „A ↔ B tauschen“, um die Sprachzuordnung zu korrigieren. Hierbei können Sie optional auch die Texte und Satzpaare mit tauschen. Die Einstellung „Sätze pro Seite“ (Standard: 3) hilft dabei, die Informationsdichte pro Bildschirmseite übersichtlich zu halten.

Wichtige BCP-47 Sprachcodes: en-US, de-DE, fr-FR, es-ES, it-IT, nl-NL, pt-PT, pl-PL, ja-JP, zh-CN. Hinweis: Die App unterstützt nahezu jede Sprache, sofern Ihr Browser die entsprechende TTS-Stimme installiert hat.

3.5. Interaktive Elemente: Wort-Markierungen

Die automatische Erstellung von Vokabel-Tipps („⭐ Wichtige Wörter vorschlagen“) analysiert Inhaltswörter und Zeitangaben unter Ausschluss von Stoppwörtern.

Schritt-für-Schritt-Anleitung:

Legen Sie die Richtung fest (A → B, B → A oder beide).
Aktivieren Sie bei Bedarf „vorhandene behalten“, um manuelle Vorarbeiten nicht zu überschreiben.
Starten Sie die Vorschlags-Funktion und korrigieren Sie die Ergebnisse manuell im Editor.

Nach der Anreicherung der Daten erfolgt die Finalisierung für die dauerhafte Nutzung.

4. Speichern und technisches Datenformat

4.1. Export und Testlauf

Nutzen Sie „Vorschau aktualisieren“, um das Layout zu prüfen. Mit „In Lernmodus übernehmen“ wird die Geschichte temporär geladen. Der finale Schritt ist „JSON speichern / herunterladen“, wodurch die Datei lokal auf Ihrem Rechner gesichert wird.

4.2. Deep Dive: Die JSON-Struktur

Für manuelle Korrekturen oder fortgeschrittene Anwender folgt hier der Aufbau der Datendatei. Falls für ein markiertes Wort kein spezifischer Eintrag unter wordsA/B existiert, greift ein Fallback-Mechanismus: Die App blendet stattdessen die komplette Satzübersetzung ein.

{ „title“: „Titel der Geschichte“, „category“: „Beispielkategorie“, „langA“: „en-US“, „langB“: „de-DE“, „labelA“: „English“, „labelB“: „Deutsch“, „pages“: [ { „sentences“: [ { „a“: „Once upon a time.“, „b“: „Es war einmal.“, „wordsA“: { „time“: „Zeit“ }, „wordsB“: { „einmal“: „once“ } } ] } ] }

Legende der Keys:

title / category: Identifikation und Gruppierung.
langA / langB: BCP-47 Codes für die korrekte Aussprache.
labelA / labelB: Die in der UI angezeigten Namen der Sprachen.
pages / sentences: Hierarchische Struktur der Lerneinheit.
a / b: Die korrespondierenden Satzpaare.
wordsA / wordsB: Optionale Glossar-Einträge für einzelne Wörter.

Ermutigen Sie sich selbst, indem Sie nun Ihren ersten eigenen Text in dieses Format überführen.

5. Zusammenfassung und Schnellstart-Checkliste

Folgen Sie diesen fünf Schritten, um einen Rohtext in eine fertige Lerneinheit zu verwandeln:

[ ] Finalisierung: Vorschau prüfen und als JSON-Datei für die dauerhafte Nutzung speichern.

[ ] Import: Text einfügen oder als .txt/.md hochladen.

[ ] Struktur: Trennungs-Option wählen und „Zerlegen & Paare erzeugen“ klicken.

[ ] Übersetzung: Fehlende Sätze via MyMemory oder WASM-Modell generieren.

[ ] Anreicherung: Metadaten pflegen und wichtige Wörter automatisch vorschlagen lassen.