Direct naar de inhoud
Maakonderwijs.apponderdeel vanonderwijstools.app
Terug naar de opdracht
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).

Groep:
groep 5, groep 6, groep 7
Tijdsduur:
50 minuten
Niveau:
makkelijk
Groepsvorm:
individueel
Naam: ____________________________Datum: ______________
Pixel-art tekening vertaald naar binaire code van nullen en enen

Wat heb je nodig?

  • Raster-werkbladen (8x8 en 16x16 ruitjes)
  • Zwarte fineliners en stiften
  • Binaire codeer-kaarten van Codekinderen.nl
  • Sterke loepen om beeldschermpixels te bekijken

Wat leer je?

  • 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

⚠️ Let op — Veiligheid

Geen bijzondere risico's.

Stappenplan

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

  1. 1

    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
  2. 2

    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
  3. 3

    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
  4. 4

    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
  5. 5

    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!

Voorbeelden

Binaire decodeerkaart en pixelgrid

Bijlagen (4)