HI! I'M WILCO
Creative Developer uit Utrecht
Student Creative Media and Game Technologies aan de Hogeschool Rotterdam
Creative Developer uit Utrecht
Student Creative Media and Game Technologies aan de Hogeschool Rotterdam
| Naam: | Wilco van Dijk |
|---|---|
| Leeftijd: | 23 jaar |
| Mobiel: | 06 - 42 71 75 45 |
| E-mail: | wilcodijkvan@gmail.com |
| Naam: | Wilco van Dijk |
Mijn naam is Wilco van Dijk, student Creative Media and Game Technologies aan de Hogeschool Rotterdam. Vanaf dag één staat de gebruiker centraal. Als creatieve technoloog hou ik me bezig met onderzoeken, brainstormen, testen, prototyping en voornamelijk programmeren. Bekend met de scrum methode waarbij er in sprints wordt ontwikkeld.
Mijn interesses zijn in de afgelopen 2 jaar naar de backend getrokken maar ik sta altijd open voor andere vormen van mediatechnologie. Ik heb ervaring opgedaan in HTML, CSS, PHP, Javascript, Typescript, Java, Swift en Android. Daarbij heb ik gebruik gemaakt van het Laravel Framework om verschillende webapplicaties te realiseren. In mijn portfolio kun je deze projecten bekijken. Buiten het scherm ben ik ook bezig met IoT. Ook heb ik in verschillende projecten een arduino gebruikt met de daarbij behorende sensoren. Denk aan rfid, led, gps, motion, warmte en internet.
De passie en interesse in mediatechnologie is 4 jaar geleden begonnen. Ik volgde een stage waarbij ik af een toe iets moest aan passen aan een webapplicatie. Het voelde goed dat je door middel van code iets moois en vooral iets nuttigs kan bouwen. In 2015 heb ik dan toch besloten om een opleiding te volgen waar ik mij helemaal thuis voel. Sindsdien gaat er geen dag voorbij dat ik niet bezig ben met het realiseren van een website/applicatie/game.
Buiten deze grote interesse heb ik nog een passie, Fotografie. Dit heb ik sinds 2 jaar weer opgepakt. Ik hou vooral van straatfotografie en landschappen, nu heb ik dat laatste nog niet vaak geschoten. Een aantal foto’s kan je op mijn website zien bij fotografie. Deze foto’s worden opgehaald via de flickr api. Buiten fotografie hou ik ook van sporten, ik heb jaren lang gevoetbald bij Sportlust 46 in Woerden. Dit heb ik altijd met veel plezier gedaan maar door tijd te kort kan ik deze sport helaas niet meer beoefenen. Ik speel sinds m’n 6e levensjaar badminton bij BV Unicum in Woerden. Dit doe ik met veel passie. Ik zit in de Jeugdcomissie van BV Unicum, ik hou me vooral bezig met het jaarlijkse jeugd stadstoernooi. Ik werf alle spelers, zet het toernooi op, deel het toernooi in en zorg ervoor dat op de dag zelf alles volgens de planning gaat. Verder hou ik ook van een potje squash op z’n tijd en ben ik in de sportschool te vinden. Iemand die fit is heeft meer energie en kan beter presteren.
Neem een kijkje bij mijn projecten. Het is een mix van school- en eigen projecten. Wat ik al eerder heb gezegd. Ik sta nooit stil, elke dag ben ik wel bezig met het realiseren van een toepassing. Soms is dit alleen in het hoofd, meestal in code.
Want Insight, Get Binsight!
Hoe kan de natuur profiteren van actuele technologische ontwikkelingen? We willen iets teruggeven aan de natuur. Maar hoe kan je dat doen? Samen met 2 andere studiegenoten heb ik de richting ontwerpen gekozen. Daarbij hebben we de methodiek Design Thinking toegepast, dit wordt ingezet door ontwerpers om complexe problemen met ontwerp als uitgangspunt op te lossen. Ook maakte we gebruik van Agile en Scrum.
Link naar github: github
Hoe kan de natuur profiteren van actuele technologische ontwikkelingen? We willen iets teruggeven aan de natuur. Maar hoe kan je dat doen? Samen met 2 andere studiegenoten heb ik de richting ontwerpen gekozen. Daarbij hebben we de methodiek Design Thinking toegepast, dit wordt ingezet door ontwerpers om complexe problemen met ontwerp als uitgangspunt op te lossen. Ook maakte we gebruik van Agile en Scrum.
Dit betreft een halfjarig project waarbij we minimaal 2 dagen in de week met elkaar werken om te werken aan de oplossing. Om tot een goed concept te komen hebben een aantal stappen doorlopen: Inspiratie, Inzichten, Ideeën. Prototyping, Concepten. Het project was opgedeeld in sprints van 2 weken. Na het testen met de doelgroep hebben we iedere keer aanpassingen gedaan om een prototype te ontwikkelen wat zo dicht mogelijk bij de doelgroep aansluit.
Binsight is een toekomstscenario waar het grootste deel van veel gebruikt afval wordt gechipt. Wanneer al het afval is gechipt worden deze door ‘slimme prullenbakken’ gedetecteerd. Hiermee kan je snel en overzichtelijk zien waar afval ligt. Wij richten met dit concept op parken. Op dit moment gaan schoonmaak teams op gevoel naar de benodigde parken, het kan zijn dat er teveel afval ligt, maar het kan ook zijn dat er te weinig ligt waardoor het onnodig is om naar dat park te gaan. Met Binsight kan je monitoren waar afval ligt en nagaan of het nodig is om naar dat park te gaan om schoon te maken.
Het project is opgedeeld in 2 delen. Concepten en realiseren. Tijdens de tussenmarkt hebben we gekozen om fysiek te laten zien dat afval gedetecteerd kan worden. Na deze tussenmarkt hebben we er voor gekozen om niet verder te gaan met het fysieke gedeelte, maar door te gaan met de webapplicatie. Tijdens het ontwikkelen van de webapplicatie hebben we gebruik gemaakt van de Scrum methode. We hadden iedere 2 weken een sprint. Om de sprint in te delen hebben we gebruikt gemaakt van planningspoker waarbij we punten geven aan de userstories die zijn gemaakt. Na afloop van elke sprint hebben we de burndown chart bijgewerkt.
Uiteindelijk hebben een webapplicatie gemaakt waarbij de gemeente kan inloggen om zo teams naar parken te sturen. Deze teams kunnen ook weer inloggen om aan ta geven dat zij weer op locatie zijn. Dit project is gemaakt met het laravel framework.
Inlogpagina van Binsight. Laravel biedt een veilige en overzichtelijke inlog- en registratie methode waar we met Binsight gebruik van hebben gemaakt. Om gebruik te maken van deze webapplicatie moet je ten alle tijden zijn ingelogd.
Via de API van google maps konden we parken in Rotterdam afbakenen. Dit is gedaan door de zogenoemde polygons. Omdat we niet op grote schaal het afval konden chippen hebben voor het systeem gebruik gemaakt van dummy data die we zelf genereren. Alle rode punten moet afval voorstellen. Per park wordt dit getoond. We hebben gekozen voor parken omdat wij het ecosysteem willen verbeteren. Aan de rechterkant van het scherm is een overzicht van de parken die in het systeem staan. Hierbij kan je zien hoeveel afval er in een park ligt en is er de mogelijkheid om meteen een team erop af te sturen.
Via een dropdown menu kan je een team naar dat park sturen. Deze wordt dan op actief gezet en kan dus niet naar een ander park worden gestuurd.
Je hebt een teamoverzicht waarbij je kan zien wie er voorman is in dat team. Dit is de leider van het team. Deze kan je gemakkelijk wijzigen wanneer dit gedaan moet worden. De voorman kan als enige van het team aangeven dat het team weer terug is op locatie.
De medewerker heeft een simpele interface omdat hij/zij voor de rest niet veel hoeft te doen. De medewerker kan zien naar welk park hij/zij moet. De voorman kan aangeven dat het team klaar is in dat park en waar terug is op locatie.
De medewerker kan zien met wie hij/zij in het team zit en waar ze op dat moment heen moeten.
Team 1 heeft aangegeven dat zij weer terug zijn op locatie. De manager kan op de heatmap zien dat het Euromastpark schoon is.
AFotograaf
Nadat ik het Laravel framework heb gebruikt om een schoolopdracht te maken heb ik besloten om mij meer te verdiepen in dit framework. Ik wil mij blijven ontwikkelen en niet stil blijven zitten.
Link naar github: github
Nadat ik het Laravel framework heb gebruikt om een schoolopdracht te maken heb ik besloten om mij meer te verdiepen in dit framework. Ik wil mij blijven ontwikkelen en niet stil blijven zitten.
Ik heb voor mezelf Afotograaf gemaakt. Dit is een platform voor fotografen die hier hun fotografie kunnen laten zien. Dit heb ik meteen gemaakt nadat de schoolopdracht was ingeleverd. Je creert als het ware een eigen portfolio van al jouw foto’s, het voelt als een eigen pagina die je naar je eigen wensen kan invullen. Ik ben hierbij verantwoordelijk voor zowel de backend als de frontend.
Homepagina waar de laatst toegevoegde foto’s worden laten zien. Via de zoekfunctie kan je zoeken naar een foto. De navigatiebalk is op elke pagina hetzelfde.
Inlogpagina, om foto’s toe te kunnen voegen moet je ingelogd zijn. Gebruik gemaakt van de authenticatie van het laravel framework.
Registratie, ook hierbij is gebruik gemaakt van de authenticatie van het laravel framework.
Als je bent ingelogd kan je foto’s toevoegen. Je kan deze foto’s koppelen aan een eigen gekozen categorie. Wanneer je een andere categorie wil kan je gemakkelijk een nieuwe aanmaken door deze in het veld in te vullen.
Wanneer er op ‘voeg afbeelding toe’ wordt geklikt maar niet alles volledig is ingevuld komt er een alinea met de benodigde foutmeldingen.
Je kan je profiel makkelijk aanvullen en aanpassen. Ook kan je een profielfoto toevoegen waardoor je profiel persoonlijker wordt.
Je hebt een persoonlijke pagina met een header afbeelding en een persoonlijke tekst die je op elk moment kan wijzigen.
Je eigen persoonlijke publieke pagina. Dit is de header afbeeldingen met de bijbehorende tekst die je zelf kan invullen. Hieronder staan de foto’s die je hebt toegevoegd.
Hier worden alle foto’s per categorie weergeven.
Wanneer de galerie het scherm dreigt uit te gaan wordt dit opgevangen door een eigen gemaakt scroll.
Wanneer je op een foto klikt kom je op de detailpagina van de desbetreffende foto.
Als je bent ingelogd kan je een reactie plaatsen op de foto. Daarnaast zie je 4 random foto’s van de fotograaf.
In het tekstveld kan je een reactie schrijven. Deze wordt vervolgens onder de foto getoond met de bijhorende gebruiker en de datum.
GoFo
GoFo staat voor GoodFood. Dit is een kindergame die ik gemaakt hebt voor een opdracht van school. De game is gemaakt in typescript. Er is hier gebruikt gemaakt van OOP.
Link naar github: github | Online: Ga naar site
GoFo staat voor GoodFood. Dit is een kindergame die ik gemaakt hebt voor een opdracht van school. De game is gemaakt in typescript. Er is hier gebruikt gemaakt van OOP.
De bedoeling is om alleen de gezonde dingen te vangen met de fruitmand. Dit zijn de appels en bananen. Na verloop van tijd komen er ook hamburgers en friet naar beneden vallen, deze moet je ontwijken. Wanneer je 3x bent geraakt ben je af. Het spel wordt moeilijker na verloop van tijd.
Startscherm met uitleg van het spel. Ook de mogelijkheid om je naam in te vullen.
In het begin komen er alleen nog gezonden etenswaren naar beneden vallen. De bedoeling om zoveel mogelijk te vangen. Tijdens de game wordt er ook een muziek afgespeeld. Linksboven je score met daarnaast het aantal levens. Rechtsboven de tijd hoe lang je bezig bent.
Er is gedacht aan feedback, zo krijg je per gevangen fruitstuk 1 punt. Dit wordt kort getoond op het scherm met een bijbehorende ‘ping’.
Ook wanneer je een hamburger of friet vangt wordt er feedback gegeven. -10 punten met een bijbehorende ‘ping’.
Als je slecht eten vangt gaat er een leven af, na 3 levens ben je af.
Ben je af, dan zie je je score en je tijd. Vervolgens heb je de optie om nog een keer te spelen.
Explore 360 - experiment
In het eerste jaar kwam ik in aanraking met javascript. Naast de schoolopdrachten ben ik gaan experimenteren met 360 graden foto’s. Deze techniek spreek mij zeer aan. Niet alleen omdat ik geïnteresseerd ben in fotografie maar door de beleving die 360 met zich meebrengt.
Link naar github: github
In het eerste jaar kwam ik in aanraking met javascript. Naast de schoolopdrachten ben ik gaan experimenteren met 360 graden foto’s. Deze techniek spreek mij zeer aan. Niet alleen omdat ik geïnteresseerd ben in fotografie maar door de beleving die 360 met zich meebrengt.
Na aanleiding hiervan heb ik geëxperimenteerd met de libary ‘ photo sphere viewer v2.5’ van Jeremy Heleine. Dit project heb ik nooit afgerond helaas, maar ben wel tevreden met het experiment. Dit was voor het eerst dat ik in aanraking kwam met libaries.
Ik heb hier geleerd hoe je een libary kan toepassen. Uitdagend was het zeker, en vooral goed om te zien dat wat ik wilde ook werkt!
Startpagina met daarop een header afbeelding in 360 graden view. Daaronder de laatst toegevoegde 360 graden afbeeldingen(deze functie zit er alleen niet in).
Detailpagina van een 360 graden foto. Je kan door middel van een klik door de afbeeldingen 'slepen' om alles te bekijken.
Ook kan je de foto full screen bekijken.
Persoonlijk de mooiste functie vond ik dat je al met een VR bril ook de foto kan bekijken. Dat kan al via een simpele uitvoering zoals een google cardboard.
Sinds kort upload ik af en toe foto’s op m’n flickr account. Via de api worden deze foto’s hieronder getoond.
