Handleiding Workshop:Code It. Een workshop over coderen, door Code For Kids

Transcriptie

1 Handleiding Workshop:Code It Een workshop over coderen, door Code For Kids

2 Inhoudsopgave Handleiding Workshop:Code It Fout! Bladwijzer niet gedefinieerd. Inhoudsopgave 2 Inhoud workshop 3 Benodigdheden 3 Verloop van de workshop 4 Bijlagen 7 Cheatsheet 7 2

3 Inhoud workshop De workshop Code It is ontworpen voor basisschoolleerlingen van groep 7 tot en met 8. Deze workshop kan jij zelf als docent uitvoeren! Met deze handleiding leer je hoe de code werkt, en hoe de workshop gegeven moet worden. De workshop bestaat grof uit 3 delen: 1. Foto s maken van de groepjes kinderen 2. Opdrachten laten uitvoeren en de kinderen leren wat het doet 3. De kinderen zelf laten experimenteren met de code en zelf iets te laten creëren. We leggen stap voor stap uit wat er in elk deel wordt gedaan, maar voordat je begint is het verstandig om de tutorials op onze website te bekijken. Hierin wordt haarfijn uitgelegd wat Processing is en welke stappen je moet doorgaan om de code te begrijpen en aan te passen. Om Processing te installeren verwijzen wij graag naar filmpje 1 van de tutorials op onze website. Benodigdheden Dit heb je nodig om de workshop te geven: - Camera - Printer - Elk groepje 1 computer met Processing en internet - Een SD-aansluiting in alle computers - Papier - Cheatsheet - Uitgeprinte opdrachten Het is verstandig om de klas in groepen te verdelen, zodat zij in kleine groepjes kunnen overleggen en samen kunnen werken. Wij raden aan om de groepjes bij 4 leerlingen te houden. 3

4 Verloop van de workshop Deel 1 Het eerste deel van de workshop bestaat uit foto s maken van de groepen. Het is verstandig om de groepjes niet te groot te maken. Het groepje komt voor de camera en jij maakt een foto. De foto wordt ingeladen in Processing, het is dus belangrijk dat deze goed is. Dat kun je weten aan de volgende eigenschappen: - Goede belichting - Goede afsnede (een stukje ruimte laten boven de hoofden) Deze foto s worden opgeslagen op een SD kaartje in de camera. Zodra alle kinderen de foto s hebben gemaakt is er een pauze, zodat jij de tijd hebt om de foto s op de computers te zetten en Processing te openen inclusief de code. Leg daarnaast de cheatsheet en de uitgeprinte opdrachten ook bij de groepjes (zie bijlage). Om de foto s op de computer te zetten steek je het SD kaartje in het bijbehorende SD-slot in de computer. Als je deze niet hebt zijn er ook goedkope adapters verkrijgbaar bij o.a. Media Markt. Voor de specifieke map en uitleg om het in Processing te zetten verwijzen wij naar filmpje 2 van de tutorials op onze website. Deel 2 Na de pauze kijken je eerst samen met de kinderen naar Processing, en het eindresultaat van de foto die is ingeladen. Dit is de voorbeeldfoto die wij hebben toegevoegd. Klik op het linker knopje (afgebeeld met de rode cirkel) om Processing te starten. Laat alle kinderen in de klas dit doen. Bespreek daarna de cheatsheet met de kinderen zodat zij weten wat de code algemeen inhoudt. Laat de kinderen nu de opdrachten maken. Doe dit door een opdracht te maken en deze samen na te kijken, de volgende opdracht te maken en deze weer samen na te kijken tot ze allemaal geweest zijn. Geef de kinderen hierna weer pauze. 4

5 Deel 3 Na de laatste pauze kunnen de kinderen zelf met de code aan de slag. Ten eerste moeten ze een nieuwe foto maken, ze mogen nu zelf weten waar ze een foto van maken. Ook moeten ze nu zelf de foto inladen en proberen zelf iets moois te maken door de code aan te passen. Als een groepje klaar is mogen ze hun eindwerk opslaan met de s knop en deze laten uitprinten. 5

6 Opdrachten Opdracht 1 Laadt je foto in, in de code zoals je gezien hebt bij het voorbeeld. Hint: De foto moet in dezelfde map staan als de voorbeeldfoto. Noem de foto 2.jpg. De foto s van de minions heet als het goed is 1.jpg. controleer dit. Opdracht 2 Pas de tekst in de code aan, naar iets wat jij leuk vind. Dit kan via String inputtext zorg dat er altijd aanhalingstekens buiten de tekst staat en sluit af met een puntkomma. Opdracht 3 Verander de maximale lettertypegrootte. Dit moet via float fontsizemax. De standaardgrootte is 20. De opdracht wordt juist uitgevoerd als het getal aanzienlijk groter wordt ingevuld dan 20. Opdracht 4 Verander de minimale lettertypegrootte. Dit moet via float fontsizemin. De standaardgrootte is 10. De opdracht wordt juist uitgevoerd als het getal aanzienlijk groter wordt ingevuld dan 10. Het getal moet kleiner zijn het maximale lettertype Opdracht 5 Verander de Spacing Dit moet via float spacing. Een kleiner getal zorgt voor nauwere letters, en een groter getal zorgt ervoor dat de letters wijder uit elkaar gaan staan. 6

7 Bijlagen Cheatsheet TOETSEN 1: mode om te wisselen tussen fontgrootte 2: mode om te wisselen tussen fontkleur pijltje omhoog/omlaag: maximale fontgrootte +/- pijltje rechts/links: minimale fontgrootte +/- s: opslaan als png p: opslaan als pdf BEGRIPPEN import: PFont: PImage: loadimage: het laden van een verzameling informatie type of soort om fonts te gebruiken type of soort om afbeeldingen of foto's op te slaan het laden van een afbeelding of foto 7

8 boolean: String: float: int: een waarde die "true"(waar) of "false"(niet waar) is het opslaan en het vertonen van een set letters/cijfers en overige type of soort met cijfers achter de komma type of soort met hele getallen String, boolean, float en int zijn net als dozen die je een bepaalde namen kunt geven en daar iets in kunt stoppen. Elk van deze verschillende soorten dozen heeft zo zijn eigenschappen. Bijvoorbeeld: int is een kleinere doos dan een float, omdat het met hele getallen werkt. LET OP! String is de enige van deze dozen MET een hoofdletter! 8