Week 5 - vindlastminute is born!

Een frisse dauwwandeling met het inventisteam deze morgen heeft me de kracht gegeven om vandaag de laatste details van mijn persoonlijk project: vindlastminute af te werken.

De site is momenteel up and running, laat de eerste sales maar komen (En snel, want momenteel staat de site nog gelinkt aan mijn eigen tradetracker account :D).

Wat is er allemaal gedaan?

De vorige blogposts hebben je alvast wat kleine chunks aan informatie bezorgd over mijn bezigheden aan de vindlastminute website. Aangezien ik de ganse week besteed heb aan de afwerking ervan zullen jullie vast benieuwd zijn naar het hele proces achter deze website.

Design

Aangezien vindlastminute een stuk minder informatie weer moet geven dan worldexplorer was er voldoende ruimte om de creativiteit te uiten. Ik begon uiteraard eerst met het ontwerpen van een logo. Een 16tal variaties werden uitgewerkt en ik liet daarbij een aantal mensen uit het team stemmen. Toen deze knoop uiteindelijk werd doorgehakt was het tijd om aan de webtemplate te beginnen. Een mooie grote header was hier, anders dan bij worldexplorer, wel mogelijk. De site moest een vakantiegevoel uitstralen: uitzicht op zee, zittend in je luie stoel op het strand van één of andere exotische locatie. Ik ging op zoek naar stockfoto’s van de beste kwaliteit en combineerde deze tot een geheel dat hopelijk het vakantiegevoel, maar ook de sales vergroot.

(x)HTML & CSS

Vindlastminute moest en zou een site worden die toegankelijk zou zijn met eender welk browsertype. Met IE6 als grootste vijand ging ik met de testpc de strijd tussen de browsers en de (x)HTML & CSS code aan. Uiteindelijk was alles tot in de puntjes verzorgd, waarna het coderen uiteindelijk kon beginnen.

XML

Aangezien vindlastminute een affiliate-website is, wordt er gewerkt met XML feeds die via tradetracker verkregen worden. Een keuze moest worden gemaakt: Laden we de XML real-time in, of slaan we deze op in de database? Het afhankelijk zijn van de uptime van tradetracker leek niet zo evident, waardoor het opslaan in de database de meest logische keuze leek. Via een cron job zou dit dagelijks moeten gebeuren.

PHP & MYSQL

Al gauw werd dus mijn eerste PHP code voor dit project geboren: het inladen van de XML velden van elke affiliate en ze in de juiste MySQL tabellen droppen. Aangezien ik altijd al met de, toch wel achterhaalde, manier van coderen werkte waarbij mijn PHP en (x)HTML helemaal in elkaar verweven raakten, vond ik het tijd voor verandering. Ik moest en zou Object Oriented Programming (OOP) beter onder de knie krijgen. Met enige trots kan ik toch wel zeggen dat ik in mijn opzet geslaagd ben.

JS & AJAX

Als je op vindlastminute naar een reis zoekt ga je nooit last hebben van een page-refresh. Alle mogelijke acties die een verandering van de inhoud als gevolg hebben worden via de AJAX functie van het mootools framework gecalled. Verder werd er ook cufon gebruikt om non-websafe fonts weer te geven.

Smarty

Een van de dingen die ik zeker wou leren tijdens mijn stage, een template engine. Mijn medestagiair Philippe had wat tijd voor me vrij gemaakt om de werking ervan uit te leggen en al een klein stukje te schrijven voor mijn project. Ik ga smarty zeker en vast nog gebruiken in toekomstige projecten!

Als afsluiter

Tot volgende week, dan ga ik me bezighouden met de nederlandstalige (.nl) versie. Bij deze wil ik ook iedereen van het team bedanken die me heeft geholpen om deze website tot een goed einde te brengen.

Een reactie op “Week 5 - vindlastminute is born!”

  1. Kristof Houben zei op 23/04/2010 om 20:00,

    Prachtig design, zoals we ‘gewoon’ zijn van je.

    Leuke coding, één enkele opmerking om toch pietje precies uit te hangen.
    Ik zou van de meer aanbiedingen ‘knop’ een sprite maken met de verschillende states aangezien de afbeelding vrij groot is duurt het laden van de hover state toch wel even.

    Leuk concept, goede uitwerking, chapeau !

    Mvg,

    Kristof


Reageren