AI Service Desk · Lesprogramma

Bouw je eigen website met AI

Lesprogramma van 10 lessen voor leerlingen van 12 tot 16 jaar

Omvang
10 lessen van 50 minuten
Werkvorm
in teams van 4, met vaste rollen
Eindresultaat
elk team heeft een eigen website die echt online staat
Afsluiting
demodag met jury, prijzen en certificaten
Prijs
€1.350 per klas (max. 30 leerlingen). Elke extra klas: opnieuw €1.350.

Inhoudsopgave

LesTitelWaar gaat het over?
1Van idee tot appWat is code, low-code en no-code?
2Van probleem naar ideeGoede apps lossen een probleem op
3Schetsen voor je bouwtSitemap en wireframe
4Praten met AIGoede prompts schrijven, en veilig werken
5Bouwen, deel 1Jullie eerste versie in Lovable
6DesignKleur, letters en beeld
7Bouwen, deel 2Pagina's, formulieren en data
8Online en verdienenPubliceren, kosten en verdienmodellen
9Testen en pitchenLaatste verbeteringen en de pitch voorbereiden
10DemodagLaat zien wat jullie gebouwd hebben

De inhoud per les

Les 1

Van idee tot app

Wat is code, low-code en no-code?

Leerlingen leren:

  • Je weet het verschil tussen code, low-code en no-code
  • Je weet uit welke 3 lagen een website bestaat
  • Je zit in een team en hebt een rol

Opdracht: Stel je team samen

  • Vorm een team van 4 en verdeel de rollen
  • Bedenk een teamnaam (zonder je eigen namen)
  • Schrijf 3 apps op die jullie elke dag gebruiken
  • Welk probleem lost elke app op? Vul het werkblad in

Les 2

Van probleem naar idee

Goede apps lossen een probleem op

Leerlingen leren:

  • Je kunt een probleem uit je eigen omgeving vinden
  • Je weet voor wie je bouwt: je doelgroep
  • Je vat je idee samen in één zin

Opdracht: Van 10 ideeën naar 1

  • Brainstorm: minimaal 10 ideeën op post-its (10 min)
  • Iedereen krijgt 3 stippen: stem op je favorieten
  • Check het winnende idee met de checklist
  • Vul de zin in: Wij helpen ... met ... door ...

Les 3

Schetsen voor je bouwt

Sitemap en wireframe

Leerlingen leren:

  • Je plant welke pagina's je website krijgt
  • Je tekent een wireframe van je homepage
  • Je ontwerpt eerst voor de telefoon

Opdracht: Teken jullie website

  • Maak de sitemap: welke 3 of 4 pagina's?
  • Teken de homepage in het telefoonkader op het werkblad
  • Designer: kies alvast 3 kleuren die bij het idee passen
  • Laat het team ernaast jullie tekening checken: snappen zij het?

Les 4

Praten met AI

Goede prompts schrijven, en veilig werken

Leerlingen leren:

  • Je weet wat AI wel en niet kan
  • Je schrijft een prompt met de RDDS-formule
  • Je kent de veiligheidsregels

Opdracht: Schrijf jullie bouwprompt

  • Pak jullie idee-zin (les 2) en wireframe (les 3) erbij
  • Prompt-schrijver schrijft de prompt met RDDS op het werkblad
  • Ruil met het buurteam: checken ze alle 4 de delen?
  • Verbeter de prompt: die gebruiken we in les 5

Les 5

Bouwen, deel 1

Jullie eerste versie in Lovable

Leerlingen leren:

  • Je ziet hoe een prompt een website wordt
  • Je beoordeelt het resultaat met je wireframe
  • Je schrijft verbeterprompts: één ding tegelijk

Opdracht: Bouwen en verbeteren

  • Beurt 1: jullie bouwprompt uit les 4 invoeren
  • Vergelijk met je wireframe: wat klopt, wat niet?
  • Schrijf 3 verbeterprompts, één ding per prompt
  • Beurt 2: de belangrijkste verbeterprompts invoeren

Les 6

Design

Kleur, letters en beeld

Leerlingen leren:

  • Je kiest een kleurenpalet met de 60-30-10-regel
  • Je kiest leesbare letters met genoeg contrast
  • Je weet welke afbeeldingen je mag gebruiken

Opdracht: Geef jullie site een eigen stijl

  • Designer kiest het palet: 3 kleuren volgens 60-30-10
  • Kies 2 lettertypes en de sfeer (stoer, rustig, vrolijk...)
  • Schrijf 2 design-prompts met RDDS
  • Bouwstation: prompts invoeren en checken op de telefoonweergave

Les 7

Bouwen, deel 2

Pagina's, formulieren en data

Leerlingen leren:

  • Je voegt de pagina's uit je sitemap toe
  • Je weet wat een database is
  • Je weet waarom je zuinig bent met gegevens

Opdracht: Maak je site compleet

  • Kijk naar je sitemap: welke pagina's missen nog?
  • Schrijf per pagina een prompt (RDDS)
  • Kies 1 formulier: aanmelden, idee-box of poll
  • Bouwstation: invoeren en testen met nepgegevens

Les 8

Online en verdienen

Publiceren, kosten en verdienmodellen

Leerlingen leren:

  • Je weet hoe een website online komt
  • Je weet wat een website kost om te starten
  • Je snapt hoe websites geld verdienen, ook met affiliate links

Opdracht: Live en slim

  • Bouwstation: docent publiceert jullie site; noteer het adres
  • Open de site op je eigen telefoon: werkt alles?
  • Kies een verdienmodel dat past bij jullie site en leg uit waarom
  • Reclame-speurtocht: vind 3 vormen van reclame in apps die je gebruikt

Les 9

Testen en pitchen

Laatste verbeteringen en de pitch voorbereiden

Leerlingen leren:

  • Je test een website zoals een echte gebruiker
  • Je geeft feedback met Top en Tip
  • Je bereidt een pitch van 3 minuten voor

Opdracht: Testen, verbeteren, oefenen

  • Testronde: test de site van een ander team, geef 2 Tops en 2 Tips
  • Kies de 3 belangrijkste verbeteringen
  • Bouwstation: laatste verbeterprompts invoeren
  • Pitch verdelen en één keer oefenen met een timer

Les 10

Demodag

Laat zien wat jullie gebouwd hebben

Leerlingen leren:

  • Je presenteert jullie website aan de klas
  • Je beoordeelt eerlijk met de jurykaart
  • Je kijkt terug op wat je geleerd hebt

Opdracht: Demodag

  • Elk team pitcht 3 minuten + 1 minuut vragen
  • De andere teams vullen de jurykaart in
  • Uitreiking: Beste idee, Beste design, Publieksprijs
  • Iedereen krijgt een certificaat

Opbouw van elke les

  1. Start (5 min)

    terugblik op de vorige les

  2. Uitleg (10-15 min)

    korte presentatie met vragen aan de klas

  3. Aan de slag (20-30 min)

    opdracht in teams met een werkblad

  4. Exit-ticket (5 min)

    één vraag om te checken of het doel is gehaald

Veiligheid en privacy van leerlingen

Privacy van uw school

De gegevens die u invult bij uw offerte-aanvraag (naam school, uw naam, e-mailadres, telefoonnummer en het aantal klassen of leerlingen) gebruiken we alleen om uw aanvraag te behandelen en contact met u op te nemen. We houden deze gegevens privé: we delen ze niet met anderen, verkopen ze niet en gebruiken ze niet voor reclame. Wilt u dat we uw gegevens verwijderen? Beantwoord dan de e-mail waarmee u deze brochure ontving.