Direct naar de inhoud
Maakonderwijs.apponderdeel vanonderwijstools.app
Pixel-art en Binaire Code
Bron: Codekinderen.nl

Pixel-art en Binaire Code

Ontdek hoe computers beelden opslaan met bits en bytes, en codeer en decodeer pixel-art met binaire getallenreeksen (0 en 1).

Digitale geletterdheidOnderzoekenKunst
Groep / Leerjaar
groep 5, groep 6, groep 7
Tijdsduur
50 minuten
Niveau
makkelijk
Groepsvorm
individueel
Bekijk & Print Leerlingwerkblad Bekijk originele bron
A4 Printbaar Werkblad

Leerlingwerkblad voor in de Klas

Stappenplan, materiaallijst en leerdoelen, altijd bijgewerkt vanaf deze opdrachtpagina.

Bekijk & Print Werkblad
Aan de slag

Stappenplan voor Leerlingen

0 / 5 stappen voltooid
Voortgang van de maakles:0%

Elke foto op je tablet, elk computerspelletje en elk digitaal billboard bestaat in de kern uit miljoenen piepkleine vierkante lichtpuntjes: pixels! Maar een computer heeft geen ogen om een plaatje te 'zien'; voor een computer is een afbeelding niets meer dan een lange sliert enen en nullen (binaire code: 1 = lampje aan/zwart, 0 = lampje uit/wit). In deze unplugged computer science les van Codekinderen leren leerlingen hoe bitmap-afbeeldingen binaire data representeren, coderen ze hun eigen pixel-art en sturen ze geheime gecodeerde tekeningen naar elkaar door!\n\n

🔍 Fase 1: Oriëntatie & Concept

Stap 1

VOORBEREIDEN & MATERIAAL VERZAMELEN

  • •\n\nPIXELS & RESOLUTIE ONDERZOEKEN: Bekijk een digitaal scherm met een microscoop of sterke loep: ontdek het raster van rode, groene en blauwe subpixels.
  • •Bespreek wat een pixel (picture element) is en waarom een afbeelding met weinig pixels (lage resolutie) er blokkerig uitziet (pixel-art!).\n\n
Stap 1
✏️ Fase 2: Ontwerpen & Schetsen

Stap 2

HET BASISONTWERP SCHETSEN & AFTEKENEN

  • •\n\nHET BINAIRE CODEERSYSTEEM LEREN: Werk op een raster van 8x8 of 16x16 vakjes.
  • •Leer de eenvoudigste binaire zwart-wit code:\n- 0 = Wit vakje (geen inkt / lampje uit).\n- 1 = Zwart vakje (gekleurd / lampje aan).\n\n
Stap 2
🛠️ Fase 3: Bouwen & Maken

Stap 3

CONSTRUCTIE & STAP-VOOR-STAP BOUWEN

  • •\n\nRUN-LENGTH ENCODING (GEAVANCEERD CODEREN): Hoe maken computers bestanden kleiner (compressie)?
  • •Door herhalingen te tellen!
  • •In plaats van `0, 0, 0, 0, 1, 1, 1, 0` schrijft de computer: `4W, 3Z, 1W` (4 wit, 3 zwart, 1 wit).
  • •Oefen deze compressietechniek!\n\n
Stap 3
⚡ Fase 4: Testen & Optimaliseren

Stap 4

TESTEN, METEN & FINETUNEN

  • •\n\nEIGEN PIXEL-ART ONTWERPEN & CODEREN: Teken op een ruitjesblad een herkenbaar retro-figuurtje (bijv.
  • •een Super Mario champignon, een Space Invader of een hartje).
  • •Vertaal jouw tekening rij voor rij naar een binaire codestrook.\n\n
Stap 4
🌟 Fase 5: Presenteren & Evalueren

Stap 5

EXPOSITIE, EVALUATIE & REFLECTIE

  • •\n\nHET GEHEIME DECODEER-EXPERIMENT: Geef alleen je cijfercode aan een medeleerling (zonder te vertellen wat het voorstelt!).
  • •Laat de ander de binaire code vakje voor vakje inkleuren.
  • •Verschijnt exact dezelfde tekening?
  • •Gefeliciteerd: jullie hebben data foutloos overgedragen als een echt computernetwerk!
Stap 5
Praktijk & Inspiratie

Voorbeelden & Inspiratie

Foto's van gemaakte werkstukken, tussenstappen en inspirerende variaties, aangeleverd door de bron van deze opdracht:

Pixel-art en Binaire Code voorbeeld 1
Eindresultaat
Pixel-art en Binaire Code voorbeeld 2
Voorbeeld

Instructievideo

How Computers Store Images with Pixels & Binary Code · Code.org Tutorials

Leerdoelen & Vaardigheden

Met deze maakopdracht werken leerlingen aan de volgende SLO kerndoelen en vaardigheden:

  • De fundamentele werking van digitale representatie van beelden (pixels, bitmaps, resolutie) begrijpen
  • Binaire codering (0 en 1) en datacompressie (Run-Length Encoding) toepassen
  • Computational thinking vaardigheden (decompositie, patroonherkenning, algoritmes) versterken
  • Nauwkeurig data coderen, verzenden en decoderen zonder informatieverlies
Didactische Handreiking

Leerkrachtinstructies & Klasbegeleiding

1. Voorbereiding & Lokaalinrichting

Print binaire rasterbladen (8x8 of 16x16 pixels). Zorg voor zwarte en gekleurde viltstiften en binaire omrekentabellen.

2. Prikkelende Introductie & Lesopening

Zoom heel ver in op het scherm van een smartphone of tv: elk beeld bestaat uit miljoenen piepkleine rode, groene en blauwe puntjes (pixels). Hoe weet de computer welke kleur waar moet staan?

3. Veiligheidsprotocol & Didactische Valkuilen
⚠️ Veiligheidsinstructies voor de klas:

Geen bijzondere risico's.

🔍 Waar lopen leerlingen typisch vast?

Leerlingen verwarren 0 (wit/uit) en 1 (zwart/aan) soms halverwege de regel. Laat ze regel voor regel afvinken.

4. Differentiatie & Snelle Makers

Uitdaging: introduceer hexadecimale kleurcodes (#FF0000 = rood) of laat leerlingen een 'geheime boodschap' coderen die een klasgenoot moet ontcijferen.

5. Klassikale Reflectie & Vragen

  • 1.Waarom gebruikt een computer alleen nullen en enen (bits) om foto's en video's op te slaan?
  • 2.Wat gebeurt er met de bestandsgrootte als je het aantal pixels verdubbelt (resolutie)?
  • 3.Hoe werkt compressie (bijvoorbeeld run-length encoding: 3x wit, 4x zwart)?

Reviews van leerkrachten

Geverifieerde leerkrachten of gasten (na goedkeuring) — echte ervaringen

Niet ingelogd?

Log in met je schoolmailadres, of ga verder zonder account — dat wordt dan wel eerst door een beheerder bekeken voordat het zichtbaar wordt.

Log in met een schoolmailadres

Reviews laden…

Laat je inspireren

Vergelijkbare Maakopdrachten