fix: add gpt-5 and chatgpt projects
This commit is contained in:
@@ -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."
|
"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."
|
"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]_
|
_[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
|
### 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:"
|
_[Wijs naar de instructies op de slide]_
|
||||||
"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."
|
|
||||||
|
|
||||||
_[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. |
|
| | | Open ChatGPT op het projectiescherm. Laat studenten meekijken en hun eigen ChatGPT openen. |
|
||||||
| | | |
|
| | | |
|
||||||
| | | **Model kiezen (3 min)** |
|
| | | **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)** |
|
| | | **Tijdelijke Chat (3 min)** |
|
||||||
| | | Demonstreer waar dit staat en wanneer je het gebruikt. |
|
| | | Demonstreer waar dit staat en wanneer je het gebruikt. |
|
||||||
@@ -102,10 +102,13 @@
|
|||||||
| | | **Custom Instructions (3 min)** |
|
| | | **Custom Instructions (3 min)** |
|
||||||
| | | Laat zien waar dit staat en geef voorbeelden. |
|
| | | Laat zien waar dit staat en geef voorbeelden. |
|
||||||
| | | |
|
| | | |
|
||||||
| | | **Mini-oefening (3 min)** |
|
| | | **ChatGPT Projects (3 min)** |
|
||||||
| | | Laat studenten experimenteren: start een chat, upload een afbeelding. |
|
| | | 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)* |
|
| **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 |
|
| 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 |
|
| **Claude Free** | Sonnet 3.5 | Lange teksten, nuance | Cloud |
|
||||||
| **Gemini Free** | Gemini Pro | Google integratie | Cloud |
|
| **Gemini Free** | Gemini Pro | Google integratie | Cloud |
|
||||||
| **Groq** | Llama 3.3 | Supersnel, gratis API | 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 |
|
| 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 |
|
| Claude Pro | Meer berichten, prioriteit, langere context |
|
||||||
|
|
||||||
**Premium Tier:**
|
**Premium Tier:**
|
||||||
@@ -262,7 +262,7 @@ Het model voorspelt wat LIJKT op correcte output, niet wat WAAR is.
|
|||||||
| Model | Kosten | Wanneer? |
|
| Model | Kosten | Wanneer? |
|
||||||
|-------|--------|----------|
|
|-------|--------|----------|
|
||||||
| **Claude Opus** | ~$75/maand API | Beste redenering, complexe taken |
|
| **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.
|
**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:**
|
**Inhoud:**
|
||||||
|
|
||||||
**In ChatGPT kun je kiezen:**
|
**In ChatGPT kun je kiezen:**
|
||||||
- **GPT-4o** - Standaard, snel, gratis
|
- **GPT-5** - Standaard, snel, gratis
|
||||||
- **GPT-4o with canvas** - Voor documenten bewerken
|
- **GPT-5 with canvas** - Voor documenten bewerken
|
||||||
- **GPT-4** - Meest krachtig (betaald)
|
- **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
|
### Slide 21: ChatGPT Projects
|
||||||
*(1 minuut)*
|
*(3 minuten)*
|
||||||
|
|
||||||
**Titel:** Wat onthoudt ChatGPT?
|
**Titel:** Alles op één plek: Projects
|
||||||
|
|
||||||
**Inhoud:**
|
**Inhoud:**
|
||||||
|
|
||||||
**Onthoudt wel:**
|
**Wat zijn Projects?**
|
||||||
- Eerdere chats (tenzij tijdelijk)
|
- Slimme werkruimtes voor langlopende taken
|
||||||
- Custom instructions
|
- Eigen instructies per project
|
||||||
|
- Bestanden uploaden (PDF, Word, afbeeldingen)
|
||||||
|
- Project-specifiek geheugen
|
||||||
|
|
||||||
**Onthoudt NIET:**
|
**Waarom handig?**
|
||||||
- Automatisch context uit andere chats
|
- Context blijft behouden tussen chats
|
||||||
- Wat je in andere sessies zei
|
- 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
|
### Slide 22: Praktijk Oefening
|
||||||
*(4 minuten - studenten werken)*
|
*(5 minuten - studenten werken)*
|
||||||
|
|
||||||
**Titel:** Probeer het zelf!
|
**Titel:** Stel je ChatGPT in!
|
||||||
|
|
||||||
**Inhoud:**
|
**Inhoud:**
|
||||||
|
|
||||||
**Opdracht (4 minuten):**
|
**Opdracht (5 minuten):**
|
||||||
1. Start een nieuwe chat
|
|
||||||
2. Stel een vraag
|
1. **Custom Instructions instellen:**
|
||||||
3. Upload een afbeelding (foto van iets op je bureau)
|
- Ga naar Instellingen → Personalisatie
|
||||||
4. Bekijk waar Custom Instructions staan
|
- 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!):**
|
**Gratis opties (voldoende voor deze cursus!):**
|
||||||
| Provider | Model | Sterk in |
|
| 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 |
|
| Claude Free | Sonnet 3.5 | Lange teksten, nuance |
|
||||||
| Gemini Free | Gemini Pro | Google integratie |
|
| Gemini Free | Gemini Pro | Google integratie |
|
||||||
| Groq | Llama 3.3 | Supersnel, gratis API |
|
| 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
|
### ChatGPT in de Praktijk
|
||||||
- Interface rondleiding
|
- 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)
|
- Tijdelijke chat (privacy)
|
||||||
- Afbeeldingen analyseren (image-to-text) ← Cruciaal voor workflow!
|
- Afbeeldingen analyseren (image-to-text) ← Cruciaal voor workflow!
|
||||||
- Bestanden uploaden (PDF, documenten)
|
- Bestanden uploaden (PDF, documenten)
|
||||||
- Custom Instructions
|
- Custom Instructions (globale instructies)
|
||||||
- Het geheugen van ChatGPT
|
- **ChatGPT Projects:** Werkruimtes met eigen instructies, bestanden en geheugen
|
||||||
|
|
||||||
### Prompt Engineering Basics
|
### Prompt Engineering Basics
|
||||||
- Wat is een prompt?
|
- 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
|
### De Slimme Workflow: Schets → Website
|
||||||
1. **TEKEN** je idee op papier
|
1. **TEKEN** je idee op papier
|
||||||
2. Maak een **FOTO** van je tekening
|
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**
|
4. ChatGPT maakt een gedetailleerde **PROMPT**
|
||||||
5. Plak die prompt in **V0.DEV** → Website!
|
5. Plak die prompt in **V0.DEV** → Website!
|
||||||
6. **DEPLOY** naar Vercel
|
6. **DEPLOY** naar Vercel
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ Bespreek klassikaal de prototype ervaringen uit Les 11 - welke workflow patterns
|
|||||||
| CMD+K edits | Beperkt | Onbeperkt |
|
| CMD+K edits | Beperkt | Onbeperkt |
|
||||||
| Chat | Beperkt | Onbeperkt |
|
| Chat | Beperkt | Onbeperkt |
|
||||||
| Composer | Beperkt | Onbeperkt |
|
| Composer | Beperkt | Onbeperkt |
|
||||||
| Models | GPT-4, Claude | Alle modellen |
|
| Models | GPT-5, Claude | Alle modellen |
|
||||||
|
|
||||||
**Voor deze cursus:** Free tier is voldoende!
|
**Voor deze cursus:** Free tier is voldoende!
|
||||||
|
|
||||||
|
|||||||
@@ -163,7 +163,7 @@ Hoe voeg ik Google OAuth toe aan mijn login?
|
|||||||
**Limieten per model:**
|
**Limieten per model:**
|
||||||
| Model | Context Window |
|
| Model | Context Window |
|
||||||
|-------|---------------|
|
|-------|---------------|
|
||||||
| GPT-4o | 128K tokens |
|
| GPT-5 | 128K tokens |
|
||||||
| Claude 3 Sonnet | 200K tokens |
|
| Claude 3 Sonnet | 200K tokens |
|
||||||
| Claude 3 Opus | 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
|
- 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)
|
- **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)
|
- **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
|
- Prompt engineering basics: rol, context, taak, format
|
||||||
- De schets-naar-website workflow
|
- De schets-naar-website workflow
|
||||||
|
|
||||||
**Studenten doen:**
|
**Studenten doen:**
|
||||||
- ChatGPT account aanmaken en verkennen
|
- ChatGPT account aanmaken en verkennen
|
||||||
- Eerste prompts schrijven en itereren
|
- Custom Instructions instellen + Project aanmaken voor v0.dev
|
||||||
- Complete workflow: schets op papier → foto → ChatGPT prompt → v0.dev → deploy naar Vercel
|
- 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.
|
**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