Home » Portfolio

Portfolio van Bob Fanger

Advanced Engineering

Advanced Engineering

Website
AdvancedEngineering.nl
Released
Maart 2010
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
Beijerbouw website Trinity projectontwikkeling website
Released
Februari 2010

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
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
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

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
Een rewrite van de hotelspecials website en bijgehorende backoffice systemen.
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.


Deze website

Buckaroo

Website
HotelCadeau.nl
Released
Begin 2008

HotelCadeau uitgebreidt met online betalingsmogelijkheden, waaronder iDEAL. Met name iDEAL is "vervelend" omdat op het moment van bestellen de betaalstatus onbekend is.

Zodra de bezoeker naar de de website van de bank gaat, krijgt hij na betaling het volgende scherm te zien:
Betaling voltooid
Ga terug naar de webpagina

Als de bezoeker dan het venster sluit, wordt de success_url nooit bezocht.
Daarom hebben we besloten de bestelling in de "half af" toestand op te slaan in de database vóór het betalen. Vervolgens wordt periodiek betaalstatus opgevraagd aan de payment provider. Zodra de betaling succesvol blijkt, wordt de de bestelling afgerond en volgt de normale afhandeling


HotelCadeau website versie 2

HotelCadeau v2

Website
HotelCadeau.nl
Released
Juli 2007

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

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

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 meganische in te bouwen.

Deze keer werd de backend met rust gelaten.