Veröffentlicht in Internet, Lehrmittel, Unterrichtsvorbereitung, WebApp

Update Visual Bookmarks – vom Materialpool zum Lernpfad

Veröffentlicht am von Thomas Moch

Das Update für Visual Bookmarks erweitert das Tool um Mehrfach-Sammlungen, Listenansichten und Re-Import-Funktionen. Lehrkräfte können nun Materialien effizient kuratieren, zwischen Sammlungen verschieben und als differenzierte Lernpfade oder HTML-Widgets für Schüler bereitstellen.

https://lernsachen.online/bookmarks

Die Neuerungen im Überblick

Das Update transformiert die Anwendung von einer einfachen Linkliste zu einem praktischen Werkzeug für die Unterrichtsorganisation:

  • Mehrfach-Sammlungen: Es können nun unbegrenzte Sammlungen angelegt werden (z.B. nach Fächern wie Deutsch/Mathe oder nach Lerngruppen).
  • Kopieren & Verschieben: Lesezeichen lassen sich flexibel zwischen den Sammlungen bewegen, was den Aufbau modularer Lernangebote erleichtert.
  • Optimierte Ansichten: Neben der visuellen Kachelansicht (ideal für Schüler zur Orientierung) gibt es nun eine platzsparende Listenansicht für die Lehrkraft.
  • Tag-Filter im HTML-Export: Exportierte Widgets bieten nun Filteroptionen nach kombinierbaren Schlagworten, was die Übersichtlichkeit bei großen Sammlungen massiv erhöht.
  • Re-Import-Funktion: Exportierte Widgets können nun wieder direkt in die Hauptapp geladen werden, um sie anzupassen oder weiterzuentwickeln.

Praktische Umsetzung im Unterricht

Die neuen Funktionen ermöglichen einen effizienten Workflow in der Unterrichtsvorbereitung:

  1. Aufbau eines Fundus: Die Lehrkraft legt allgemeine Sammlungen für Themen an und sammelt dort kontinuierlich interessante Links und Materialien.
  2. Individuelle Zusammenstellung: Für eine spezifische Unterrichtseinheit oder einen einzelnen Schüler wird eine neue Sammlung erstellt. Die benötigten Ressourcen werden einfach aus dem Fundus kopiert.
  3. Bereitstellung: Die Sammlung wird als interaktives HTML-Widget exportiert und in die Lernplattform (z.B. Moodle) eingebunden oder als Datei direkt an die Schüler ausgegeben.

Sonderpädagogischer Bezug

Die Visual Bookmarks unterstützen zentrale Prinzipien der Sonderpädagogik:

Reizreduktion: Durch das Kuratieren wird verhindert, dass Schüler sich auf unübersichtlichen Webseiten verlieren; sie bewegen sich in einem geschützten, von der Lehrkraft definierten Raum.

Strukturierung und Orientierung: Durch Vorschaubilder und Favicons erhalten Schüler mit Leseschwierigkeiten oder kognitiven Beeinträchtigungen visuelle Ankerpunkte.

Differenzierung: Mit minimalem Aufwand können unterschiedliche Lernpfade für verschiedene Leistungsniveaus erstellt werden.

Selbstständigkeit: Der „Lernpfad-Modus“ führt Schüler Schritt für Schritt durch Aufgaben, was die Selbstregulation fördert.

Methodisch-didaktische Hinweise

  • Scaffolding nutzen: Verwenden Sie die Beschreibungsfelder der Lesezeichen für klare Arbeitsaufträge oder Hilfestellungen direkt am Link.
  • Iterative Anpassung: Nutzen Sie die Re-Import-Funktion, um auf Rückmeldungen der Schüler zu reagieren. Wenn ein Lernpfad zu komplex war, laden Sie ihn zurück, reduzieren Sie die Links und geben Sie ihn erneut aus.
  • Interdisziplinäres Arbeiten: Sammlungen können leicht im Team geteilt werden, sodass Kolleginnen und Kollegen gemeinsam an der Materialbasis arbeiten können.
Veröffentlicht in Lernprogramme, Mathe, Unterrichtshilfe, WebApp

Lernsachen Kasse – Barrierefreie Verkaufssimulation

Veröffentlicht am von Thomas Moch

Die „Lernsachen Kasse“ ist eine webbasierte Anwendung zur Simulation von Verkaufsvorgängen. Sie unterstützt Lernende im Förderschwerpunkt Lernen und Geistige Entwicklung beim Erwerb von Alltagskompetenzen, dem Umgang mit Geld und der Vorbereitung auf die Arbeitswelt in einem geschützten Rahmen.

https://lernsachen.online/kasse

Der Umgang mit Geld und das Verständnis für Verkaufssituationen stellen für viele Lernende eine Herausforderung dar. Die Web-Anwendung „Lernsachen Kasse“ schließt hier eine Lücke: Sie bietet eine barrierearme, intuitiv bedienbare Oberfläche, mit der reale Verkaufssituationen – etwa im Schülerkiosk oder im Klassencafé – digital abgebildet werden können.

Praktische Umsetzung

Die „Lernsachen Kasse“ ermöglicht es Lehrkräften und Lernenden, eine eigene Verkaufsstelle digital zu verwalten. Zu den Kernfunktionen gehören:

  • Produktverwaltung: Artikel können mit Namen, Preisen und aussagekräftigen Icons angelegt werden. Dies ermöglicht auch nicht-lesenden Schülern die Teilhabe.
  • Visualisierung von Geldwerten: Alle Münzen, Scheine und Geldbeträge werden visuell dargestellt. So können Summen mit echtem oder mit Spielgeld verglichen werden.
  • Sprachausgabe: Alle Geldbeträge (Warenkorb, Kunde zahlt, Wechselgeld) können mit digitaler Sprachausgabe wiedergegeben werden.
  • Warenkorb-Funktion: Durch einfaches Anklicken der Icons werden Produkte hinzugefügt. Die Summe wird automatisch berechnet, was Rechenfehler minimiert und den Fokus auf den Handlungsprozess lenkt.
  • Belegerstellung: Nach Abschluss eines Verkaufs kann ein digitaler Kassenbon (PDF) erstellt werden. Dies vermittelt ein realistisches Bild von Transaktionen im Alltag.
  • Statistik und Dashboard: Das Tool bietet eine Übersicht über getätigte Umsätze. Dies erlaubt eine spätere Reflexion und Auswertung der Verkaufszahlen im Unterricht.
  • Speisekarten-Generator: Ein integriertes Feature ermöglicht den Export einer visuellen Speisekarte, was die Vorbereitung von Kiosk-Aktivitäten erleichtert.

Sonderpädagogischer Bezug

  1. Reduzierung der kognitiven Last: Durch die Visualisierung der Produkte und der Geldwerte mittels Icons wird der Abstraktionsgrad gesenkt.
  2. Fehlerkultur und Sicherheit: Die automatische Berechnung nimmt den Druck beim Kopfrechnen. Dies stärkt das Selbstbewusstsein der Lernenden in sozialen Interaktionen (Käufer-Verkäufer-Gespräch).
  3. Vorbereitung auf die Arbeitswelt (WfbM/Erster Arbeitsmarkt): Die Bedienung einer digitalen Kasse ist eine berufsrelevante Fertigkeit. Das Tool ermöglicht hier das Einüben realitätsnaher beruflicher Abläufe.
  4. Inklusive Teilhabe: Schülerinnen und Schüler mit unterschiedlichen Lernvoraussetzungen können gemeinsam am Kiosk arbeiten – einer übernimmt die Warenpflege, ein anderer die digitale Kassenführung.

Methodisch-didaktische Hinweise

Um die „Lernsachen Kasse“ erfolgreich einzusetzen, sollten folgende Punkte beachtet werden:

  • Vom Konkreten zum Abstrakten: Beginnen Sie mit echten Gegenständen und nutzen Sie das Tablet/den PC zunächst als begleitendes Werkzeug, bevor der Prozess voll digitalisiert wird.
  • Rollenspiele: Nutzen Sie das Tool als Basis für Rollenspiele. Ein Schüler agiert als Kunde, einer als Verkäufer. Fokus liegt hier auf Kommunikation und Höflichkeitsformen.
  • Differenzierung: 
    • Niveau 1: Nur Auswahl von Produkten (Scannen/Klicken).
    • Niveau 2: Vergleich von Kassenbon und gegebenem Bargeld.
    • Niveau 3: Analyse der Tagesstatistik und Planung des nächsten Einkaufs.
  • Datenschutzhinweis: Da die Anwendung lokal im Browser arbeitet (LocalStorage), bleiben die Daten auf dem Gerät. Dies bietet eine sichere Umgebung für den schulischen Einsatz.

Fazit

Die „Lernsachen Kasse“ nutzt digitale Vorteile, um Barrieren im Bereich der lebenspraktischen Bildung abzubauen. Durch die Kombination aus einfacher Bedienbarkeit und realitätsnahen Funktionen ist sie ein wertvolles Werkzeug für jede Förderschule und jedes inklusive Setting, das den Übergang von der Schule in den Beruf und den Alltag aktiv gestaltet.

Der Artikel ist bereit zur Veröffentlichung auf lernsachen.blog.

Veröffentlicht in Internet, Unterrichtshilfe, WebApp

Visual Bookmarks mit Lernpfaden

Veröffentlicht am von Thomas Moch

Visual Bookmarks ist ein Tool zur Erstellung bildbasierter Linklisten. Mit dem integrierten Lernpfad-Modus lassen sich Web-Ressourcen sequenziell anordnen und als interaktive HTML-Widgets exportieren – ideal für die strukturierte Unterstützung in inklusiven Lerngruppen.

https://lernsachen.online/bookmarks

Die Flut an Web-Ressourcen stellt oft eine Hürde für Schülerinnen und Schüler mit sonderpädagogischem Unterstützungsbedarf dar. Klassische Linklisten sind textlastig und unübersichtlich. Visual Bookmarks setzt hier an: Das Tool verwandelt einfache URLs in eine visuell ansprechende Kachelansicht und ermöglicht es Lehrkräften, strukturierte Lernpfade zu entwerfen, die den individuellen Lernprozess begleiten.

Funktionen und praktische Umsetzung

Das Programm ist eine rein browserbasierte Anwendung, die keine Installation oder Registrierung erfordert.

  • Automatisierte Erstellung: Durch Eingabe einer URL ruft das Tool via Microlink API automatisch Titel, Beschreibung und Vorschaubild ab.
  • Individualisierbar: Alle diese Elemente lassen sich ändern. Man kann sogar eigene Bilder verwenden und die Beschreibung zum Beispiel in eine Anleitung verwandeln.
  • Filterbare Tags und Suchfunktion: Zu den Bookmarks können Schlagwörter hinzugefügt werden, nach denen umfangreiche Listen gefiltert werden können. Außerdem steht ein Suchfeld zur Verfügung.
  • Lernpfad-Modus: Ein zentrales Feature ist die Umwandlung der Sammlung in einen geführten Lernweg. Hierbei werden Links nacheinander freigeschaltet. Erst wenn ein Inhalt besucht wurde, wird das nächste Element aktiv.
  • Export-Optionen:
    • HTML Widget: Erzeugt eine eigenständige Datei, die in Lernplattformen wie Mebis oder Moodle eingebunden werden kann.
    • PDF-Druck: Erstellt eine Übersicht inklusive QR-Codes für den direkten Zugriff von analogen Arbeitsblättern aus.
    • JSON Export: Sammlungen können kann mit allen individuellen Einstellungen gespeichert und geladen werden.
  • Datenschutz: Alle Daten werden ausschließlich im lokalen Speicher des Browsers (localStorage) abgelegt. Es findet kein Tracking statt.

Sonderpädagogischer Bezug

Es findet durch Verwendung der Visual Bookmarks eine massive Reduktion der kognitiven Belastung (Cognitive Load) statt:

  • Wahrnehmung: Visuelle Anker durch Vorschaubilder unterstützen Schüler mit Leseschwierigkeiten.
  • Exekutive Funktionen. Der Lernpfad-Modus gibt eine klare Struktur vor und hilft bei der Handlungsplanung.
  • Selbstständigkeit: Erledigte Aufgaben werden automatisch mit einem grünen Haken markiert, was die Selbstkontrolle fördert.
  • Individualisierung: Lehrkräfte können für verschiedene Lerngruppen passgenaue, reduzierte Link-Sammlungen exportieren.

Methodisch-didaktische Hinweise

Um das Tool erfolgreich im Unterricht einzusetzen, sollten folgende Aspekte beachtet werden:

  • Scaffolding durch Bildauswahl: Achten Sie bei der Bearbeitung der Lesezeichen darauf, aussagekräftige Vorschaubilder zu wählen oder eigene Icons hochzuladen, die den Inhalt der Zielseite eindeutig repräsentieren.
  • Linearität vs. Offenheit: Nutzen Sie den Lernpfad-Modus für kleinschrittige Instruktionen (z.B. Webquests). Für freie Recherchephasen sollte der Modus deaktiviert bleiben, um die Explorationsfreude zu erhalten.
  • Hybrid-Unterricht: Nutzen Sie die QR-Code-Druckfunktion. Dies schlägt die Brücke zwischen dem haptischen Lernen (Arbeitsheft) und digitalen Vertiefungsangeboten.
  • Feedback-Kultur: Da der Fortschritt lokal im Browser der Lernenden gespeichert wird, können Schüler am Ende einer Einheit ihren „abgehakten“ Lernpfad vorzeigen, was die Motivation steigert.

Fazit

Visual Bookmarks ist ein ein niederschwelliges „Diklusions“-Tool. Es erfordert kaum technische Vorkenntnisse, respektiert die Privatsphäre und bietet durch die Lernpfad-Logik eine didaktische Struktur, die besonders Schülerinnen und Schülern mit Förderbedarf Sicherheit und Orientierung im digitalen Raum gibt.

Und natürlich auch im Werkzeugkasten:

Werbebanner: Der ultimative Werkzeugkasten für den Unterricht auf Lernsachen.app
Veröffentlicht in Apps, Lehrmittel, Unterrichtshilfe, Unterstützte Kommunikation, WebApp

Der Visuelle Multi-Timer

Veröffentlicht am von Thomas Moch

Der Visuelle Multi-Timer ermöglicht die intuitive Visualisierung aufeinanderfolgender Zeitphasen direkt auf dem Zifferblatt einer analogen Uhr. Mit individuellen Symbolen und Farben fördert er das Zeitverständnis in inklusiven Settings – plattformunabhängig, offline-fähig und datenschutzkonform.

In sonderpädagogischen Kontexten, insbesondere bei Schülerinnen und Schülern mit Unterstützungsbedarf in der geistigen Entwicklung oder im Bereich Autismus-Spektrum, ist die zeitliche Strukturierung des Unterrichts eine zentrale Gelingensbedingung. Herkömmliche Timer stoßen oft an Grenzen, wenn mehrere Phasen (z. B. Einzelarbeit, Partneraustausch und Reflexion) nahtlos ineinandergreifen sollen. Hier setzt der Visuelle Multi-Timer an.

Was ist der Visuelle Multi-Timer?

Das Tool ist eine webbasierte Anwendung, die keine Installation erfordert und plattformunabhängig im Browser läuft. Im Gegensatz zu einfachen Countdowns ermöglicht der Multi-Timer das Hintereinanderschalten mehrerer Zeitabschnitte, die direkt auf einem analogen Zifferblatt visualisiert werden. Ein besonderes Merkmal ist die Synchronisation mit der echten Uhrzeit: Die farbigen Segmente richten sich nach den tatsächlichen Zeigern der Uhr aus, was den Transfer zwischen abstrakter Zeitdauer und realer Uhrzeit unterstützt.

Der sonderpädagogische Bezug: Orientierung und Sicherheit

Die didaktische Relevanz ergibt sich vor allem aus dem Bereich der Unterstützten Kommunikation (UK) und dem TEACCH-Ansatz:

  • Visualisierung von Übergängen: Durch die farbliche Kennzeichnung und die Verwendung von Emojis/Symbolen werden abstrakte Zeitbegriffe visuell kodiert. Dies reduziert Übergangsängste, da Schüler jederzeit sehen, welche Phase gerade aktiv ist und was als Nächstes folgt.
  • Kognitive Entlastung: Die Anzeige verbindet die verbleibende Restzeit in einer digitalen Anzeige mit dem visuellen Segment auf der Uhr. Dies hilft Lernenden, die noch keine Uhrzeit lesen können, ein Gefühl für Zeitspannen zu entwickeln.
  • Individuelle Anpassung: Symbole und Farben können passend zum individuellen Belohnungssystem oder dem vertrauten Farbschema der Klasse gewählt werden.

Praktische Umsetzung im Schulalltag

Der Multi-Timer wurde gezielt für den Einsatz im Klassenzimmer entwickelt:

  • Plattformunabhängig & Offline: Er kann per Link aufgerufen oder als Datei gespeichert werden (z. B. in der App Documents by Readdle auf dem iPad), um auch ohne Internetverbindung stabil zu laufen.
  • Persistence: Dank der Speicherung im Local Storage bleibt die Konfiguration auch beim Schließen des Browsers erhalten.
  • Vollbildmodus: Ein „Distraction-Free“-Modus blendet Bedienelemente aus, um die volle Aufmerksamkeit auf die Visualisierung am Smartboard zu lenken.
  • Einbettung: Das Tool lässt sich als Widget via iFrame in Lernplattformen wie Moodle/mebis oder Tools wie Digiscreen integrieren.
  • Datensparsamkeit: Durch den Verzicht auf Server-Speicherung (Privacy by Design) ist er zudem datenschutzrechtlich unbedenklich im Schulkontext einsetzbar.

Methodisch-didaktische Hinweise

  1. Farbcodes etablieren: Nutzen Sie konsistente Farben für wiederkehrende Aktivitäten (z. B. Blau für Stillarbeit, Gelb für Bewegungspausen).
  2. Partizipation: Lassen Sie Schüler die Emojis für die Phasen selbst mit aussuchen, um die Akzeptanz und das Verständnis zu erhöhen.
  3. Vermeidung von Hektik: Nutzen Sie die Start-Verzögerung, um den Timer synchron zur nächsten vollen Minute zu starten. Dies vermeidet Unruhe beim Einrichten.
  4. Export-Funktion: Erstellen Sie Konfigurationen für den „Standard-Vormittag“ und exportieren Sie diese als JSON-Datei, um sie schnell wieder laden zu können.

Link zum Tool:

https://lernsachen.online/timer

Und natürlich auch im Werkzeugkasten:

Werbebanner: Der ultimative Werkzeugkasten für den Unterricht auf Lernsachen.app
Veröffentlicht in Internet, Unterricht, Unterrichtsvorbereitung, WebApp

lernsachen.app

Veröffentlicht am von Thomas Moch

Im Laufe der Zeit sind hier in diesem Blog so viele Tipps, Tools, Veröffentlichungen und Sammlungen entstanden, dass man leicht den Überblick verlieren kann. Besonders in letzter Zeit kamen mit Hilfe der neuen Möglichkeiten durch Vibe-Coding mit KI einige nützliche Apps für den Einsatz in der Schule dazu. Und es werden in nächster Zeit noch mehr werden.

Deswegen findet man dies alles jetzt übersichtlich mit Filter und Suchfunktion über die neue, einfach zu merkende URL:

https://lernsachen.app

Werbebanner: Der ultimative Werkzeugkasten für den Unterricht auf Lernsachen.app
Veröffentlicht in Lehrmittel, Unterrichtsvorbereitung, Unterstützte Kommunikation, WebApp

Etiketten Designer: Bild-Wortkarten einfach erstellen, speichern und ausdrucken

Veröffentlicht am von Thomas Moch

Und schon wieder eine neue App. Der Etiketten Designer (lernsachen.online/designer) ist eine Web-App, welche die Erstellung von Bild-Wort-Karten und Beschriftungen radikal vereinfacht. Durch die direkte Anbindung einer automatischen Bildersuche und der Möglichkeit eigene Bilder zu verwenden ist es ein ideales Werkzeug für den Schulalltag.

Die Funktionen im Überblick

Die Anwendung zeichnet sich durch eine intuitive Bedienung aus, die auf die Bedürfnisse von Lehrkräften zugeschnitten ist:

  • Intelligente Symbolsuche: Bei der Eingabe eines Begriffs sucht die App automatisch ein passendes ARASAAC-Symbol. (https://arasaac.org)
  • Individuelle Anpassung: Bilder können durch eigene Fotos oder eine integrierte Websuche ersetzt werden, um maximale Passgenauigkeit (z. B. Foto des eigenen Klassenzimmers) zu erreichen.
  • Effizienz durch Sammelerstellung: Über Komma-getrennte Listen oder CSV-Uploads lassen sich ganze Sets an Etiketten (z. B. Klassenliste, Materialliste) in Sekunden generieren.
  • Flexibler Export: Die Ergebnisse können als PDF in verschiedenen Rastern (z. B. 3×4 oder 6×8) gedruckt oder als ZIP-Archiv für die Weiterverarbeitung in Arbeitsblättern heruntergeladen werden.

Der sonderpädagogische Bezug

In einem inklusiven Setting ist die Visualisierung der Umwelt (Teacch-Ansatz) essenziell. Der Etiketten Designer adressiert hierbei zentrale Förderbereiche:

  1. Orientierung & Struktur: Klare Beschriftungen von Schränken und Räumen helfen Lernenden mit geistiger Behinderung oder im Autismus-Spektrum, sich unabhängig im Schulhaus zu bewegen.
  2. Unterstützte Kommunikation (UK): Die Karten können als PECS-ähnliche Kommunikationshilfen genutzt werden, um Wünsche zu äußern oder Handlungsabläufe zu verstehen.
  3. Sprachförderung: Die Kombination aus Bild und Schriftsatz unterstützt den Wortschatzerwerb und die Alphabetisierung.

Methodisch-didaktische Hinweise

Um das Tool optimal im Unterricht einzusetzen, sollten folgende Aspekte beachtet werden:

  • Konsistenz wahren: Nutzen Sie vorrangig die ARASAAC-Symbole oder eigene Symbolsammlungen, um eine einheitliche Symbolsprache für die Schüler zu etablieren. Dies reduziert die kognitive Last.
  • Echte Fotos für Konkretes: Verwenden Sie die „Bild anpassen“-Funktion, um bei spezifischen Gegenständen oder Personen reale Fotos hochzuladen. Dies erleichtert den Transfer vom Bild zum Objekt.
  • Partizipation: Beziehen Sie Schüler in die Gestaltung ein. Das gemeinsame Erstellen von Etiketten für das eigene Fach steigert die Identifikation mit der Ordnung im Klassenraum.
  • Farbschemata nutzen: Die Etiketten können zur Kategorisierung (z. B. Verben/Nomen oder verschiedene Fachbereiche) auf farbiges Papier gedruckt werden.

Datenschutz & Technik

Hervorzuheben ist der Ansatz „Privacy by Design“. Da die gesamte Verarbeitung lokal im Browser stattfindet, werden keine personenbezogenen Daten oder hochgeladene Fotos auf fremden Servern gespeichert. Die Nutzung der Schriftart Lexend sorgt zudem für eine verbesserte Lesbarkeit, was insbesondere Schülern mit Lese-Rechtschreib-Schwierigkeiten zugutekommt.

Fazit: Der Etiketten Designer ist ein schlankes, aber mächtiges Werkzeug, das die Vorbereitungszeit reduziert und gleichzeitig die Qualität der visuellen Unterstützung im Klassenzimmer deutlich erhöht.

Update: Silben-Lesehelfer jetzt mit eigenen Bildern nutzbar

Der Silben-Lesehelfer hat ein zweites Update bekommen: Ab sofort können eigene Bilder und Tablet-Fotos integriert werden. 

Das Update erweitert die Funktionalität des Tools (https://go.lernsachen.online/silbenhelfer) entscheidend:

  • Eigene Bilddateien: Lehrer oder Schüler können Bilder direkt vom Computer oder Tablet einfügen.
  • Direkte Kamerafunktion: Bei der Nutzung auf Tablets (z.B. iPads) kann das Foto direkt aus der App heraus aufgenommen werden.
  • Beständigkeit: Die bewährte automatische Bildersuche bleibt als schnelle Lösung für den Unterrichtsalltag weiterhin bestehen.
Veröffentlicht in Apps, KI, Programmieren, WebApp

Vibe-Coding: Was ist das? Und kann ich das auch?

Veröffentlicht am von Thomas Moch

Vibe-Coding ermöglicht es Lehrkräften, komplexe Web-Apps allein durch natürliche Sprache zu erstellen. Der Artikel zeigt, wie KI-Modelle den Programmiercode erstellen, um maßgeschneiderte, barrierefreie Lernanwendungen für den inklusiven Unterricht zu entwickeln ohne dass eine einzige Zeile Code selber geschrieben werden muss.

Die rasante Entwicklung von KI-Modellen ermöglicht uns auch das Erstellen eigener Apps. Während visuelle Programmier-Umgebungen wie Scratch wertvolle Einstiege in die Welt des Programmierens bieten, stoßen sie bei komplexen, funktionalen Anwendungen oft an Grenzen. Hier setzt Vibe-Coding an. Es beschreibt einen Prozess, bei dem nicht mehr die Beherrschung einer Programmiersprache im Vordergrund steht, sondern die präzise Beschreibung einer Idee. Für die Sonderpädagogik eröffnet dies die Chance, digitale Hilfsmittel exakt auf die individuellen Bedürfnisse von Lernenden zuzuschneiden.

Beispiele

https://go.lernsachen.online/silbenhelfer

https://go.lernsachen.online/jukebox

https://go.lernsachen.online/timer

Was ist Vibe-Coding?

Vibe-Coding bedeutet, dass die KI den gesamten Programmcode schreibt. Der Nutzer agiert als Architekt und Ideengeber. Anstatt Zeile für Zeile Code zu tippen, vermittelt man der KI den „Vibe“ – also das Aussehen, das Verhalten und die Funktionen des gewünschten Programms. Die Kompetenz verschiebt sich vom Schreiben von Code hin zum instruktiven Design und zur Fehleranalyse im Dialog.

Welche Werkzeuge werden benötigt?

Grundsätzlich kann jedes Large Language Model (LLM), also jeder Chatbot Code generieren. Für optimale Ergebnisse haben sich jedoch spezialisierte oder besonders fähige Modelle etabliert:

  • Claude 3.5 Sonnet (Anthropic): Gilt aktuell als eines der stärksten Modelle für Coding-Aufgaben, da es sehr präzise Logik liefert.
  • ChatGPT (OpenAI / Codex): Der Klassiker, der besonders durch seine weite Verbreitung und gute Dokumentation überzeugt.
  • Gemini 1.5 Pro (Google): Punktet durch ein sehr großes Kontextfenster, was bei umfangreicheren Programmen hilfreich ist.

Der Prozess: Von der Beschreibung zur fertigen App

Die Programmentwicklung verläuft iterativ in einem Chat-Dialog:

  1. Initialer Prompt: Erstellen Sie eine detaillierte Beschreibung. Beispiel: „Erstelle eine Web-App mit einem großen roten Button. Wenn man ihn drückt, erscheint ein zufälliges Tierbild und der Name des Tieres wird vorgelesen.“
  2. Strukturvorgabe: Definieren Sie das Layout (z. B. „nutze ein klares, kontrastreiches Design für Schüler mit Sehbeeinträchtigung“).
  3. Debugging & Testing: Das Programm wird lokal getestet. Funktioniert etwas nicht? Kopieren Sie die Fehlermeldung zurück in den Chat. Die KI korrigiert den Code umgehend.
  4. Verfeinerung: In kleinen Schritten werden Funktionen hinzugefügt (z. B. eine Belohnungsanimation nach fünf richtigen Antworten).

Das Zielformat: Die Web-App

Für den schulischen Einsatz ist die Erstellung einer Web-App (bestehend aus HTML, CSS und JavaScript) am effizientesten.

  • Vorteile: Sie benötigen keine Installation. Eine einzige .html-Datei reicht aus, um die App im Browser zu öffnen – sei es am Smartboard, am PC oder am iPad (z. B. via Documents by Readdle).
  • Einschränkungen: Es handelt sich meist um statische Webseiten. Das bedeutet, Daten (wie Spielstände) werden nach dem Neuladen der Seite gelöscht, sofern kein lokaler Speicher des Browsers genutzt wird.
  • Externe Libraries: Um Funktionen wie komplexe Diagramme oder physikalische Simulationen zu nutzen, kann die KI externe Bibliotheken einbinden (z. B. p5.js für kreatives Programmieren oder Howler.js für fortgeschrittene Audio-Funktionen).

Umgang mit Bildern

Da eine Web-App oft nur aus einer Textdatei besteht, können Bilder nicht einfach „beigelegt“ werden. Hier gibt es vierStrategien:

  • Emojis: Die einfachste Lösung für Symbole und einfache Grafiken.
  • Font Awesome / Lucide Icons: Einbindung von Icon-Bibliotheken via URL, um professionelle Symbole zu nutzen.
  • Verlinkung: Es können Bilder, die im Internet zu Verfügung stehen, über Verlinkungen angezeigt werden. Es müssen hierfür natürlich Lizenzrechte beachtet werden
  • Base64-Codierung: Das Bild wird komplett in eine lange Textkette umgewandelt und direkt in den Code eingebettet. Die KI kann dies auf Anfrage für kleine Icons erledigen.

Sonderpädagogischer Bezug und Einsatzmöglichkeiten

Vibe-Coding ist ein mächtiges Werkzeug für die Diklusion (Digitale Inklusion), da es Lehrkräften ermöglicht, Barrieren abzubauen, für die es keine kommerziellen Lösungen gibt:

  • Individuelle Assistenz-Tools: Erstellung von spezialisierten Kommunikationstafeln oder Schritt-für-Schritt-Anleitungen mit Sprachausgabe für Schüler im Förderschwerpunkt geistige Entwicklung.
  • Barrierefreie Lern-Lektionen: Umwandlung von analogen Arbeitsblättern in interaktive Formate mit einstellbaren Schriftgrößen, hohen Kontrasten und Screenreader-Optimierung.
  • Verhaltenstraining: Kleine Apps zur Selbstregulation (z. B. ein visueller Timer oder ein digitales Mood-Board), die exakt die Verstärker nutzen, auf die ein spezifischer Schüler anspricht.
  • Kognitive Entlastung: Erstellung extrem reduzierter Benutzeroberflächen („Minimal Interfaces“), die Ablenkungen minimieren und den Fokus auf eine einzige Aufgabe lenken.

Veröffentlicht in Apps, Internet, Unterrichtshilfe, Unterrichtsvorbereitung, WebApp

Silben-Lesehilfe – Update manuelle Silbentrennung

Veröffentlicht am von Thomas Moch

Mein Programm Silben-Lesehilfe hat gestern ganz schöne Wellen geschlagen. Danke für das zahlreiche positive Feedback. Es freut mich, wenn die Software verwendet wird um schöne Angebote für die Schüler zu machen.

https://go.lernsachen.online/silbenhelfer

Heut habe ich gleich ein erstes Update veröffentlicht:

Die automatische Silbentrennung funktioniert vor allem bei einfachen Begriffen recht gut. Trotzdem kommen Fehler vor und manche Wörter werden falsch in Silben zerlegt. Deshalb gibt es ab jetzt die Möglichkeit, die Fehler durch manuelle Korrekturen zu verbessern.

Dazu bearbeitet man das falsch zerlegte Wort und fügt an die richtigen Stellen ein Pipe Symbol ( | ) ein. Mit der Tastatur [Alt Gr] + [<]. Dann werden die Silben an diesen Stellen gebildet.

Eine ausführliche Beschreibung findet ihr im Hilfetext in der App.

Veröffentlicht in Unterrichtshilfe, Unterrichtsvorbereitung, WebApp

Silben-Lesehilfe – Silbenfärbung und Wortbilder per Klick

Veröffentlicht am von Thomas Moch

Endlich! Ein neues Jahr, ein neues Programm. Ich darf Euch meine neue Web-App Silben-Lesehilfe vorstellen. Sie ermöglicht es, Texte mit wenigen Klicks visuell und auditiv zu unterstützen – sei es durch die klassische Silbenfärbung, visuelle Unterstützung durch Piktogramme oder eine integrierte Sprachausgabe.

https://go.lernsachen.online/silbenhelfer

Funktionsumfang im Überblick

Die Webapp läuft direkt im Browser und erfordert keine Installation. Der Fokus liegt auf einer reduzierten, ablenkungsfreien Oberfläche. Zu den Kernfunktionen gehören:

  • Silbenfärbung: Automatische Segmentierung und Färbung (blau/rot) der Sprechsilben mittels integriertem Algorithmus.
  • Wortbilder (Piktogramme): Automatische Verknüpfung von Nomen, Verben und Adjektiven mit Symbolen aus der bekannten ARASAAC-Datenbank.
  • Vorlesefunktion (TTS): Synthetische Sprachausgabe mit Karaoke-Effekt (Wort-Highlighting) und anpassbarer Geschwindigkeit.
  • Schriftbild: Nutzung der für Lesbarkeit optimierten Schriftart „Lexend“.

Praktische Umsetzung: Vom Text zum Material

Der Workflow für Lehrkräfte ist denkbar einfach gestaltet und eignet sich auch für die spontane Materialerstellung kurz vor Unterrichtsbeginn.

  1. Eingabe: Der gewünschte Text wird in das zentrale Textfeld eingetippt oder kopiert.
  2. Anpassung: Über Schalter im oberen Menü werden die Hilfen (Silben, Bilder) aktiviert. Über das Zahnrad-Symbol können unpassende Bilder ausgetauscht oder ausgeblendet werden.
  3. Export: Hier bietet das Tool drei spannende Optionen:
    • Als Bild (PNG): Ideal für gedruckte Arbeitsblätter oder zum Einfügen in Word/PowerPoint.
    • Als Player (HTML): Es wird eine einzelne Datei heruntergeladen, die offline im Browser funktioniert. Diese enthält den Text, die Bilder und die Vorlesefunktion.
    • Kopieren: Übernimmt den Text mit Formatierung in die Zwischenablage.

Sonderpädagogischer Bezug

Der „Silben-Lesehelfer“ deckt verschiedene Förderbereiche ab und ist besonders für den Einsatz in Förderschulen und im inklusiven Unterricht relevant:

  • Lese-Rechtschreib-Schwäche (LRS): Die Segmentierung in blau-rote Sprechsilben ist eine bewährte Methode, um den Leseprozess zu verlangsamen und die phonologische Bewusstheit zu stärken. Das „Verschwimmen“ von Buchstaben wird reduziert.
  • Unterstützte Kommunikation (UK) & Autismus: Durch die Integration der ARASAAC-Symbole erhalten nicht-sprechende Kinder oder Kinder im Autismus-Spektrum visuelle Anker, die das Textverständnis sichern.
  • Deutsch als Zweitsprache (DaZ): Die Kombination aus Schrift, Bild und Ton (multimodales Lernen) hilft beim Wortschatzaufbau und der korrekten Aussprache.
  • Sehbeeinträchtigung: Die Schriftgröße lässt sich stufenlos anpassen, und das Schriftbild ist kontrastreich gestaltet.

Methodische und didaktische Hinweise

Um das Potenzial der App voll auszuschöpfen, bieten sich folgende Einsatzszenarien an:

  • Binnendifferenzierung von Arbeitsblättern: Erstellen Sie vom gleichen Sachtext drei Varianten:
    1. Nur Text (Schriftart Lexend).
    2. Text mit Silbenfärbung.
    3. Text mit Silbenfärbung und Piktogrammen. Drucken Sie diese Varianten als PNG aus oder stellen Sie sie digital bereit.
  • Interaktives Lesetraining (HTML-Export): Die Export-Funktion als „HTML-Player“ ist ein didaktisches Highlight. Diese Datei kann per Lernplattform (Moodle, mebis, Logineo) an die Schüler verteilt werden.
    • Szenario: Schüler lesen den Text leise. Bei unbekannten Wörtern klicken sie auf „Vorlesen“, um die korrekte Aussprache zu hören (Selbstkontrolle).
    • Vorteil: Da die HTML-Datei offline funktioniert, ist keine ständige Internetverbindung am Schülergerät nötig, sobald die Datei geladen ist.
  • Wortschatzarbeit: Projizieren Sie den Text via Smartboard. Nutzen Sie die Funktion, Bilder gezielt auszutauschen, um mit der Klasse über Wortbedeutungen zu diskutieren („Welches Bild passt besser zu diesem Satz?“).

Datenschutz und Technik

Für den Schuleinsatz ist der Datenschutz essenziell. Der „Silben-Lesehelfer“ verfolgt einen „Privacy by Design“-Ansatz. Die Textverarbeitung und Silbentrennung finden lokal im Browser statt. Es wird kein Text auf Servern gespeichert.

Hinweis: Für die Wortbilder (ARASAAC) und Schriftarten werden externe Schnittstellen angefragt. Dies ist technisch notwendig, aber datenschutzrechtlich im Regelfall unbedenklich, da keine personenbezogenen Daten der Schüler (wie Namen oder Login) übertragen werden, sondern nur die Textinhalte zur Bildsuche.