Belisol

De front-end van het carrousel is deze week volledig afgeraakt alsook een WebAdmin onderdeel om de weergave instellingen te beheren. Met dit onderdeel is het mogelijk om de zichtbaarheid van elke eigenschap (stijl, materiaal, …) van een deur in te stellen per weergavetype (website, intranet, excel, pdf). Ook ben ik al begonnen met de export naar excel functionaliteit mbv PHPExcel. Verder moeten er nog een aantal zaken afgewerkt worden in WebAdmin, maar het front-end gedeelte kan al in gebruik genomen worden.

Real life

Vandaag was het mijn laatste stagedag bij Inventis. De stageperiode hier is uitstekend verlopen, ik kon me geen betere stageplek wensen. Graag zou ik bij deze ook even Jan & Jente willen bedanken om me de mogelijkheid te geven om hier stage te lopen, maar ik zou toch ook wel mijn stagementor Tom en de andere collega’s willen bedanken voor de uitstekende begleiding tijdens mijn stage.

First day on the job

Gelukkig eindigt het verhaal hier niet, ik ben sinds gisteren vast in dienst bij Inventis als webdeveloper! Volgende week staat er nog een beetje werk op de planning voor Belisol en ga ik samen met Wim aan Mookum werken. Goed weekend iedereen en tot volgende week!

Belisol

Deze week ben ik samen met Kim begonnen aan een update voor Belisol. We werden gevraagd om een carrousel te maken waarin alle deuren van Belisol weergegeven kunnen worden en waarin er op bepaalde eigenschappen van een deur (stijl/materiaal/…) kan gefilterd worden. Kim heeft het backend gedeelte voor zijn rekening genomen en ik het frontend gedeelte. Nadat de slicing klaar was en Kim de database structuur af had kon ik beginnen met het ingeven van testdata en vervolgens de slicing te integreren.

Fronteers

Donderdagavond stond er weer een meetup van Fronteers op de planning. Tijdens deze meetup werden er 2 talks gegeven, “responsive webdesign” door Thomas Byttebier en “design voor developers” door Johan Ronsse. Beide talks waren goed voorbereid en vrij interessant. Zo weet ik ondertussen dat men bij responsive webdesign best vertrekt met de aanpak “mobile first”, eerst de “mobiele” versie maken en daarna progressive enhancement toepassen voor apparaten die over meer bandbreedte en/of over een groter scherm beschikken. Bij de talk over design voor developers werd aangetoond hoeveel verschil het gebruik van een goed font kan maken, het belang van een grid, kleurgebruik, … Kortom, het was weer een heel interessante Fronteers meetup, zoals we het ondertussen gewend zijn.

Playground

Vandaag was er ook nog even tijd voor een playground, ditmaal over het belang van SSL/TLS. Zoals iedereen ondertussen al weet is het gebruik van certificaten bij webshops van vrij groot belang, maar ook bij bv contactformulieren of community pagina’s kan het belangrijk zijn. Bart legde in zijn presentatie kort de voor- en nadelen van SSL/TLS uit en de hindernissen die hij tegenkwam bij het integreren ervan. Als afsluiter was er nog een (in de ruimste zin van het woord) educatief videofragment over de werking van certificaten.

Volgende week

Volgende week staat er nog een beetje front- en backend werk voor het carrousel op de planning alsook de testing ervan. Ook gaat de laatste week van mijn stageperiode in, dus voorlopig een van mijn laatste posts op deze blog :( Goed weekend iedereen en tot volgende week!

Immo-town

Deze week was vooral gevuld met een update aan immo-town.be. In webadmin was functionaliteit voorzien om een grondplan per nieuwbouwproject te uploaden. Na feedback van de klant bleek dat er mogelijkheid moest zijn om meerdere grondplannen te uploaden. Op deze grondplannen moest dan aangeduid kunnen worden welk gedeelte van het grondplan per appartement beschikbaar was. Omdat het project al redelijk oud was en dus gebruik maakte van een verouderde versie van Ext JS (1.1.1) moest ik redelijk wat opzoeken voor ik echt aan de slag kon met de update. Na een tip van Dirk kreeg de update toch nog redelijk snel vorm en geraakte de planning zo goed als af.

RLKM

Van RLKM heb ik ook nog een aantal mails ontvangen ivm bugfixes. Zo werd er op een boekingsformulier de datum verkeerd opgeslagen en werden bepaalde mails niet verzonden bij een boeking.

Sportix

Van Sportix kreeg ik de vraag of het mogelijk was statistieken van een bepaald product te genereren. Van de NRGY+ producten wou men weten hoeveel terugkerende klanten er waren. Dus hoeveel klanten maar 1 bestelling hadden geplaatst, hoeveel klanten 2 bestellingen hadden geplaatst, … Doordat er nog een hoop werk van immo-town op de planning stond, is deze aanvraag verder afgehandeld door Wim & Kim.

Morgen

Morgen staat er nog een klein beetje werk voor immo-town op de planning. Doordat het werken met Ext JS 1.1.1 niet echt opschoot is de update net niet afgeraakt op vrijdag. Verder staat normaal gezien ook nog een opdracht voor Belisol op de planning. Tot morgen iedereen!

ASL

Door een kleine bug in de webadmin werden artikels opgeslagen onder de verkeerde taalcode. Na een kleine aanpassing aan de combobox waarin de taal van het overzicht gekozen kon worden, werkte het systeem weer naar behoren.

RLKM

Voor RLKM werd ik gevraagd om een zoekvenster in te bouwen in het boekingen overzicht. Door de toevoeging van het zoekvenster kan er nu op een eenvoudige manier gezocht worden op verschillende criteria. Aan het einde van de week kreeg ik ook nog een mail ivm een bugfix aan het boekingssysteem. De mail die hierdoor naar de beheerder verstuurd werd bevatte nog enkele kleine fouten.

Harmony Sweets

Aan de website van Harmony Sweets moesten nog een aantal kleine updates doorgevoerd worden. Zo moesten er een paar teksten en titels aangepast worden en moesten er een aantal “verdwenen” producten verwijderd worden uit de database.

Aquapuur

Aquapuur vroeg om een aantal bestaande arrangementen te vervangen door enkele nieuwe arrangementen. Ook moesten er een aantal teksten aangepast worden aan dit project.

Apex-audio

Van Apex-audio kreeg ik een melding dat er een XSS exploit mogelijk was op het “tell-a-friend” formulier. Na wat opzoekwerk en overleg met Kim heb ik ervoor gezorgd dat een dergelijke exploit niet meer mogelijk was.

Sportix-sportvoeding

Wanneer er via een referral-url een aankoop gedaan werd, kreeg de Klant van het referral-id wel de verdiende credits maar er kwam geen entry bij in zijn credithistoriek. Door een query toe te voegen aan de referral logica werd dit probleem opgelost. Later in de week kreeg ik een nieuwe opdracht ivm Sportix, namelijk het toevoegen van een shaker optie. Wanneer een klant een bepaald product besteld, krijgt deze een gratis shaker toegestuurd met zijn bestelling op voorwaarde dat er nog niet eerder een shaker ontvangen is.

Alpagro-plastics

Bij de website van alpagro-plastics moesten er enkele wijzigingen aangebracht worden aan de structuur van bepaalde teksten en ook werden verschillende vertalingen aangepast waaronder de mailing templates van het contactformulier.

ASL

Vorige week vrijdag kreeg ik de opdracht van Niki om een paar tickets te verwerken ivm een project gemaakt door Stijn voor het bedrijf ASL. Aangezien het project al redelijk oud was, kreeg ik te maken met een oudere versie van webadmin (v3.*) waarmee toch weer net iets anders gewerkt moest worden dan ik tot nu toe gewoon was. Na een paar kleine aanpassingen zoals oa. het toevoegen van teksten, importeren van data uit een csv, … waren de tickets afgewerkt.

Afslanken blog

In de loop van deze week heb ik ook een paar bug reports ontvangen ivm het nieuwe blog voor Afslanken. Door een samenloop van kleine fouten werd de introtekst van een blogpost verkeerd weergegeven, waardoor de gebruiker niet meer op de knop “lees meer” kon klikken. Na een kleine aanpassing (strip_tags) werd de tekst weer op een leesbare manier weergegeven en kon er terug op de knop geklikt worden.

Colson vastgoed

In de website van colson vastgoed zat een kleine bug bij het openen van een lightbox. Doordat er quotes vergeten waren bij een css eigenschap van de lightbox werden bepaalde afbeeldingen niet weergegeven. Na dit aangepast te hebben werkte de lightbox weer naar behoren.

Categorieën

Door de updates aan verschillende projecten is het werk aan het categorieën component een beetje opgeschoven. Vanaf gisteren had ik eindelijk terug tijd om er aan verder te werken. Nadat ik vandaag nog enkele aanpassingen gemaakt had, vroeg Wim om het component eens te testen in een project waar hij momenteel mee bezig is. Tijdens het testen bleek al snel dat er toch nog enkele bugs in het component zaten. Omdat de bugs voornamelijk plaatsvinden tijdens het laden van de data, ga ik dit deel eens herbekijken en kijken wat er beter kan.

Volgende week

Dankzij Tom heb ik ook een zicht op de planning van de komende weken, zo mag ik binnekort meewerken aan enkele projecten van oa. Visit Oostende, ImmoTown en Belisol. Weer wat om naar uit te kijken dus, maar nu is het weer tijd voor het weekend! Tot volgende week!

Publisor

Dinsdag werd ik gevraagd om een kleine aanpassing door te voeren aan de website van Publisor. Op de dienstenpagina moest afbeelding & slider met thumbnails vervangen worden door slider met afbeeldingen met een groter formaat. De aanpassing zelf verliep vrij vlot, buiten een paar kleine fixes in Internet Explorer 6.

Afslanken blog

Nadat ik klaar was met de aanpassing aan de dienstenpagina van Publisor, werd ik gevraagd om de data van een WordPress blog (post, categorieën, commentaar, tags) om te zetten naar een structuur die bruikbaar was voor de door Inventis gemaakte blog module. Deze omzetting verliep over het algemeen ook vrij vlot aangezien er in wordpress op een eenvoudige manier een XML bestand kan gegenereerd worden van de reeds aanwezige data. Eens ik dit XML bestand had kon ik er mbv PHP (simpleXML & XPath) de nodige data uithalen en dit omvormen naar de nieuwe structuur. Op woensdag is de overgang van het oude WordPress blog naar het nieuwe blog dan ook ingezet, na enkele minuten was alle data verhuisd naar het nieuwe systeem en werden ook alle oude links doorverwezen naar het nieuwe subdomein van het blog.

Marcel

De laatste todo items ivm Marcel II zijn deze week ook afgewerkt. Zo is Deep Freeze geïnstalleerd en bevatten de moderne browsers developer tools om het testen te vergemakkelijken.

FeWeb On Tour ‘11

Dinsdagavond stond FeWeb On Tour op de planning. FeWeb is een vereniging voor web professionals die regelmatig meetings/bijeenkomsten organiseerd. Deze keer vond de bijeenkomst plaats in de gebouwen van PHL. Er waren enkele interessante presentaties over oa. cloud computing, juridische aspecten ivm web development, … Na de presentaties was er nog een kort netwerkmoment en zijn we met een deel van de aanwezigen nog een hapje gaan Eten bij “De Groene Hendrikx” te Hasselt.

Ticket To Ride

Woensdagavond was het tijd voor een teamactiviteit. Jan had een spelavond georganiseerd rond Ticket To Ride. Ticket To Ride is een gezelschapsspel waarvan het doel is om routes tussen verschillende steden uit te stippelen gebruik makend van wagons. Voor elke wagon die geplaatst werd kreeg de speler punten en de speler met de langste route kreeg op het einde van het spel nog eens 10 punten bij. We hebben zowel de Europese als de Amerikaanse versie gespeeld, het enige verschil tussen de twee is dat bij de Europese versie de moeilijkheidsgraad net een tikkeltje hoger ligt. Bij de Europese versie moest er namelijk gebruik gemaakt worden van tunnels en ferry’s wat het tactisch aspect toch wel wat veranderde.

Volgende week

Na een week vol met updates aan projecten voor klanten en leuke avonden is het nu tijd voor een luilekker verlengd weekend. Goed weekend iedereen en tot volgende week!

Categorieën

Deze week heb ik de laatste aanpassingen gemaakt aan het categorieën component. Buiten een paar module afhankelijke configuratie instellingen is nu alle logica gecentraliseerd in één module. Ook de data die wordt opgeslagen in de database bevindt zich nu op een centrale plaats. Er is een tabel aanwezig voor algemene instellingen en een tabel voor data mbt vertalingen van categorieën.

Stagebezoek

Woensdag was het tijd voor het eerste bezoek van mijn stagebegleidster Mevr. Raymaekers. Eerlijk gezegd had ik nog nooit eerder kennis gemaakt met Mevr. Raymaekers, maar ze bleek al snel een zeer sympathieke vrouw te zijn met kennis van zaken. Na een interessante babbel kreeg ik te horen dat er volgend jaar redelijk wat ging veranderen aan mijn huidige opleiding. Zo bleek dat PHL ging fuseren met XIOS, waardoor er ruimte was voor vernieuwing van de opleiding. Mevr. Raymaekers vroeg dan ook wat er verbeterd kon worden en reageerde zeer positief op onze voorstellen. Één van de voorstellen was het verder specialiseren van de opleiding, nu is het namelijk zo dat we een heel uitgebreid lessenpakket krijgen, waardoor we een heel breed kennisgebied overhouden aan het einde van de opleiding. Naar mijn insziens zou het beter zijn moest er een een mogelijkheid zijn om keuzemodules op te nemen, zodat er meer ruimte is voor specialisatie in één bepaald kennisgebied.

Marcel II

Wegens groot succes van Marcel I werd ik donderdag gevraagd om een tweede testcenter te installeren. Een laptop identiek aan Marcel I, met daarop 4 verschillende besturingssystemen, voor elke Internet Explorer versie een apart OS. Zoals eerder al uitgelegd, is Inventis veranderd van aanpak qua testing. Vroeger gebeurde dit met een centrale desktop computer met daarop enkele VMs, ook had elke medewerker zijn eigen versie van de geïnstalleerde VMs ter beschikking voor testing.

E-commerce & privacy

Vandaag stond er een externe playground op de planning. Matthias Dobbelaere van de firma MyLex kwam uitleg geven over de aandachtspunten mbt het verwerken van bestellingen, het opslaan en verwerken van persoonsgegevens, kortom alles wat juridisch bij het proces e-commerce komt kijken. Veel informatie was voor de hand liggend, maar daarom niet minder interessant. Kort samengevat was dit een heel interessante playground waarbij zo goed als alle juridische aspecten en valkuilen mbt e-commerce werden toegelicht.

Volgende week

Volgende week staat de verdere aanpassing van de shop module op de planning alsook de integratie en testing van het vernieuwde categorieën component.
Goed weekend iedereen en tot volgende week!

Ext JS logica

Om het component te maken moest ik gebruiken maken van Ext JS. Ext JS is zoals al eerder vermeld een heel krachtige JavaScript library waarmee snel user interfaces opgebouwd kunnen worden. Dat Ext JS krachtig is kan ik beamen, maar dat je er snel een user interface mee opgezet hebt is iets anders. Dit komt natuurlijk voornamelijk omdat ik er nog niet zoveel ervaring mee heb, wat deze week toch wel de nodige frustraties heeft opgewekt. In het component wordt er gebruik gemaakt van comboboxes om op een eenvoudige manier categorieën en subcategorieën te selecteren. Zoals gezien kan worden in Figuur 1 wordt er dmv inspringingen een duidelijk onderscheid gemaakt tussen hoofd- en subcategorieën.

De technische aanpak van het component is vrij eenvoudig uit te leggen, in elke combobox zit een resultset met alle categorieën en subcategorieën, welke bij selectie van een bovenliggende categorie gefilterd wordt. Eens de gebruiker klaar is met het selecteren van de laatste categorie, wordt hiervan het id en het id van de bovenliggende categorie opgeslagen in de database. Zoals eerder vermeld verliep het ontwerpen van het component vrij stroef, maar de reden hiervoor lag vooral bij mijn gebrek aan ervaring met Ext JS en de manier waarop Ext JS in elkaar zit (niet altijd even logisch).

Figuur 1

Playground

Deze week was het ook weer tijd voor een playground. Tijdens de playground werden best practices besproken ivm formulierontwerp. Uit deze best practices bleek oa. dat labels best boven formuliervelden geplaatst worden, omdat de eindgebruiker dan zo weinig mogelijk moeite moet doen om het formulier te “scannen” en in te vullen. Best practices zijn wel handig, maar wie bepaald dat het best practices zijn? Dit wordt voornamelijk gedaan aan de hand van A/B testing. Bij A/B testing krijgen verschillende gebruikers hetzelfde formulier te zien, maar in een andere vorm/structuur. Uit de resultaten van deze tests kan dan opgemaakt worden welk formulier het meest efficiënt ingevuld werd.

Volgende week

Na een week vol Ext JS geweld is het nu tijd voor het weekend, even ontspannen dus en al rustig nadenken over de planning van volgende week. Goed weekend iedereen en tot volgende week!

Keeping busy

Omdat het werk aan de frontend zo goed als voltooid was, kreeg ik dinsdagnamiddag van Stijn een nieuwe opdracht waaraan ik de komende week ga werken. Deze opdracht omvatte het opzetten van een demo website waarin alle aanpassingen aan de frontend in voorkomen. Eens deze website af is kan er dan ook gemakkelijk een showcase gegeven worden aan de klant zodat deze een indruk krijgt van de werking en de mogelijkheden van webadmin.

Shop/Producten

Zoals ik eerder al aangaf is het werk aan de frontend van alle modules zo goed als voltooid. Dit is wel buiten de shop/producten module gerekend, deze modules moeten volgens een bepaald wireframe uitgewerkt worden, maar de webadmin interface was niet voorzien op de structuur van dit wireframe. Het wireframe bevatte namelijk categorieën en subcategorieën, wat momenteel nog niet geïntegreerd is in de interface. Na een meeting met Chris over de aanpak van het geheel bleek dat ik het bestaande categorieën Ext JS component mocht aanpassen zodat er mogelijkheid zou zijn tot het toevoegen van subcategorieën. Volgens de denkwijze van DRY, kreeg ik ook de opdracht om controllers en models toe te voegen aan het component. Op dit moment wordt er namelijk in elke module ongeveer dezelfde logica uitgevoerd om categorieën op te halen, toe te voegen, te bewerken of te verwijderen. Door deze logica te verplaatsen naar het categorie component wordt de codebase onderhoudsvriendelijker en kan deze dus gemakkelijker aangepast worden.

Volgende week

Zo, het zit er weer op, tijd voor het weekend! Volgende week ga ik verder met Ext JS voor het categorie component en staat ook de demo website op de planning. Goed weekend iedereen en tot volgende week!

Deep Freeze

Deep Freeze zorgt ervoor dat er een soort van snapshot van de huidige configuratie en installatie wordt genomen en dat deze iedere keer Marcel heropstart terug ingeladen wordt. Doordat de basisconfiguratie en installatie iedere keer opnieuw wordt geladen blijft Marcel optimaal werken.

Frontend

Tijdens en na de installatie van Marcel heb ik verder gewerkt aan de frontend van de gestandaardiseerde modules. Deze week waren de nieuws, contact, download, links, filialen en vacature module aan de beurt. De nieuws module was vrij snel klaar doordat deze van structuur veel gelijkt op de blog module. Van de contactmodule moest de structuur aangepast worden zodat alles beter paste en ook moest het formulier nog styling krijgen volgens de Twitter Bootstrap. Bij de downloads en links module moest enkel de structuur aangepast worden en een paar knoppen toegevoegd worden.

Problem (solving)

Toen ik aan de filialen module wou beginnen merkte ik al snel dat er een probleem was met de configuratie van mijn web server. De benodigde JavaScript bestanden werden namelijk niet ingeladen. Het probleem lag bij een RewriteCond die volkomen genegeerd werd, het rare hiervan was dat deze regel op alle andere systemen wel werkte, waardoor het heel moeilijk was (en nog steeds is) om een oplossing te vinden.

Zoekt u werk?

Als laatste was de vacature module aan de beurt. Na overleg met Tom bleek dat er ook aan de backend veranderingen aangebracht moesten worden. Volgens het wireframe moest er ook een contract type getoont worden, maar hiervoor was geen mogelijkheid voorzien in de backend, dus moest ik met Ext JS aan de slag om een combobox in te bouwen die mbv een AJAX request een JSON resultset ophaalde uit de database. Eens deze combobox gevuld was met resultaten kon het contract type opgeslagen en getoond worden in de frontend.

Playground

De playground van deze week ging voornamelijk over testing. Door gebruik te maken van een dienst genaamd Litmus kunnen er nu eenvoudig mailings getest worden op wel 33 verschillende clients. Het enige wat de tester moet doen is een nieuwe test aanmaken in Litmus en een mailing sturen naar het van Litmus verkregen emailadres. Eens Litmus klaar is met de screenshots van de verschillende clients te nemen, krijgt de tester een overzicht van hoe de mailing in alle geselecteerde clients er uit ziet. Verder werd ook het gebruik van het “nieuwe” testcenter besproken en werden er suggesties aangebracht voor extra software die op Marcel kan geïnstalleerd worden om het leven van de testers nog gemakkelijker te maken.

Volgende week

Er zijn nu al 4 weken voorbij, maar mijn stageperiode blijft even interessant als de eerste dag dat ik hier begon. De dagelijkse activiteiten gaande van nieuwe technieken bijleren tot het oplossen van problemen hebben ervoor gezorgd dat de eerste maand voorbij is gevlogen. Ik kijk dan ook uit naar volgende week, een week vol frontend (en misschien ook backend) werk aan de gestandaardiseerde modules. Goed weekend iedereen en tot volgende week!