Stageblog Stien

DINSDAG 10/02

Kennismaking en installatie

De eerste kennismaking met mijn stagebegeleider, Lowie, ligt al eventjes achter de rug, die vond plaats vóór het begin van de examenperiode, toen ik het stagecontract kwam afgeven.Voor de mensen die zich afvragen wat Benfenster nu juist doet, heb ik even de beschrijving van de site (www.benfenster.net) geplukt:

Benfenster geeft jou een plaats in de online wereld. Met jarenlange ervaring in webontwikkeling levert Benfenster in samenwerking met Stans (Design partner) een afgewerkt product. Van Website over Multi-media applicatie tot eigen op maat gemaakte software.

Stijn van Stans (www.stans.be) had ik nog niet ontmoet bij de eerste kennismaking.
Mijn eigen voorstellen aan Stijn en een beetje verduidelijken wat mijn achtergrond is, was dus een van mijn taken die voormiddag

In het gebouw waar Benfenster en Stans hun bureau hebben, zitten ook nog enkele andere bedrijfjes, onder andere Comm’sa (www.commsa.be), een communicatiebureau en de Belgian Button Company (www.belbut.be). We zijn eventjes bij de verschillende mensen gegaan om een goededag te zeggen en er bij te vertellen dat ik voor een tijdje dus ook in het gebouw daar aanwezig zal zijn voor mijn stage (zodat ze niet zouden verschieten wanneer er plots een vreemde in de gemeenschappelijke keuken staat).

Vervolgens was het tijd om enkele noodzakelijke dingen in orde te brengen. Het bureau waar ik voor de rest van de stage aan zal werken word voorzien van een netwerkkabel zodat opzoekwerk op internet (en toegang tot de webspace) mogelijk word. Bij een stage rond webontwikkeling hoort uiteraard ook een stukje webspace voor testdoeleinden en voor deze blog het daglicht te laten zien.

Overleg rond opdracht en verder stageverloop

Benfenster maakte in het verleden een website voor Multi (www.multi.be), een project- en detacheringsbureau. Een vernieuwing van de website staat op de planning bij Multi en Benfenster, en die valt niet veel later dan de aanvang van mijn stage, met het logische gevolg dat deze opdracht hoogstwaarschijnlijk aan mij wordt toegewezen.

Op 24 februari komt iemand van Multi naar het bureau van Benfenster in Gent om een overleg te doen rond het project en verdere afspraken te maken.

Het ontwerp en de layout van de pagina’s wordt door Multi zelf aangeleverd, het omvormen naar bruikbare HTML/CSS en het implementeren van de nodige functionaliteiten zal door Benfenster gebeuren (en specifieker dus de inhoud van mijn eerste opdracht).

Aangezien de opdracht zelf dus nog niet volledig omlijnd is (dit zal pas maar mogelijk zijn na het overleg met de klant), kan er nog niet direct begonnen worden met de uitvoering ervan.

In de aanloop naar de vergadering met de klant moet ik nu bekijken welk systeem er het best gebruikt wordt om de site te realiseren, een open-source of betalend content-management-systeem (dat voldoende aanpasbaar is aan de nodige functionaliteiten)?, custom code?, custom code met een framework als basis? Het is dus de bedoeling dat ik de verschillende mogelijkheden ga bekijken en uittesten zodat er op een later punt een beslissing kan genomen worden.

Zoektocht naar een passend systeem van werken

Regelmatig lees je op verschillende forums, blogs en artikels over het gebruik van Frameworks bij het ontwikkelen van moderne websites. Deze frameworks implementeren veelgebruikte en noodzakelijke functionaliteiten voor het bouwen van websites (en online applicaties) op een consistente manier in een library/codebase. Dit kan de ontwikkelsnelheid aanzienlijk verbeteren, de veiligheid en het opsplitsen van de verschillende onderdelen in logische eenheden ten goede komen.

Een overzicht van veelgebruikte web-application-frameworks (en specifieker deze voor PHP) zijn hier (http://en.wikipedia.org/wiki/List_of_web_application_frameworks#PHP ) te vinden.

Veel van deze frameworks benaderen het MVC patroon voor het ontwikkelen van websites/applicaties.

http://en.wikipedia.org/wiki/Model_View_Controller (Engels)
http://nl.wikipedia.org/wiki/Model-view-controller-model (Nederlands)

Korte omschrijving uit het Engelse Wikipedia artikel:

MVC is often seen in web applications, where the view is the actual HTML or XHTML page, and the controller is the code that gathers dynamic data and generates the content within the HTML or XHTML. Finally, the model is represented by the actual content, which is often stored in a database or in XML nodes, and the business rules that transform that content based on user actions.

Nu leek het me wel interessant om zo’n framework te leren gebruiken en toe te passen op een opdracht om zo de principes van het opsplitsen van functionaliteit, herbruikbaarheid van code en goede ontwerpbeslissingen verder uit te diepen en onder de knie te krijgen.

Expression Engine (en aankomende versie 2)

Lowie vroeg me om eens naar Expression Engine (www.expressionengine.com) te kijken (een CMS waarvoor je een licentie moet nemen als je het commercieel wilt gebruiken), ze hebben dit systeem in het verleden al eens getest voor een bepaalde website en het is een krachtig CMS. De mensen achter EE zijn momenteel het hele CMS aan het herschrijven met als basis het CodeIgniter PHP-framework (www.codeigniter.com), dat werkt volgens het MVC patroon. De twee komen immers uit dezelfde stal, namelijk http://ellislab.com/products/ , maar blijkbaar maakt Expression Engine versie 1.x dus geen gebruik van hun eigen framework. Expression Engine 2, waar nu aan gewerkt wordt, zal als basis CodeIgniter hebben en opgebouwd worden volgens de bovenstaande principes.

Na wat rond te hebben gesnuffeld op Expression Engine’s development blog, kunnen we opmaken dat het omzetten van de code naar het nieuwe systeem meer tijd in beslag neemt voor de developers dan gepland. (blogpost: http://expressionengine.com/blog/entry/whats_taking_so_long/)

Het voorstel naar mijn stagebegeleider, Lowie, toe was dus om het CodeIgniter framework eens grondiger te bekijken en er een kleine toepassing mee te bouwen als eerste oefening. Lowie stelde voor dat ik startte met het uitwerken van een eenvoudig blogsysteempje om zo de verschillende klassen en mogelijkheden aan te leren.

Installatie van WordPress blog

Nadat ik de FTP en database gegevens ontvangen had voor het testdomein was het tijd om een WordPress-blog op te zetten zodat ik het verloop van de stage hierop kwijt kan (als het ware een stagedagboek). Die blog ben je uiteraard dus op deze eigenste moment aan het lezen

WOENSDAG 11/02

Installatie van het CodeIgniter framework op een testdomein en lokaal op de laptop.

Het lezen van de documentatie op http://codeigniter.com/user_guide/ en tegelijkertijd al wat eenvoudige functies uittesten (opzet van controller en view, een form in de view en functies in de controller die de formdata valideren)

Uittesten van url routing en mapping op functies in een bepaalde controller.

DONDERDAG 12/02

Ontwerp van een eenvoudige database in MySql Workbench voor het oefen-blogsysteem.

Script genereren en aanpassen zodat het zonder fouten kan geïmporteerd worden in phpMyAdmin.

Screencasts bekeken van Elliot Haughin rond CodeIgniter:
http://www.haughin.com/screencasts/

HMVC Modular Extensions (http://codeigniter.com/wiki/Modular_Extensions_-_HMVC/) bestudeerd rond het modulair opzetten van een CodeIgniter project zodat deze modules later eenvoudig hergebruikt kunnen worden in andere projecten, om zo meer onafhankelijkheid te creëren.

VRIJDAG 13/02

Het uitwerken van de mappenstructuur voor de modules overeenkomend met het database-ontwerp.

Login templates aangemaakt voor het admin gedeelte en code voorzien in de admin controller om een admin te authenticeren en zo de juiste toegang te geven tot de controller en de juiste routing uit te voeren.