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).
2.9 KiB
2.9 KiB
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.