// GENERIEKE WHITE-LABEL CONFIG — AI-geletterdheid // Volledig merkloos. Alle klant-specifieke zaken zijn vervangen door neutrale, // herbruikbare bewoordingen. Kopieer dit bestand als content-.jsx en // vervang de THEME-kleuren + branding door die van de klant. window.LEERPAD_CONFIG = { client: "generic", pageTitle: "Academy · AI-geletterdheid", /* ──── THEME — Pretencify-huisstijl (exact website-palet pretencify.be) ──── */ theme: { dark: "#1F0A4C", // ink — diep eggplant (headers, hero, footer) bright: "#B026F0", // vivid action purple — buttons, links, fills bright2: "#C150F5", // bright-2 — hover + italic accenten soft: "#E8D2F4", // lavender — icon containers, soft surfaces cream: "#F4EEE0", // warme crème — primaire achtergrond pager: "#C9A8E0", // faded lavender — pagers / inactive }, /* ──── BRANDING — neutraal; vervang per klant ──── */ branding: { appName: "Academy", moduleName: "AI-geletterdheid", userInitials: "JP", userName: "J. Peeters", successFactorsUrl: "lms.jouwbedrijf.be/academy/ai-geletterdheid", // Platform-merk in de top-bar — echt Pretencify-logo. Verwijder/overschrijf per klant. brand: { logo: "brand/Pretencify-baseline.svg", logoAlt: "Pretencify, Connecting the dot's" }, // Groot merk-lockup in de welkom-hero (witte versie, op de donkere kaart). Verwijder/overschrijf per klant. heroLogo: "brand/Pretencify-wit.svg", // Leverancier-merk (verschijnt subtiel als "Powered by"). Verwijder voor volledig merkloos. vendor: { name: "Pretencify", logo: "brand/Pretencify-baseline.svg", url: "https://pretencify.be" }, }, welcome: { title: <>Start je AI-reis., body: <>Zes korte stappen die je doorvoeren van "wat is AI eigenlijk" tot "hoe schrijf je een goede prompt". Onder een kwartier ben je rond., pager: "1 / 3", cta: "Bekijk de cursus", estimate: "LMS-module · ± 15 min", // Sales-notificatie bovenaan het welkomscherm (enkel voor de demo). Verwijder dit veld voor de definitieve module. demoNotice: { badge: "Demo", title: "Je bekijkt een demoversie.", body: "De filmpjes en de vragen zijn bewust beperkt gehouden: net genoeg om je een echt gevoel te geven van de look-and-feel en de leerbeleving. Hoe diepgaand en uitgebreid de uiteindelijke module wordt, bepalen we samen, volledig afgestemd op jullie doelgroep, doelen en tone of voice.", }, }, tips: { speech: "Zo werkt deze module. Lees even rustig door.", items: [ { icon: "map", title: "Bekijk je leerpad", desc: "Zes korte modules. Je voortgang bewaart automatisch in je LMS.", action: "overview", cta: "Naar het leerpad" }, { icon: "rank", title: "Verzamel Sparks", desc: "Elk juist antwoord levert een Spark op. Bekijk je totaal in je profiel.", action: "profile", cta: "Bekijk je Sparks" }, ], }, overview: { eyebrow: "Academy · AI-geletterdheid", title: "Zes modules, één pad.", }, modules: [ /* ─── M1 · VERKENNEND — wat is AI en wat doet het? ─── */ { id: 1, kind: "lesson", title: "AI: wat is het en wat doet het?", meta: "Module 1 · video + 3 oefeningen · ± 5 min", video: "media/ronde1.mp4", videoTitle: "Wat is AI eigenlijk, en wat doet het?", videoBody: "In het kort: AI is software die patronen leert uit enorme hoeveelheden voorbeelden, en op basis daarvan voorspelt, herkent of genereert. Geen brein, geen magie, maar wel verrassend krachtig. Je gebruikt het al: spamfilters, Netflix-aanbevelingen, vertaalapps én ChatGPT.", exercises: [ { type: "match", difficulty: "easy", q: "De basis: wat is wat? Koppel elk begrip aan de juiste omschrijving.", hint: "Klik links een begrip, klik dan rechts de omschrijving die erbij hoort.", pairs: [ { left: "Generatieve AI", right: "Software die zélf nieuwe tekst, beeld of code maakt" }, { left: "ChatGPT", right: "Bekende chatassistent van OpenAI" }, { left: "Claude", right: "Chatassistent van Anthropic" }, { left: "Gemini", right: "Chatassistent van Google" }, { left: "Copilot", right: "AI-hulp van Microsoft, o.a. in Office en Windows" }, ], explain: "Generatieve AI maakt zélf nieuwe inhoud zoals tekst, beeld of code, op basis van wat ze geleerd heeft. ChatGPT (OpenAI), Claude (Anthropic), Gemini (Google) en Copilot (Microsoft) zijn de bekendste assistenten die erop draaien. Ze doen grotendeels hetzelfde, maar verschillen in stijl, sterktes en prijs.", }, { type: "dragdrop", difficulty: "hard", q: "Welke van deze foto's zijn door AI gegenereerd?", hint: "Sleep elke foto naar de juiste bak, of tik een foto aan en tik dan de bak. Lukt het je nog? Beelden die AI vandaag maakt, zijn nauwelijks van echt te onderscheiden.", items: [ { id: "rw", label: "Vrouw aan het werk", image: "media/photo-real-woman.png" }, { id: "aw", label: "Vrouw met laptop", image: "media/photo-ai-woman.png" }, { id: "rb", label: "Baby wordt gevoerd", image: "media/photo-real-baby.png" }, { id: "ab", label: "Baby met lepel", image: "media/photo-ai-baby.png" }, { id: "rm", label: "Man buiten", image: "media/photo-real-man.png" }, { id: "am", label: "Portret tegen de lucht", image: "media/photo-ai-man.png" }, ], bins: [ { id: "real", label: "Echte foto" }, { id: "ai", label: "AI-gegenereerd" }, ], answer: { rw: "real", rb: "real", rm: "real", aw: "ai", ab: "ai", am: "ai" }, explain: "Lastig, hè? Drie van deze foto's zijn volledig door een computer gemaakt en toch bijna niet van echt te onderscheiden. Vroeger kon je nepbeelden herkennen aan fouten zoals zes vingers of een te gladde huid, maar dat klopt vandaag niet meer. De boodschap: je kunt niet meer alleen op je ogen vertrouwen. Kijk vooral waar een foto vandaan komt en wie ze deelt. Twijfel je? Ga er dan niet zomaar van uit dat ze echt is.", }, { type: "quiz", difficulty: "easy", q: "Welke van deze dingen wordt vandaag al door AI aangestuurd?", options: [ "Alleen ChatGPT en gelijkaardige chatbots.", "Spamfilter, Netflix-aanbevelingen, vertaalapps én ChatGPT.", "Enkel grote bedrijfssoftware zoals SAP.", "Alleen gespecialiseerde wetenschappelijke tools.", ], correct: 1, explain: "AI is geen nieuwe technologie: ze zit al jaren onder de motorkap van alles wat je dagelijks gebruikt. Wat nieuw is, is dat we er nu rechtstreeks tegen kunnen praten via chatinterfaces.", }, ], }, /* ─── M2 · KRITISCH — moeten we voorzichtig zijn? ─── */ { id: 2, kind: "lesson", title: "Moeten we voorzichtig zijn?", meta: "Module 2 · video + 3 oefeningen · ± 5 min", video: "media/ronde 2 AI compr geblurd.mov", videoTitle: "Waar AI fout gaat", videoBody: "Hallucinaties, vooringenomenheid, foute cijfers. Een blik op wat AI níet kan, en waar je extra op moet letten.", exercises: [ { type: "flashcard", difficulty: "medium", q: "Raad de term bij elke situatie.", hint: "Lees de situatie, kies de juiste term en zie meteen of het klopt.", cards: [ { front: "AI verzint een bron die niet bestaat", back: "Hallucinatie", note: "Verzinnen met overtuiging." }, { front: "AI rangschikt mannen hoger dan vrouwen op identieke CV's", back: "Bias", note: "Vooroordelen uit de trainingsdata." }, { front: "AI weet niets over een gebeurtenis van vorige week", back: "Kennis-cutoff", note: "Weet niets van na zijn trainingsdatum." }, { front: "AI geeft een ander antwoord op dezelfde vraag", back: "Niet-determinisme", note: "Statistische willekeur in de output." }, ], explain: "Vier klassieke AI-misstappen: hallucinatie, bias, kennis-cutoff en niet-determinisme. Herken je ze, dan weet je wanneer je een AI-antwoord extra kritisch moet checken.", }, { type: "finderror", difficulty: "medium", timeLimit: 120, q: "Zoek de fout. Welke uitspraken over het werken met AI kloppen niet?", hint: "Twee van deze uitspraken zijn onjuist. Lees rustig en klik ze allebei aan.", answerLabel: "Uitspraken over AI", sentences: [ { text: "Controleer belangrijke informatie van AI altijd even bij een betrouwbare bron.", error: false }, { text: "Doordat er soms bias in zit, hoef je je bronnen nooit te controleren.", error: true, type: "Bias" }, { text: "Hoe duidelijker je je vraag stelt, hoe bruikbaarder het antwoord.", error: false }, { text: "Hallucineren betekent dat de AI op één bepaald soort data getraind is.", error: true, type: "Hallucinatie" }, { text: "AI kan zich vergissen, zelfs als het antwoord heel overtuigend klinkt.", error: false }, ], explain: "Twee uitspraken kloppen niet. De bewering dat je door bias je bronnen nooit hoeft te controleren is precies omgekeerd: juist omdat AI zich kan vergissen of vooringenomen kan zijn, check je belangrijke info altijd. En hallucineren gaat niet over de trainingsdata, maar betekent dat de AI iets verzint dat niet klopt en het toch met volle overtuiging brengt. Kort gezegd: bij twijfel altijd checken, en een vlot antwoord is niet automatisch juist.", }, { type: "dragdrop", difficulty: "medium", timeLimit: 60, q: "De AI Act deelt AI in volgens risico. Sorteer elke toepassing: hoog risico of beperkt risico?", hint: "Sleep elke toepassing naar de juiste categorie, of tik ze aan en tik dan de bak.", items: [ { id: "recruit", label: "AI die sollicitanten selecteert" }, { id: "credit", label: "AI die kredietwaardigheid beoordeelt" }, { id: "exam", label: "AI die examens scoort in het onderwijs" }, { id: "spam", label: "Spamfilter in je mailbox" }, { id: "reco", label: "Film-aanbevelingen bij streaming" }, { id: "game", label: "AI-tegenstander in een videogame" }, ], bins: [ { id: "high", label: "Hoog risico" }, { id: "limited", label: "Beperkt risico" }, ], answer: { recruit: "high", credit: "high", exam: "high", spam: "limited", reco: "limited", game: "limited" }, explain: "De Europese AI Act deelt AI-systemen in volgens hun risico. Hoog risico geldt voor AI die mee beslist over iemands leven: wie een job of lening krijgt, of slaagt voor een examen. Zulke systemen moeten transparant en getest zijn, met menselijk toezicht. Beperkt risico zijn alledaagse toepassingen zoals spamfilters, aanbevelingen of games, met veel lichtere regels. De vuistregel: hoe groter de impact op iemand, hoe strenger de eisen.", }, ], }, /* ─── M3 · POLL — Hoe sta jij erin? ─── */ { id: 3, kind: "poll", locked: true, title: "Hoe sta jij tegenover AI?", meta: "Module 3 · anonieme rondvraag · ± 2 min", pollIntro: "Vier korte vragen, volledig anoniem. Jouw antwoorden bepalen mee het AI-beleid van je organisatie.", poll: [ { q: "Hoe vaak gebruik je AI voor je werk?", options: ["Nooit", "Af en toe", "Wekelijks", "Dagelijks"] }, { q: "Welke tool gebruik je het meest?", options: ["CoPilot", "ChatGPT", "Claude", "Gemini", "Andere", "Nog geen"] }, { q: "Hoe comfortabel voel je je met AI?", options: ["Onzeker", "Beginnend", "Comfortabel", "Expert"] }, { q: "Wat houdt je vooral tegen?", options: ["Te onzeker om te starten", "Veiligheidsregels onduidelijk", "Geen tijd om te leren", "Niet relevant voor mijn werk", "Niets, ik gebruik AI al"] }, ], }, /* ─── M4 · INTERNE AFSPRAKEN — workflow + tool keuze ─── */ { id: 4, kind: "lesson", locked: true, title: "Interne afspraken rond AI", meta: "Module 4 · video + 2 oefeningen · ± 4 min", video: "media/exp 1 ronde 3 intro.mp4", videoTitle: "Welke tool wanneer?", videoBody: "Eén heldere regel: zit er bedrijfsgevoelige info in je vraag, dan gebruik je de goedgekeurde bedrijfs-AI. Geen gevoelige info? Vrije keuze.", exercises: [ { type: "order", difficulty: "medium", q: "Je wil een nieuwe AI-tool intern uitrollen. Zet de stappen in de juiste volgorde.", hint: "Gebruik de pijltjes om elke stap omhoog of omlaag te verplaatsen.", items: [ { id: "team", label: "Praat met je team over de use-case" }, { id: "ict", label: "Vraag IT naar de technische haalbaarheid" }, { id: "iso", label: "Loop het langs Security voor een privacy-check" }, { id: "pilot", label: "Pilot met een klein team" }, { id: "roll", label: "Rol uit naar je hele afdeling" }, ], answer: ["team", "ict", "iso", "pilot", "roll"], explain: "Altijd starten met je team (wat is de echte behoefte?). Dan parallel IT + Security inschakelen. Klein piloten voor je breed uitrolt, zo vang je problemen vroeg op.", }, { type: "quiz", difficulty: "hard", q: "Een externe consultant vraagt of jij hun ChatGPT-prompt mag reviewen. Hun prompt bevat al bedrijfsgevoelige info. Wat doe je?", options: [ "Antwoord met “prima”, ze hebben hun eigen tool en zijn extern.", "Stuur de prompt zelf door naar Security ter beoordeling.", "Vraag eerst of de gevoelige info correct geanonimiseerd is. Zo niet, weiger te helpen tot dat is rechtgezet.", "Niet jouw verantwoordelijkheid, negeer de vraag.", ], correct: 2, explain: "Jullie afspraken gelden ook richting externe partners. Door proactief te vragen of de info is geanonimiseerd, voorkom je een lek en houd je de externe partij scherp. Security informeren komt pas als de partner niet meewerkt.", }, ], }, /* ─── M5 · PROMPTING — leer beter vragen stellen ─── */ { id: 5, kind: "lesson", noVideo: true, locked: true, title: "Hoe leer je goed prompten?", meta: "Module 5 · 2 oefeningen · ± 3 min", exercises: [ { type: "blank", difficulty: "medium", before: "Een sterke prompt vertelt de AI welke rol ze speelt, voor wie ze schrijft, in welke", after: ", en wat het einddoel is.", answer: "vorm", alts: ["lengte", "stijl", "format"], explain: "Vier hefbomen voor een betere prompt: rol, doelpubliek, vorm (lengte/stijl/toon) en doel. Hoe meer hiervan je benoemt, hoe nuttiger het antwoord. 'Vorm' is het ingrediënt dat de meeste mensen vergeten.", }, { type: "quiz", difficulty: "medium", q: "Welke van deze prompts levert het meest bruikbare resultaat op voor je werk?", options: [ "“Schrijf een mail aan mijn manager.”", "“Help me met een tekst over AI.”", "“Schrijf een mail van 5 zinnen aan mijn manager om uitstel te vragen voor het kwartaalrapport, eindigend op één concrete vraag.”", "“Geef me alle info over AI.”", ], correct: 2, explain: "Goede prompts geven context (waarover), publiek (aan wie), vorm (lengte, toon) en doel (concrete vraag of uitkomst). Vage prompts geven vage antwoorden; concreet is altijd beter.", }, ], }, /* ─── M6 · TECHNISCH — hoe werkt een LLM? ─── */ { id: 6, kind: "lesson", locked: true, title: "De technische kant: hoe werkt een LLM?", meta: "Module 6 · video + 2 oefeningen · ± 4 min", video: "media/exp 1 ronde 3 wrap.mp4", videoTitle: "Onder de motorkap van een taalmodel", videoBody: "Geen magie, geen brein, maar wel een gigantisch statistisch model met miljarden parameters dat steeds het volgende woord voorspelt.", exercises: [ { type: "quiz", difficulty: "hard", q: "Wat is een 'token' in de context van een taalmodel?", options: [ "Een wachtwoord waarmee je inlogt op de AI-omgeving.", "Een stukje tekst (vaak ≈ 4 letters) waarmee het model intern rekent.", "Een toegangskaart binnen de architectuur van het model.", "Een betaalde credit die je verbruikt per vraag.", ], correct: 1, explain: "Een taalmodel werkt niet met 'woorden' maar met 'tokens', kleine stukjes tekst, gemiddeld ≈ 4 karakters of ¾ van een woord. Hoe meer tokens, hoe duurder en trager je vraag. Daarom is een korte prompt vaak ook een efficiëntere prompt.", }, { type: "blank", difficulty: "hard", before: "Wat een taalmodel feitelijk kan, hangt voor 90% af van de kwaliteit en breedte van zijn", after: ".", answer: "trainingsdata", alts: ["training data", "training-data", "dataset", "data"], explain: "De architectuur (transformer, parameters, attention) bepaalt hoe het model leert. Maar wát het kent (feiten, bias, taalvaardigheid, kennis-cutoff) komt uit de data waarop het getraind is. Daarom verschillen GPT, Claude en Gemini onderling: andere data, ander gedrag.", }, ], }, ], completion: { title: "Pad voltooid.", body: "Je hebt het volledige AI-geletterdheids-pad doorlopen, van verkennen tot prompten tot onder de motorkap. Je resultaten stromen door naar je LMS en je manager-rapport.", cta: "Terug naar het LMS", }, };