📖 Lesenlernen – KI-Silbenmethode mit lokalem LLM (Ollama)

8 Lernphasen, KI-Satzgenerierung, Silbentrennung & Icon-Visualisierung

PHPOllamaLLMBildungBootstrap

🚀 Bereit für Ihre digitale Transformation?

Vereinbaren Sie ein unverbindliches Strategiegespräch

📞 02406 803 7603 ✉️ info@computerkumpel.de

📊 Business Value

Diese Web-App kombiniert die bewährte Silbenmethode mit moderner KI: Ein lokales LLM (Ollama) generiert altersgerechte Lesesätze aus einem definierten Silben-Wortschatz. Kostenlos, offline-fähig, datenschutzkonform — perfekt für Grundschulen und Förderunterricht.

🧠
KI-Satzgenerierung
Llama 3.2 via Ollama generiert 6 sinnvolle Sätze aus gewählten Silben und Hilfswörtern — adaptiv zum Lernstand.
🔤
Silbentrennung
Intelligente PHP-Silbentrennung erkennt Diphthonge, Vokale und einsilbige Wörter. Rot-Blau-Wechsel für visuelles Lernen.
🎨
Icon-Visualisierung
30+ Font-Awesome-Icons für Bild-Wort-Verknüpfung. Haus = 🏠, Baum = 🌳 — visuelles Lernen für Leseanfänger.
📈
8 Lernphasen
Strukturierter Lehrplan: Phase 1 (M/m) → Phase 8 (K/k). Jede Phase erweitert den Wortschatz systematisch.

⚙️ Lern-App Workflow

1
🎯

Phase wählen

Lehrer/Kind wählt Lernphase (M, L, N, B, S, R, T, K), Hilfswörter und Icons aus.

2
🤖

Ollama LLM

Llama 3.2 generiert 6 Lesesätze mit den gewählten Silben — lokal, ohne Cloud.

3
🔤

Silbentrennung

PHP-Algorithmus trennt Silben farblich (rot/blau). Icons erscheinen neben Nomen.

4
📖

Leseübung

Kind liest die farbkodierten Sätze. PDF-Export möglich für Ausdruck.

💻 Echter Code aus dem Projekt

Code aus D:\arbeit\git\lesenlernen\. Eine vollständige PHP-Web-App mit Ollama-LLM-Integration, Silbentrennungs-Algorithmus und Icon-System.

📚 8-Phasen-Silbensystem mit Lernprogression (ergebnis.php)

$silben = [
    1 => ['Mu','mu','Mi','mi','Mo','mo','Ma','ma'],  // Phase M
    2 => ['La','la','Le','le','Li','li','Lo','lo','Lu','lu'],  // L
    3 => ['Na','na','Ne','ne','Ni','ni','No','no','Nu','nu'],  // N
    4 => ['Ba','ba','Be','be','Bi','bi','Bo','bo','Bu','bu'],  // B
    5 => ['Sa','sa','Se','se','Si','si','So','so','Su','su'],  // S
    6 => ['Ra','ra','Re','re','Ri','ri','Ro','ro','Ru','ru'],  // R
    7 => ['Ta','ta','Te','te','Ti','ti','To','to','Tu','tu'],  // T
    8 => ['Ka','ka','Ke','ke','Ki','ki','Ko','ko','Ku','ku']   // K
];

// Ausgewählte Phasen zu Silben-Array mergen
$selectedSilben = [];
foreach($selectedPhases as $phase) {
    $selectedSilben = array_merge($selectedSilben, $silben[$phase]);
}

🤖 Ollama LLM-Integration für Satzgenerierung (ollama.php)

function chatWithModel($model, $silben, $hilfswörter, $icons) {
    $prompt = "Erstelle 6 einfache deutsche Sätze.\n"
        . "Nutze Silben: " . implode(', ', $silben) . "\n"
        . "Nutze Hilfswörter: " . implode(', ', $hilfswörter) . "\n"
        . "Nutze Wörter für Icons: " . implode(', ', $icons) . "\n"
        . "Jeder Satz muss genau eines der Icon-Wörter enthalten.\n"
        . "Antworte nur mit den 6 Sätzen, einen pro Zeile.";

    $response = file_get_contents(
        'http://localhost:11434/api/generate',
        false,
        stream_context_create([
            'http' => [
                'method' => 'POST',
                'header' => "Content-Type: application/json\r\n",
                'content' => json_encode([
                    'model' => $model,
                    'prompt' => $prompt,
                    'stream' => false
                ])
            ]
        ])
    );
    return json_decode($response, true)['response'];
}

🔤 Intelligente Silbentrennung in PHP (functions.php)

function trenneSilben($text) {
    foreach (explode(' ', $text) as $wort) {
        // Satzzeichen abtrennen
        $satzzeichen = '';
        if (preg_match('/([.!?,;:]+)$/', $wort, $m)) {
            $satzzeichen = $m[1];
            $wort = rtrim($wort, '.!?,;:');
        }

        // Hilfswörter nicht trennen, nur farblich markieren
        if (in_array(strtolower($wort), $GLOBALS['nichtTrennen'])) {
            $result .= '<span style="color:'
                . ($isRed?'red':'blue').'">'.$wort.'</span>';
            $isRed = !$isRed;
        } else {
            // Vokale zählen, Diphthonge erkennen
            // Mehrsilbig → Silbentrennung mit Rot-Blau-Wechsel
            // Einsilbig → blau, nicht trennen
        }

        // Icon nach dem Wort anzeigen wenn verfügbar
        if ($icon = getIconForWord(strtolower($wort))) {
            $result .= ' ' . $icon;
        }
    }
    return $result;
}

🎨 Icon-Mapping & Hilfswörter-Definition (functions.php)

$GLOBALS['iconMap'] = [
    'haus' => '<i class="fas fa-home"></i>',
    'baum' => '<i class="fas fa-tree"></i>',
    'auto' => '<i class="fas fa-car"></i>',
    'sonne' => '<i class="fas fa-sun"></i>',
    'mond' => '<i class="fas fa-moon"></i>',
    // ... 30+ Icons insgesamt
    'uhr' => '<i class="fas fa-clock"></i>',
    'musik' => '<i class="fas fa-music"></i>',
];

$GLOBALS['hilfswörter'] = [
    'der','die','das','ein','eine',
    'im','am','in','an','auf','mit',
    'und','oder','aber','als','wie',
    'ist','sind','hat','haben','war',
    'ich','du','er','sie','es','wir',
];

💻 Tech-Stack

🐘
PHP 8+
Session-Handling, Silbentrennung mit Diphthong-Erkennung, Formularverarbeitung.
🤖
Ollama + Llama 3.2
Lokales LLM für Satzgenerierung — kein API-Key, keine Internet-Abhängigkeit.
🎨
Bootstrap 5 + FA
Responsive UI mit Font Awesome Icons für visuelles Lernen.
📄
PDF Export
Optionale PDF-Generierung für druckbare Arbeitsblätter.
🔤
FibelNord Font
Speziell für Leseanfänger optimierte Schulschrift als Webfont.

🚀 KI im Klassenzimmer — lokal, kostenlos, datenschutzkonform

📞 02406 803 7603 ✉️ info@computerkumpel.de

🎯 Strategische Erkenntnisse

🔐

EdTech mit Datenschutz — der USP für Schulen

Lokale LLMs via Ollama verarbeiten keine Daten in der Cloud. Kein DSGVO-Problem, keine Eltern-Beschwerden, keine Datenschutz-Folgenabschätzung nötig.

Lokale KI ist der einzige Weg in regulierte Märkte wie Bildung und Gesundheit.

📈

Adaptives Lernen durch Prompt-Steuerung

Die Prompt-Strategie steuert Schwierigkeitsgrad, Wortanzahl und Satzkomplexität. Kein hart-codiertes Curriculum nötig — das LLM passt sich dynamisch an.

Prompts sind das neue Curriculum. Bessere Prompts = bessere Lernergebnisse.

🔧

Diphthong-Erkennung als linguistische Herausforderung

Die korrekte Erkennung von „ei", „au", „eu" als eine Silbe statt zwei ist der kniffligste Teil des Algorithmus — und der wichtigste für korrekte Leseförderung.

Domain-Expertise (Linguistik) + Coding = echter Mehrwert.

👥

Gamification durch Icons

Die Kombination aus Silbentrennung + Icon-Mapping macht aus einer trockenen Leseübung ein interaktives Erlebnis. Kinder lieben die Bild-Verknüpfung.

UX ist in der Bildung nicht optional — es ist der Unterschied zwischen „muss" und „will".

Bildungs-App mit lokaler KI entwickeln?

Als Brückenbauer zwischen Business und Technik unterstütze ich Sie bei EdTech und lokaler KI-Integration — pragmatisch, ergebnisorientiert, ohne Berater-Bullshit.

📞 Jetzt anrufen ✉️ E-Mail senden