Flowchart Wat gaan we doen? als dia 3, in gids en README

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01C1fnCyt5tXipCcJteKwxne

README.md

@@ -10,6 +10,10 @@ Begeleiding: Guido van Dijk, LeX Consultancy · [Over Guido](OVER-GUIDO.md)
 
 Alles uit de workshop staat hieronder. Klik op een titel: de pdf opent direct in je browser, ook op je telefoon. Opslaan doe je vanuit de pdf-viewer.
 
+## Wat gaan we doen?
+
+![De zeven blokken van de workshop](wat-gaan-we-doen.png)
+
 ## Zo kom je bij Copilot
 
 1. Ga in de browser naar [m365.cloud.microsoft/chat](https://m365.cloud.microsoft/chat).

presentatie.html

@@ -31,6 +31,22 @@ body.notes aside{display:block;position:fixed;left:0;right:0;bottom:0;max-height
 <div role="img" aria-label="LeX Consultancy" style="position:absolute;right:128px;bottom:56px;width:84px;height:48px;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICB3aWR0aD0iMzc3Ljk1MyIKICAgaGVpZ2h0PSIyMTUuOTUwNjciCiAgIHZpZXdCb3g9IjAgMCAzNzcuOTUzMDEgMjE1Ljk1MDY3IgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM2IiAvPgogIDxnCiAgICAgaWQ9Imc4IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDIxNS45NTA2NikiPgogICAgPGcKICAgICAgIGlkPSJnMTAiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuMSkiPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDMyMy45MjYsMTYxLjk2MSBWIDE0NTcuNjcgYyAwLDg5LjQ1IC03Mi41MTIsMTYxLjk2IC0xNjEuOTYxLDE2MS45NiBDIDcyLjUxNTYsMTYxOS42MyAwLDE1NDcuMTIgMCwxNDU3LjY3IFYgMTYxLjk2MSBDIDAsNzIuNTExNyA3Mi41MTU2LDAgMTYxLjk2NSwwIDI1MS40MTQsMCAzMjMuOTI2LDcyLjUxMTcgMzIzLjkyNiwxNjEuOTYxIgogICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBpZD0icGF0aDEyIiAvPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDE2MTkuNjMsNTY2Ljg3MSBjIDAsMC4wMDggMCwwLjAwOCAwLDAuMDIgdiAyMC4yMyBoIC0wLjUxIEMgMTYwOC40NCw4OTAuNzk3IDEzNTkuMDUsMTEzMy43NCAxMDUyLjc2LDExMzMuNzQgNzM5LjY4OCwxMTMzLjc0IDQ4NS44OTEsODc5Ljk0NSA0ODUuODkxLDU2Ni44NzEgNDg1Ljg5MSwyNTMuODAxIDczOS42ODgsMCAxMDUyLjc2LDAgdiAwIGggMjQyLjk1IHYgMCBjIDg5LjQ1LDAgMTYxLjk2LDcyLjUxMTcgMTYxLjk2LDE2MS45NjEgMCw4OS40NDkgLTcyLjUsMTYxLjk2MSAtMTYxLjk1LDE2MS45NjkgaCAtMjQyLjk2IHYgMCAwIDAgYyAtMTM0LjE3NCwwIC0yNDIuOTQ0LDEwOC43NjkgLTI0Mi45NDQsMjQyLjk0MSAwLDEzNC4xNzYgMTA4Ljc3LDI0Mi45NDUgMjQyLjk0NCwyNDIuOTQ1IDEzNC4xNywwIDI0Mi45NCwtMTA4Ljc2MSAyNDIuOTUsLTI0Mi45MjUgdiAtMC4wMiAtMC4wMTkgLTgwLjk2MSAtMzYuNDQyIC0yLjAyNyAtMi4wMjQgaCAzMjMuOTIgdiAyLjAyNCA3OC45NTcgNDAuNDczIGMgMCwwLjAwNyAwLDAuMDA3IDAsMC4wMTkiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGlkPSJwYXRoMTQiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMjc4Ny4wOSw4NTcuNDE0IGMgNjMuNDEsNjMuNDEgNjMuNDEsMTY2LjIyNiAwLDIyOS42MzYgLTYzLjQxLDYzLjQxIC0xNjYuMjMsNjMuNDEgLTIyOS42NCwwIEwgMjI2Ny40OSw3OTcuMDc4IDI0OTcuMTIsNTY3LjQ0OSBaIE0gMjQ5Ny4xMiw1NjcuNDQ5IDIyNjcuNDksMzM3LjgwOSAyNTU3LjQ1LDQ3LjgzOTggYyA2My40MSwtNjMuNDEwMSAxNjYuMjMsLTYzLjQxMDEgMjI5LjY0LDAgNjMuNDEsNjMuNDIyMiA2My40MSwxNjYuMjMwMiAwLDIyOS42NDAyIHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGlkPSJwYXRoMTYiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMjQ5Ny4yLDU2Ny40NDkgMjI2Ny41Niw3OTcuMDc4IDE5NzcuNiwxMDg3LjA1IGMgLTYzLjQxLDYzLjQxIC0xNjYuMjIsNjMuNDEgLTIyOS42NCwwIC02My40MSwtNjMuNDEgLTYzLjQxLC0xNjYuMjI2IDAsLTIyOS42MzYgTCAyMDM3LjkzLDU2Ny40NDkgMTc0Ny45NiwyNzcuNDggYyAtNjMuNDEsLTYzLjQxIC02My40MSwtMTY2LjIxOCAwLC0yMjkuNjI4NCA2My40MiwtNjMuNDIxOSAxNjYuMjMsLTYzLjQyMTkgMjI5LjY0LDAgbCAyODkuOTYsMjg5Ljk1NzQgMjI5LjY0LDIyOS42NCIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmODMwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgaWQ9InBhdGgxOCIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');background-repeat:no-repeat;background-size:contain;background-position:right center"></div>
 
 </section>
+<section class="slide" id="programma" data-transition="fade" style="background:#F3EEFB;color:#333333;font-family:'Figtree', Arial, sans-serif;padding:128px 128px 160px;display:flex;flex-direction:column;gap:40px">
+<p style="font-size:24px;font-weight:700;color:#A35400;letter-spacing:2px;text-transform:uppercase">Vandaag · 45 minuten</p>
+<h2 style="font-family:'Figtree', Arial, sans-serif;font-size:72px;font-weight:700;line-height:1.1;color:#333333">Wat gaan we doen?</h2>
+<div style="display:flex;gap:12px;align-items:stretch">
+<div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#442578;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#FF8300">1 · 5 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#FFFFFF">Experiment</p><p style="font-size:24px;line-height:1.3;color:#D9CCF0">Leren met en zonder Copilot</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#333333;background:#FF8300;padding:4px 14px;border-radius:20px">Copilot</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border:2px solid #D6D6D6;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#A35400">2 · 3 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#333333">Onderzoek</p><p style="font-size:24px;line-height:1.3;color:#5C5C5C">Wat 30 experts vonden</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#5C5C5C;border:2px solid #D6D6D6;padding:2px 12px;border-radius:20px">zonder</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border:2px solid #D6D6D6;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#A35400">3 · 6 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#333333">Wie denkt?</p><p style="font-size:24px;line-height:1.3;color:#5C5C5C">Een opdracht in kleuren</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#5C5C5C;border:2px solid #D6D6D6;padding:2px 12px;border-radius:20px">zonder</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border:2px solid #D6D6D6;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#A35400">4 · 7 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#333333">Herontwerp</p><p style="font-size:24px;line-height:1.3;color:#5C5C5C">AI in de oefenfase zetten</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#5C5C5C;border:2px solid #D6D6D6;padding:2px 12px;border-radius:20px">zonder</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#442578;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#FF8300">5 · 9 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#FFFFFF">Copilot&#8209;lab</p><p style="font-size:24px;line-height:1.3;color:#D9CCF0">Een oefenmaatje bouwen</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#333333;background:#FF8300;padding:4px 14px;border-radius:20px">Copilot</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#442578;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#FF8300">6 · 8 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#FFFFFF">Kraken</p><p style="font-size:24px;line-height:1.3;color:#D9CCF0">Probeer het oefenmaatje te misleiden</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#333333;background:#FF8300;padding:4px 14px;border-radius:20px">Copilot</p></div></div><span style="font-size:72px;font-weight:800;color:#FF8300">→</span><div style="flex:1 1 0;display:flex;flex-direction:column;gap:16px;background:#FFFFFF;border:2px solid #D6D6D6;padding:28px 22px;border-radius:20px"><p style="font-size:24px;font-weight:700;color:#A35400">7 · 6 min</p><p style="font-size:28px;font-weight:700;line-height:1.15;color:#333333">Afsluiten</p><p style="font-size:24px;line-height:1.3;color:#5C5C5C">Je eigen volgende stap</p><div style="flex:1"></div><div style="display:flex"><p style="font-size:24px;font-weight:700;color:#5C5C5C;border:2px solid #D6D6D6;padding:2px 12px;border-radius:20px">zonder</p></div></div>
+</div>
+<div style="display:flex;gap:24px">
+<div style="flex:1 1 0;display:flex;gap:20px;align-items:center;background:#FFFFFF;padding:24px 28px;border-radius:16px"><p style="font-size:28px;color:#333333">Jullie doen het werk, ik loop rond</p></div>
+<div style="flex:1 1 0;display:flex;gap:20px;align-items:center;background:#FFFFFF;padding:24px 28px;border-radius:16px"><p style="font-size:28px;color:#333333">Alle opdrachten staan op het scherm</p></div>
+<div style="flex:1 1 0;display:flex;gap:20px;align-items:center;background:#FFFFFF;padding:24px 28px;border-radius:16px"><p style="font-size:28px;color:#333333">Alleen je laptop nodig, geen voorkennis</p></div>
+</div>
+<div style="flex:1"></div>
+<div role="img" aria-label="LeX Consultancy" style="position:absolute;right:128px;bottom:56px;width:84px;height:48px;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICB3aWR0aD0iMzc3Ljk1MyIKICAgaGVpZ2h0PSIyMTUuOTUwNjciCiAgIHZpZXdCb3g9IjAgMCAzNzcuOTUzMDEgMjE1Ljk1MDY3IgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM2IiAvPgogIDxnCiAgICAgaWQ9Imc4IgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDIxNS45NTA2NikiPgogICAgPGcKICAgICAgIGlkPSJnMTAiCiAgICAgICB0cmFuc2Zvcm09InNjYWxlKDAuMSkiPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDMyMy45MjYsMTYxLjk2MSBWIDE0NTcuNjcgYyAwLDg5LjQ1IC03Mi41MTIsMTYxLjk2IC0xNjEuOTYxLDE2MS45NiBDIDcyLjUxNTYsMTYxOS42MyAwLDE1NDcuMTIgMCwxNDU3LjY3IFYgMTYxLjk2MSBDIDAsNzIuNTExNyA3Mi41MTU2LDAgMTYxLjk2NSwwIDI1MS40MTQsMCAzMjMuOTI2LDcyLjUxMTcgMzIzLjkyNiwxNjEuOTYxIgogICAgICAgICBzdHlsZT0iZmlsbDojODA1NmM1O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBpZD0icGF0aDEyIiAvPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDE2MTkuNjMsNTY2Ljg3MSBjIDAsMC4wMDggMCwwLjAwOCAwLDAuMDIgdiAyMC4yMyBoIC0wLjUxIEMgMTYwOC40NCw4OTAuNzk3IDEzNTkuMDUsMTEzMy43NCAxMDUyLjc2LDExMzMuNzQgNzM5LjY4OCwxMTMzLjc0IDQ4NS44OTEsODc5Ljk0NSA0ODUuODkxLDU2Ni44NzEgNDg1Ljg5MSwyNTMuODAxIDczOS42ODgsMCAxMDUyLjc2LDAgdiAwIGggMjQyLjk1IHYgMCBjIDg5LjQ1LDAgMTYxLjk2LDcyLjUxMTcgMTYxLjk2LDE2MS45NjEgMCw4OS40NDkgLTcyLjUsMTYxLjk2MSAtMTYxLjk1LDE2MS45NjkgaCAtMjQyLjk2IHYgMCAwIDAgYyAtMTM0LjE3NCwwIC0yNDIuOTQ0LDEwOC43NjkgLTI0Mi45NDQsMjQyLjk0MSAwLDEzNC4xNzYgMTA4Ljc3LDI0Mi45NDUgMjQyLjk0NCwyNDIuOTQ1IDEzNC4xNywwIDI0Mi45NCwtMTA4Ljc2MSAyNDIuOTUsLTI0Mi45MjUgdiAtMC4wMiAtMC4wMTkgLTgwLjk2MSAtMzYuNDQyIC0yLjAyNyAtMi4wMjQgaCAzMjMuOTIgdiAyLjAyNCA3OC45NTcgNDAuNDczIGMgMCwwLjAwNyAwLDAuMDA3IDAsMC4wMTkiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM4MDU2YzU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGlkPSJwYXRoMTQiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gMjc4Ny4wOSw4NTcuNDE0IGMgNjMuNDEsNjMuNDEgNjMuNDEsMTY2LjIyNiAwLDIyOS42MzYgLTYzLjQxLDYzLjQxIC0xNjYuMjMsNjMuNDEgLTIyOS42NCwwIEwgMjI2Ny40OSw3OTcuMDc4IDI0OTcuMTIsNTY3LjQ0OSBaIE0gMjQ5Ny4xMiw1NjcuNDQ5IDIyNjcuNDksMzM3LjgwOSAyNTU3LjQ1LDQ3LjgzOTggYyA2My40MSwtNjMuNDEwMSAxNjYuMjMsLTYzLjQxMDEgMjI5LjY0LDAgNjMuNDEsNjMuNDIyMiA2My40MSwxNjYuMjMwMiAwLDIyOS42NDAyIHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiM4MDU2YzU7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGlkPSJwYXRoMTYiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMjQ5Ny4yLDU2Ny40NDkgMjI2Ny41Niw3OTcuMDc4IDE5NzcuNiwxMDg3LjA1IGMgLTYzLjQxLDYzLjQxIC0xNjYuMjIsNjMuNDEgLTIyOS42NCwwIC02My40MSwtNjMuNDEgLTYzLjQxLC0xNjYuMjI2IDAsLTIyOS42MzYgTCAyMDM3LjkzLDU2Ny40NDkgMTc0Ny45NiwyNzcuNDggYyAtNjMuNDEsLTYzLjQxIC02My40MSwtMTY2LjIxOCAwLC0yMjkuNjI4NCA2My40MiwtNjMuNDIxOSAxNjYuMjMsLTYzLjQyMTkgMjI5LjY0LDAgbCAyODkuOTYsMjg5Ljk1NzQgMjI5LjY0LDIyOS42NCIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmODMwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgaWQ9InBhdGgxOCIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');background-repeat:no-repeat;background-size:contain;background-position:right center"></div>
+
+</section>
+
 <section class="slide" id="experiment" data-transition="fade" style="background:#FFFFFF;color:#333333;font-family:'Figtree', Arial, sans-serif;padding:128px 128px 160px;display:flex;flex-direction:column;gap:56px">
 <p style="font-size:24px;font-weight:700;color:#A35400;letter-spacing:2px;text-transform:uppercase">Blok 1 · het experiment</p>
 <h2 style="font-family:'Figtree', Arial, sans-serif;font-size:72px;font-weight:700;line-height:1.1;color:#333333">Leer in drie minuten iets nieuws</h2>