guido/dify-handleidingen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(workshop): vergelijkingsblok Dify, Copilot, ChatGPT en Gemini in draaiboek en presentatie

Browse Source 
- twee nieuwe dia's (24 in totaal): de vergelijkingstabel en de interactie Welke heeft jouw school
- draaiboek: blok Vier omgevingen van 7 minuten na de pitches, tijden opnieuw verdeeld
- materiaal: de drie andere reeksen als PDF; nieuwe variant voor een Microsoft- of Google-school
- README en CHANGELOG bijgewerkt

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Guido van Dijk
2026-09-22 13:40:04 +02:00
parent 23d899e4a8
commit de0c9b09b6
13 changed files with 126 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
00-presentatie/maak_dias.py
+41 -14
View File
@@ -78,17 +78,18 @@ slide("cover", f'''
notes="Welkom. Laptops open, cloud.dify.ai ingelogd? Wie nog geen account heeft: sandbox-account maken duurt 2 minuten, buddy naast je helpt. Doel van vandaag: iedereen gaat naar huis met één werkende app en een ontwerp voor de volgende.")
# 2 programma
slide("programma", h2("Twee uur, vier blokken") + table([
slide("programma", h2("Tweeënhalf uur, twee bouwblokken") + table([
["Tijd","Blok","Wat je doet"],
["0:00 - 0:15","Het landschap","Peiling, drie lagen, vijf patronen"],
["0:15 - 0:40","Bouwblok 1: workflow","Tekst op niveau, in duo's, eigen niveaus"],
["0:40 - 0:55","Demo en sabotage","Agent met kennisbank; laat hem struikelen"],
["0:55 - 1:05","Pauze",""],
["1:05 - 1:35","Bouwblok 2: kies je spoor","A kennisbank-agent · B poortwachter"],
["1:35 - 1:50","Ontwerpkaart en pitch","Jouw app in vijf vakken, 30 seconden pitch"],
["1:50 - 2:00","Afsluiting","Wat mag, wat mee naar huis, exit ticket"],
],[22,30,48]),
notes="Strak op tijd. Bouwblokken zijn heilig; als de demo uitloopt, kort de demo in, niet het bouwen.")
["0:15 - 0:45","Bouwblok 1: workflow","Tekst op niveau, in duo's, eigen niveaus"],
["0:45 - 1:00","Demo en sabotage","Agent met kennisbank; laat hem struikelen"],
["1:00 - 1:15","Pauze",""],
["1:15 - 1:45","Bouwblok 2: kies je spoor","A kennisbank-agent · B poortwachter"],
["1:45 - 2:05","Ontwerpkaart en pitch","Waar hoort de mens, jouw app in vijf vakken, pitch"],
["2:05 - 2:15","Vier omgevingen","Dezelfde agent in Dify, Copilot, ChatGPT en Gemini"],
["2:15 - 2:30","Afsluiting","Wat mag, wat mee naar huis, exit ticket"],
],[22,30,48], size=25),
notes="Strak op tijd. Bouwblokken zijn heilig; als de demo uitloopt, kort de demo in, niet het bouwen. Op het festival zit de wisseltijd tussen bouwblok 1 en 2, en 15:30 is hard.")
# 3 peiling
slide("peiling", interactie("2 minuten") + h2("Sta op als...") + f'''
@@ -108,7 +109,7 @@ slide("lagen", h2("Drie lagen, en waar wij vandaag zitten") + f'''
{card("3 · Bouwplatform", "Jij bouwt een app met vaste stappen, eigen regels en eigen documenten, en deelt hem. Dify, Copilot Studio, Gems, GPT's.", bg=DARK, tc=LIGHT, bc=BODYD, border=DARK)}
</div>
{p("Het verschil zit niet in het model maar in het account: gratis privé, of school met verwerkersovereenkomst.", 30)}
''', notes="Laag 3 is vandaag. Dify is geen model: het gebruikt de modellen van OpenAI, Anthropic, Google via hun API. Later meer over wat mag.")
''', notes="Laag 3 is vandaag. Dify is geen model: het gebruikt de modellen van OpenAI, Anthropic, Google via hun API. Komt de vraag nu al (wij hebben Copilot, wij hebben Google): zeg dat daar aan het eind een blok over komt, met dezelfde agents in vier omgevingen naast elkaar.")
# 5 patronen
slide("patronen", h2("Vijf patronen: hoeveel mag het model zelf beslissen?") + table([
@@ -252,10 +253,36 @@ notes="Ontwerpkaart uitdelen (A4). Loop rond en stel bij elk duo de vraag: wie i
slide("pitch", interactie("5 minuten") + h2("Pitch in 30 seconden") + f'''
<div style="display:flex; gap:32px">
{num("30", "seconden per duo: voor wie, wat erin, wat eruit, welk patroon.")}
{num("4", "duo's pitchen; de zaal kiest de app die ze zelf zouden gebruiken.")}
{num("3", "duo's pitchen; de zaal kiest de app die ze zelf zouden gebruiken.")}
{num("1", "vraag uit de zaal per pitch: waar hoort de mens?")}
</div>
''', notes="Kies duo's met verschillende doelgroepen: docent, ondersteuning, communicatie, directie. Applaus, geen jury.")
''', notes="Drie duo's, niet meer: het vergelijkingsblok komt hierna. Kies verschillende doelgroepen: docent, ondersteuning, communicatie, directie. Applaus, geen jury.")
# 16b dezelfde agent, vier omgevingen
slide("vieromgevingen", eyebrow("Vier omgevingen · 7 minuten") + h2("Dezelfde zes agents, vier omgevingen") + table([
["Wat je wilt","Dify","Copilot Chat","ChatGPT","Gemini"],
["Wie mag bouwen","iedereen met een account","elke collega met schoolaccount","alleen met betaald abonnement","elke collega met schoolaccount"],
["Kennis meegeven","kennisbank, meerdere documenten","in de instructie, 8.000 tekens","tot 20 kennisbestanden","bestanden, Drive, NotebookLM"],
["Bronvermelding","citaten","nee","Bronnen","label per antwoord"],
["Bestanden eruit","sandbox: xlsx, ics, md","Word en Excel op OneDrive","Word en Excel als download","Export naar Docs en Sheets"],
["Eigen tool of API","ja: Swagger, MCP","nee","Handelingen","nee"],
["Mens in de lus","ja: Human Input","nee","nee","nee"],
["Kosten","credits of eigen sleutel","in de M365-licentie","per gebruiker per maand","in de Workspace-licentie"],
],[16,21,21,21,21], size=24) + p("<b>De instructie die je vandaag schreef, werkt in alle vier.</b> De omgeving bepaalt wat eromheen kan: kennis, bestanden, tools, en of een mens ertussen past.", 27),
section="Vier omgevingen: dezelfde agent, andere plek",
notes="Niet voorlezen. Wijs drie rijen aan: kennis meegeven (Copilot moet inkorten tot 8.000 tekens, de rest niet), mens in de lus (alleen Dify), en kosten. Zeg erbij dat van elke reeks een handleiding en een video bestaat met dezelfde zes agents.")
# 16c welke heb jij
slide("welkeheb", interactie("handen omhoog") + h2("Welke heeft jouw school, en wat bouw je daar?") + f'''
<div style="display:flex; gap:24px">
{card("Microsoft 365", "Copilot Chat zit in de licentie die je al hebt. Kennis in de instructie, Word en Excel eruit. Begin met de Schoolgids-assistent.")}
{card("Google Workspace", "Gems zitten in Workspace for Education, ook Fundamentals. Bestanden als kennis, export naar Docs en Sheets.")}
{card("ChatGPT-werkruimte", "Bouwen kan alleen met een betaald abonnement of een werkruimte van school. Tot 20 kennisbestanden, downloads.")}
{card("Meer nodig", "Eigen zoektool, een mens die goedkeurt, of ouders zonder schoolaccount: dan Dify, en een gesprek met je bestuur.", bg=DARK, tc=LIGHT, bc=BODYD, border=DARK)}
</div>
{p("Pak je ontwerpkaart erbij: in welke van de vier bouw je hem maandag?", 30)}
''',
notes="Handen omhoog per kolom; meestal is dat Microsoft en Google door elkaar. Laat twee mensen zeggen waar ze hun ontwerpkaart gaan bouwen en waarom. Sluit af met: de vier reeksen staan op dezelfde plek, met dezelfde zes agents.")
# 17 wat mag
slide("watmag", h2("Wat mag: vier vragen voor elke tool") + f'''
@@ -311,8 +338,8 @@ slide("mee", h2("Wat je meeneemt") + table([
["7","Schoolnieuws met controle","Zelfkritiek en poortwachter"],
["8","Studiecoach voor je vak","Chatflow met routes, geheugen, docent in de lus"],
["Bijlagen","Ontwerpkaart · Ontwerppatronen · AI-tools in het onderwijs","Elke handleiding eindigt met Maak hem van jou"],
],[10,40,50], size=26),
notes="Alle apps staan live op udify.app-links in de README. Elke handleiding heeft groene Zelf kiezen-kaders en een slothoofdstuk met opdrachten en een checklist eigen materiaal.")
],[10,40,50], size=24) + p("En dezelfde zes agents in drie andere omgevingen: <b>Copilot</b>, <b>ChatGPT</b> en <b>Gemini</b>, elk zes handleidingen. Bij alle reeksen samen 28 uitlegvideo's met ondertiteling, om thuis in je eigen tempo te volgen.", 26),
notes="Alle apps staan live op udify.app-links in de README. Vier reeksen, 26 handleidingen, 28 video's, alles CC BY-SA op git.lexconsultancy.nl. Zeg erbij dat de video's ook voor collega's zijn die er vandaag niet bij waren.")
# 19 exit ticket
slide("exit", interactie("2 minuten") + h2("Exit ticket") + f'''
00-presentatie/presentatie-workshop-ai-agents.pdf
BIN
View File
Binary file not shown.
00-presentatie/project/deck.json
+6
View File
@@ -22,6 +22,8 @@
"duo",
"ontwerpkaart",
"pitch",
"vieromgevingen",
"welkeheb",
"watmag",
"avgaiact",
"eukaders",
@@ -58,6 +60,10 @@
"description": "Ontwerpen en pitchen: jouw volgende app",
"start": "ontwerpkaart"
},
"vieromgevingen": {
"description": "Vier omgevingen: dezelfde agent, andere plek",
"start": "vieromgevingen"
},
"watmag": {
"description": "Afsluiting: wat mag, wat mee naar huis, exit ticket",
"start": "watmag"
00-presentatie/project/slides/lagen.html
+1 -1
View File
@@ -8,5 +8,5 @@
<p style="font-size:30px; color:#3D4756; line-height:1.4">Het verschil zit niet in het model maar in het account: gratis privé, of school met verwerkersovereenkomst.</p>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Laag 3 is vandaag. Dify is geen model: het gebruikt de modellen van OpenAI, Anthropic, Google via hun API. Later meer over wat mag.</aside>
<aside>Laag 3 is vandaag. Dify is geen model: het gebruikt de modellen van OpenAI, Anthropic, Google via hun API. Komt de vraag nu al (wij hebben Copilot, wij hebben Google): zeg dat daar aan het eind een blok over komt, met dezelfde agents in vier omgevingen naast elkaar.</aside>
</section>
00-presentatie/project/slides/mee.html
+2 -2
View File
@@ -1,5 +1,5 @@
<section id="mee" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Wat je meeneemt</h2><table style="font-size:26px; color:#3D4756; border:1px solid #D8D2C4; background:#FFFFFF"><tr style="background:#EFEAE0"><th style="width:10%; color:#1E2A3A">Nr</th><th style="width:40%; color:#1E2A3A">Handleiding</th><th style="width:50%; color:#1E2A3A">Wat je ermee bouwt</th></tr><tr><td style="width:10%; color:#3D4756">1</td><td style="width:40%; color:#3D4756">Van workflow naar agent</td><td style="width:50%; color:#3D4756">Tekst op niveau</td></tr><tr><td style="width:10%; color:#3D4756">2</td><td style="width:40%; color:#3D4756">Agent met eigen kennisbank</td><td style="width:50%; color:#3D4756">Schoolgids-assistent</td></tr><tr><td style="width:10%; color:#3D4756">3</td><td style="width:40%; color:#3D4756">Schoolcommunicatie</td><td style="width:50%; color:#3D4756">Ouderbrief-assistent, Schoolnieuws, Balie-stand</td></tr><tr><td style="width:10%; color:#3D4756">4</td><td style="width:40%; color:#3D4756">Agent Console</td><td style="width:50%; color:#3D4756">Toetsweekplanner</td></tr><tr><td style="width:10%; color:#3D4756">5</td><td style="width:40%; color:#3D4756">Transcriptietool</td><td style="width:50%; color:#3D4756">Van opname naar verslag</td></tr><tr><td style="width:10%; color:#3D4756">7</td><td style="width:40%; color:#3D4756">Schoolnieuws met controle</td><td style="width:50%; color:#3D4756">Zelfkritiek en poortwachter</td></tr><tr><td style="width:10%; color:#3D4756">8</td><td style="width:40%; color:#3D4756">Studiecoach voor je vak</td><td style="width:50%; color:#3D4756">Chatflow met routes, geheugen, docent in de lus</td></tr><tr><td style="width:10%; color:#3D4756">Bijlagen</td><td style="width:40%; color:#3D4756">Ontwerpkaart · Ontwerppatronen · AI-tools in het onderwijs</td><td style="width:50%; color:#3D4756">Elke handleiding eindigt met Maak hem van jou</td></tr></table>
<h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Wat je meeneemt</h2><table style="font-size:24px; color:#3D4756; border:1px solid #D8D2C4; background:#FFFFFF"><tr style="background:#EFEAE0"><th style="width:10%; color:#1E2A3A">Nr</th><th style="width:40%; color:#1E2A3A">Handleiding</th><th style="width:50%; color:#1E2A3A">Wat je ermee bouwt</th></tr><tr><td style="width:10%; color:#3D4756">1</td><td style="width:40%; color:#3D4756">Van workflow naar agent</td><td style="width:50%; color:#3D4756">Tekst op niveau</td></tr><tr><td style="width:10%; color:#3D4756">2</td><td style="width:40%; color:#3D4756">Agent met eigen kennisbank</td><td style="width:50%; color:#3D4756">Schoolgids-assistent</td></tr><tr><td style="width:10%; color:#3D4756">3</td><td style="width:40%; color:#3D4756">Schoolcommunicatie</td><td style="width:50%; color:#3D4756">Ouderbrief-assistent, Schoolnieuws, Balie-stand</td></tr><tr><td style="width:10%; color:#3D4756">4</td><td style="width:40%; color:#3D4756">Agent Console</td><td style="width:50%; color:#3D4756">Toetsweekplanner</td></tr><tr><td style="width:10%; color:#3D4756">5</td><td style="width:40%; color:#3D4756">Transcriptietool</td><td style="width:50%; color:#3D4756">Van opname naar verslag</td></tr><tr><td style="width:10%; color:#3D4756">7</td><td style="width:40%; color:#3D4756">Schoolnieuws met controle</td><td style="width:50%; color:#3D4756">Zelfkritiek en poortwachter</td></tr><tr><td style="width:10%; color:#3D4756">8</td><td style="width:40%; color:#3D4756">Studiecoach voor je vak</td><td style="width:50%; color:#3D4756">Chatflow met routes, geheugen, docent in de lus</td></tr><tr><td style="width:10%; color:#3D4756">Bijlagen</td><td style="width:40%; color:#3D4756">Ontwerpkaart · Ontwerppatronen · AI-tools in het onderwijs</td><td style="width:50%; color:#3D4756">Elke handleiding eindigt met Maak hem van jou</td></tr></table><p style="font-size:26px; color:#3D4756; line-height:1.4">En dezelfde zes agents in drie andere omgevingen: <b>Copilot</b>, <b>ChatGPT</b> en <b>Gemini</b>, elk zes handleidingen. Bij alle reeksen samen 28 uitlegvideo's met ondertiteling, om thuis in je eigen tempo te volgen.</p>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Alle apps staan live op udify.app-links in de README. Elke handleiding heeft groene Zelf kiezen-kaders en een slothoofdstuk met opdrachten en een checklist eigen materiaal.</aside>
<aside>Alle apps staan live op udify.app-links in de README. Vier reeksen, 26 handleidingen, 28 video's, alles CC BY-SA op git.lexconsultancy.nl. Zeg erbij dat de video's ook voor collega's zijn die er vandaag niet bij waren.</aside>
</section>
00-presentatie/project/slides/pitch.html
+2 -2
View File
@@ -2,10 +2,10 @@
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#2563EB">Interactie · 5 minuten</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Pitch in 30 seconden</h2>
<div style="display:flex; gap:32px">
<div style="flex:1; display:flex; flex-direction:column; gap:8px"><p style="font-family:'Rubik', Arial, sans-serif; font-size:120px; font-weight:600; color:#D9480F; line-height:1">30</p><p style="font-size:28px; color:#3D4756; line-height:1.3">seconden per duo: voor wie, wat erin, wat eruit, welk patroon.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:8px"><p style="font-family:'Rubik', Arial, sans-serif; font-size:120px; font-weight:600; color:#D9480F; line-height:1">4</p><p style="font-size:28px; color:#3D4756; line-height:1.3">duo's pitchen; de zaal kiest de app die ze zelf zouden gebruiken.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:8px"><p style="font-family:'Rubik', Arial, sans-serif; font-size:120px; font-weight:600; color:#D9480F; line-height:1">3</p><p style="font-size:28px; color:#3D4756; line-height:1.3">duo's pitchen; de zaal kiest de app die ze zelf zouden gebruiken.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:8px"><p style="font-family:'Rubik', Arial, sans-serif; font-size:120px; font-weight:600; color:#D9480F; line-height:1">1</p><p style="font-size:28px; color:#3D4756; line-height:1.3">vraag uit de zaal per pitch: waar hoort de mens?</p></div>
</div>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Kies duo's met verschillende doelgroepen: docent, ondersteuning, communicatie, directie. Applaus, geen jury.</aside>
<aside>Drie duo's, niet meer: het vergelijkingsblok komt hierna. Kies verschillende doelgroepen: docent, ondersteuning, communicatie, directie. Applaus, geen jury.</aside>
</section>
00-presentatie/project/slides/programma.html
+2 -2
View File
@@ -1,5 +1,5 @@
<section id="programma" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Twee uur, vier blokken</h2><table style="font-size:27px; color:#3D4756; border:1px solid #D8D2C4; background:#FFFFFF"><tr style="background:#EFEAE0"><th style="width:22%; color:#1E2A3A">Tijd</th><th style="width:30%; color:#1E2A3A">Blok</th><th style="width:48%; color:#1E2A3A">Wat je doet</th></tr><tr><td style="width:22%; color:#3D4756">0:00 - 0:15</td><td style="width:30%; color:#3D4756">Het landschap</td><td style="width:48%; color:#3D4756">Peiling, drie lagen, vijf patronen</td></tr><tr><td style="width:22%; color:#3D4756">0:15 - 0:40</td><td style="width:30%; color:#3D4756">Bouwblok 1: workflow</td><td style="width:48%; color:#3D4756">Tekst op niveau, in duo's, eigen niveaus</td></tr><tr><td style="width:22%; color:#3D4756">0:40 - 0:55</td><td style="width:30%; color:#3D4756">Demo en sabotage</td><td style="width:48%; color:#3D4756">Agent met kennisbank; laat hem struikelen</td></tr><tr><td style="width:22%; color:#3D4756">0:55 - 1:05</td><td style="width:30%; color:#3D4756">Pauze</td><td style="width:48%; color:#3D4756"></td></tr><tr><td style="width:22%; color:#3D4756">1:05 - 1:35</td><td style="width:30%; color:#3D4756">Bouwblok 2: kies je spoor</td><td style="width:48%; color:#3D4756">A kennisbank-agent · B poortwachter</td></tr><tr><td style="width:22%; color:#3D4756">1:35 - 1:50</td><td style="width:30%; color:#3D4756">Ontwerpkaart en pitch</td><td style="width:48%; color:#3D4756">Jouw app in vijf vakken, 30 seconden pitch</td></tr><tr><td style="width:22%; color:#3D4756">1:50 - 2:00</td><td style="width:30%; color:#3D4756">Afsluiting</td><td style="width:48%; color:#3D4756">Wat mag, wat mee naar huis, exit ticket</td></tr></table>
<h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Tweeënhalf uur, twee bouwblokken</h2><table style="font-size:25px; color:#3D4756; border:1px solid #D8D2C4; background:#FFFFFF"><tr style="background:#EFEAE0"><th style="width:22%; color:#1E2A3A">Tijd</th><th style="width:30%; color:#1E2A3A">Blok</th><th style="width:48%; color:#1E2A3A">Wat je doet</th></tr><tr><td style="width:22%; color:#3D4756">0:00 - 0:15</td><td style="width:30%; color:#3D4756">Het landschap</td><td style="width:48%; color:#3D4756">Peiling, drie lagen, vijf patronen</td></tr><tr><td style="width:22%; color:#3D4756">0:15 - 0:45</td><td style="width:30%; color:#3D4756">Bouwblok 1: workflow</td><td style="width:48%; color:#3D4756">Tekst op niveau, in duo's, eigen niveaus</td></tr><tr><td style="width:22%; color:#3D4756">0:45 - 1:00</td><td style="width:30%; color:#3D4756">Demo en sabotage</td><td style="width:48%; color:#3D4756">Agent met kennisbank; laat hem struikelen</td></tr><tr><td style="width:22%; color:#3D4756">1:00 - 1:15</td><td style="width:30%; color:#3D4756">Pauze</td><td style="width:48%; color:#3D4756"></td></tr><tr><td style="width:22%; color:#3D4756">1:15 - 1:45</td><td style="width:30%; color:#3D4756">Bouwblok 2: kies je spoor</td><td style="width:48%; color:#3D4756">A kennisbank-agent · B poortwachter</td></tr><tr><td style="width:22%; color:#3D4756">1:45 - 2:05</td><td style="width:30%; color:#3D4756">Ontwerpkaart en pitch</td><td style="width:48%; color:#3D4756">Waar hoort de mens, jouw app in vijf vakken, pitch</td></tr><tr><td style="width:22%; color:#3D4756">2:05 - 2:15</td><td style="width:30%; color:#3D4756">Vier omgevingen</td><td style="width:48%; color:#3D4756">Dezelfde agent in Dify, Copilot, ChatGPT en Gemini</td></tr><tr><td style="width:22%; color:#3D4756">2:15 - 2:30</td><td style="width:30%; color:#3D4756">Afsluiting</td><td style="width:48%; color:#3D4756">Wat mag, wat mee naar huis, exit ticket</td></tr></table>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Strak op tijd. Bouwblokken zijn heilig; als de demo uitloopt, kort de demo in, niet het bouwen.</aside>
<aside>Strak op tijd. Bouwblokken zijn heilig; als de demo uitloopt, kort de demo in, niet het bouwen. Op het festival zit de wisseltijd tussen bouwblok 1 en 2, en 15:30 is hard.</aside>
</section>
00-presentatie/project/slides/vieromgevingen.html
+5
View File
@@ -0,0 +1,5 @@
<section id="vieromgevingen" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#D9480F">Vier omgevingen · 7 minuten</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Dezelfde zes agents, vier omgevingen</h2><table style="font-size:24px; color:#3D4756; border:1px solid #D8D2C4; background:#FFFFFF"><tr style="background:#EFEAE0"><th style="width:16%; color:#1E2A3A">Wat je wilt</th><th style="width:21%; color:#1E2A3A">Dify</th><th style="width:21%; color:#1E2A3A">Copilot Chat</th><th style="width:21%; color:#1E2A3A">ChatGPT</th><th style="width:21%; color:#1E2A3A">Gemini</th></tr><tr><td style="width:16%; color:#3D4756">Wie mag bouwen</td><td style="width:21%; color:#3D4756">iedereen met een account</td><td style="width:21%; color:#3D4756">elke collega met schoolaccount</td><td style="width:21%; color:#3D4756">alleen met betaald abonnement</td><td style="width:21%; color:#3D4756">elke collega met schoolaccount</td></tr><tr><td style="width:16%; color:#3D4756">Kennis meegeven</td><td style="width:21%; color:#3D4756">kennisbank, meerdere documenten</td><td style="width:21%; color:#3D4756">in de instructie, 8.000 tekens</td><td style="width:21%; color:#3D4756">tot 20 kennisbestanden</td><td style="width:21%; color:#3D4756">bestanden, Drive, NotebookLM</td></tr><tr><td style="width:16%; color:#3D4756">Bronvermelding</td><td style="width:21%; color:#3D4756">citaten</td><td style="width:21%; color:#3D4756">nee</td><td style="width:21%; color:#3D4756">Bronnen</td><td style="width:21%; color:#3D4756">label per antwoord</td></tr><tr><td style="width:16%; color:#3D4756">Bestanden eruit</td><td style="width:21%; color:#3D4756">sandbox: xlsx, ics, md</td><td style="width:21%; color:#3D4756">Word en Excel op OneDrive</td><td style="width:21%; color:#3D4756">Word en Excel als download</td><td style="width:21%; color:#3D4756">Export naar Docs en Sheets</td></tr><tr><td style="width:16%; color:#3D4756">Eigen tool of API</td><td style="width:21%; color:#3D4756">ja: Swagger, MCP</td><td style="width:21%; color:#3D4756">nee</td><td style="width:21%; color:#3D4756">Handelingen</td><td style="width:21%; color:#3D4756">nee</td></tr><tr><td style="width:16%; color:#3D4756">Mens in de lus</td><td style="width:21%; color:#3D4756">ja: Human Input</td><td style="width:21%; color:#3D4756">nee</td><td style="width:21%; color:#3D4756">nee</td><td style="width:21%; color:#3D4756">nee</td></tr><tr><td style="width:16%; color:#3D4756">Kosten</td><td style="width:21%; color:#3D4756">credits of eigen sleutel</td><td style="width:21%; color:#3D4756">in de M365-licentie</td><td style="width:21%; color:#3D4756">per gebruiker per maand</td><td style="width:21%; color:#3D4756">in de Workspace-licentie</td></tr></table><p style="font-size:27px; color:#3D4756; line-height:1.4"><b>De instructie die je vandaag schreef, werkt in alle vier.</b> De omgeving bepaalt wat eromheen kan: kennis, bestanden, tools, en of een mens ertussen past.</p>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Niet voorlezen. Wijs drie rijen aan: kennis meegeven (Copilot moet inkorten tot 8.000 tekens, de rest niet), mens in de lus (alleen Dify), en kosten. Zeg erbij dat van elke reeks een handleiding en een video bestaat met dezelfde zes agents.</aside>
</section>
00-presentatie/project/slides/welkeheb.html
+13
View File
@@ -0,0 +1,13 @@
<section id="welkeheb" data-transition="fade" style="background:#F7F4EC; color:#1E2A3A; font-family:'Nunito Sans', Verdana, sans-serif; padding:128px 128px 160px; display:flex; flex-direction:column; gap:40px">
<p style="font-family:'Rubik', Arial, sans-serif; font-size:26px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#2563EB">Interactie · handen omhoog</p><h2 style="font-family:'Rubik', Arial, sans-serif; font-size:64px; font-weight:600; line-height:1.1">Welke heeft jouw school, en wat bouw je daar?</h2>
<div style="display:flex; gap:24px">
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">Microsoft 365</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Copilot Chat zit in de licentie die je al hebt. Kennis in de instructie, Word en Excel eruit. Begin met de Schoolgids-assistent.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">Google Workspace</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Gems zitten in Workspace for Education, ook Fundamentals. Bestanden als kennis, export naar Docs en Sheets.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#FFFFFF; padding:36px; border:1px solid #D8D2C4; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#1E2A3A; line-height:1.2">ChatGPT-werkruimte</h3><p style="font-size:27px; color:#3D4756; line-height:1.4">Bouwen kan alleen met een betaald abonnement of een werkruimte van school. Tot 20 kennisbestanden, downloads.</p></div>
<div style="flex:1; display:flex; flex-direction:column; gap:16px; background:#1E2A3A; padding:36px; border:1px solid #1E2A3A; border-radius:16px"><h3 style="font-family:'Rubik', Arial, sans-serif; font-size:34px; font-weight:600; color:#F7F4EC; line-height:1.2">Meer nodig</h3><p style="font-size:27px; color:#D9DEE6; line-height:1.4">Eigen zoektool, een mens die goedkeurt, of ouders zonder schoolaccount: dan Dify, en een gesprek met je bestuur.</p></div>
</div>
<p style="font-size:30px; color:#3D4756; line-height:1.4">Pak je ontwerpkaart erbij: in welke van de vier bouw je hem maandag?</p>
<p style="position:absolute; left:128px; bottom:64px; font-size:24px; color:#8A8F98">Workshop AI Agents met Dify · LeX Consultancy · AI Netwerk Limburg · CC BY-SA 4.0</p><img src="../beelden/logo-lex.png" alt="LeX Consultancy" style="position:absolute; right:128px; bottom:52px; width:90px; height:52px; object-fit:contain">
<aside>Handen omhoog per kolom; meestal is dat Microsoft en Google door elkaar. Laat twee mensen zeggen waar ze hun ontwerpkaart gaan bouwen en waarom. Sluit af met: de vier reeksen staan op dezelfde plek, met dezelfde zes agents.</aside>
</section>