workshop.html

---
layout: page
title: "Workshop — data/expedities"
description: "Workshop Machine-Assisted Investigation: leer AI-tools inzetten om sneller van idee naar werkende code te komen. Onderdeel van het hackathon-programma."
nav_id: workshop
---

<!-- Section: Workshop title + intro -->
<section class="pt-14 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Workshop: Machine-Assisted Investigation</h2>
  <h3 class="font-semibold text-[18px] leading-[28px] mb-4">De traditionele hackathon-dynamiek: goed idee, te weinig tijd</h3>
  <p class="text-base leading-[31px] mb-6">Je hebt een scherpe onderzoeksvraag. Je ziet precies welke data je nodig hebt en hoe je die zou kunnen ontsluiten. Maar de implementatie kost te veel tijd. Ambitieuze concepten sneuvelen omdat de uren opraken.</p>
  <p class="text-base leading-[31px] mb-6">Met Machine-Assisted Investigation verandert dat. In plaats van zelf elke regel code te schrijven, beschrijf je wat je nodig hebt en AI genereert de implementatie. Jij levert het journalistieke oordeel en de kritische blik, AI levert de code. Binnen enkele minuten heb je een werkende scraper, data-analyse of zelfs een interactieve visualisatie.</p>
  <p class="text-base leading-[31px]">Deze workshop bereidt je voor op die manier van werken. Hij maakt deel uit van het hackathon-programma.</p>
</section>

<!-- Section: Wat leer je -->
<section class="pt-10 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Wat leer je</h2>

  <p class="font-semibold text-base leading-[31px] mb-2">Voor developers:</p>
  <p class="text-base leading-[31px] mb-6">Je verandert van programmeur in software-architect. Jij omschrijft de architectuur, de eisen en de randvoorwaarden. AI doet de implementatie. Je blijft kritisch, maar werkt veel sneller.</p>

  <p class="font-semibold text-base leading-[31px] mb-2">Voor datajournalisten:</p>
  <p class="text-base leading-[31px] mb-6">Je krijgt toegang tot technische mogelijkheden die voorheen een developer vereisten. Zonder zelf te kunnen programmeren bouw je scrapers, data-pipelines of analyses die documenten, datasets en API's integreren.</p>

  <p class="font-semibold text-base leading-[31px] mb-4">Concrete vaardigheden:</p>
  <ul class="list-disc pl-5 text-base leading-[31px] mb-6">
    <li>AI effectief aansturen om software te bouwen die past bij jouw onderzoeksvraag</li>
    <li>Snel itereren: van idee naar werkende code in minuten in plaats van dagen</li>
    <li>Data-pipelines bouwen die verschillende bronnen combineren</li>
    <li>Kritisch blijven: AI maakt fouten, jij vangt ze op</li>
  </ul>

  <p class="font-semibold text-base leading-[31px] mb-2">Verantwoord gebruik:</p>
  <p class="text-base leading-[31px]">AI is gereedschap, geen vervanging. Jij blijft verantwoordelijk voor de journalistieke keuzes, de interpretatie van data en de controle op de output. De workshop leert je hoe je die balans houdt.</p>
</section>

<!-- Section: Programma -->
<section class="pt-10 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Programma</h2>

  <div class="mb-6">
    <p class="text-base leading-[31px]"><strong class="font-semibold">Datum:</strong> 10 april 2026, 10:00&ndash;14:00</p>
    <p class="text-base leading-[31px]"><strong class="font-semibold">Locatie:</strong> Open State Foundation, Amsterdam</p>
    <p class="text-base leading-[31px] mb-6"><strong class="font-semibold">Facilitatoren:</strong> Jan van der Burgt (Open State Foundation) en Jeremy Crowlesmith (datajournalist en AI-developer)</p>
  </div>

  <div class="space-y-5">
    <div>
      <p class="font-semibold text-base leading-[31px]">10:00&ndash;11:00 | Methodiek in de praktijk</p>
      <p class="text-base leading-[31px]">Live demonstratie waarin we een werkende tool bouwen. Je ziet precies hoe de interactie met AI verloopt, welke prompts werken en hoe je itereert.</p>
    </div>
    <div>
      <p class="font-semibold text-base leading-[31px]">11:00&ndash;12:00 | Zelf aan de slag</p>
      <p class="text-base leading-[31px]">Je past de methodiek toe op een voorbeeldopdracht. Individueel, met begeleiding.</p>
    </div>
    <div>
      <p class="font-semibold text-base leading-[31px]">12:00&ndash;13:00 | Teamoefening</p>
      <p class="text-base leading-[31px]">In kleine teams werk je aan een complexere uitdaging die lijkt op wat je tijdens de hackathon kunt tegenkomen.</p>
    </div>
    <div>
      <p class="font-semibold text-base leading-[31px]">13:00&ndash;14:00 | Terugkoppeling en tips</p>
      <p class="text-base leading-[31px]">Bespreking van wat werkte, wat niet, en concrete strategie&euml;n voor de hackathon.</p>
    </div>
  </div>
</section>

<!-- Section: Tools en voorbereiding -->
<section class="pt-10 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Tools en voorbereiding</h2>
  <p class="text-base leading-[31px] mb-6">We werken met agentic coding tools zoals OpenCode, Claude Code en Cursor. Je hoeft deze niet vooraf te installeren, maar het helpt als je er al mee hebt ge&euml;xperimenteerd.</p>
  <p class="font-semibold text-base leading-[31px] mb-2">Benodigdheden:</p>
  <ul class="list-disc pl-5 text-base leading-[31px]">
    <li>Laptop met internetverbinding</li>
    <li>Nieuwsgierigheid naar wat mogelijk is</li>
  </ul>
</section>

<!-- Section: Waarom dit relevant is -->
<section class="pt-10 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Waarom dit relevant is</h2>
  <p class="text-base leading-[31px] mb-6">Deelnemers die deze methodiek beheersen kunnen in dezelfde tijd v&eacute;&eacute;l meer bouwen. Dat betekent: meer ruimte om te experimenteren, sneller naar een werkend prototype, en meer aandacht voor wat &eacute;cht telt: het journalistieke verhaal.</p>
  <p class="text-base leading-[31px]">De workshop maakt deel uit van het hackathon-programma en is bedoeld voor alle tech-deelnemers (developers en datajournalisten die met data-tools willen werken).</p>
</section>

<!-- Section: Aanmelden -->
<section class="pt-10 pb-6">
  <h2 class="font-mono font-medium text-de-purple text-[25px] leading-[31px] mb-4">Aanmelden</h2>
  <p class="text-base leading-[31px] mb-6">Bij je aanmelding voor de hackathon geef je aan dat je aan de workshop deelneemt.</p>
  <a href="{{ '/aanmeldformulier' | relative_url }}" class="bg-black text-white font-mono font-medium text-base uppercase px-4 py-[9px] hover:bg-de-purple transition-colors inline-flex items-center justify-center tracking-wide">/AANMELDEN</a>
</section>