fix: add gpt-5 and chatgpt projects
This commit is contained in:
Tim Rijkse
@@ -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."
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -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)* |
|
||||
| | | |
|
||||
|
||||
@@ -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!**
|
||||
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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!
|
||||
|
||||
|
||||
@@ -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 |
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user