BLOG

BLOG #13 HTML EN JAVASCRIPT

Posted on by admin Posted in BLOG | Leave a comment

Blog CoderDojo #13 – HTML, CSS & JavaScript – 21 Oktober 2017

Intro

Op zaterdag 21 Oktober was er zoals elke maand weer een CoderDojo in het Rozet Arnhem. Hier komen elke maand ~20 kinderen (en ouders) en een paar mentoren bij elkaar om op een leuke en gezellige manier te leren programmeren. Deze week gingen we verder met websites bouwen met de programeertalen: HTML, CSS en JavaScript.

Omdat dit onderwerp al een keer langs gekomen was hebben we het deze keer wat anders gedaan. Voor de kinderen die nog nooit een website hadden gemaakt of nog liever bij de basis bleven was er een groep die gewoon lekker aan de slag kon. Voor de nieuwsgierige en durfals stond er deze keer wat extra uitdaging klaar.

WebTinq

Deze keer maakten we gebruik van een nieuwe service genaamd: WebTinq. Dit is een website bedacht door Louis Wolf speciaal voor nederlandse kinderen die bezig zijn met websites bouwen.

Er zijn enorm veel voordelen voor het gebruiken van WebTinq:

  • Online
    • Gewoon in je browser
    • Niks downloaden
    • Altijd beschikbaar
  • Delen
    • Website online/offline zetten
    • Link delen met je vrienden/familie
    • Toezicht vanaf een begeleiders account
  • Tools
    • Kleuren hulpje (handig voor CSS)
    • ‘Live’ programmeren (links je code, rechts je website)
    • Voorbeelden van stukjes code

WebTinq is nog redelijk nieuw dus het kan zijn dat nog niet alles zo feilloos werkt. Gelukkig is het Open Source dus als je een beetje kennis hebt van PHP (en Laravel) kun je zo aanschuiven

Beginners
Voor de kinderen die voor het eerst een website bouwden of die het gewoon wat rustiger aan wilden doen gingen we aan de slag met HTML en CSS. We volgden de instructies die je hier kan vinden. Voor sommige was het begin wat lastig, maar al snel kregen we hele mooie websites op het scherm.

Uitdaging

Voor de de kinderen die het zichzelf wat moeilijker wilden maken hadden we speciale instructies geschreven. Die kun je hier nog nalezen. Hier gingen we in op wat moeilijkere CSS code en een beetje JavaScript. We maakten hierbij gebruik van Font Awesome icons, pseudo selectors (engels), schaduw & randen en transitie’s. Het begon wat moeizaam maar door de voorbeelden na te doen en gewoon te experimenteren zijn er hele mooie website’s uitgekomen.

Voorbeelden
Een paar website’s die gemaakt zijn:
link LR
NaNo Nauten
inter html
Sonic the Hedgehog

Foto’s

Ben je al eens geweest bij CoderDojo of wil je nog komen en wil je alvast wat proberen?
Was je aanwezig maar ben je je accountnaam vergeten?
Of heb je al een website gemaakt op WebTinq en wil je die hier bij de voorbeelden zetten?
Mail ons op contact@coderdojo-arnhem.nl

BLOG #12 FLAPPY BIRD

Posted on by redacteur Posted in BLOG | Leave a comment

Flappy Bird, wie kent het niet! Een spel wat jaren geleden de wereld veroverd heeft. In het spel moet je het vogeltje (flappy bird) door een doolhof van buizen laten vliegen. Flappy Bird was het thema deze CoderDojo.

flappybirdlogo

Onze mentor Tim wilde de kinderen laten zien dat het bouwen van zo’n spel eigenlijk helemaal niet zo moeilijk is. De Dojo was weer uitverkocht en in Rozet zaten maar liefst 20 kinderen (met hun ouders) aandachtig naar hem te luisteren.

Voor deze middag had Tim twee handleidingen gemaakt: scratch_mit_lab
eentje om Flappy Bird in Scratch te bouwen javascript
en een wat moeilijkere versie om Flappy Bird met Javascript te bouwen.

 

 

 

Aan het eind van de middag presenteerden de kinderen aan elkaar wat ze gemaakt hadden. De buizen waren aangepast, het vogeltje vloog sneller of juist langzamer, scores waren toegevoegd, achtergronden wisselden bij elke druk op de spatiebalk en bij één meisje was het vogeltje veranderd in een pinguin en verschenen er allemaal ijsschotsen.

img_7054 img_7063 img_7064 img_7062 img_7059  img_7060  img_7058 img_7056

We vonden het een erg leuke middag! Ben je er niet bij geweest maar wil je het ook eens proberen. Kijk dan op onze pagina materiaal voor de handleidingen.

groetjes Maud

BLOG #11 UNPLUGGED EN FEESTJE 1 JAAR!

Posted on by redacteur Posted in BLOG | Leave a comment

Zaterdag 17 juni was een bijzondere CoderDojo. Een keertje niet binnen achter een computerscherm, maar bij de Bibliotheek in Presikhaaf lekker buiten op de speelplaats. Een unplugged Dojo, met andere woorden: spelletjes doen die te maken hebben met computers/programmeren maar dan zonder computers!.

img_2999

 

img_3009-1We begonnen met het maken van 3 groepen van 6 kinderen. Dat deden we met het spel “sorteermachine”. In dit spel leerden we hoe een computer dingen (in dit geval kinderen) sorteert. Bijvoorbeeld op lengte en op leeftijd.

 

 

 

 

Vervolgens gingen de groepen langs 4 spellen. Elk spel werd een half uur gespeeld.

 

img_3027Spel 1 was het spel met de binaire getallen. De kinderen leerden hoe een computer rekent met binaire getallen, ofwel met alleen de cijfers 1 en 0.

 

 

 

 

 

 

 

img_3080-1

 

Spel 2 was Levend Programmeren. Een spel waarbij twee teams tegen elkaar speelden. Elk team had een robot die ze door een doolhof moesten sturen met actiekaarten. Het team dat zijn Robot als eerste naar de uitgang kreeg had gewonnen.

 

 

 

 

img_3070

 

Spel 3 was Routing & Deadlocks. Bij dit spel zaten de kinderen in een kring en moesten ze pingpong balletjes met letters en kleuren op een handige manier aan elkaar doorgeven totdat iedereen twee dezelfde balletjes had. Dat was nog niet zo makkelijk! Maar wel veel lol.

 

 

 

 

 

 

img_3026

 

Spel 4 was het Kortste Route spel. Op de speelplaats stonden allemaal rondjes met verbindingslijnen er tussen. Bij de verbindingslijnen stond een cijfer. De kinderen moesten rondlopen van rondje naar rondje over de verbindingslijnen. Daarbij moesten de cijfers opgeteld worden. Wie kon in de kortste route van de ene naar de andere kant?

 

 

We vierden deze middag ook ons 1 jarig bestaan als CoderDojo Arnhem. Er waren mini tompoucen met het logo van CoderDojo.

img_3051   img_3053

 

Wij vonden het een erg leuke middag en de kinderen ook. Die waren super enthousiast!

BLOG #10 VOOR ELK WAT WILS

Posted on by admin Posted in BLOG, Uncategorized | Leave a comment

Het wcd10as weer een geslaagde CoderDojo, met het thema Voor elk wat wils.

De laatste CoderDojo van dit schooljaar in Rozet. Deze keer hebben we iedereen aan het werk gezet met materiaal van het afgelopen jaar.

Tim (een van de vrijwilligers) had arduino’s meegenomen en zo ook een enthousiaste ninja. Zo waren er vier bezig met het programmeren van deze mini computer.  We hebben een tweetal aan het werk gezet met Makey Makey. Binnen de kortste keren hadden we een piano van klei. Er wecd10-2rd een prachtige app gemaakt. Elk scherm werd aandachtig getekend en de app was in 2 uur al bijna af. Er was een groep bezig met codeuur, een spel waarin je programmeert om je poppetje te laten lopen. Al snel werden de laptops naar elkaar toe geschoven om elkaar te helpen.

En het leukste was een voetbalspel waar een aantal enthousiaste voetbalfans mee aan de slag zijn gegaan. We hadden rond het thema een leuk Scratch spel bedacht! Je kunt deze vinden onder materialen > Scratch > Voetbal. Je kon met je camera de voetbal hooghouden. Iemand had een leuke variatie bedacht mecd10-3t geluid, als je klapte schoot de bal omhoog.

Iedereen is weer geweldig bezig geweest! Hopelijk zien we jullie 17 juni in Presikhaaf en anders tot na de zomervakantie.

Groeten Ines, namens de rest van de CoderDojo vrijwilligers 🙂

 

BLOG #9 BOUW JE EIGEN APP

Posted on by redacteur Posted in BLOG, Uncategorized | Leave a comment

Voor de 9e CoderDojo waren we terug in Rozet. Onze MAS stagiairs Suus en Tessel hadden samen een leuke creatieve workshop voorbereid om de ninja’s kennis te laten maken met het bouwen van je eigen app. Ook nu waren de tickets razendsnel uitverkocht. Omdat we met veel mentoren waren hebben we besloten om het aantal te verhogen naar 24, het maximum voor de beschikbare ruimte. Nog nooit waren we met zoveel kinderen en ouders!

IMG_2153

De workshop ging in 3 stappen. Eerst moest het idee uitgewerkt worden: voor wie is de app en welke hoofdfuncties heeft de app. Daarna moesten de ontwerpen voor de schermen gemaakt worden. Dat kon op papier (met tekenen, plaatjes en stickers), in de app zelf (vooral makkelijk op iphone/ipad) of op de computer. We hebben deze middag alle varianten gezien. De leukste variant was van Jona. Met slechts drie schermen, slimme knoppen en losse blaadjes met vragen kon zijn “Studio Snugger of Niet” app ontworpen worden.

FullSizeRender   IMG_2161   IMG_2155

Nadat de ontwerpen klaar waren, werden de schermen aan elkaar gekoppeld met de app POP (prototyping on paper), zie onze pagina Materiaal / Bouw je eigen app voor meer info. Met deze app kun je foto’s van je schermen maken en linkjes en overgangen toevoegen zodat je een echt werkende app krijgt. Als kers op de taart kun je ook je eigen icoon voor je app toevoegen en de app op je tablet of mobiel zetten.

De resultaten van deze middag waren weer geweldig. Een echte Easter Search app, een ware Doolhof app, 3 Minecraft Quiz apps, een superhandige Dagplanner app, een Kooktijden app, de Studio Snugger of Niet App, een prachtige Inspiration app, een som app om sommen te oefenen, een paasknutsel app, een Quizy Quiz app, 2 moppen apps en een ware Barricas Vinos en Cavas app! Wil je de resultaten echt bewonderen, klik dan hier.

Vol trots hebben we deze middag afgesloten met een presentatie van de apps aan elkaar op het grote digibord (met dank aan Ines en Tim). Hieronder een impressie:

FullSizeRender (1)  IMG_2181 (1)  IMG_2175

Om half vijf volgde nog een daverend applaus voor Suus en Tessel. Bedankt meiden dat jullie ons met veel enthousiasme tijdens 5 CoderDojo’s hebben geholpen!

groetjes Maud

BLOG #8 LEGO MINDSTORMS

Posted on by admin Posted in BLOG | Leave a comment

Deze CoderDojo waren we te gast in het Ixperium in Arnhem. Een plek waar leerlingen en leraren van alles kunnen leren over ict-onderwijs. Het Ixperium heeft veel materialen voor technisch onderwijs en vandaag konden we de Lego Mindstorms lenen.

Lego Mindstorms is een kleine computer die je kunt programmeren. Met Lego kun je de computer ombouwen tot een robot, door armen, wieltjes en andere sensoren toe te voegen.

De kaartjes voor de CoderDojo #8 Lego Mindstorms waren nog nooit zo snel uitverkocht! En we waren daarom met een grote groep bij het Ixperium.

cd8-mindstorm (2)

Met een algemene presentatie werd uitgelegd hoe we de Lego Mindstorm konden programmeren. Er werden groepjes van twee gevormd en iedereen ging meteen aan de slag. De robot kon met een soort van Scratch programmeertaal geprogrammeerd worden. Blokje voor blokje probeerde de groepjes hun robot te laten rijden.

Aan het eind van de drie uur kon iedereen laten zien wat er gemaakt was! Er was een robot die mensen en objecten kon zien met een ultrasonic sensor. De robot reed rond en als hij iets zag op zijn pad draaide hij een stukje. Er was ook een tikkertjes robot, hij reed achter alles aan wat hij zag met zijn ultrasonic sensor. Een robot met een aanrakingssensor moest eerst ergens tegenaan rijden voordat hij het object kon zien, dan reed de robot een stukje achteruit, draaide en reed ergens anders heen.

cd8-mindstorm (1)

Er was een Marslandschap met heuvels en sommige groepjes wilde kijken of hun robot er tussendoor kon rijden. Er waren verschillende manieren om de robot over dat landschap te laten rijden. Een groep had zijn robot zonder sensoren door het Marslandschap gestuurd, door hem heel goed en precies te programmeren. Een robot met een aanraaksensor voelde waar de rotsen van het Marslandschap waren, en reed zo door het landschap heen. Er was met blauwe tape een pad door het Marslandschap gemaakt, de robot kon met een kleursensor dit blauwe pad volgen. Een andere robot gebruikte ook een kleursensor om over de lijnen van de vloer te lopen.

En er waren nog meer robots gebouwd. Super leuk allemaal. Wij vonden het echt een geslaagde dag. We hopen dat we nog eens met z’n alle aan Lego Mindstorms kunnen bouwen. Tot de volgende keer!

Groeten Ines, namens het hele CoderDojo team 🙂

Bekijk de fotos op onze Facebook!

cd8-mindstorm (3)

BLOG #7 INTRODUCTIE HTML/CSS

Posted on by redacteur Posted in BLOG, Uncategorized | Leave a comment

Wat hebben we weer een leuke middag gehad bij CoderDojo #7 alweer!

Deze middag stond een geheel nieuw thema op het programma: HTML, met andere woorden, je eigen website bouwen.

Ines heeft aan het begin van de middag de basis van HTML uitgelegd. Ze heeft hier ook een pagina voor gemaakt op deze website (www.coderdojo-arnhem.nl/html/). Als snel gingen de ninja’s aan de slag. Het was weer verbazingwekkend hoe snel er leuke dingen op het scherm verschenen!

Aan het eind hebben de kinderen aan elkaar laten zien wat ze gemaakt hadden. We zijn benieuwd of er thuis nog verder aan gewerkt is, en anders tijdens een volgende Dojo!

 

BLOG #6 VOOR ELK WAT WILS…

Posted on by redacteur Posted in BLOG | Leave a comment

Op zaterdagmiddag 21 januari kwamen er 15 kinderen naar Rozet voor alweer de 6e editie van CoderDojo Arnhem. We zagen veel bekende gezichten (leuk!) maar ook weer een aantal nieuwe enthousiaste kinderen met ouders.

Het thema voor deze middag was “voor elk wat wils”, met andere woorden, ga verder met het onderwerp uit eerdere edities van CoderDojo. Dat kon Scratch zijn, maar ook CodeCombat of CodeStudio. Op deze website hebben we een nieuwe pagina gemaakt waar de informatie uit de eerdere Dojo’s verzameld is. Klik hier om direct naar deze pagina Materiaal te gaan.

Iedereen ging al vrij snel aan de slag. Nieuwe kinderen gingen levels spelen in CodeStudio of met een handleiding een doolhof bouwen in Scratch. Twee bekende kinderen (Jesper en Jarno) bouwden verder aan hun eigen Scratch project. Ze hebben hun project met de andere kinderen gedeeld in de CoderDojo Arnhem Studio in Scratch. Storm ging samen met zijn vader een kleurenspel in Scratch maken waar ze de Makey Makey aan gekoppeld hadden. Super vet!

Onze stagiaires Suus en Tessel waren er ook weer. Met veel enthousiasme hielpen ze de kinderen die vragen hadden op weg. We zijn erg blij met deze twee meiden!

Aan het eind van de middag keek iedereen bij elkaar mee. Voor het spel van Storm werd een echte competitie opgezet. De stand werd op het digibord bijgehouden.

IMG_0067 IMG_0070 IMG_0071 IMG_0072

Het was weer een super leuke en leerzame middag!

Maud

BLOG #5 KERST SCRATCH

Posted on by redacteur Posted in BLOG, Uncategorized | Leave a comment

scratch kerst

Voordat de kerst vakantie begon kwamen we allemaal samen tijdens de laatste CoderDojo Arnhem van het jaar 2016! Een speciale kersteditie waarin we kerstspellen en kerstkaarten gingen maken :). We gingen weer aan de slag met Scratch.

We hadden een mooie groep van ninjas, een aantal waren al vaker langs geweest. Maar we hadden gelukkig ook een groep nieuwe gezichtjes. Weet dat je altijd mee kunt doen aan de CoderDojo, of je nu wel of geen verstand hebt van computers! Als je het maar leuk vindt!! Niemand weet alles.

Tijdens de CoderDojo ging iedereen aan de slag. Er werden veel kerstspellen gemaakt. Aan bewegende kerstbomen, grote kerstcadeaus en dansende kerstmannen geen gebrek. Er werd ook aan het kerstverhaal gewerkt. Helemaal achterin was een meisje bezig om een prachtige kerstkaart te maken. In de kaart zie je Maria en Jozef lopen, opzoek naar stal voor de zwangere Maria.

We eindigde de dag met een kleine presentatie van de spelletjes. Wij hadden instructies gegeven voor een kerstspel. Het was heel leuk om te zien hoe veel ninjas hetzelfde spel hadden gemaakt, maar dat de spellen toch allemaal anders waren! Iedereen had er zelf dingen aan verbeterd. En we eindigde de dag met het kerst verhaal!!

Ik wens jullie allemaal een hele fijne kerst en een gelukkig nieuw jaar! Ook namens de rest van het CoderDojo team!!!

Leuk dat jullie er waren, tot volgend jaar!

Ben je benieuwd wat iedereen heeft gemaakt? Je kunt de projecten bekijken via de CoderDojo Arnhem Studio op de Scratch website.

Wil je meer weten over Scratch, lees dan onze eerste blog over Scratch!

BLOG #3 MINECRAFT

Posted on by redacteur Posted in BLOG | Leave a comment

Zaterdag 15 oktober 2016 was het de dag van de Arnhemse Geschiedenis. In het Erfgoedcentrum Rozet en op vele andere locaties in Arnhem was veel te doen. Wij waren door het Erfgoedcentrum gevraagd om een Minecraft evenement te organiseren. Ze hadden een leuk idee om een stukje oude historie van Arnhem te combineren met de moderne techniek van Minecraft. Wij van CoderDojo Arnhem zagen dat wel zitten. Aangezien het ook nog eens de EU Codeweek was leek het ons leuk om samen een evenement te organiseren.

De locatie was dit keer afwijkend. We zaten in het mooie Erfgoedcentrum in het souterrain in Rozet. Dat was even zoeken voor onze ninja’s. Iets na 12.00 uur gingen we van start met een leuke presentatie door Karin van het Erfgoedcentrum. Ze vertelde aan de hand van een powerpoint en filmpjes over de historische stadspoorten die vroeger rondom Arnhem stonden. De opdracht was: “bouw in Minecraft een eigen stadspoort”.

IMG_8738 IMG_8749

De start verliep moeizaam. Het was lastig om alle kinderen op hun eigen laptop ingelogd te krijgen op het juiste wifi-netwerk en ook nog eens naar de speciaal ingerichte Minecraft server te krijgen. Onze nieuwe mentor Mathijs en ik waren er razend druk mee. Gelukkig is het uiteindelijk wel gelukt en gingen de 18 aanwezige ninja’s voortvarend aan de slag met de meest mooie creaties. Omdat we in één wereld aan het werk waren konden ze ook samen bouwen.

IMG_8762 IMG_8764

Om 14.00 uur ’s middags heb ik via Skype aan een zaal vol kinderen in Berlijn laten zien wat wij in Arnhem aan het doen waren. Ze reageerden heel enthousiast zoals te zien is op onderstaande foto!
In het kader van de EU Codeweek waren er op deze zaterdag overal in Europa CoderDojo’s die speciale workshops georganiseerd hadden. Een super goed initiatief!

IMG_8808

Aan het eind van de middag hebben de ninja’s elkaar op een groot scherm laten zien wat ze gebouwd hadden. Ze waren apetrots 🙂 en wij ook!

14671313_1181084368679056_5310425551235923616_n  IMG_8773

Al met al een hele leuke middag op een bijzondere plek!

groetjes Maud

p.s. de Minecraftserver van CoderDojo Arnhem is nog steeds te benaderen; wil je weten wat het IP adres is, stuur ons dan even een berichtje!