Door verbouwingen in mijn school zat ik vorig jaar regelmatig te werken in de derde kleuterklas.  Ik zat boven op de mezzanine waar door plaatsgebrek de schoolserver naartoe was verhuisd.  Ik hoorde juf Bea en Inge regelmatig de dag starten met de vraag: Welke dag zijn we vandaag?  Weet iemand nog welke dag het gisteren was? En morgen? In een ver verleden heb ik ooit een educatief spel geprogrammeerd dat deze vaardigheden oefende.  Toen rijpte bij mij de idee om dat nog eens over te doen.

Voor de grote vakantie had ik al wat studiewerk gedaan om een nieuwe programmeertaal te leren.  Ik wilde programma's schrijven die op elk apparaat draaien: zowel op een pc, een laptop, een tablet en waarom ook niet, op een smartphone.  Na een deugddoende reis doorheen Schotland, legde ik mezelf de discipline op om elke morgen te sleutelen aan een nieuw educatief programma in de stille hoop dat dit tegen het eind van de vakantie klaar zou zijn.  Vanaf 17 augustus kwam er 's morgens van programmeren niet veel meer terecht, maar op 31 augustus was TAGO klaar en draaide foutloos in de browser van mijn computer.  Ik slaagde er nog niet in om TAGO ook op een tablet af te spelen.  Dat gebeurde een week later, na veel trial and error.

Tago betekent dag in het Esperanto.  In dit spel moet de juiste dag aangeklikt worden die gevraagd wordt.  Er zijn vier niveaus die met de horde ingesteld worden.  De vraag wordt zowel visueel als auditief aangeboden.  Een groen/rode-balk toont de verhouding van de goede antwoorden tegenover de foute.

Ik hoop dat velen het programma willen uittesten door bovenaan deze blog op het klikhandje te klikken.  Vind je 't goed, maak dan gebruik van de sociale media om het programma te verspreiden.  Je vindt telkens een link naar Facebook, Twitter, Google+, Pinterest, ...  Ben je niet tevreden of heb je tips of opmerkingen?  Geef ze door via de contactpagina op de website van edubits.  Bedankt bij voorbaat.

En nu op naar het volgende programma, de fundamenten zijn gelegd om nieuwe ideeën op uit te werken.

Tago draait nu ook op de iPad en een Androidtablet in de browser! Daarvoor heb ik het gedaan, wat met Flash niet mogelijk is, lukt via HTML5.  Ik ben een gelukkig man.

Nu nog wat finetunen en dan kan ik Tago presenteren aan de wereld.

 TAGO

Het is helemaal niet mijn bedoeling om een cursus programmeren te schrijven.  Ik wil gewoon mijn ervaringen delen in mijn zoektocht naar een alternatief voor Flash.  Ondertussen heb je kunnen lezen dat ik gekozen heb voor Javascript in combinatie met Phaser.  Tijdens mijn leerproces met Javascript maak ik vaak gebruik van W3SCHOOLS een overzichtelijke, gestructureerde website, waar je ook nog eens alles kunt uittesten in een digitale zandbak. 

Tijdens het programmeren, heb je een editor nodig.  In principe kan je daarvoor kladblok gebruiken, maar ik gebruik liever een editor die tips geeft over de syntaxis van de programmeertaal.  Ik gebruikte eerst Brackets van, jawel Adobe, maar ik las heel positieve kritieken over Webstorm van Jetbrains.  Die laatste is niet gratis, maar is zijn geld waard.

Voor het grafisch deel, zoals het maken van de knoppen, boxen en tekeningen, gebruik ik zowel Flash als Paintshop Pro, mijn vertrouwd tekenprogramma.  Flash blijft ook nog altijd een goede vectoranimator, waarmee je afbeeldingen zonder kwaliteitsverlies kunt vergroten en webwerken.  Om alle assets op de juiste plaats te krijgen, gebruik ik de MightyFingers Game editor, maar als programmeereditor raakte ik er geen wijs uit.

Het uittesten van het programma gebeurt binnen de brower.  Via logs in de console van Chrome vraag ik de inhoud van variabelen op.  Het debuggen is niet zo gebruiksvriendelijk als onder Flash, maar het lukt.

Programmeren is voor mij een proces van leren uit jouw fouten.  Je steekt soms uren in het vissen naar een fout in je programma en dan blijkt dit een hoofdleter te zijn waar een kleine letter verwacht wordt.  Soms is het een , i.p.v. een ;  Maar tijdens dit zoekproces leer je eigenlijk ook veel bij.  Wanneer ik een probleem echt niet kan oplossen, dan ga ik te rade op het forum van HTML5 Game Devs waar  gebruikers van overal ter wereld je gratis bijstaan met raad en daad.  

Ondertussen is mijn eerste educatief programma in HTML5 (bijna) klaar.  Volgende week blog ik over TAGO.  Ik hoop daarna met de Intel XDK developerstool het programma in een app te gieten voor Android en/of iOS.  Deze tool is volledig gratis, je moet enkel een account aanmaken.

Toen ik twintig jaar geleden leerde programmeren in Visual Basic, stond ik er helemaal alleen voor.  Nu zijn alle tools (bijna) gratis en vind je heel veel ondersteuning op blogs en forums.  Ik probeer mijn kiezelsteentje bij te dragen.

KlasCement blijft de grootste en beste portaalsite voor het onderwijs in Vlaanderen (en ver daarbuiten)  Je vindt er ideeën, uitgewerkte lessen, afbeeldingen, tips.  Zelf omschrijft KlasCement zich als:

Om gebruik te maken van deze leermiddelen, maak je een gratis account aan.

Een eerste tip voor nieuwe (maar ook oude gebruikers):

Bezoek je tips-en-trucspagina en bespaar tijd door efficiënt te werken met KlasCement. Ontdek tips op jouw maat, van eenvoudige zoektips tot manieren om feedback te geven of om bij te dragen aan het netwerk. Door het uitproberen van tips krijg je bovendien KlasCementpunten. Probeer het nu, je vindt de knop rechts van je profielfoto.

In een vorige blog beschreef ik, waarom ik uiteindelijk Flash begraven heb.  Vandaag stond nog toevallig op zdnet.be dat Chrome standaard Flashbanners bant.  Een kleine test leerde me dat flashprogramma's blijkbaar wel nog werken. 

De teloorgang van Flash begon toen ene Steve Jobs Flash bande op de iPad.  Daardoor konden programma's gemaakt in Flash zonder hulpmiddelen niet afspelen op dit toestel.  Ook Android die in den beginne nog Flash ondersteunde, stopte vanaf versie 3 -dacht ik- met het afspelen van Flash.  Met Adobe Air lukt Flash nog wel op beide besturingssystemen, maar gebruiksvriendelijk is anders.  Sommige browsers als de Puffinbrowser slagen er ook in om Flash op het scherm te toveren, maar je boet heel wat aan snelheid in op die manier.

Phaser is een framework dat de javascript een boost geeft en de mogelijkheden van deze programmeertaal op bijna gelijke hoogte brengt van Flash.  Flash is superieur, maar daar zie je als gebruiker niet veel van, je ervaart eerder de nadelen van Flash.  Phaser voegt functies toe aan javascript, die je heel wat werk uit handen nemen.  Standaard is het werken met geluid onder javascript een kleine kwelling, maar in combinatie met Phaser is dit behoorlijk eenvoudig.  Het grootste voordeel van Phaser is dat je platformonafhankelijk programmeert.  Je hoeft je weinig zorgen te maken waar je programma zal draaien: in een browser op een pc, tablet of smartphone, als app onder Android, iOS of Windows 10.  Phaser zorgt ervoor dat alles netjes geschaald wordt volgens de resolutie van het toestel waarop het draait.  

Phaser is volledig gratis, een groot verschil met Adobe Flash, waarvoor je behoorlijk diep in je zakken mag tasten.  Er zijn wel gratis alternatieven als FlashDevelop.  Om javascript te programmeren volstaat in principe een simpele editor als kladblok, maar die is voor mij te rudimentair.  In een volgende blog verklap ik welke editor ik heb gekozen.

De meeste klascomputers stonden twee maanden werkloos te wachten op het nieuwe schooljaar.  Veel leerkrachten zullen op 1 september enthousiast de startknop indrukken om opnieuw snel aan de slag te kunnen.  Hou er rekening mee dat de eerste start wat langer zal duren dan tijdens het schooljaar.  De meeste computers halen automatisch updates af en installeren die daarna.  In twee maanden tijd zijn er heel wat updates de revue gepasseerd.  Hou er daarom rekening mee dat jouw klascomputer misschien niet zo enthousiast is als jijzelf hopelijk wel bent.

Computers die draaien onder windows 7 of 8.1 zullen heel waarschijnlijk de vraag presenteren of windows 10 mag geïnstalleerd worden.  Op zich is Windows 10 een goed besturingssysteem, maar de kans bestaat dat je oude printer of scanner achteraf niet meer zal werken.  Overleg daarom best met jouw ICT-coördinator of de update mag gebeuren.  Ik kom later nog terug op deze update naar Windows 10.  Verwittig ook jouw leerlingen dat zij de update niet opstarten. Je kan de melding om Windows 10 te installeren wel uitschakelen, maar dat is niet zo eenvoudig voor de meeste leerkrachten. 

Op 24 november van vorig jaar schreef ik de blog Terug naar mijn eerste liefde.  Dit had gelukkig niets te maken met mijn eerste lief, ik voel me nog altijd perfect gelukkig bij mijn vrouw, maar ik schreef toen dat ik de draad had opgepikt om terug te programmeren.   Lang heeft dit niet geduurd omdat ik ernstige twijfels had over het voortbestaan van Flash.  Flash is een fantastische programmeertaal, maar jammer genoeg behoorlijk makkelijk te misbruiken.  Er bestaan alternatieven en het toverwoord is HTML5.  Ik had toen geen zin om opnieuw een programmeertaal te leren.  Ik was ook afgeschrikt dat je ook html en css moest beheersen.  Na mijn eerste programma memomuzi gaf ik er de brui aan.  Ik had ondertussen wel de nieuwe website Edubits opgezet waarop ik oudere programma's in Flash met AS2 presenteer.

Toen ik Actionscript 3 studeerde, kwam ik vaak de blog van Emanuele Feronato tegen, die in zijn blogs een jaar geleden plots stopte met artikels over Flash.  Ook hij was overgestapt naar een nieuwe programmeertaal.  Dit was eerst Cocos2D JS, maar plots kwam er een waterval aan artikels over Phaser.  Toen ik me ook begon te verdiepen in Phaser, merkte ik dat mijn angst voor html, css en een nieuwe programmeertaal ongegrond was.  Phaser is een framework om spelletjes te bouwen die draaien onder html.  De taal die hiervoor gebruikt wordt is Javascript en die taal is makkelijker dan AS3.  Phaser werkt ook met Typescript en ik ben gestart om die taal te leren, omdat die nauwer aansluit bij AS3.  Maar gaandeweg ontdekte ik dat mijn oude programma's in visual basic behoorlijk eenvoudig zijn om te zetten naar Javascript en Javascript kent ook een grote fanclub op allerlei fora, waar als programmeeur heel wat info te rapen valt.

Toen ik terug was van vier weken Schotland, had ik me voorgenomen om in augustus elke morgen te investeren in studie.  Ik kocht het e-boek From null to full HTML cross platform game en een online cursus van Zenva.  Ik stond versteld hoe snel mijn leercurve steeg dank zij deze twee cursussen.  Halfweg augustus begon ik aan mijn eerste educatieve programma Tago in Html5, waarover later meer.  In mijn volgende blog wil ik kort de kracht van Phaser uitleggen. 

Een directeur wenst volgend schooljaar zijn mails te beheren via Google Apps van de school.  Daarbij wil hij ook zijn bestaande mailbox uit Outlook overzetten.  Ik vond hiervoor een simpele tool van Google die dit werkje automatiseert.  Je kan vooraf instellen of je ook je contacten en agenda mee wilt overzetten.  Het is wel een werkje van lange adem, maar ik hoop dat ik straks weer iemand gelukkig heb kunnen maken.  

Ondertussen kreeg ik een foutmelding dat iets moet gewijzigd worden in de beheerdersconsole van Google Apps.  Je leest hier hoe je dit moet doen. 

Omdat fotografie één van mijn hobby's is, krijg ik jaarlijks de opdracht op het einde van het schooljaar om alle klassen te digitaliseren in een klasfoto.  Maandag was het weer zover.  Omdat digitale fotografie weinig kost heb ik voor 18 klassen 301 foto's geschoten in de hoop dat er telkens wel ééntje geschikt zou zijn voor publicatie.  Bij het uitkiezen van een geschikte kandidaat, valt het me telkens op hoe moeilijk het is om peuters te fotograferen.  Ze kijken naar de juf of naar een vriendje.  Ze vangen elke beweging rondom mij met hun ogen.  Sommige kleuters zijn helemaal niet geïnteresseerd in mijn fototoestel.  Vroeger probeerde ik de aandacht te krijgen door te zwaaien naar de peuters, maar de helft zwaaide terug.

Dinsdag was ik in een andere school en daar nam een kleuterjuf toevallig ook foto's van de kleuterklassen.  Ik kreeg een grandioze tip cadeau.  Juf Nele had met een dikke haarband een vogeltje gemaakt die ze rond haar lens trok.  Ze vertelde de kleuters dat, als ze goed luisterden, het vogeltje hoorden piepen.  Bij het scherpstellen hoorden ze inderdaad een piep en alle kleuters keken vol concentratie naar de lens.  Volgend schooljaar ontvoer ik ook een haarband van mijn vrouw uit de badkamer.