# KI verstehen – von den Anfängen bis zu Agenten-Schwärmen

CANCOM-Vortragsdeck im HTML-Format. Ein File, kein Build, kein Bundler –
per Doppelklick lauffähig, per Mail/Teams/SharePoint verteilbar.

## Dateien

| Datei | Zweck |
|---|---|
| `ki-verstehen.html` | Das eigentliche Deck. 36 Slides, 1920×1080, per `E` editierbar. |
| `config.html` | Präsentations-Konfigurator: Slides für den Vortrag ein-/ausblenden. |
| `slides-manifest.js` | Gemeinsame Titel-/Reihenfolge-Liste, von Deck **und** Konfigurator geladen. |
| `font-vorschau.html` | Vergleichsseite für Headline-Schriften (Rückblick auf die Font-Auswahl). |
| `DESIGN.md` | Design-System: Tokens, Typografie, Layout, Motion – verbindlich für Umbauten. |
| `PATTERNS.md` | Copy-Paste-Bausteine für einzelne Slide-Typen. |
| `deck-template.html` | Leerer Startpunkt für ein neues Deck im selben Look. |

## Präsentieren

```bash
open ki-verstehen.html
```

- `→` / Leertaste / Mausrad / Swipe: nächste Slide · `←`: vorherige · `Home`/`End`: Anfang/Ende
- `E`: Live-Editor (Text direkt auf der Bühne korrigieren, z. B. bei Kundenwunsch „anderes Wort")
- `C` oder das ⚙-Symbol oben links (Hotzone): zum Konfigurator
- 🔈-Symbol unten rechts auf der Titelfolie: erzeugter Ambient-Sound (Web Audio, keine externe Datei)

## Slides für einen Vortrag auswählen

`config.html` öffnen, Häkchen setzen/entfernen, auf „Speichern & zur Präsentation" klicken.
Die Auswahl wird als URL-Parameter ans Deck übergeben (zuverlässig auch bei `file://`, wo
`localStorage` zwischen einzelnen HTML-Dateien nicht immer geteilt wird – v. a. Safari).
Titelfolie und Closing sind fest verankert und lassen sich nicht abwählen.

## Aufbau des Decks (36 Slides in 7 Kapiteln)

1. **Titel** + **Hook** (Handzeichen-Frage)
2. **Kapitel 1 · Wie alles begann** – Zeitstrahl, verschachtelte Kreise (KI/ML/DL/GenAI), wie eine Maschine lernt, ANI vs. AGI
3. **Kapitel 2 · Wie ein LLM funktioniert** – Mitmach-Spiel „Alle meine Entchen …", Autovervollständigung, Token & Parameter, Reasoning-Modelle, System-/User-Prompt & Context, Kontext-Limit & Compact
4. **Kapitel 3 · Die Modell-Landschaft** – woher das Wissen kommt, Anbieter-Übersicht, Geschäftsmodelle, SEO vs. GEO, wo man Modelle findet
5. **Kapitel 4 · Vom Chatbot zum Agenten** – Eskalationsleiter, MCP
6. **Kapitel 5 · Die Grenzen der KI** – Schwächen-Übersicht, Halluzination im Detail
7. **Kapitel 6 · Sicherheit im Umgang mit KI** – Prompt Injection, weitere Security-Punkte
8. **Kapitel 7 · Praxis & Ausblick** – Tipps, Ausblick, Glossar, Closing

Begriffe wie *Token*, *LLM*, *MCP*, *GPT*, *ANI/AGI* u. a. sind im Fließtext anklickbar
(gepunktete Unterstreichung) und öffnen eine kurze Erklärung.

## Neues Deck bauen

Siehe `DESIGN.md` Abschnitt 8 und `PATTERNS.md` für Copy-Paste-Bausteine.
`deck-template.html` kopieren, umbenennen, Slides zusammenstellen.