From eb816242772409516b3c592922ed4ba09439e452 Mon Sep 17 00:00:00 2001 From: Tim Rijkse Date: Mon, 2 Feb 2026 15:32:11 +0100 Subject: [PATCH] fix: add gpt-5 and chatgpt projects --- Les01-Introductie-AI/Les01-Docenttekst.md | 55 +++++++++++------ Les01-Introductie-AI/Les01-Lesplan.md | 11 ++-- Les01-Introductie-AI/Les01-Slide-Overzicht.md | 59 +++++++++++-------- Samenvattingen/Les01-Samenvatting.md | 10 ++-- Samenvattingen/Les12-Samenvatting.md | 2 +- Samenvattingen/Les15-Samenvatting.md | 2 +- readme.md | 5 +- 7 files changed, 88 insertions(+), 56 deletions(-) diff --git a/Les01-Introductie-AI/Les01-Docenttekst.md b/Les01-Introductie-AI/Les01-Docenttekst.md index 4a75bc1..6bc3677 100644 --- a/Les01-Introductie-AI/Les01-Docenttekst.md +++ b/Les01-Introductie-AI/Les01-Docenttekst.md @@ -249,7 +249,7 @@ _[Wijs naar de tabel]_ "Het korte antwoord: nee! Er zijn zoveel gratis opties dat je voor deze hele cursus geen cent hoeft uit te geven." -"ChatGPT Free draait op GPT-4o - dat is al een heel krachtig model. Je kunt afbeeldingen uploaden, documenten analyseren, code genereren." +"ChatGPT Free draait op GPT-5 - dat is al een heel krachtig model. Je kunt afbeeldingen uploaden, documenten analyseren, code genereren." "Claude Free van Anthropic heeft Sonnet 3.5 - persoonlijk vind ik die uitstekend voor lange teksten en genuanceerde uitleg." @@ -351,13 +351,13 @@ _[Open ChatGPT op het projectiescherm]_ _[Wijs op je eigen scherm]_ -"Je hebt een paar opties. GPT-4o is de standaard - dat is snel en voor de meeste taken meer dan genoeg. Dit is wat je waarschijnlijk ziet." +"Je hebt een paar opties. GPT-5 is de standaard - dat is snel en voor de meeste taken meer dan genoeg. Dit is wat je waarschijnlijk ziet." -"GPT-4o with canvas is speciaal voor wanneer je documenten wilt bewerken - het opent een soort editor naast de chat." +"GPT-5 with canvas is speciaal voor wanneer je documenten wilt bewerken - het opent een soort editor naast de chat." -"En als je Plus hebt, zie je ook GPT-4 - het krachtigste model, maar langzamer." +"En als je Plus hebt, zie je ook GPT-5.2 - het nieuwste en krachtigste model." -"Voor vandaag is GPT-4o perfect. Laat het daarop staan." +"Voor vandaag is GPT-5 perfect. Laat het daarop staan." --- @@ -441,34 +441,51 @@ _[Praktische tip]_ --- -### Slide 21: Het Geheugen +### Slide 21: ChatGPT Projects -**[59:00 - 60:00]** _(1 minuut)_ +**[59:00 - 62:00]** _(3 minuten)_ -"Kort over geheugen. ChatGPT onthoudt je eerdere chats - je ziet ze in de zijbalk. Maar het gebruikt die informatie niet automatisch in nieuwe chats." +"Nu iets heel handig: Projects. Dit is een relatief nieuwe feature die jullie werk veel makkelijker maakt." -"Elke nieuwe chat begint met een schone lei, behalve je Custom Instructions." +_[Demonstreer Projects in de zijbalk]_ -"Tip: start een nieuwe chat voor een nieuw onderwerp. Lange chats kunnen verwarrend worden voor het model." +"Zie je hier links 'New Project'? Projects zijn slimme werkruimtes. Je kunt alles wat bij een taak hoort bij elkaar houden: chats, bestanden, en specifieke instructies." + +"Waarom is dit handig? Stel je werkt aan meerdere projecten - een voor school, een voor werk, een voor een hobby. Met Projects hoef je niet steeds opnieuw uit te leggen waar je mee bezig bent." + +_[Klik op New Project]_ + +"Je geeft het project een naam, en je kunt instructies toevoegen die alleen voor dit project gelden. Plus: je kunt bestanden uploaden die ChatGPT kan gebruiken als context." + +"En hier is het mooie: Projects hebben hun eigen geheugen. Chats binnen een project onthouden wat je eerder hebt besproken. Dat is anders dan normale chats, die elke keer met een schone lei beginnen." + +_[Met nadruk]_ + +"Op de gratis tier kun je 5 bestanden per project uploaden. Dat is ruim voldoende voor wat we vandaag doen." --- ### Slide 22: Praktijk Oefening -**[60:00 - 64:00]** _(4 minuten - studenten werken)_ +**[62:00 - 67:00]** _(5 minuten - studenten werken)_ -"Oké, nu jullie. Vier minuten om te experimenteren." +"Oké, nu gaan jullie je ChatGPT instellen. Dit is belangrijk, want we gaan dit straks gebruiken voor de v0.dev demo." -"Drie dingen wil ik dat je probeert:" -"Een: start een nieuwe chat en stel een vraag." -"Twee: upload een afbeelding - maak een foto van iets op je bureau - en vraag ChatGPT wat hij ziet." -"Drie: ga naar Settings en bekijk waar de Custom Instructions staan." +_[Wijs naar de instructies op de slide]_ -_[Geef 4 minuten - loop rond en help waar nodig]_ +"Twee dingen wil ik dat je doet:" -"Oké, tijd. Wie heeft iets interessants ontdekt?" +"Een: ga naar Settings, dan Personalisatie, en vul je Custom Instructions in. Schrijf iets als: 'Ik ben een frontend developer. Ik werk met React en Tailwind CSS.' Dit zorgt dat ChatGPT altijd weet welke technologie je gebruikt." -_[Laat 1-2 studenten kort delen]_ +"Twee: maak je eerste Project. Klik op 'New Project' in de zijbalk. Noem het 'Les 1 - v0.dev Prompt Engineer'. En voeg als instructie toe: 'Help me gedetailleerde prompts schrijven voor v0.dev. Focus op React en Tailwind CSS componenten.'" + +_[Geef 5 minuten - loop rond en help waar nodig]_ + +"Dit project gaan we straks gebruiken! Als we schetsen uploaden, doet ChatGPT precies wat we nodig hebben voor v0.dev." + +_[Check of iedereen klaar is]_ + +"Heeft iedereen een project aangemaakt? Mooi, dan gaan we verder met prompt engineering." --- diff --git a/Les01-Introductie-AI/Les01-Lesplan.md b/Les01-Introductie-AI/Les01-Lesplan.md index 6821f23..a7c7ec0 100644 --- a/Les01-Introductie-AI/Les01-Lesplan.md +++ b/Les01-Introductie-AI/Les01-Lesplan.md @@ -88,7 +88,7 @@ | | | Open ChatGPT op het projectiescherm. Laat studenten meekijken en hun eigen ChatGPT openen. | | | | | | | | **Model kiezen (3 min)** | -| | | Demonstreer de model selector: GPT-4o, GPT-4o with canvas, GPT-4. | +| | | Demonstreer de model selector: GPT-5, GPT-5 with canvas, GPT-5.2. | | | | | | | | **Tijdelijke Chat (3 min)** | | | | Demonstreer waar dit staat en wanneer je het gebruikt. | @@ -102,10 +102,13 @@ | | | **Custom Instructions (3 min)** | | | | Laat zien waar dit staat en geef voorbeelden. | | | | | -| | | **Mini-oefening (3 min)** | -| | | Laat studenten experimenteren: start een chat, upload een afbeelding. | +| | | **ChatGPT Projects (3 min)** | +| | | Demonstreer Projects: werkruimtes met eigen instructies, bestanden en geheugen. | | | | | -| | | **Clue: ChatGPT kan afbeeldingen "lezen" - dit gebruiken we straks om schetsen om te zetten naar prompts.** | +| | | **Praktijk: Instellen ChatGPT (5 min)** | +| | | Studenten stellen Custom Instructions in + maken Project "Les 1 - v0.dev Prompt Engineer". | +| | | | +| | | **Dit project gebruiken we straks voor de v0.dev demo!** | | | | | | **70-85** | **Prompt Engineering Basics** | *Instructievorm: demonstratie met oefening (15 min)* | | | | | diff --git a/Les01-Introductie-AI/Les01-Slide-Overzicht.md b/Les01-Introductie-AI/Les01-Slide-Overzicht.md index cf402ad..4494418 100644 --- a/Les01-Introductie-AI/Les01-Slide-Overzicht.md +++ b/Les01-Introductie-AI/Les01-Slide-Overzicht.md @@ -231,7 +231,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is. | Provider | Model | Sterk in | Privacy | |----------|-------|----------|---------| -| **ChatGPT Free** | GPT-4o | Algemeen, code, images | Cloud | +| **ChatGPT Free** | GPT-5 | Algemeen, code, images | Cloud | | **Claude Free** | Sonnet 3.5 | Lange teksten, nuance | Cloud | | **Gemini Free** | Gemini Pro | Google integratie | Cloud | | **Groq** | Llama 3.3 | Supersnel, gratis API | Cloud | @@ -254,7 +254,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is. | Provider | Voordelen | |----------|-----------| -| ChatGPT Plus | Meer berichten, sneller, GPT-4, DALL-E | +| ChatGPT Plus | Meer berichten, sneller, GPT-5.2, DALL-E | | Claude Pro | Meer berichten, prioriteit, langere context | **Premium Tier:** @@ -262,7 +262,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is. | Model | Kosten | Wanneer? | |-------|--------|----------| | **Claude Opus** | ~$75/maand API | Beste redenering, complexe taken | -| GPT-4 Turbo | Via Plus | Lange context, nieuwste features | +| GPT-5.2 Turbo | Via Plus | Lange context, nieuwste features | **Advies:** Start gratis. Upgrade alleen als je tegen limieten aanloopt. @@ -317,11 +317,11 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is. **Inhoud:** **In ChatGPT kun je kiezen:** -- **GPT-4o** - Standaard, snel, gratis -- **GPT-4o with canvas** - Voor documenten bewerken -- **GPT-4** - Meest krachtig (betaald) +- **GPT-5** - Standaard, snel, gratis +- **GPT-5 with canvas** - Voor documenten bewerken +- **GPT-5.2** - Nieuwste en krachtigste (betaald) -**Tip:** GPT-4o is voor de meeste taken prima! +**Tip:** GPT-5 is voor de meeste taken prima! --- @@ -399,37 +399,48 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is. --- -### Slide 21: Het Geheugen -*(1 minuut)* +### Slide 21: ChatGPT Projects +*(3 minuten)* -**Titel:** Wat onthoudt ChatGPT? +**Titel:** Alles op één plek: Projects **Inhoud:** -**Onthoudt wel:** -- Eerdere chats (tenzij tijdelijk) -- Custom instructions +**Wat zijn Projects?** +- Slimme werkruimtes voor langlopende taken +- Eigen instructies per project +- Bestanden uploaden (PDF, Word, afbeeldingen) +- Project-specifiek geheugen -**Onthoudt NIET:** -- Automatisch context uit andere chats -- Wat je in andere sessies zei +**Waarom handig?** +- Context blijft behouden tussen chats +- Geen herhaling van instructies nodig +- Perfect voor: cursussen, klanten, projecten -**Tip:** Start nieuwe chat voor nieuw onderwerp! +**Gratis tier:** 5 bestanden per project +**Betaald:** 25-40 bestanden per project --- ### Slide 22: Praktijk Oefening -*(4 minuten - studenten werken)* +*(5 minuten - studenten werken)* -**Titel:** Probeer het zelf! +**Titel:** Stel je ChatGPT in! **Inhoud:** -**Opdracht (4 minuten):** -1. Start een nieuwe chat -2. Stel een vraag -3. Upload een afbeelding (foto van iets op je bureau) -4. Bekijk waar Custom Instructions staan +**Opdracht (5 minuten):** + +1. **Custom Instructions instellen:** + - Ga naar Instellingen → Personalisatie + - Vul in: "Ik ben een frontend developer. Ik werk met React en Tailwind CSS." + +2. **Maak je eerste Project:** + - Klik op "New Project" (linkerzijbalk) + - Naam: "Les 1 - v0.dev Prompt Engineer" + - Instructie: "Help me gedetailleerde prompts schrijven voor v0.dev. Focus op React + Tailwind CSS componenten." + +**Dit project gebruiken we straks voor de v0.dev demo!** --- diff --git a/Samenvattingen/Les01-Samenvatting.md b/Samenvattingen/Les01-Samenvatting.md index 9fb2422..6eaf910 100644 --- a/Samenvattingen/Les01-Samenvatting.md +++ b/Samenvattingen/Les01-Samenvatting.md @@ -30,7 +30,7 @@ Kennismaking met AI, LLMs, ChatGPT en de basis van prompt engineering. Praktisch **Gratis opties (voldoende voor deze cursus!):** | Provider | Model | Sterk in | |----------|-------|----------| -| ChatGPT Free | GPT-4o | Algemeen, code, images | +| ChatGPT Free | GPT-5 | Algemeen, code, images | | Claude Free | Sonnet 3.5 | Lange teksten, nuance | | Gemini Free | Gemini Pro | Google integratie | | Groq | Llama 3.3 | Supersnel, gratis API | @@ -51,12 +51,12 @@ Kennismaking met AI, LLMs, ChatGPT en de basis van prompt engineering. Praktisch ### ChatGPT in de Praktijk - Interface rondleiding -- Model kiezen (GPT-4o, GPT-4o with canvas, GPT-4) +- Model kiezen (GPT-5, GPT-5 with canvas, GPT-5.2) - Tijdelijke chat (privacy) - Afbeeldingen analyseren (image-to-text) ← Cruciaal voor workflow! - Bestanden uploaden (PDF, documenten) -- Custom Instructions -- Het geheugen van ChatGPT +- Custom Instructions (globale instructies) +- **ChatGPT Projects:** Werkruimtes met eigen instructies, bestanden en geheugen ### Prompt Engineering Basics - Wat is een prompt? @@ -69,7 +69,7 @@ Kennismaking met AI, LLMs, ChatGPT en de basis van prompt engineering. Praktisch ### De Slimme Workflow: Schets → Website 1. **TEKEN** je idee op papier 2. Maak een **FOTO** van je tekening -3. Upload naar **CHATGPT** + beschrijf je wensen (tech stack, kleuren, stijl) +3. Upload naar **CHATGPT PROJECT** "v0.dev Prompt Engineer" + beschrijf je wensen 4. ChatGPT maakt een gedetailleerde **PROMPT** 5. Plak die prompt in **V0.DEV** → Website! 6. **DEPLOY** naar Vercel diff --git a/Samenvattingen/Les12-Samenvatting.md b/Samenvattingen/Les12-Samenvatting.md index 350589b..30b1322 100644 --- a/Samenvattingen/Les12-Samenvatting.md +++ b/Samenvattingen/Les12-Samenvatting.md @@ -37,7 +37,7 @@ Bespreek klassikaal de prototype ervaringen uit Les 11 - welke workflow patterns | CMD+K edits | Beperkt | Onbeperkt | | Chat | Beperkt | Onbeperkt | | Composer | Beperkt | Onbeperkt | -| Models | GPT-4, Claude | Alle modellen | +| Models | GPT-5, Claude | Alle modellen | **Voor deze cursus:** Free tier is voldoende! diff --git a/Samenvattingen/Les15-Samenvatting.md b/Samenvattingen/Les15-Samenvatting.md index 8d3b2a4..fea1246 100644 --- a/Samenvattingen/Les15-Samenvatting.md +++ b/Samenvattingen/Les15-Samenvatting.md @@ -163,7 +163,7 @@ Hoe voeg ik Google OAuth toe aan mijn login? **Limieten per model:** | Model | Context Window | |-------|---------------| -| GPT-4o | 128K tokens | +| GPT-5 | 128K tokens | | Claude 3 Sonnet | 200K tokens | | Claude 3 Opus | 200K tokens | diff --git a/readme.md b/readme.md index 855f88c..9cd49cc 100644 --- a/readme.md +++ b/readme.md @@ -62,13 +62,14 @@ Kennismaking met AI, LLMs en de basis van AI-assisted development. - Hallucinaties: waarom AI soms dingen verzint - **AI Modellen & Kosten:** Gratis opties (ChatGPT Free, Claude Free, Groq, Ollama) vs Betaald ($20/maand) vs Premium (Claude Opus) - **Privacy:** Ollama voor lokaal draaien (data verlaat je computer niet) +- **ChatGPT Projects:** Werkruimtes met eigen instructies en geheugen - Prompt engineering basics: rol, context, taak, format - De schets-naar-website workflow **Studenten doen:** - ChatGPT account aanmaken en verkennen -- Eerste prompts schrijven en itereren -- Complete workflow: schets op papier → foto → ChatGPT prompt → v0.dev → deploy naar Vercel +- Custom Instructions instellen + Project aanmaken voor v0.dev +- Complete workflow: schets op papier → foto → ChatGPT Project → v0.dev → deploy naar Vercel **Lesopdracht:** Doorloop de complete workflow: teken een hero section op papier, maak foto, genereer prompt met ChatGPT, bouw in v0.dev, deploy naar Vercel.