Other

Game desktop bonus

2016

Other - Roporto - Roland Makkelie
<strong>Mijn game pc</strong> 2016-05-01<br><br> Voor het werk wat ik geleverd heb voor BMK-IS heb ik als bonus de optie gekregen om mijn eigen game pc in elkaar te zetten. Ik wou dit al een tijdje doen omdat het toch leuker/goedkoper is om zelf zoiets in elkaar te zetten. Door de bonus had ik nu de mogelijkheid om dit te doen. <br><br> Dit zijn de onderdelen die erin zitten: <br><br> <ul> <li>Cooler Master Silencio 352</li> <li>Intel® Core i5-6600K </li> <li>ASUS MAXIMUS VIII GENE, socket 1151</li> <li>Cooler Master Silencio FP120</li> <li>Scythe Mugen 4 PCGH Edition</li> <li>Corsair 16 GB DDR4-2400 Kit</li> <li>MSI GTX 980 Gaming 4G </li> <li>Intel® EXPI9301CT </li> <li>Cooler Master G750M </li> <li>Samsung 850 EVO </li> <li>Aerocool F6XT </li> </ul> <br><br> Toen kwam de uitdaging om alles netjes in elkaar te zetten. Ik had nog nooit zoiets gedaan, dus had eerst veel youtube filmpjes gekeken. Aangezien ik bewust voor een ultra slim case gekozen had, was er minder ruimte voor de componenten. Dit was wel lastig om alles goed erin te krijgen, maar het is gelukt. <br><Br> Nadat alles werkte heb ik ook nog de CPU geoverklokt op een nette 4.1 kloksnelheid. Voor nu lijkt alles super te werken en kan ik bijvoorbeeld Cryses 3 op 100 fps op ultra spelen. <br><br> Mijn plan voor de toekomst is om dezelfde videokaart in SLI configuratie te draaien. Zo heb je twee videokaarten die samenwerken. Dan kan je de komende 3/4 jaar wel alle games aan op ultra, mits er ondersteuning voor is. <a href="http://www.wachteven.nl/roporto/images/uploads/IMG_20160827_152116.png" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/IMG_20160827_152116.png" alt="BMK-IS link to website" /></a>
Other

BMK-IS werkervaring

2016

Other - Roporto - Roland Makkelie
<strong>Mijn werkervaring bij BMK-IS in Haarlem</strong> 2016-05-01<br><br> Ik ben momenteel functioneel bij het bedrijf BMK-IS. Ik heb hier eerst een maand stage gelopen om een kleine aparte applicatie te schrijven op een software pakket wat al in systeem is. Dit is goed gelukt en ben sindsdien medewerker van BMK-IS. <br><br> Als eerste opdracht ben ik bezig geweest met het implementeren van het schade-expertisesoftware bij een nieuwe klant. Hier kwam ook een conversie bijkijken van een database die al sterk verouderd was en niet meer bruikbaar. Ook het vorige pakket van deze klant is gediscontinueerd en vandaar dat ons pakket geimplementeerd werd. Dit ging wat stroef, maar dat kwam vooral tussen de communicatie vanuit het bedrijf. <br><br> Voor mijn inzet tijdens deze opdracht heb ik als bonus de optie gekregen om mijn eigen game desktop in elkaar te zetten. Hier heb ik een apart item over gemaakt op roporto. <a href="http://www.bmk-is.nl/" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/screenshot-bmk.png" alt="BMK-IS link to website" /></a>
Other

Topcoder summary

2016

Other - Roporto - Roland Makkelie
<strong>Topcoder samenvatting</strong> 2016-01-01<br><br> Ik ben het laatste jaar actief op de website TopCoder. Hier kan je gratis aanmelden en inschrijven bij verschillende IT gerelateerde wedstrijden. Ik het meeste gedaan in de design categorie, aangezien hier meer prijzengeld aanwezig is en ik een creatieve uitdaging ook niet uit te weg ga! <br><br> Dit is een opsomming van alle opdrachten die ik <strong>gewonnen</strong> heb:<br> <br> <ul> <li>Funktional Tracker bug hunt | <strong>$100</strong> | 06/04/2015</li> <li>Funktional bug fixes 144 | <strong>$75</strong> | 06/17/2015</li> <li>NASA DTN Dashboard wireframe | <strong>$700</strong> | 06/20/2015</li> <li>Funktional Responsive page design | <strong>$100</strong> | 06/21/2015</li> <li>Funktional Prototype Update 116 + 128 | <strong>$100</strong> | 06/28/2015</li> <li>Agon - company relationship visualization | <strong>$1600</strong> | 07/01/2015</li> <li>Funktional Tracker Prototype - graphs detail | <strong>$75</strong> | 07/02/2015</li> <li>Funktional New KBI List and Tracker | <strong>$50</strong> | 07/06/2015</li> <li>IBM Gamification Onboarding Wireframe | <strong>$1400</strong> | 07/28/2015</li> <li>IBM Travel Companion Mobile App | <strong>$1300</strong> | 08/10/2015</li> <li>June studio Track Top 12th place of month | <strong>$475</strong> | 08/17/2015</li> <li>July Design Code Blitz | <strong>$250</strong> | 08/18/2015</li> <li>IBM Agile Standup Tool | <strong>$100</strong> | 08/21/2015</li> <li>July Studio Track 4th place of month | <strong>$1200</strong> | 09/02/2015</li> <li>GE Pivot Podcast Idea Generation | <strong>$300</strong> | 09/26/2015</li> <li>IBM Easy Support gamification prototype | <strong>$300</strong> | 10/07/2015</li> <li>IBM YouMix Wireframe Challenge 1st | <strong>$1350</strong> | 11/20/2015</li> <li>BuiltSpectrum Prototype Adjustments | <strong>$300</strong> | 11/25/2015</li> <li>GE - Power Generation Services | <strong>$200</strong> | 12/11/2015</li> <li>GE Mobile Planogram Idea generation | <strong>$175</strong> | 12/17/2015</li> <li>November Blitz IBM | <strong>$180</strong> | 01/05/2016</li> <li>Funktional Create Working Status Features | <strong>$150</strong> | 01/07/2015</li> </ul> <br><br> Ik heb in totaal in 6 maanden aan 30 opdrachten gewerkt, de ene meer dan de andere. Door bepaalde contracten die ik met bedrijven via TopCoder heb gesloten kan ik niet al te veel op opdrachten ingaan. Ik zal wel binnenkort een korte samenvatting van het grote werk toevoegen. Naast design opdrachten heb ik ook een aantal HTML/CSS en Java/Javascript wedstrijden behaald. Ook heb ik meegedaan aan een aantal zeer interessante ideeën wedstrijden. O.a. een filosofische kwestie over hoe drones bij grote rampen van nut kunnen zijn, waar ik nog 3de plek heb weten te bemachtigen. Zo heb ik al met al met veel plezier een hoop kunnen doen in het IT gebied. <br><br><br>
Photoshop

700$ 2de NASA TC

2015

Photoshop - Roporto - Roland Makkelie
<strong>700$ NASA DTN wireframe challenge tweede prijs</strong> 2015-06-17<br><br> Ik heb meegedaan aan een design wedstrijd via topcoder. De opdracht was om een volledige wireframe te maken voor een webapplicatie vanuit NASA. <br><br> NASA is bezig met de implementatie van het DTN netwerk. Dit staat voor het Disruption Tolerant Network. Dit kan vergeleken worden met het internet op aarde, maar dan wordt er vanuit gegaan dat er waarschijnlijk geen verbindingen is met de end node. Hiervoor zijn nieuwe protocollen bedacht die samenkomen in het DTN netwerk. <br><br> NASA heeft aangegeven dat de werknemers voor de wedstrijd nog met commandline tools werkten. Dit willen ze veranderen naar een HTML/CSS/Jquery webapplicatie waar de werknemers visuele te werk kunnen gaan. De opdracht had betrekking tot het maken van de wireframe met oog op de gebruiksvriendelijkheid. Het enige wat beschikbaar gemaakt werd was een groot document waar, in het Engels, tekstueel werd toegelicht wat de applicatie moet kunnen doen. <br><br> Ik heb mijn ideeën en eisen uiteindelijk volledig uitgewerkt in Microsoft Axure. Hierbij heb ik ook gebruik gemaakt van kennis wat ik tijdens het afstuderen heb opgedaan. Bijvoorbeeld een volledig notificatiesysteem uitgedacht en vormgegeven. Ook heb ik de volledige wireframe nog eens tekstueel toegelicht als ondersteuning.<br><br> De wireframe moest in een 1024 resolutie gedesigned worden, maar heb als extra nog een 1920 resolutie bijgeleverd. De grootste eis vanuit NASA was een manier waarop de eindgebruikers gemakkelijk de netwerkgegevens kan analyseren en er een goede verhouding tussen informatieprioriteit is. <br><br> Alles bij elkaar heeft dit mij de 2de prijs opgeleverd met een 700 dollar beloning! Ik ben vooral blij met deze prestatie, mede doordat er lastige competitie was.<del></del> Dit is een screenshot ervan:<br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/preview_1920.png" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/preview_1920.png" alt="NASA Sreenshot wireframe" /></a>
HTML

75$ TC bug

2015

HTML - Roporto - Roland Makkelie
<strong>75$ topcoder bug prijs funktional challenge</strong> 2015-06-16<br><br> Ook via topcoder heb ik 75 dollar gewonnen met het oplossen van een bug in het funktional project (zie vorige topcoder artikel). Het probleem was dat een iframe video niet stopte als de video-popup gesloten zou worden. Het doel was om dit zo snel mogelijk te fixen en op te sturen, en gelukkig hierdoor gewonnen. Zie het vorige artikel voor meer informatie over het opzetten van het project.
Java

$100 prijs TC

2015

Java - Roporto - Roland Makkelie
<strong>TopCoder $100 prijs</strong> 2015-06-04<br><br> Tijdens mijn vakantie heb ik gewerkt aan een TopCoder opdracht en deze ook gewonnen, mooi 100 dollar in de pocket. Hier leg ik kort uit welke technische stappen gedaan zijn om tot dit resultaat te komen. De moeilijkheidsgraad zat meer in de opzet van het project dan de opdracht zelf.<br><br> Topcoder is een website waar je als programmeur tegen elkaar kan strijden om opdrachten zo snel mogelijk op te lossen voor geld. Dit kan gaan om kleine bugs tot grote NASA projecten. De programmeurs die hieraan meedoen zijn ook vaak professionals. <br><br> Het betreffende project is genaamd Funktional Tracker. Dit is webapplicatie geschreven in Java en HTML waarmee bedrijven bepaalde waardes kunnen volgen. In dit geval gaat het om tandartspraktijken die gegevens van de klanten kunnen volgens (de laatste hygiene check, grote check etc.). <br><br> Aan het begin dacht ik dat ik met eclipse dit project gemakkelijk kon opzetten om zo even snel naar de betreffende bug te kijken. Dit bleek niet het geval. Ik moest een aantal nieuwe programma’s installeren om het project via command prompt te kunnen runnen.<br><br> <strong>Apache Ant</strong><br> Met Ant kan er via de command prompt Java projecten op een snellere manier bouwen en uitgeven. Het kijkt naar een build bestand om hieruit de relaties te kunnen trekken en zo een ".war" bestand te creeren. Om dit te installeren moeten ook systeem waardes aangemaakt worden zodat de opdrachten herkend worden.<br><br> <strong>TomCat</strong><br> Met TomCat kunnen Java projecten live gezet worden via een apache server, in dit geval lokaal. Dit blijkt goed samen te werken met Apache Ant doordat de ".war" bestanden via dit programma gebruikt kunnen worden om het project te maken.<br><br> <strong>MySQL</strong><br> In het project kan ook via Ant een test database gecreeerd worden om te werken als test data. Ik moest dus eerst MySQL installeren en hier een lege database aanmaken. Vervolgens moest er aan een account verschillende permissies uitgereikt worden om via Ant de database te vullen met test data. <br><br> Ik kon half uit het project opmaken dat deze technieken gebruikt werden. Maar hoe ik het moest aanpakken moest ik zelf uitzoeken. Tijdens het opzetten kwam ik verschillende problemen tegen waar ik soms een beetje creatief moest zijn om het toch werkend te krijgen.<br><br> Toen ik begon met de opdracht ging het om een andere bug dan waarmee ik uiteindelijk de prijs mee gewonnen heb. Deze bug waren een aantal gemakkelijke HTML CSS aanpassingen. Hierdoor moest ik wel snel zijn, er was namelijk een andere programmeur die een half uur na mij het had ingeleverd. <br><br> Dit is een screenshot van alle programmas die gebruikt zijn:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/funktional_tracker_screenshot.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/funktional_tracker_screenshot.png" alt="funktional tracker screenshot" /></a>
Other

Blender

2015

Other - Roporto - Roland Makkelie
<strong>Blender tutorial 1</strong> 2015-03-23<br><br> Ik heb een tutorial gevolgd voor het toepassen van tekst effect binnen het programma Blender. De tekst veranderd in kleine blokjes om vervolgens geheel te verwijderen. Ieder blokje heeft een collision, wat betekend dat het blokje daadwerkelijk een object is binnen de wereld. Dit kost aardig wat rekenkracht met als resultaat dat het langer dan een uur duurde om te renderen. Het resultaat bevindt zich op de volgende <a href="https://www.youtube.com/watch?v=c4weFQaqirM" target="_blank">link</a>. Dit is nog een screenshot ervan:<br><br> <a href="https://www.youtube.com/watch?v=c4weFQaqirM" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/blender_tutorial_1_screenshot.png" alt="Blender resultaat tutorial 1" /></a>
Other

After Effects

2015

Other - Roporto - Roland Makkelie
<strong>After Effects tutorial 1</strong> 2015-02-23<br><br> Ik heb een tutorial gevolgd om een tekst animatie te maken binnen het programma Adobe After Effects. Er is licentievrij filmmateriaal gebruikt om de rook voor de tekst te simuleren. De tutorial zelf was wel moeilijk te volgen waardoor het langer duurde dan verwacht. Het resultaat bevindt zich op de volgende <a href="https://www.youtube.com/watch?v=nxVxccTaGPI" target="_blank">link</a>. Dit is nog een screenshot ervan:<br><br> <a href="https://www.youtube.com/watch?v=nxVxccTaGPI" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/aftereffects_tutorial_1_screenshot.png" alt="After Effects resultaat tutorial 1" /></a>
PHP

Websockets

2015

PHP - Roporto - Roland Makkelie
<strong>Websockets </strong> 2015-01-10<br><br> <strong>Dit is een vervolg op de Alertomatic Notificatiemodule!</strong><br><br> De notificatiemodule verstuurd notificaties naar iedere gebruiker binnen Alertomatic. Maar normaal gezien moet eerst de client connectie maken met de server voordat er pas dataverkeer mogelijk is. Hoe dit dus eerst is geprogrammeerd is dat iedere client om de X aantal seconden via de server kijkt of er nieuwe notificaties zijn. Dit is niet erg efficient. <br><br> Nu is er een nieuwe techniek genaamd websockets. Hiermee kan de server een verbinding hebben met de clients. Door dit te implementeren hoeft de server alleen met de clients connectie te maken als er daadwerkelijk een notificatie verstuurd moet worden. <br><br> Voor Alertomatic heb ik deze techniek onderzocht en toegepast. Op de afbeelding onderaan de pagina is te zien hoe de websocketserver op de achtergrond draait op de debianserver. Ik heb technieken onderzocht en toepast die het mogelijk maken dat het programma op de achtergrond draait, lastig onderbroken kan worden en dat het direct wordt opgestart bij een reboot.<br><br> Een extra eis was het programmeren van een PHP client i.p.v. een javascript client. Hier kwam wat meer bij kijken en uiteindelijk door het samenvoegen van verschillende projecten is het gelukt om een PHP client te hebben. Deze client zal namelijk de notificatie, vanuit de back-end, naar de websocket server sturen. Die het vervolgens naar alle clients stuurt.<br><br> Als de websocketserver er toch uit ligt, dan zal de oude notificatie techniek ingeschakeld worden. Zo is het altijd mogelijk om notificaties te ontvangen. Dit is belangrijk voor de informatie correctheid. <br><br> Dit is een screenshot ervan:<br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/websocket_1.png" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/websocket_1.png" alt="websocket screenshot" /></a>
PHP

Algoritmebouwer

2015

PHP - Roporto - Roland Makkelie
<strong>Alertomatic algoritmebouwer</strong> 2015-01-01<br><br> (Om niet de privacy te schenden heb ik het zo globaal mogelijk geprobeerd uit te leggen)<br><br> Korton is in 2013 begonnen met het onderzoeken en realiseren van een nieuw product genaamd Alertomatic. Dit is een systeem wat verschillende hard- en software monitorpakketen koppelt tot één applicatie. Het zal bestaande supporttaken centraliseren en gebruiksvriendelijker maken. <br><br> Alertomatic is vooral bedoeld om de supportdeskmedewerker in hun taken beter te helpen. Eén van de manieren hoe dit gedaan wordt is om bepaalde automatische acties aan events te koppelen. Een voorbeeld gegeven vanuit de opdrachtgever is: als er bij klant met een gouden SLA (duurste contract) problemen ontstaan wat resulteert in het niet meer operationeel zijn van de software. Dan moet er een Korton medewerker gebeld worden, ongeacht de tijd van de dag. De bestaande formule die gebruikt wordt om de impact te berekenen is niet comptabel genoeg om dit soort beslissingen automatisch te nemen. <br><br> Om dit op te lossen maakt de afstudeerder een algoritmebouwer waarmee dit soort algoritmes gebouwd kunnen worden die in een automatische actie resulteren. Met de algoritmebouwer moet een administrator aan kunnen geven welke data uit Alertomatic moet resulteren in wat voor actie. De algoritmebouwer moet dus dit voorbeeld kunnen omvangen, maar ook andere mogelijke automatische acties. <br><br> Dit was naar mijn idee de lastigste opdracht van mijn afstudeerperiode. Vooral om de abstractheid en horizontale mogelijkheden te kunnen omvangen was een hele klus. Ik ben zelf erg tevreden over het eindresultaat. <br><br> Ik heb een bestaande jQuery plugin omgebouwd om als interface te dienen. Hierop heb een gehele PHP back-end structuur geschreven met functies die andere PHP functies kunnen vinden en uitvoeren. Met de algoritmebouwer kunnen er oneindige structuren gemaakt worden. Ook kunnen er algoritmes zelf als functie gebruikt worden, dus ook op dat niveau is er nog dynamiek. Door dit zo open mogelijk te houden kan een algoritme over de jaren heen groter groeien om preciezere acties te kunnen uitvoeren. <br><br> Dit is het hoofdprogramma (let niet op de cijfers):<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/algoritmebouwer_screenshot.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/algoritmebouwer_screenshot.png" alt="notificatie screenshot 1" /></a> <br><br> Dit is het klassendiagram:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/algoritme_4.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/algoritme_4.png" alt="notificatie screenshot 1" /></a>
PHP

Verstoringen

2014

PHP - Roporto - Roland Makkelie
<strong>Alertomatic verstoringsmodule</strong> 2014-12-01<br><br> (Om niet de privacy te schenden heb ik het zo globaal mogelijk geprobeerd uit te leggen)<br><br> Korton is in 2013 begonnen met het onderzoeken en realiseren van een nieuw product genaamd Alertomatic. Dit is een systeem wat verschillende hard- en software monitorpakketen koppelt tot één applicatie. Het zal bestaande supporttaken centraliseren en gebruiksvriendelijker maken. <br><br> Alertomatic monitort ICT systemen. Als er problemen ontstaan worden er alerts gegenereerd. Het probleem is dat dit bij ieder klein of groot probleem gebeurt wat resulteert in een overspoeling van het systeem. Uiteindelijk gaan er menselijke gebruikers met dit systeem werken en dus moet het teruggebracht worden naar menselijke proporties. Om dit aantal zo min mogelijk te maken is er een nieuwe module bedacht genaamd “Verstoringen”. Een verstoring is een verzameling alerts die samengevoegd worden op geselecteerde parameters (niet te verwarren met een functie parameter). Deze alerts zullen dan niet meer in de alert module getoond worden, maar onder een verstoring vallen. De verstoringsmodule zal ook voor een plek zorgen waar er dieper naar de relaties tussen alerts gekeken kan worden om zo het mogelijke probleem verder af te handelen. <br><br> Bij het ontwerpen van de notificatiemodule is er gebruik gemaakt van de volgende UML ontwerptechnieken: boomdiagram, use case diagram, use case scenario, activiteitendiagram, klassendiagram, sequentiediagram, wireframe en erd. <br><br> De verstoringsmodule is de grootste module met verschillende jQuery plugins. Het is ook zo geschreven dat wanneer de verstoringverdieping pagina wordt geopend alle tabbladen met javascript los worden ingeladen. Zo kan er tussendoor gekeken worden of de gebruiker alle rechten heeft en/of welke module tijdelijk zijn uitgeschakeld. <br><br> Dit is de eerste algemene informatie pagina:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/general.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/general.png" alt="verstoringsmodule screenshot general" /></a> <br><br> Dit is nog een van de screenshots:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/verstoringen_edit.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/verstoringen_edit.png" alt="verstoringsmodule screenshot 1" /></a> <br><br> Dit is het klassendiagram:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/verstoring_2.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/verstoring_2.png" alt="verstoringen klassendiagram" /></a>
PHP

Notificaties

2014

PHP - Roporto - Roland Makkelie
<strong>Alertomatic notificatiesmodule</strong> 2014-11-01<br><br> (Om niet de privacy te schenden heb ik het zo globaal mogelijk geprobeerd uit te leggen)<br><br> Korton is in 2013 begonnen met het onderzoeken en realiseren van een nieuw product genaamd Alertomatic. Dit is een systeem wat verschillende hard- en software monitorpakketen koppelt tot één applicatie. Het zal bestaande supporttaken centraliseren en gebruiksvriendelijker maken. <br><br> De notificatiemodule is een functionaliteit die ervoor zorgt dat gebruikers in verschillende groepen binnen Alertomatic notificaties kunnen ontvangen vanuit functionaliteiten waar de groep en/of gebruiker is ingeschreven. Deze nieuwe module is een communicatielijn tussen de gebruikers en het systeem. <br><br> Bij het ontwerpen van de notificatiemodule is er gebruik gemaakt van de volgende UML ontwerptechnieken: boomdiagram, use case diagram, use case scenario, activiteitendiagram, klassendiagram, sequentiediagram, wireframe en erd. <br><br> De module is in PHP geschreven en slaat alle berichten op in een MySQL database. De functionaliteit is zo geschreven dat het mogelijk is om in de back-end met een enkele functie aanroep het gehele notificatieproces te starten. Voorbeeld: bij het toevoegen van een gebruiker kan in deze specifieke functie de notificatiemodule aangeroepen worden. Door het aanroepen van deze methode wordt er een notificatie gemaakt en krijgen alle gebruikers die hierop zijn ingeschreven (binnen het systeem) de notificatie binnen als er een gebruiker wordt toegevoegd. <br><br> Dit is nog een van de screenshots:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/notificatie_screenshot_1.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/notificatie_screenshot_1.png" alt="notificatie screenshot 1" /></a> <br><br> Dit is het klassendiagram:<br><br> <a target="_blank" href="http://www.wachteven.nl/roporto/images/uploads/notificatie_klassendiagram.png"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/notificatie_klassendiagram.png" alt="notificatie screenshot 1" /></a>
Other

Laptop koelpasta

2014

Other - Roporto - Roland Makkelie
<strong>Laptop koelpasta</strong> 2014-07-22<br><br> Mijn eigen laptop werd steeds warmer en warmer en ik heb daarom besloten om hem helemaal vanuit binnen schoon te maken. Het blootstellen van de binnenkant is al een heel gedoe met schroefjes en schuifjes. <br><br> Eerst heb ik de hele binnenkant met een stoffendoekje afgenomen. Vervolgens heb ik de koelelement en ventilator schoongemaakt met een borsteltje. Daarna ben ik begonnen om de oude verharde koelpasta weg te poetsen met pure alcohol. Hierna heb ik de nieuwe koelpasta aangebracht d.m.v. een lijntje en vervolgens dicht te drukken. Op internet wordt geconcludeerd dat dit de beste methode is zodat er geen luchtbubbels ontstaan in de pasta. Als laatste heb ik de laptop weer helemaal in elkaar gezet.<br><br> Het eind resultaat is een stillere, minder hete laptop. Vooral bij spelletjes merk ik dat dit goed geholpen heeft. Hieronder is een foto van de binnenkant te zien:<br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/laptop_clean_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/laptop_clean_big.jpg" alt="Een foto van de binnenkant van de laptop" /></a>
HTML

Roporto responsive

2014

HTML - Roporto - Roland Makkelie
<strong>Roporto responsive</strong> 2014-07-10<br><br> Een van de laatste veranderingen die ik in het portfolio heb doorgevoerd, is het responsive maken van de layout. Dit betekend dat de content van de website zich aanpast aan de resolutie en hiermee de gebruiksvriendelijkheid ten goede stelt. <br><br> Met CCS3 kan er op twee manieren een website reponsive gemaakt worden. Allereerst worden de dimensies niet in pixels maar in procenten gedefinieerd. Dit geldt niet voor alle items, vaak alleen de container van objecten. <br><br> Als tweede kan er met media queries regels gedefinieerd worden als de schermgrootte veranderd. Bijvoorbeeld het menu wat compleet veranderd na een bepaalde maximum breedte. <br><br> <strong>Dit is een voorbeeld van het menu wat zich aanpast aan de grootte:</strong><br><br> <a href="http://wachteven.nl/roporto/images/uploads/roporto_responsive.png" target="_blank"><img class="image_content" src="http://wachteven.nl/roporto/images/uploads/roporto_responsive.png" alt="Roporto responsive afbeelding" /></a>
Csharp

Photon certificaat

2014

Csharp - Roporto - Roland Makkelie
<strong>Photon certificaat</strong> 2014-06-28<br><br> Een photon certificaat wat ik tijdens de Game Development Minor gehaald heb. Hieronder is een weergaven van het betreffende certificaat. <br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/photon_certificaat.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/photon_certificaat.jpg" alt="Photon certificaat screenshot" /></a>
Photoshop

Splitball

2014

Photoshop - Roporto - Roland Makkelie
<strong>Splitball Art</strong> 2014-06-27<br><br> Dit is het design voor het android spel Splitball. Het is een eigen project om mezelf te verdiepen in java en android. De plaatjes die gebruikt zijn komen van de website <a href="http://opengameart.org/" target="_blank">opengameart.org</a>. Zo zijn alle plaatjes licentie vrij. Het spel is momenteel nog in de ontwikkelfase en de uitkomst van het design kan dus nog veranderen. Zo heb ik nog twijfels of de speler, het blauwe blokje, abstract zal laten of een echte character geven. Verder zijn er basic photoshop effecten gebruikt zoals de gradient mask tool, object effecten en glow effecten. Hieronder is een volledige weergave van het design:<br> <a href="http://www.wachteven.nl/roporto/images/uploads/real_life_texture.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/real_life_texture.jpg" alt="splitball photoshop art"/></a>
PHP

Roporto CMS

2014

PHP - Roporto - Roland Makkelie
<strong>Roporto CMS</strong> 2014-06-01</br></br> Dit is het CMS wat achter deze website is. Je kan hier oude items veranderen of nieuwe aanmaken. In de html editor kan je de inhoud plaatsen met html zodat de mogelijkheden oneindig zijn. Door op submit te drukken wordt de data verzonden naar de MySQL database. Door op "Update XML" te klikken wordt de XML file bijgewerkt. De hoofdpagina gebruikt in eerste instantie de XML file omdat dat veel sneller gaat, en naar er niet elke dag nieuwe items worden toegevoegd. Als de XML faalt wordt er overgeschakeld naar de database. Zo heb je ook meteen een soort backup systeem. Verder laat de thumbnail nog het plaatje zien wat zich op de voorkant bevindt. Dit is een screenshot van de adminpagina:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/roporto_admin_menu_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/roporto_admin_menu_big.jpg" alt="Roporto admin menu" /></a>
PHP

phpbb3 forum

2014

PHP - Roporto - Roland Makkelie
<strong>phpbb3 forum</strong> 2014-05-01</br></br> Ik heb een vriend geholpen bij het overzetten van een oud forum, genaamd <strong><a href="http://www.ihatebreakcore.com/index.php" target="_blank">www.ihatebreakcore.com</a></strong>, naar een nieuw backend. De content van het forum is voornamelijk muziek en de discussie eromheen. Nu bekende artiesten hebben daar ook toen ze net begonnen waren content geplaatst. Het oude forum werkte op PHP nuke en werkte niet meer naar behoren, hij was traag en bots hadden de website praktisch overgenomen. Het overzetten is een lastige klus omdat het de bedoeling was om alle content te bewaren. Het is me uiteindelijk gelukt om via een gevonden script het forum over te zetten naar PHP BB3 zonder data te verliezen.</br></br>Omdat tegenwoordig steeds meer mensen soundcloud gebruiken is het bijna noodzakelijk om dit in het forum te implementeren. Niet alleen door de mogelijkheid te bieden om soundcloud te embeden in een post, maar door daadwerkelijk het soundcloud account te koppelen aan dat van ihatebreakcore. Het eerste is al gelukt en het tweede is momenteel in productie. Het is uiteindelijk de bedoeling dat gebruikers via ihatebreakcore comments op soundcloud embeds kunnen geven zonder naar soundcloud te navigeren. Ik heb de soundcloud API al grotendeels kunnen bestuderen en er is veel mee mogelijk. Hieronder is een screenshot van ihatebreakcore:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/ihatebreakcore_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ihatebreakcore_big.jpg" alt="ihatebreakcore screenshot" /></a>
Photoshop

Hearstone kaart

2014

Photoshop - Roporto - Roland Makkelie
<strong>Hearstone kaart</strong> 2014-04-01</br></br> Ik heb voor een vriend zijn verjaardag een kaart gemaakt. Aanzien hij veel het spelletje hearthstone speelt heb ik dat het thema gemaakt. Hearthstone is een kaartspel op de computer waar je tegen een andere speler speelt en omstebeurt kaarten speelt. Ik heb de verjaardagskaart gebaseerd op één van de vele hearthstone kaarten. Linksboven staat het getal 8, dat is de kosten om de kaart te spelen. De tekst in het midden is de abilty van de kaart. Dus als je kaart speelt ontvangt de hero 20 euro. Het plaatje van dagobert duck staat op de volgende pagina en op de voorkant zit een gat. Hier is een foto van de kaart:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/kaart_hearthstone_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/kaart_hearthstone_big.jpg" alt="verjaardagskaart hearthstone" /> </a>
Other

Surround fix

2014

Other - Roporto - Roland Makkelie
<strong>Surround fix</strong> 2014-03-01</br></br> Ik heb ook voor een vriend zijn surround sound set gefixed. Hij ging op een dag niet meer aan dus ik ging kijken of ik iets kon vinden wat niet klopten en/of ik het kon fixen. Meestal is oververhitting de oorzaak van dit soort problemen en toen had ik informatie gevonden dat het waarschijnlijk één van capacitors op het motherboard is. Door goed te kijken zag ik onder een capacitor een rare vlek. Hieronder is een foto van toen de capacitor verwijderd was: </br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/surround_fix.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/surround_fix.jpg" alt="Surround sound set capacitor vlek foto" /></a></br></br> Zoals je goed kan zien is er een bruine vlek op de plek van de capacitor die daar niet thuis hoort. Nadat ik de nieuwe capacitors had gekregen heb ik die vervangen met een nieuwe. En toen ik de stekker er weer in deed ging het systeem weer aan. Hier is nog een foto van het soldeer werk. Persoonlijk vond ik het bij de ps3 beter gaan omdat hier het moeilijk was om het oude soldeer weg te halen:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/surround_fix_board.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/surround_fix_board.jpg" alt="surround sound set soldeer werk" /></a>
Other

PS3 oven fix

2014

Other - Roporto - Roland Makkelie
<strong>PS3 oven fix</strong> 2014-02-20</br></br> Ik heb ook de ps3 van een vriend van mij gemaakt. Deze stond al 6 jaar stof te happen en aangezien ik mijn ps3 had gefixed wou ik dat ook best doen. Hij kon al de informatie geven dat de ps3 waarschijnlijk was oververhit, en ik moest dit dus anders aanpakken dan bij die van mij. Er zitten twee processoren in de ps3 en de GPU chip is vaak degene die oververhit. In de chip zitten allemaal kleine soldeerballetje en als deze te vaak te koud en dan te heet worden, komen er kleine krasjes in. Door de chip een enige tijd aan extreme warmte bloot te stellen maak je de bolletjes zacht. Hierdoor kunnen de scheurtjes opvullen en kan de ps3 weer een tijdje mee. </br></br> Er zijn een aantal manieren om de chip te verhitten, maar als je de tools niet hebt blijft er niet veel over. Ik zag veel fimpjes langskomen met mensen die het motherboard in de over doen. Door dit op een correcte wijze te doen kan je hetzelfde effect krijgen. Dus ik heb de stappen gevolgd en voor 10 minuten in de oven gedaan. Je moet ook aluminiumfolie omgekeerd op plekken plakken die slecht tegen hitte kunnen(plastic). Na een tijdje in de oven kwam er wel een lekker zeeluchtje vandaan, dat hoort. Na de 10 minuten had ik hem afgekoeld en weer gemonteerd. En ja hoor de ps3 start weer op! Toen had ik hem ook nog gehacked zodat hij ook gratis spellen kan spelen. De ps3 doet het momenteel nog steeds. Hieronder is een screenshot van het motherboard voordat het in de oven gaat: <a href="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_oven.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_oven.jpg" alt="Ps3 oven foto" /></a>
Other

Python fut14 script

2014

Other - Roporto - Roland Makkelie
<strong>Python fut14 autobuyer</strong> 2014-02-15</br></br> Fut14 is een onderdeel van het spel Fifa 14 voor de ps3. Fifa14 is een voetbal spel waarmee je met spelerkaarten een team bouwt. De transfermarket is de plaats waar je speler/items kan kopen/verkopen. Nou is deze market nogal langzaam en heb toen bedacht dat d.m.v. een script die in connectie staat met de api om een auto buyer/seller te maken.</br></br> Er was weinig over te vinden maar heb ergens een python script gevonden. Dit script heb ik toen helemaal onderzocht en heb uiteindelijk werkend kunnen krijgen. Zo heb je bijvoorbeeld spelercontracten die je veel nodig hebt en die wil je dan snel kopen. Met dit script zoekt hij de hele market af naar de goedkoopste prijzen en bied hierop onder een gegeven limit. Ik had nog nooit eerder in python gewerkt en vond de manier waarop de console werkt nogal raar. Hieronder zijn een tweetal screenshots:</br></br> <strong>Fut14 website waar je als speler op de markt kan komen</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/fut14_web_app_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/fut14_web_app_big.jpg" alt="fut14 website waar je als speler op de markt kan komen" /></a></br> <strong>De bovenliggende python code waarmee je stap voor stap de andere methodes aanroept</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/Python_fut14_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/Python_fut14_big.jpg" alt="python code autobuyer" /></a>
PHP

Fut14 script

2014

PHP - Roporto - Roland Makkelie
<strong>Fut14 script</strong> 2014-02-01</br></br> Dit is dezelfde functionaliteit als de <strong>python fut14 script</strong>. Mijn eerste idee was om een php webpagina te maken waar mensen kunnen inloggen en vervolgens de autobuyer aan kunnen zetten. Er was alleen helaas te weinig te vinden over de fifa 14 php api. De codes die ik vond en onderzocht heb werkten eerst wel goed, maar fifa heeft ervoor gezorgd dat het token algeritme werd veranderd zodat je geen permissie meer krijgt via php. </br></br> Doordat het python script wel werkte had ik eerst de intentie om dit script om te zetten naar PHP. Later bedacht ik me alleen dat als te veel mensen een autobuyer gebruikt dat het uiteindelijk geen zin meer heeft. De market zal dan overspoelt worden door scripts. Hieronder zijn een tweetal screenshots te zien van hoe ver ik gekomen was. </br></br> <strong>PHP script output</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/fut14_php_script.jpg" target="_blank"><img src="http://www.wachteven.nl/roporto/images/uploads/fut14_php_script.jpg" alt="fifa 14 php script" /></a> </br> <strong>Autobuyer html/css</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/fut14_php_home_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/fut14_php_home_big.jpg" alt="fifa 14 autobuyer php html/css screenshot" /></a>
Other

PS3 YLOD en hack

2014

Other - Roporto - Roland Makkelie
<strong>PS3 YLOD en hack</strong> 2014-02-01</br></br> Ik heb in mijn vrije tijd mijn ps3 gehacked. Het is mogelijk om de OFW(official firmware) te downgraden via een hardware chip en dan vervolgens een CFW(custom firmware) erop te zetten. Het voordeel hiervan is dat je dan gratis alle ps3 spellen kan downloaden en zelfs nog online spelen. Ik had al aardig wat spellen gekocht, maar het leuk me leuk om dit alsnog te doen. </br></br> Het probleem was alleen dat mijn ps3 kapot was gegaan door YLOD (Yellow light of dead). Dit is een lampje wat gaat branden als je de ps3 opstart maar niet aangaat. Dit lampje betekend dat er iets fout is gegaan in de opstartcyclus. Wat 99% van de gevallen de YLOD veroorzaakt is oververhitting. Ik had alleen niet het idee dat hier de fout lag. Uiteindelijk na lange discussies op het internet ben ik d.m.v. het meten van de voltages op verschillende punten erachter gekomen dat een kleine zekering was doorgebrand. Deze heb ik toen zelf handmatig vervangen d.m.v. solderen en toen deed hij het weer! Hierna heb ik hem ook nog succesvol CFW erop gezet en kan nu gratis online/offline spellen spelen. </br></br> <strong>Koelpasta vervangen en de chip geplaatst:</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_fix.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_fix.jpg" alt="Chip geplaatst ps3 foto" /></a></br></br> <strong>Zijkant ps3</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_fix_zijkant.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_fix_zijkant.jpg" alt="Zijkant ps3 foto" /></a></br></br> <strong>De zekering F6002 heb ik vervangen</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_zekering.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ps3_YLOD_zekering.jpg" alt="De F6002 chip die ik vervangen heb" /> </a>
Java

Multithreading 1

2014

Java - Roporto - Roland Makkelie
<strong>java multithreaded 1</strong> 2014-01-31</br></br> Dit is één van de opdrachten waar ik veel energie in heb zitten. De opdracht was om een programma te maken die statistieken van een taal bijhoudt. De statistieken kunnen zijn welke letters hoe vaak voorkomen en hetzelfde voor woorden. Dit programma is in een multithreaded omgeving geschreven. Het eerste proces is het vinden van tekstbestanden om te lezen. De gebruiker kan hier een pad voor opgeven en het programma zal alle files + folders doorzoeken naar ".txt" bestanden.</br></br> Het tweede proces is het verplaatsen van deze files naar de readfolder van het programma. Dit is een folder waar alle ".txt" bestanden tijdelijk in komen te staan om na het lezen verwijderd te worden.</br></br> Het derde proces is het lezen van een tekstbestand. Alle woorden worden los in een lijst opgeslagen en naar proces 4 gestuurd.</br></br> Proces 4 houdt de statistieken bij van een woord. Elke letter wordt ook in dit proces bijgehouden. </br></br> Het laatste proces is het jFrame waar verschillende jPanels worden weergeven. Dit moet in een apart proces gebeuren omdat anders de weergaven niet wordt geupdate tijdens de andere processen. Dit zal resulteren in een zeer irritante lag, nu is dat dus niet zo. Ik heb nog zelf bedacht om een logscherm te maken waar voor de gebruiker duidelijk wordt wat het programma allemaal aan het doen is. Er wordt aangeven waar het programma aan het zoeken is, welke bestanden hij momenteel verwerkt en welke bestanden zijn beëindigd. Het hele visuele aspect heb ik er zelf bij verzonnen, dit zat niet bij de opdracht. </br></br> Verder heb ik bedacht om elk proces apart te kunnen aansturen. Zo kan de gebruiken bepaalde processen op zichzelf starten,pauzeren of stoppen. Hieronder is een weergaven van hoe het eindproduct eruit ziet:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/java_2_multi_big1.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/java_2_multi_big1.jpg" alt="java multithreaded opdracht 1 jaar 14 visuele weergaven" /></a>
Java

Java opdracht 1

2013

Java - Roporto - Roland Makkelie
<strong>Java opdracht 1</strong> 2013-12-28</br></br> Voor het vak java in jaar 4 heb ik een tweetal opdrachten gemaakt. De eerste opdracht bevat een programma waar competities kunnen worden bijgehouden. Voor deze opdracht hoefde maar een bepaald aantal functionaliteiten toegevoegd worden. Wat vooral bij deze opdracht belangrijk was is welke lijsten java bezit en wanneer welke lijst gebruikt wordt. Hieronder een drietal screenshots.</br></br> Dit is het hoofdmenu waar een lijst met functionaliteiten wordt weergegeven. <a href="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big1.jpg" target="_blank"><img src="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big1.jpg" alt="java opdracht 1" /></a> </br>Dit is de view waar je spelers kan toevoegen aan het programma. Er kan wat basis informatie ingevuld worden en vervolgens kan de speler worden opgeslagen. Deze view wordt gebruikt voor het aanmaken van een nieuwe speler, maar ook van het updaten van een bestaande speler. <a href="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big2.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big2.jpg" alt="java opdracht 1 screenshot 2 speler toevoegen" /></a> </br> Hier worden de spelers getoond in een lijst die op de kolommen kan worden gesorteerd. Door te klikken op een rij in de tabel kan je een speler aanpassen bij de eerder genoemde view. <a href="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big3.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/java_multi_deel1_big3.jpg" alt="java opdracht 1 screenshot 3 lijst van spelers" /></a>
Other

Belbios IOS app

2013

Other - Roporto - Roland Makkelie
<strong>Belbios IOS app</strong> 2013-12-05</br></br> Voor de minor Mobile development heb ik in een projectgroep aan een opdracht gewerkt via school. De opdracht was namens <a href="http://www.tjuna.nl/" target="_blank">Tjuna</a> aangeboden. Tjuna had weer een open project lopen voor het bedrijf Belbios. Dit is een website wat een verzamelplek is voor alle kleinere bioscopen in Nederland. Mensen kunnen informatie over films/acteurs opzoeken en tickets reserveren bij een bioscoop en tijd naar keuze. De bestaande app was vervallen en kon niet meer gebruikt worden, er moest dus een nieuwe komen.</br></br> We hebben toen de opdracht uit bedacht en wat wij nog kunnen toevoegen aan functionaliteiten. Toen ben ik met het idee gekomen om een filterfunctionaliteit te implementeren zodat gebruikers van de app sneller de films/bioscopen kunnen vinden die ze wenselijk vinden. </br></br> Om het voor de opdrde drie mobiele platformen eerste drie klikmodellen gemaakt. Mijn klikmodel voor IOSachtgever duidelijker te maken hoe de nieuwe app eruit komt te zien zijn er voor is op de volgende link te zien. Toen heb ik hard gewerkt om het klikmodel in realisatie te brengen. Het programmeren in Xcode is goed gelukt en het eindresultaat mag er wezen. De opdracht gever is er erg blij mee en heb er een mooie cijfer aan over gehouden. Screenshots van het eindresultaat staan hieronder: (Door te klikken op de afbeelding krijg je een vergroten weergaven)</br></br> <strong>Alle schermen</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/Belbios_screenshots.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/Belbios_screenshots.jpg" alt="belbios weergaven groot" /></a></br></br> <strong>Structuur xcode</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/belbios_scructuur_big.jpg" target="_blank"><img class="image_content"src="http://www.wachteven.nl/roporto/images/uploads/belbios_scructuur_big.jpg" alt="belbios structuur" /></a>
Java

Android phone app

2013

Java - Roporto - Roland Makkelie
<strong>Android phone app</strong> 2013-10-10</br></br> Voor de mobiele applactie minor heb ik op windows, android en ihpone een kleine app moeten maken die een aantal functionaliteiten bezit. Om voor android te programmeren kan je het programma eclipse gebruiken. De programmeer taal die gebruikt wordt is java. Met eclipse komen ook virtuele mobiele devices alleen heb ik de combinatie genymotion/virtualbox gebruikt aangezien dit veel sneller ging qua performance. De eerste screenshot laat zien hoe de virtuele mobiel in werking is. Apps maken voor android wordt vaak als moeilijkst van de drie beschouwd. Bij de andere twee platformen kan er bijvoorbeeld de views visueel gemaakt worden, bij android gebeurd dit in de code.</br></br> Opties die in de app zitten: <ul> <li>- Een hoofdpagina die berichten volgens de afbeelding laat zien met de laatste bovenaan.</li> <li>- "Infinite scrolling" de gebruiker kan oneindig scrollen doordat voor het laatste bericht de volgende paar berichten wordt ingeladen.</li> <li>- Elk bericht heeft een titel, text en timestamp en kan een afbeelding hebben.</li> <li>- Als de gebruiker op een bericht klikt moet er naar de detailpagina genavigeerd worden</li> <li>De gebruiker kan ook berichten toevoegen door op de add button te drukken.</li> <li>- De toevoegpagina moet een titel en bericht kunnen hebben die veel tekst kan opvangen. Als het bericht is toegevoegd moet er terug genavigeerd worden met het nieuwe bericht bovenaan.</li> </ul> En verder zijn er nog wat kleine dingetjes aan toegevoegd. Hieronder zijn een paar screenshots van hoe eruit moest komen te zien en dat is goed gelukt want heb ook van de docent een <strong>9</strong> gekregen. </br></br> <strong>Genymotion + virtualbox:</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/android_phone_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/android_phone_big.jpg" alt="screenshot genymotion en virtualbox" /></a></br> <strong>Visuele weergaven van de app</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/android_phone_big2.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/android_phone_big2.jpg" alt="visuele weergave android phone app" /></a>
Csharp

W8 phone app

2013

Csharp - Roporto - Roland Makkelie
<strong>Windows phone app</strong> 2013-10-08</br></br> Voor de mobiele applactie minor heb ik op windows, android en ihpone een kleine app moeten maken die een aantal functionaliteiten bezit. Om voor windows phone te kunnen programmeren moet je op windows 8 zitten. Ik heb toen via VM Ware windows 8 geinstalleerd om visual studio te kunnen downnloaden voor windows 8.</br></br> Opties die in de app zitten: <ul> <li>- Een hoofdpagina die berichten volgens de afbeelding laat zien met de laatste bovenaan.</li> <li>- "Infinite scrolling" de gebruiker kan oneindig scrollen doordat voor het laatste bericht de volgende paar berichten wordt ingeladen.</li> <li>- Elk bericht heeft een titel, text en timestamp en kan een afbeelding hebben.</li> <li>- Als de gebruiker op een bericht klikt moet er naar de detailpagina genavigeerd worden</li> <li- >De gebruiker kan ook berichten toevoegen door op de add button te drukken.</li> <li>- De toevoegpagina moet een titel en bericht kunnen hebben die veel tekst kan opvangen. Als het bericht is toegevoegd moet er terug genavigeerd worden met het nieuwe bericht bovenaan.</li> </ul> En verder zijn er nog wat kleine dingetjes aan toegevoegd. Hieronder zijn een paar screenshots van hoe eruit moest komen te zien en dat is goed gelukt want heb ook van de docent een <strong>10</strong> gekregen. </br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/windows_phone_small_app_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/windows_phone_small_app_big.jpg" alt="Windows phone 8 app" /></a>
PHP

Belbios API

2013

PHP - Roporto - Roland Makkelie
<strong>Belbios API</strong> 2013-10-05</br></br> (Dit is een vervolg op de belbios IOS item)</br> Om voor de apps connectie te maken met de database is eerst een API nodig. Tjuna kon dit niet aanbieden en werd er daarom verwacht van onze projectgroep om dit extra te maken. Aangezien ik al aardig ervaring had met PHP doordat ik bijv. met deze website bezig was, heb ik het deze taak tot mij genomen. Ik heb de gehele API in PHP geschreven met een Mysql database. De response van de API is in JSON aangezien we voor elk mobiel platform een kleine app moesten maken die ook JSON moest ontvangen. Ik zal niet de gehele broncode online zetten maar <strong><a href="http://www.wachteven.nl/roporto/images/uploads/belbios_methode.txt" target="_blank">hier</a></strong> is één van de methodes. </br></br> De methode doet een database sql call om een lijst van de bioscopen in volgorde van afstand te krijgen. Er is formule in de query geschreven om zo efficiënt mogelijk de data te verwerken. De afstand wordt met de longitude en lattitude, die in de database staan, berekend tegenover waar de gebruiker zich dan bevindt. Deze functionaliteit lag ook erg hoog op de prioriteiten lijst van de opdrachtgever.
HTML

Spacevacation

2013

HTML - Roporto - Roland Makkelie
<strong>Klikmodel spacevacation</strong> 2013-10-05<br><br> Voor de mobile applicatie minor heb ik ook om te oefenen een klikmodel voor het fictief bedrijf Spacevaction gemaakt. Een klikmodel is een weergaven van een applicatie dat met afbeeldingen in elkaar is gezet. Er zit dus geen code achter de weergave. Dit is een mooie manier om met de opdrachtgever te communiceren over het eindproduct. Het klikmodel is een interactief model. Het model staat op de volgende <a href="http://www.wachteven.nl/roporto/spacevacation/start.html" target="_blank">link</a>. Vervolgens kan je op Iphone-home klikken om het model te starten. In het home menu van de iphone kan je op het space icoontje drukken om de app te beginnen. Hieronder is een screenshot van de app met een link naar het model. <br><Br> <a href="http://www.wachteven.nl/roporto/spacevacation/start.html" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/spacevacation_iphoneapp.jpg" alt="Spacevacation model" /> </a>
Other

Iphone app

2013

Other - Roporto - Roland Makkelie
<strong>Iphone app</strong> 2013-09-16</br></br> Voor de mobiele applactie minor heb ik op windows, android en ihpone een kleine app moeten maken die een aantal functionaliteiten bezit. Om voor ihpone te kunnen programmeren moet je op mac OSX zitten met het programma xCode. Via xcode kan je met een storyboard visuel de app maken en relaties tussen de schermen aangeven. Voor de grote opdracht Belbios heb ik ook voor IOS geprogrammeerd en daar heeft deze kleinere opdracht dan ook goed bij geholpen. </br></br> Opties die in de app zitten: <ul> <li>- Een hoofdpagina die berichten volgens de afbeelding laat zien met de laatste bovenaan.</li> <li>- "Infinite scrolling" de gebruiker kan oneindig scrollen doordat voor het laatste bericht de volgende paar berichten wordt ingeladen.</li> <li>- Elk bericht heeft een titel, text en timestamp en kan een afbeelding hebben.</li> <li>- Als de gebruiker op een bericht klikt moet er naar de detailpagina genavigeerd worden</li> <li- >De gebruiker kan ook berichten toevoegen door op de add button te drukken.</li> <li>- De toevoegpagina moet een titel en bericht kunnen hebben die veel tekst kan opvangen. Als het bericht is toegevoegd moet er terug genavigeerd worden met het nieuwe bericht bovenaan.</li> </ul> En verder zijn er nog wat kleine dingetjes aan toegevoegd. Hieronder zijn een paar screenshots van hoe eruit moest komen te zien en dat is goed gelukt want heb ook van de docent een <strong>10</strong> gekregen. </br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/ios_phone_app.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ios_phone_app.jpg" alt="Iphone app screenshot" /></a>
HTML

School les

2013

HTML - Roporto - Roland Makkelie
<strong>School les</strong> 2013-09-05</br></br> Voor school heb ik in een projectgroep een les moeten voorbereiden voor de klas. Wij hebben het onderwerp responsive webdesign gekozen. Hier hebben wij toen onderzoek naar gedaan en een interactieve les voor bedacht. We hebben een simpele responsive website bedacht die de studenten dan tijdens les stap voor stap in elkaar zetten. </br></br> Zo hebben we uitgelegd hoe je voor responsive webdesign procentuele berekeningen in CSS kan gebruiken. Ook hoe je onder een bepaalde resolutie de CSS kan veranderen. Zo hebben de studenten een menu gemaakt wat veranderd als het scherm onder de 480px komt. Hieronder is een weergaven van één van de plaatjes de we gebruikt hebben: <a href="http://www.wachteven.nl/roporto/images/uploads/school_les_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/school_les_big.jpg" alt="school les 1" /></a>
Photoshop

Kaart KFC

2013

Photoshop - Roporto - Roland Makkelie
<strong>Kaart KFC</strong> 2013-05-06</br></br> Voor verjaardagen van vrienden maak ik vaak een verjaardskaart als ik iets leuks kan verzinnen. Met deze vriend ging ik wel eens naar KFC en toen kwam ik met dit idee. Ik heb het gezicht van het KFC logo vervangen met die van mijn vriend. Met wat photoshop effecten ben ik tot dit effect gekomen:</br></br> <strong>Originele logo</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/kfc-logo.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/kfc-logo.jpg" alt="KFC logo normaal" /></a></br></br> <strong>Na photoshop</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/kfc-logo-robert_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/kfc-logo-robert_big.jpg" alt="KFC nieuwe logo" /></a>
Csharp

Unity game

2013

Csharp - Roporto - Roland Makkelie
<strong>Unity game</strong> 2013-05-01</br></br> De eerste minor die ik volgde was een game minor bij Inholland Haarlem. Het grote project was een volledige multiplayer game in Unity realiseren. Ik had aardig wat ideeën voor games, maar dit is het laatste idee wat we ook voor het project hebben gerealiseerd. Het spel heet Dont be a square . Met een dubbele woordgrap namelijk dat de enemies is het spel rechthoekig zijn en een quote van de film Pulp Fiction. Het spel in het kort is een FPS waar de speler nog controle heeft over een groep minions. Deze minions kan hij aansturen om bijvoorbeeld een tegenstander aan te vallen, te healen of misschien wel als afleiding. Ik heb dit nog nooit eerder in een FPS gezien, maar ik denk dat als dit goed wordt uitgewerkt dat het wel eens potentie heeft om een groot spel te worden. </br></br> Het spel is gemaakt in het 3d game development programma Unity Pro mogelijk gemaakt door Inholland. We hebben veel onderzoek gedaan naar camera scripts voor FPS en hebben zelf scripts moeten schrijven voor de minions en het wapen bijvoorbeeld. Een lastig aspect was de pathfinder die de minions gebruiken. Als een speler bijv. op een verhogen staat met een trap aan de zijkant, dan zal de minion via de trap op het platform komen. Dit is een gevorderde techniek die we goed hebben toegepast. Hieronder is een screenshot van de gameplay:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/unity_game_gameplay.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/unity_game_gameplay.jpg" alt="Unity game Dont be a square gameplay screenshot" /></a></br> Voor de multiplayer functie heeft iedereen de Photon unity networking gebruikt. Dit is een gratis service die relatief makkelijk opgezet kan worden waar ook veel tutorials over te vinden zijn. Het enige verschil tussen een multiplayer en een singelplayer game is dat er meerdere players zijn die van elkaar de posities moeten weten. Hieronder is een screenshot van de multiplayer room menu: </br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/unity_game_multiplayer.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/unity_game_multiplayer.jpg" alt="Photon multiplayer screenshot" /></a> </br>
Other

PPT game

2013

Other - Roporto - Roland Makkelie
<strong>Paper prototype unity game</strong> 2013-04-11<br><br> Voor de Game Minor heb ik ook een Paper Prototype gemaakt. Het idee is om het spel met papier na te maken en om zo een weergave te krijgen van hoe het spel waarschijnlijk gaat werken. We hebben het een stapje verder gedaan en er een hele video voor gemaakt. We hebben de figuren aan stokjes vastgemaakt en dat vastgelegd met een Flipcamera. Toen heb ik het helemaal geédit met screenshots en geluid. Het filmpje staat op deze dropbox <a href="https://www.dropbox.com/s/v1hlf002i7jslrs/PP_versie2.mp4" target="_blank">link</a>, jammer dat je de resolutie niet kan veranderen via dropbox. Hier is nog een screenshot van de video:<br><Br> <a href="https://www.dropbox.com/s/v1hlf002i7jslrs/PP_versie2.mp4" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/PPT_game.jpg" alt="Screenshot paper prototype unity game" /></a>
Other

Game karakter 1

2013

Other - Roporto - Roland Makkelie
<strong>Unity game karakter 1</strong> 2013-04-04</br></br> Voor de game development minor heb ik de o.a. de characters gemaakt voor de game in Autodesk 3D. Dit zijn 3d objecten met ingebouwde animaties. Het is een eigen ontwerp van begin tot eind. Het model is ook geoptimaliseerd zodat er geen onnodige lijnen aanwezig zijn. Het moeilijkste was wel de animatie om die goed te krijgen. Vooral de overgang naar Unity (het programma waar de game in gemaakt is) was erg lastig. Hier onder zijn een tweetal afbeeldingen van de karakters te zien: </br></br> <strong>Hoofd karakter</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/character_image_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/character_image_big.jpg" alt="character image big" /></a> </br><strong>Minion karakter</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/squarebot_image_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/squarebot_image_big.jpg" alt="minion afbeelding" /></a>
Photoshop

Unity storyboard

2013

Photoshop - Roporto - Roland Makkelie
<strong>Unity storyboard</strong> 2013-04-01</br></br> Voor de game minor heb ik ook een storyboad getekend. Het verhaal in het kort: iedereen leefde gelukkig op aarde, de evil squarebots braken uit, iedereen vluchtte de ruimte in, jaren later kwamen twee dappere robots op aarde, door samen te werken versloegen ze de squarebots en overkwamen ze obstakels, samen versloegen ze de evil squareboss en als laatste keerde iedereen terug naar de aarde. Hieronder is het verhaal uitgebeeld in een stripverhaal. Ik heb de tekeningen ingescand en overgetrokken in photoshop. </br></br> <strong>Pagina 1</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/storyboard_page1.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/storyboard_page1.jpg" alt="pagina 1 van het dont be a squarebot storyboard" /></a></br> <strong>Pagina 2</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/storyboard_page2.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/storyboard_page2.jpg" alt="Pagina 2 van het storyboard" /></a>
Jquery

Autosave

2012

Jquery - Roporto - Roland Makkelie
<strong>Increatie autosave</strong> 2012-12-01</br></br> In het CM van Increatie kunnen de verschillende pagina’s gesaved worden via een save knop. Deze knop veroorzaakt een postback om de data op te slaan. Deze postback duurt ongeveer vijf seconde en de pagina wordt opnieuw ingeladen. De wens was om dit proces via javascript te laten gaan. Ook was de wens om ook een autosave functie in te bouwen. De gebruiker kan via een instellingenpagina de autosave aan of uit zetten. De pagina wordt dan automatisch om de minuut gesaved. Ook kan de gebruiker via de instellingenpagina de geschiedenis terugvinden van de verschillende back-ups. Er is afgesproken dat per pagina maximaal 20 back-ups gemaakt mogen worden en alleen als er op de save knop is gedrukt door de klant. De autosave zal over de huidige pagina opgeslagen worden. Het voordeel van de deze functie is dat als de pagina per ongeluk wordt afgesloten, of er is vergeten te saven, dat er toch nog een recente back-up aanwezig is. Deze functionaliteit is ook in het E-commerce ingebouwd worden. </br></br> Het was nog een hele opgaven om consistentie in de pagina te vinden om de code omheen te baseren aangezien de objecten die gesaved worden erg dynamisch getoond worden. Toen de consistentie gevonden was is er een formule voor gemaakt die dan in javascript geschreven is die naar een php file wordt gepost met AJAX post. Met Jquery is de inhoud voor het saven opgehaald. </br></br>Ik heb alleen geen screenshot kunnen maken aangezien ik momenteel geen toegang meer heb tot het CMS van Increatie. De afbeelding die als thumbnail is gebruikt heeft dan ook geen relatie met de inhoud.
VB

Leadmanagement

2012

VB - Roporto - Roland Makkelie
<strong>Increatie lead management</strong> 2012-11-01</br></br> Het overzicht toont alle leads. Per lead wordt het leadnummer, naam, warmte, belangrijkheid, fase, waarde, datum en type. De warmte laat zien hoe “hot” de lead is. Tijd wordt vaak als een belangrijk element gezien. Als er een nieuwe lead is bijgekomen is het dan ook belangrijk dat hierop zo snel mogelijk wordt gereageerd. Als dit niet wordt gedaan kan de klant misschien al van gedachte zijn veranderd. </br></br> De warmte wordt getoond door middel van een balk die van de kleur rood via geel naar de kleur blauw loopt. Als er te laat wordt gereageerd en de lead als “dood” wordt beschouwd, wordt er een doodskop getoond. In de balk wordt ook een timer getoond die laat zien hoe lang de gebruiker nog heeft om te reageren. Per product kan verschillen wanneer een lead als “dood” wordt beschouwd. Daarom kan deze waarde dynamisch in de database geschreven worden. </br></br> Daarnaast wordt ook de belangrijkheid getoond. Deze wordt door de gebruiker zelf ingevuld. De belangrijkheid wordt getoond door middel van sterren. Vijf sterren is erg belangrijk en één ster is onbelangrijk. De gebruiker kan bijvoorbeeld kijken of de klant al vaker een bestelling heeft gedaan. Zo ja, dan kan de belangrijkheid worden vergroot. Ook hebben de belangrijkheid en waarde een relatie met elkaar. </br></br> De fases laten zien in welke fase de lead zich in bevindt. Er zijn in totaal vier fases waarin een lead zich kan bevinden. De gebruiker kan zelf in de verdieping per fase verder gaan als er aan de punten zijn voldaan. Als alle fases zijn doorlopen wordt er op de voorkant bij de warmte een groene balk met een wit vinkje toont, om te laten zien dat de lead succesvol is afgesloten. </br></br> De waarde laat de waarde van een lead zien. De waarde wordt in de meeste gevallen berekend uit wat het product uiteindelijk oplevert als het verkocht wordt. Als we kijken naar een fysiek product, bijvoorbeeld een bed, is de waarde de prijs van het product. In de verdieping van een lead kan nog de waarde worden veranderd. </br></br> En als laatste laat de datum zien wanneer de lead is geopend en het type laat zien waar de lead vandaan komt. Als een lead bijvoorbeeld van een formulier van de website komt wordt dit als een contactform gezien. </br></br> <strong>Lead management overzicht</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/lead_management_overzicht.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/lead_management_overzicht.jpg" alt="lead management overzicht screenshot" /></a></br> De verdieping laat meer informatie over een gekozen lead zien. Als eerst wordt de informatie over de klant die hij waarschijnlijk bij een formulier heeft ingevuld getoond in verschillende textboxen. Deze informatie kan dan nog later aangepast worden. Ook wordt er nog een keer toont in welke fase de lead zich bevindt en waar de lead vandaan komt. </br></br> Als tweede komt er een overzicht van de bezochte pagina’s van de klant. Hier kan dan belangrijke informatie gewonnen worden over het zoekgedrag van de klant. Daarna wordt de warmte en belangrijkheid nog een keer herhaald. Hierna worden de fases getoond. Per fase staat er informatie waar de fase uit bestaat en wat er gedaan moet worden om naar de volgende fase te gaan. De andere fases zijn uitgeschakeld. </br></br> <strong>Lead management verdieping</strong></br> <a href="http://www.wachteven.nl/roporto/images/uploads/lead_management_verdieping.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/lead_management_verdieping.jpg" alt="increatie lead management screenshot" /></a>
Csharp

G.A. applicatie

2012

Csharp - Roporto - Roland Makkelie
<strong>Increatie G.A. programma</strong> 2012-10-24</br></br> Het windows programma is geschreven om het google analytics request probleem (zie Increatie G.A. item) op een creatieve manier op te lossen. Stel dat je na 250 requesten 15 minuten moet wachten. Als je dan na elke 15 opnieuw 250 requesten doet is het doel alsnog bereikbaar. Het is alleen niet realistisch om een persoon elke 15 minuten opnieuw het programma aan te zetten. Daarom is dit programma gemaakt dat als hij vastloopt om het dan na 15 minuten opnieuw te proberen. </br></br> Helaas heeft het programma dit probleem niet opgelost. Er is ontdekt dat het bij de eerste keer het 15 minuten duurt, echter gebeurd dit in een exponentiele groei. Uiteindelijk moet er bijvoorbeeld een dag gewacht worden voordat er opnieuw 250 requesten gedaan kunnen worden. Dit is dus niet haalbaar om voor elke site gemiddeld 3500 requesten te doen(350 dagen * 5 jaar * 2 modules). Er was wel voorzien dat het waarschijnlijk niet elke keer 15 minuten duurt, maar uiteindelijk werd het een hele dag dat je moest wachten en dit hielp dus alsnog niet. Screenshot van het Google Analytics programma:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/G.A.program_increatie.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/G.A.program_increatie.jpg" alt="Google analytics request probleem" /></a>
Other

Google analytics

2012

Other - Roporto - Roland Makkelie
<strong>Increatie Google Analytics</strong> 2012-10-22</br></br> Met G.A. kan er aan een google account verschillende websites gekoppeld worden. Vervolgens kan er dan per website interessante statistieken opgevraagd worden. Deze statistieken kunnen betrekking hebben op het aantal bezoekers per maand. Maar ook het aantal bezoekers per pagina en hoe lang ze op deze pagina bleven. Ook is het mogelijk data op te vragen met welke keywords de bezoekers de website hebben gevonden. Overige belangrijke gegevens zijn de bouncerate en de goals. De bouncerate geeft het aantal bezoekers aan die na één pagina de website hebben verlaten. </br></br> De wens van Increatie was om deze service in het systeem te implementeren. Zo kan elke website beheerder zien hoe er met zijn website omgegaan wordt en wat belangrijke stappen in de toekomst zijn. Er is na overleg besloten welke functies Increatie wil terug zien in het systeem. Er moet per website de volgende gegevens beschikbaar zijn: Top 10 meest bezochte paginas, short-tail(kleine keywords), long-tail(lange keywords), bezoekers per maand en goldkeys. Dat laatste is een zelfverzonnen naam voor een formule die bedacht is door Increatie door te kijken naar de bouncerate van bezoekers en welke keyword hieraan gekoppeld is.</br></br> Een groot probleem is dat de bedoeling was om van elke site de data over vijf jaar alvast op te halen. Na veel gedoe bleek dit mogelijk te zijn doordat het geen pro account is waardoor de requestrate laag is. Ook was het toen erg moeilijk om de toen nieuwe oAuth2.0 registratie code toe te voegen. Het resultaat is een werkend eindproduct volgens de eisen, alleen niet volledig gevuld. Ik heb zelf nog een programma geschreven om onder deze requestrate uit te komen (zie Increatie G.A. app). Hieronder is een screenshot van het eindproduct:</br></br> <strong>Google analytics statistieken</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/GA_screenshot_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/GA_screenshot_big.jpg" alt="Google analytics statisstieken screenshot" /></a>
Jquery

TheMediaBrothers

2012

Jquery - Roporto - Roland Makkelie
<strong>Media brothers sound</strong> 2012-09-01</br></br> TheMediaBrothers is een klant van Increatie. TMB bestaat uit werknemers die gespecialiseerd zijn in alles wat bij media komt kijken. Increatie heeft de website voor het bedrijf verzorgd. De opdracht voor de stagiair heeft betrekking tot de sound pagina. Dit is een aparte sectie op de website. De oude sound pagina bestond uit een overzicht pagina van filmpjes met een slider in het hoofdmenu waar alle plaatjes van de filmpjes in stonden. De verdieping was een popin met een filmpje en een tekstje. Ook de slider was op deze pagina aanwezig. De wens van TMB is dat er meer nadruk op de componisten gelegd wordt. Increatie heeft een nieuw design gemaakt waar TMB mee akkoord is gegaan. </br></br> De verdieping is op het nieuwe design een aparte pagina. Hierop is dan het filmpje te zien met een tekstje en de componisten die erbij betrokken zijn geweest. De overzichtspagina bestaat nog steeds uit een lijst met alle filmpjes, alleen is er een nieuw kopje gemaakt waar alle componisten onder vallen. De slider is nog steeds op beide pagina’s aanwezig. </br></br> Ik heb meegeholpen met het opzetten van de website in het CM. Toen is een andere stagiair er mee verder gegaan. Na het afleveren van de website kwamen er een aantal punten naar boven waar daarvoor onduidelijkheden over waren. Wat TMB eigenlijk op de verdieping pagina wil is een slider waar de filmpjes in komen en daar onder de tekst en componisten. Als er op de slider pijltjes gedrukt wordt moet de content automatisch mee veranderen. De andere stagiair kwam hier niet uit en is weer doorgespeeld naar mij met een goed eindresultaat. </br></br> Door jQuery te gebruiken met ajax Post om data op te halen, is het mogelijk om door de verschillende paginas heen te scrollen zonder een postback te doen. Het is hetzelfde efect als dit portfolio als er van pagina veranderd wordt. Hieronder is een screenshot van de website en <a href="http://www.themediabrothers.nl/Voice-Over-Sounddesign-Geluid-Muziek-Compositie.html" target="_blank">dit</a> is de link:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/mediabrothers_screenshot_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/mediabrothers_screenshot_big.jpg" alt="The media brothers screenshot" /></a>
Jquery

Statistieken

2012

Jquery - Roporto - Roland Makkelie
<strong>Increatie statistieken</strong> 2012-09-01</br></br> Voor het e-commerce in het CMS heb ik voor Increatie een aparte statistieken pagina gemaakt. Via VB.net is er connectie gemaakt met de database en zijn er vervolgens sql queries uitgevoerd om de statistieken te ontvangen. Vervolgens is met <a href="http://www.telerik.com/" target="_blank">Telerik</a> tools een statistieken pagina gemaakt. Hieronder is een screenshot van het eindresultaat:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/increatie_statistieken_algemeen_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/increatie_statistieken_algemeen_big.jpg" alt="Algemene statistieken ecommerce Increatie screenshot" /></a>
HTML

DSV insurance

2012

HTML - Roporto - Roland Makkelie
<strong>Increatie DSV</strong> 2012-08-01</br></br> DSV Insurance is een klant van Increatie het is een verzekeringsmaatschappij gevestigd in Amsterdam. DSV kan verdeeld worden in drie secties: <a href="http://www.dsv-insurance.nl/" target="_blank">zakelijke verzekeringen</a>, <a href="http://www.mediapolis.nl/" target="_blank">media verzekeringen</a> en apparatuur verzekeringen. De wens van DSV was voor Increatie om een nieuwe website voor de zakelijke verzekeringen en de media verzekeringen met het CM erachter. Increatie had designs gemaakt en DSV is hiermee akkoord gegaan. De wens van Increatie was van de stagiair om deze designs om te zetten in een HTML framework en deze vervolgens aan te sluiten aan het Apollo CMS. Er zijn in totaal negen designs voor zakelijke verzekeringen en negen voor media verzekeringen. De designs van media verzekeringen zijn praktisch hetzelfde als die van de zakelijke verzekeringen. Er worden alleen andere logo’s en kleuren gebruikt. Er wordt verwacht dat het framework ook ingevuld met content wordt opgeleverd. Ik heb eerst per pagina uitgezocht welke content wordt gevuld vanuit het CMS en welke statisch is. Hierna kon ik makkelijker het HTML eindresultaat koppelen aan het CMS. Toen het klaar was ben ik met het team meegegaan naar het hoofdkantoor van DVS in Amsterdam om notities te maken van eventuele verbeterpunten. Ze waren erg tevreden over het eindresultaat en hebben zelfs een EMS module besteld als volgende opdracht. Hier zijn twee screenshots van de beide homepaginas:</br></br> <strong>DSV insurance</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/dsv_normal_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/dsv_normal_big.jpg" alt="DSV normal" /></a></br></br> <strong>DSV media verzekeringen</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/dsv_media_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/dsv_media_big.jpg" alt="DSV media verzekeringen" /></a>
Photoshop

Moderno Gusto

2012

Photoshop - Roporto - Roland Makkelie
<strong>Moderno Gusto</strong> 2012-04-04</br></br> Dit is een plaatje wat ik voor de fun gemaakt heb toen ik nog veel modern warfare 2 speelde. Hieronder is eerst het origineel te zien en daaronder na wat effecten</br></br> <strong>Originele foto</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/mw2_original_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/mw2_original_big.jpg" alt="modern warfare 2 original logo" /></a> <strong>Nieuwe foto</strong></br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/mw2_nieuw_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/mw2_nieuw_big.jpg" alt="moderno gusta 2" /></a>
Other

Youtube video 1

2012

Other - Roporto - Roland Makkelie
<strong>Youtube video 1</strong> 2012-03-03</br></br> Deze video is gemaakt voor een derdejaars opdracht. Ik heb alle editing, muziek en groten deels verhaallijn verzorgd. De opdracht was om een kort filmpje over een onderwerp te maken. De bedoeling was dat het tempo wat sneller zou liggen, aangezien mensen steeds sneller informatie kunnen verwerken, en het aantrekkelijk te maken voor de kijker. De filmpje is te zien op youtube met de volgende <strong><a href="https://www.youtube.com/watch?v=MiqU16Q7y94" target="_blank">link</a></strong>. Hieronder is een screenshot van de video:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/youtube_video_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/youtube_video_big.jpg" alt="youtube video screenshot" /></a>
Photoshop

Portfolio design 1

2012

Photoshop - Roporto - Roland Makkelie
<strong>Portfolio design 1</strong> 2012-02-24</br></br> Dit is een van de eerste designs voor mijn portfolio. Je ziet in het design wat er momenteel gebruikt wordt dat ook weer het materiaal hout terugkomt. Hieronder is een screenshot te zien van het design:</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/portfolio_old_design_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/portfolio_old_design_big.jpg" alt="portfolio design 1" /></a>
Flash

HFF flashbanners

2012

Flash - Roporto - Roland Makkelie
<strong>HFF flashbanners</strong> 2012-01-26<br><br> Dit zijn de flashbanners die gemaakt zijn voor het Haarlem Filmfestival. <strong>Banner klein</strong><br><br> <object width="200" height="100" data="http://www.wachteven.nl/roporto/images/flash/bannerklein.swf"></object><br><br> <strong>Banner filmzaal</strong> (klik <strong>niet</strong> op het plaatje)<br><br> <object width="200" height="400" data="http://www.wachteven.nl/roporto/images/flash/FilmFestBanner.swf"></object><br><br>
HTML

HFF webshop

2012

HTML - Roporto - Roland Makkelie
<strong>HFF webshop</strong> 2012-01-10<br><br> Dit is een webshop die ik met een team van vier man heb gemaakt in jaar 2. Met deze opdracht werd er kennis gemaakt met php, html, flash en hoe de structuur van een webshop is. De opdracht was vanuit het bestaande HFF om een informatiepunt te geven voor buitenlandse bezoekers. De optie moest dus ook aanwezig zijn om het in het Engels te vertalen. Dit is een screenshot van de webpagina:<br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/HFF_screenshot.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/HFF_screenshot.jpg" alt="HFF screenshot" /></a>
Photoshop

Portfolio design 2

2012

Photoshop - Roporto - Roland Makkelie
<strong>Roporto design 1</strong> 2012-01-01</br></br> Dit is één van mijn eerste designs voor het portfolio. Ik heb altijd al grijs/oranje een mooie combinatie gevonden en dat is verder uitgewerkt in dit design. Er zijn wel stukken van een ander design afgeleid, maar de precieze link weet ik niet meer. Hieronder is een volledige weergave van het design: </br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/roporto_design_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/roporto_design_big.jpg" alt="Roporto design 1" /></a>
HTML

Ladymo webshop

2011

HTML - Roporto - Roland Makkelie
<strong>Ladymo webshop</strong> 2011-05-01<br><br> Dit is een webshop die ik in een groepje van vier voor een echte opdrachtgever gemaakt hebben in einde jaar 1. We moesten ook de opdrachtgever zelf vinden. Via via zijn we op een kledingwinkel in Hoofddorp uitgekomen die nog geen website had. We hebben toen een interview afgelegd met de opdrachtgever over de wensen en we hadden wat afbeeldingen toegestuurd gekregen van de kleding. De webshop was bijna klaar maar helaas zijn we er nooit mee verder gegaan, al vond de opdrachtgever het een mooi eindresultaat. Hier is een screenshot van de webshop:<br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/ladymo_screenshot.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/ladymo_screenshot.jpg" alt="Ladymo webshop screenshot" /></a>
Csharp

Kruispunt OOP

2011

Csharp - Roporto - Roland Makkelie
<strong>Kruispunt OOP</strong> 2011-04-01<br><br> Dit is een opdracht voor OOP die ik in teamverband met een andere student heb gemaakt. De opdracht was een werkend kruispunt maken via de beginselen van OOP. De werking van het kruispunt werd gebaseerd op de switching van stoplichten volgens de normale regels. Dus als de autoweg groen heeft dan moet het niet zo zijn dat het voetgangersstoeplicht ook op groen staat. Dit is één van de eerste opdrachten die ik in het OOP framework gemaakt heb. In de tweede afbeelding is de structuur van de opdracht goed te zien. <br><br> <strong>Kruispunt screenshot</strong><br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/oop_kruispunt.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/oop_kruispunt.jpg" alt="Kruispunt screenshot" /></a><br><br> <strong>Kruispunt structuur</strong><br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/kruispunt_diagram.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/kruispunt_diagram.jpg" alt="Kruispunt structuur" /></a><br>
Photoshop

Portfolio design 3

2011

Photoshop - Roporto - Roland Makkelie
<strong>Portfolio design 3</strong> 2011-02-02<br><br> Dit is een van mijn eerste portfolio designs. Ik ben helaas het project zelf kwijt, dus hopelijk vind ik het nog een keer. Het design is vooral gefocused op het menu. Doordat ik al langer het idee had om de website zelf ook als portfolio te gebruiken, wou ik graag javascript gebruiken in het menu. <br><br> Het menu bestaat uit 2 vlakken. Het eerste vlak bevinden zich de algemene categorieën. Hoe groter het blokje, hoe meer subjects erin zitten. In het rechter vlak komen de blokjes als er op een globaal subject geklikt is. Als er bijvoorbeeld op "Coderen" gedrukt wordt, komen er in het rechter vlak alle code talen waar ik ooit iets voor gemaakt heb. De blokjes zijn in javascript geschreven en kunnen door de gebruiker worden opgepakt en verslepen worden. Zo is het dus een interactief menu. <br><br>Het eindresultaat was naar mijn idee goed gelukt en ik hoop dat ik het nog ergens op mijn computer tegen kom. Hieronder is een weergave van het design te zien. (Door er op te klikken krijg je een vergrote weergave <br><br> <a href="http://www.wachteven.nl/roporto/images/uploads/webdesign2-big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/webdesign2-big.jpg" alt="portfolio webdesign 1" /></a>
Flash

Verzameling jaar1

2010

Flash - Roporto - Roland Makkelie
<strong>Verzameling jaar1</strong> 2010-12-01 <br><br> Een verzameling van de flashobjecten die ik in jaar 1 voor het vak Flash gemaakt heb.<br><br> <strong>Verzameling jaar 1:</strong> <br><br> <object width="400" height="400" data="http://www.wachteven.nl/roporto/images/flash/I10b_Roland_Makkelie.swf"></object><br><br> <strong>Flash game</strong><br><br> <object width="400" height="400" data="http://www.wachteven.nl/roporto/images/flash/RotheGame.swf"></object><br><br>
Dreamweaver

Deds website

2010

Dreamweaver - Roporto - Roland Makkelie
<strong>Deds website</strong> 2010-01-01</br></br> Dit is één van de eerste websites die ik gemaakt heb. Dit was één van de eerste opdrachten voor Inholland. De bedoeling van de website is dat tijdens de eerste paar jaar van de opleiding het gemaakte werk erop gezet wordt. Uiteindelijk na het eerste jaar werd er niet meer van de studenten verwacht om er werk op te zetten. Tevens was er te weinig ruimte om er überhaupt iets op te zetten. Door op deze <strong><a href="http://home.deds.nl/~498576/roland/index.html" target="_blank">link</a></strong> te drukken wordt je genavigeerd naar de website. Hieronder is nog een screenshot te zien van het design. Het idee achter het design is dat de creativiteit tot uiting komt in het werk.</br></br> <a href="http://www.wachteven.nl/roporto/images/uploads/deds_big.jpg" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/deds_big.jpg" alt="deds website design" /></a>
Other

VPRO filmpje

2006

Other - Roporto - Roland Makkelie
<strong>VPRO filmpje</strong> 2006-08-01<br><br> Dit is een winnend filmpje wat ik voor het programma Achterwerk voor de VPRO heb gemaakt. Ik had het progamma Pivot gebruikt om het te maken. Me vader heeft toen de uitzending weten te bemachtigen en nu staat het filmpje op deze youtube <a href="https://www.youtube.com/watch?v=-aJYj5RYCnU&feature=youtu.be" target="_blank">link</a>. Dit is nog een screenshot ervan:<br><br> <a href="https://www.youtube.com/watch?v=-aJYj5RYCnU&feature=youtu.be" target="_blank"><img class="image_content" src="http://www.wachteven.nl/roporto/images/uploads/youtube_screenshot.jpg" alt="VPRO achterwerk screenshot" /></a>
Press Esc to close
Categorieen - Roporto - Roland Makkelie
1 2 3 4 5