66204e6f63
Adds Grounding, Reasoning-Modelle, Token/Parameter examples, an autocomplete mini-game, and a Copilot agent-building walkthrough with a live chat-demo payoff. Adds Sprecher.md with per-slide speaker cards. Fixes malformed data-def attributes and stray baked-in active/visible classes left over from in-browser edit-mode sessions, and stops the local save-in-place backups from being tracked.
67 lines
6.0 KiB
JavaScript
67 lines
6.0 KiB
JavaScript
/* ===========================================
|
||
SLIDE-MANIFEST — einzige Quelle der Wahrheit für Titel/Reihenfolge.
|
||
Wird von ki-verstehen.html (Deck) UND config.html (Konfigurator) geladen.
|
||
`id` muss exakt der Dokumentreihenfolge der <section class="slide" data-slide-id="…">
|
||
in ki-verstehen.html entsprechen (1-basiert). Beim Umbau des Decks hier mitpflegen.
|
||
=========================================== */
|
||
const SLIDE_MANIFEST = [
|
||
{ id: 1, title: "Titel", kapitel: "—", type: "content", locked: true },
|
||
{ id: 2, title: "Hook: Wer hat heute schon KI benutzt?", kapitel: "—", type: "content" },
|
||
{ id: 3, title: "Kapitel 1 · Wie alles begann", kapitel: "Wie alles begann", type: "divider" },
|
||
{ id: 4, title: "Geschichte: Zeitstrahl 1950–2022", kapitel: "Wie alles begann", type: "content" },
|
||
{ id: 5, title: "Verschachtelte Kreise: KI/ML/DL/GenAI", kapitel: "Wie alles begann", type: "content" },
|
||
{ id: 6, title: "Wie lernt eine Maschine (das „A“)", kapitel: "Wie alles begann", type: "content" },
|
||
{ id: 7, title: "ANI vs. AGI", kapitel: "Wie alles begann", type: "content" },
|
||
{ id: 8, title: "Kapitel 2 · Wie ein LLM funktioniert", kapitel: "Wie ein LLM funktioniert", type: "divider" },
|
||
{ id: 9, title: "Mitmach-Spiel: Satz vervollständigen", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 10, title: "LLM: Autovervollständigung", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 11, title: "Token & Parameter", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 12, title: "Token-Beispiel: ein normaler Satz", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 13, title: "Parameter: die Stellschrauben wachsen", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 14, title: "Parameter-Beispiele (Hauspreis, Bild, Sprache)", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 15, title: "Reasoning-Modelle", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 16, title: "System-Prompt, User-Prompt, Context", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 17, title: "Beispiel: System- & User-Prompt", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 18, title: "Kontext-Limit & Compact", kapitel: "Wie ein LLM funktioniert", type: "content" },
|
||
{ id: 19, title: "Kapitel 3 · Die Modell-Landschaft", kapitel: "Die Modell-Landschaft", type: "divider" },
|
||
{ id: 20, title: "Woher kommt das Wissen", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 21, title: "Modell-Landschaft (GPT, Claude, Gemini …)", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 22, title: "Wer baut sie, was unterscheidet sie", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 23, title: "Geschäftsmodell: Womit verdienen sie Geld", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 24, title: "SEO vs. GEO", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 25, title: "Wo finde ich diese Modelle", kapitel: "Die Modell-Landschaft", type: "content" },
|
||
{ id: 26, title: "Kapitel 4 · Vom Chatbot zum Agenten", kapitel: "Vom Chatbot zum Agenten", type: "divider" },
|
||
{ id: 27, title: "Eskalationsleiter: Chatbot → Agent", kapitel: "Vom Chatbot zum Agenten", type: "content" },
|
||
{ id: 28, title: "MCP: USB-C für KI", kapitel: "Vom Chatbot zum Agenten", type: "content" },
|
||
{ id: 29, title: "Kapitel 5 · Die Grenzen der KI", kapitel: "Die Grenzen der KI", type: "divider" },
|
||
{ id: 30, title: "Schwächen der KI (Übersicht)", kapitel: "Die Grenzen der KI", type: "content" },
|
||
{ id: 31, title: "Halluzination im Detail", kapitel: "Die Grenzen der KI", type: "content" },
|
||
{ id: 32, title: "Grounding: KI an der Realität verankern", kapitel: "Die Grenzen der KI", type: "content" },
|
||
{ id: 33, title: "Grounding-Beispiel: Urlaubstage", kapitel: "Die Grenzen der KI", type: "content" },
|
||
{ id: 34, title: "Kapitel 6 · Sicherheit im Umgang mit KI", kapitel: "Sicherheit im Umgang mit KI", type: "divider" },
|
||
{ id: 35, title: "Prompt Injection", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
|
||
{ id: 36, title: "Security: weitere Punkte", kapitel: "Sicherheit im Umgang mit KI", type: "content" },
|
||
{ id: 37, title: "Kapitel 7 · Praxis & Ausblick", kapitel: "Praxis & Ausblick", type: "divider" },
|
||
{ id: 38, title: "Praktische Tipps", kapitel: "Praxis & Ausblick", type: "content" },
|
||
{ id: 39, title: "Agenten selbst bauen: Microsoft Copilot", kapitel: "Praxis & Ausblick", type: "content" },
|
||
{ id: 40, title: "Ausblick", kapitel: "Praxis & Ausblick", type: "content" },
|
||
{ id: 41, title: "Glossar", kapitel: "Praxis & Ausblick", type: "content" },
|
||
{ id: 42, title: "Closing", kapitel: "—", type: "content", locked: true },
|
||
];
|
||
|
||
const SLIDE_CONFIG_STORAGE_KEY = 'cancomDeckSlideConfig';
|
||
|
||
function loadSlideConfig() {
|
||
try {
|
||
const raw = localStorage.getItem(SLIDE_CONFIG_STORAGE_KEY);
|
||
if (!raw) return null;
|
||
const parsed = JSON.parse(raw);
|
||
if (Array.isArray(parsed)) return new Set(parsed);
|
||
} catch (_) {}
|
||
return null;
|
||
}
|
||
|
||
function saveSlideConfig(enabledIdSet) {
|
||
localStorage.setItem(SLIDE_CONFIG_STORAGE_KEY, JSON.stringify(Array.from(enabledIdSet)));
|
||
}
|