2633ca0e0d
Adds the complete "KI verstehen" presentation (36 slides), the Präsentations-Konfigurator (config.html + slides-manifest.js) for curating which slides to show, and updates DESIGN.md/PATTERNS.md/ deck-template.html to reflect the new house font (General Sans) and newly established patterns (chapter dividers, term tooltips, the mitmach game, ambient sound, and the slide configurator).
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
open ki-verstehen.html
→/ Leertaste / Mausrad / Swipe: nächste Slide ·←: vorherige ·Home/End: Anfang/EndeE: Live-Editor (Text direkt auf der Bühne korrigieren, z. B. bei Kundenwunsch „anderes Wort")Coder 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)
- Titel + Hook (Handzeichen-Frage)
- Kapitel 1 · Wie alles begann – Zeitstrahl, verschachtelte Kreise (KI/ML/DL/GenAI), wie eine Maschine lernt, ANI vs. AGI
- Kapitel 2 · Wie ein LLM funktioniert – Mitmach-Spiel „Alle meine Entchen …", Autovervollständigung, Token & Parameter, Reasoning-Modelle, System-/User-Prompt & Context, Kontext-Limit & Compact
- Kapitel 3 · Die Modell-Landschaft – woher das Wissen kommt, Anbieter-Übersicht, Geschäftsmodelle, SEO vs. GEO, wo man Modelle findet
- Kapitel 4 · Vom Chatbot zum Agenten – Eskalationsleiter, MCP
- Kapitel 5 · Die Grenzen der KI – Schwächen-Übersicht, Halluzination im Detail
- Kapitel 6 · Sicherheit im Umgang mit KI – Prompt Injection, weitere Security-Punkte
- 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.