Portfolio van Bob Fanger

Layergloss - Online App Creator

Layergloss - Online App Creator

Website
Layergloss.com/app
Released
Q1 2013
Werkgever
De "Online App Creator" is een webapp waarmee je gezamelijk een iPad applicatie kunt bouwen op basis van voorgedefineerde templates. Voor dit project heb ik o.a. Backbone.js gebruikt.
C1000 - je weet nu

C1000 - Je weet nu!

Website
jeweetnu.nl
Released
Q1 2013
Werkgever
De C1000 - Je weet nu is een kenisquiz voor kinderen met een oefen, 2 speler & online modes. Voor dit project is o.a. Raphaël, Backbone.js & GSAP TweenMax gebruikt.
Gift 2 Gether

BookIt - Gift2Gether

Website
fb.com/gift_together/
Released
Q1 2013
Werkgever
De C1000 - Je weet nu is een kenisquiz voor kinderen met een oefen, 2 speler & online modes. Voor dit project is o.a. Raphaël, Backbone.js & GSAP TweenMax gebruikt.
Kerstman op pad

Kerstman op pad

Website
Kerstmanoppad.nl
Released
Q4 2011
Werkgever
Ik ben bij dit project betrokken om een aantal pagina's te stylen en client-side validatie toe te voegen.
Grand'Italia Reizen Campagne

Grand'Italia - Reizen

Website
reizen.granditalia.nl
Released
Q3 2011
Werkgever
Voor deze campagne werd er gebruik gemaakt van zowel de Hyves als de Facebook API om vrienden uit te nodigen om deel te nemen aan de actie.
Mijn Beurswaarde

Alex - Mijn Beurswaarde

Website
MijnBeurswaarde.nl
Released
Q3 2011
Werkgever
Voor deze campagne moest ik een koppeling realiseren tussen de Linkedin API en de beursgenoteerde bedrijven en vervolgens de actuele financiele gegevens opvragen via de Google Finance & Yahoo Finance API's.
Remmert Dekker

Remmert Dekker

Website
RemmertDekker.nl
Released
Q3 2011
Werkgever
Mijn taak binnen dit project was om de laatste 40% van de functionaliteit in te bouwen en er voor te zorgen dat de site het ook in Internet Explorer & Firefox bekeken kon worden. Voor deze op Wordpress gebaseerde website heb een custom wordpress plugin geschreven waarmee je de site-specifieke pagina instellingen kan beheren.
Fleura Metz

FleuraMetz

Website
FleuraMetz.com
Released
Q2 2011
Werkgever
Dit project draaide om een nieuwe look & feel te geven aan de bestaande fleura website. Mijn taak binnen dit project lag op de front-end, met name de speelse elementen zoals de bloem en de tekst effecten in de kopjes waren een leuke uitdaging. Daarnaast worden de selectieboxes gestyled in de nieuwe fleura stijl d.m.v. een zelf geschreven jQuery plugin.
EPiServer Intranet

EPiServer Intranet

Released
Q4 2010
Werkgever
Een Intranet website op basis van EPiServer, een op ASP.NET platform draaiend CMS systeem. Ik ben halverwege het project ingestroomd en heb de backend en frontend overgenomen. Dit project was mijn eerste ervaring met C#, .NET en EPiServer. Met name de trage change-compile-debug cyclus van dit platform valt mij erg tegen. De gedateerde Windows XP workstation en trage software configuratie hielpen ook niet mee.
Advanced Engineering

Advanced Engineering

Website
AdvancedEngineering.nl
Released
Maart 2010
Werkgever
Een website waarvan het aangeleverde design geinspireerd is door de (reeds vernieuwde) allsecure.nl website.
Het ontwerp bevat diverse animaties voor de overgangen tussen de "pagina's", dit is met behulp van jQuery gerealiseerd. Helaas werken niet alle browsers hetzelfde en kwam er een hoop testen bij kijken. Met name WebKit (Google Chrome & Safari) gaf problemen.
Om de website zoekmachine vriendelijk te maken, is de website zo opgezet dat deze ook blijft werken als javascript is uitgeschakeld. Ook is er rekening gehouden met het "vernieuwen" en "doorsturen van de url". D.m.v. de #hash wordt bepaald welk content blok er getoond moet worden.
Beijerwonen website

Beijerbouw

Websites
Beijerbouw.nl
 
Trinity-projectontwikkeling.nl
 
Beijerwonen.nl
Released
Februari 2010
Werkgever

Een website-familie die vanuit een zelf ontwikkeld CMS te beheren is.
De afbeeldingen die aan de rechterkant van de pagina getoond worden, kunnen via drag & drop gesorteerd worden. Deze versie van het CMS, gedoopt WMS Micro kenmerkt zicht door een live preview.

Blog door Vera Peerdeman

Nassau Fondswerving

Websites
Nassau.nu
 
VeraPeerdeman.blogspot.com
 
RamsesFondsenwerving.blogspot.com
Released
Februari 2010
Werkgever
De blogwebsites van de Nassau ontworpen met photoshop en vervolgens omgezet naar een blogspot template. Daarnaast de homepage van nassau.nu aangepast, zodat deze de meest recente tweet vanaf Twitter ophaalt en de laatste posts van blogspot.
Ook heeft de nassau.nu een RSS feed wat een combinatie is van de twee blogspot feeds. Dit heb ik gedaan met behulp van Zend_Feed van het Zend Framework
Q plast

Q-Plast

Website
Q-Plast.nl
Released
Februari 2010
Werkgever
Voor Q-Plast heb ik het design gemaakt. Om het stukadoor thema te benadrukken heb ik voor een spachtelputz achtergrond gekozen.
Reserveren bij Zeesterren.be

Zeesterren

Website
Zeesterren.be
Released
December 2010
Werkgever

Een website waar je een appartment kunt reserveren. Deze maakt o.a. gebruik van jQuery validate. Voor de kalender is er aangepaste versie van jQueryUI's datepicker gebruikt. Daarnaast krijg je de prijsberekening al tijdens het invullen van het formulier te zien.

Hotelspecials.nl versie 4

Hotelspecials v4

Website
Hotelspecials.nl
Released
Augustus 2009
Werkgever
Een rewrite van de hotelspecials website en bijgehorende backoffice systemen. Mijn taak binnen dit project was het omzetten van de oude database naar de nieuwe database structuur. Aan de conversie scripts is geduurde het gehele project gesleuteld, dit komt omdat zowel de brondatabase(s) en de doeldatabase gedurende het project qua inhoud en structuur werden bijgewerkt. Ik heb hierbij veel geleerd over PHP & MySQL optimalisatie. De uiteindelijke import duurde 'slechts' 2:30
Deze website

BFanger.nl

Website
bfanger.nl
Released
Januari 2009

Deze website is maakt gebruik van het SledgeHammer PHP Framework en draait op een WD My Book World Edition netwerkschijf.

Vanwege de relatief trage ARM CPU in deze machine is er volop gebruik gemaakt van diverse caching technieken en zijn er diverse optimalisaties doorgevoerd in het SledgeHammer Framework.
Hiervoor is de afhankelijkheid van Smarty Template Engine weggewerkt, aangezien deze een lichte vertraging veroorzaakte.

HotelCadeau website versie 2

HotelCadeau v2

Website
HotelCadeau.nl
Released
Juli 2007
Werkgever

Na ervaring opgedaan te hebben met de eerste hotelcadeau website is er begonnen aan de 2de versie. De frontend website heeft een facelift gekregen en de mogelijkheid om de kaart direct naar de begustigde te sturen. (Met eventueel een persoonlijk bericht op de brief)

Maar de verbeterpunten zaten met name in de backoffice en afhandeling. In plaats van codes op bonnen printen (die vanwege hun materiaal en formaat steeds vast bleven zitten in de printer) werden de bonnen voorbedrukt met (bar)codes. Om het proces te versoepelen moesten er barcodes (van het bestelnummer) op de brief geprint worden.

HotelCadeau website versie 1

HotelCadeau

Website
HotelCadeau.nl via archive.org
Released
2006
Werkgever

HotelCadeau is een site waar je een voucher (tegoedbon) kunt bestellen voor een hotel overnachting. De frontend website is vrij eenvoudig en was snel gemaakt.

Er is redelijk wat tijd gaan zitten in de automatisering van de backend. Op de bonnen moest namelijk een validatie code en een verloopdatum geprint worden. In PHP roep ik Microsoft Word aan (m.b.v. COM) om zodoende een template aan te passen en deze naar juiste printer/lade te sturen. Ook wordt Word gebruikt om de begeleidende brief af te drukken. Dit is een gegenereerd html bestand, maar vanwege het briefpapier was het fijn dat je in Word marges kan instellen.

HotelSpecials website versie 2

Hotelspecials v3

Website
Hotelspecials.nl
Released
Juni 2006
Werkgever

Ook deze keer kreeg de website een facelift, maar dat spreekt eigenlijk voor zich. De versienummers worden vaak bepaald door de look & feel van een applicatie.

Voor deze release is de zoekengine herschreven. De oude "Zoek beschikbare hotels" engine was erg traag en veroorzaakte veel database-locks door het veelvuldig gebruik van "SELECT DISTINCT ..." Niet alleen werd de de engine een stuk sneller, het werd een stuk eenvoudiger om nieuwe zoekkriteria toe tevoegen. Hierdoor werd het mogelijk om een drilldown meganisme in te bouwen.

Deze keer werd de backend met rust gelaten.

DISCLAIMER
De bovenstaande projecten zijn in gerealiseerd tijdens mijn dienstperiode bij de diverse werkgevers. Voor de projecten ben over het algemeen pas in de bouwfase betrokken en is de concept & design fase al door overige werknemers/partijen uitgevoerd.