Weekoverzicht Week 7

<Logtabel met mijn taken en de uren die ik gespendeerd heb aan deze taken>.

Dag 1 (19 maart)

Deze dag bestond mijn taak erin het overzetten van een website naar een Joomla-platform. Dit heb ik vorige week reeds uitgebreid besproken, dus voor meer info zie “Weekoverzicht Week 6″.

Dag 2 (20 maart)

Normaal gezien zou ik mij ook hebben bezig gehouden met het porten van de website naar Joomla, maar doordat ik contact heb gehad met de ontwikkelaar van de PDF-export. Deze had nog een paar opmerkingen en tips om errors te voorkomen. Opdat ik hem zo snel mogelijk een antwoord kon geven over het feit of zijn opmerkingen effect hadden, heb ik dit zou snel mogelijk toe gepast.

Het heeft wel wat tijd gekost en er werden een deel mails heen en weer gestuurd, maar uiteindelijk ben ik er toch in geslaagd om de grootste errors te elimineren.

Dag 3&4 (21-22 maart)

Aangezien de grootste problemen met de PDF-export van de baan waren, kon ik terug verder werken aan het porten van de website naar Joomla. Wederom zie “Weekoverzicht Week 6″ voor meer info.

Dag 5 (23 maart)

Nu de porting van de website naar Joomla in theorie voltooid zou moeten zijn, stond mij een andere taak te wachten.

Een tijdje geleden heb ik jullie verteld over een applicatie die het gemakkelijker zou maken om screenshots te nemen van webpagina’s. Zie “Weekoverzicht Week 5 – Dag 4″ voor meer info. Blijkbaar ging deze applicatie nog niet ver genoeg. De applicatie moest volledig automatisch kunnen lopen. Dus heb ik een paar aanpassingen gemaakt. Zo worden nu ook de X en Y coördinaten in de XM-file bijgehouden.

Tevens heb ik een applicatie ontwikkeld die het gemakkelijker zou maken om een XML-file aan te maken voor mijn screenshot applicatie. In principe is de interface gelijkaardig aan die van de screenshot applicatie. Je krijgt eerst een scherm zoals hieronder wordt afgebeeld:

Hier kan je verschillende instellingen aanpassen. Zo kan je kiezen uit welke folder hij de HTML-files zal tonen en naar welke XML-file je wil schrijven. Tevens heb je de mogelijkheid om een nieuwe XML-file te starten, of een reeds bestaande XML-file aan te vullen.

Eens de applicatie start zal hij de input-folder scannen op HTML-files en deze weergeven.

Daarna zal volgende interface verschijnen:

Je kan deze kader verplaatsen en herschalen totdat het gebied waarvan je een screenshot wil nemen, zich in de kader bevindt. Eens je tevreden bent met de positie en grootte klik je op “Capture It”. Dit zal volgende interface openen:

Zoals je ziet worden de hoogte, breedte en de X- en Y-coördinaten vanzelf ingevuld. Hier kan je vervolgens de naam van de output file ingeven. Dit is de naam die zal gegeven worden aan de screenshot (bijv. address.jpg) .

Weekoverzicht Week 6

<Logtabel met mijn taken en de uren die ik gespendeerd heb aan deze taken>.

Het is al een tijdje geleden dat ik nog iets geplaatst heb, dus het wordt hoog tijd dat ik jullie eens een update bezorg in verband met mijn stage.

De 6de week van onze stage zit er reeds op. Dit wil dus zeggen dat we nog 2 weken te gaan hebben en dat de welverdiende vakantie steeds maar dichter en dichter komt.

Waar heb ik mij nu de laatste week mee bezig gehouden? Wel, hierin kan ik heel kort zijn: Joomla.

Wat is Joomla?

DutchJoomla geeft volgende definitie voor Joomla

Joomla! is één van de meest krachtige Open Source Content Management Systemen op deze planeet. Het wordt over de hele wereld gebruikt voor alles van een simpele website tot complexe bedrijfsapplicaties. Joomla! is eenvoudig te installeren, simpel te beheren en betrouwbaar.

Allereerst en boven alles, is Joomla! een Content Management Systeem (CMS). Het is de motor achter je website die het makkelijk maakt content aan te maken, aan te passen, te beheren en te delen.

Het doel van het Joomla! project is om tegemoet te komen aan de eisen die weergegeven staan in bovenstaand artikel. Elke dag in de ontwikkeling van Joomla! komen we dichter en dichter bij ons einddoel, terwijl tegelijkertijd een solide basis gebouwd wordt welke uitgebreid kan worden door extenties van derden. In de handen van de ontwikkelaars maakt dit Joomla! tot een krachtig platform voor een breed scala aan Internet applicaties die veel verder gaan dan het simpel aanmaken van content.

Onze opdracht?

Onze opdracht bestaat erin het overzetten van een bepaalde website naar het Joomla platform. Dit lijkt allemaal vrij simpel, maar het is alles behalve dat als je het CMS niet gewend bent. Het neemt al bijna een dag in beslag voor je een beetje een gedacht hebt van tot wat de Joomla interface in staat is.

Static Content

Nadat we een beetje bekend waren geraakt met het Joomla CMS, konden we beginnen met het toevoegen van statische informatie. Aangezien dit pagina’s zijn die normaal gezien weinig tot nooit veranderen, was dit een vrij eenvoudig proces. Je maakt gewoon een nieuw artikel aan, je geeft het een naam en je kan beginnen typen.

Dynamic Content – Nieuws

Het is van zodra je met dynamic content begint dat het lastiger begint te worden. Zo moest er eerst een pagina worden gemaakt waarop alle nieuws pagina’s worden weergegeven met paginering. Al een geluk zit paginering standaard in het Joomla CMS en hadden we op dat gebied dus niet veel werk.

Vervolgens moest er een 2de pagina worden gemaakt, die op de homepage zou getoond worden, die de 5 recentste nieuws artikels bevat + een link naar de nieuws pagina.

Dynamic Content Guestbook

De 2de dynamische pagina die op de website zal komen, is een guestbook. Op het net zijn er genoeg Components te vinden voor Joomla die deze functionaliteit bieden voor Joomla, maar geen van die Components leken te werken voor onze versie. En we vonden ook geen guestbook die gebruik maakt van de anti-SPAM functie die wij wensten. Meeste guestbooks werken met een CAPTCHA ( Completely Automated Public Turing test to tell Computers and Humans Apart). Dit is iets waar we allemaal al wel eens mee in contact zijn gekomen. Als je je bijvoorbeeld registreert op een forum moet je soms een code overtypen uit een afbeelding om SPAM te voorkomen.

Een voorbeeld van CAPTCHA-images

Maar aangezien we hier bij Internet Architects streven naar een gebruiksvriendelijke en toegankelijke website, is een CAPTCHA geen goede optie. Dus moesten we een andere manier zoeken om op SPAM te filteren. De manier die we uiteindelijk bedacht hebben is gebruik maken van een Blacklist met SPAM messages in.

In het begin zal deze blacklist natuurlijk niet echt efficiënt werken, maar des te meer de gebruiker zijn guestbook gaat gebruiken, des te beter dat de blacklist gaat worden. Telkens als een gebruiker een SPAM bericht opmerkt in zijn guestbook, kan hij dit in de Admin-interface als SPAM flaggen. Het bericht wordt dan naar de SPAM folder verplaatst en kan dan gemakkelijk verwijderd worden. Als een andere gebruiker nu hetzelfde bericht plaatst, zal dit direct als SPAM geflagged worden en naar de SPAM-folder verplaatst worden.

Weekoverzicht Week 5

Dag 1 (5 maart) <lees meer>
Op deze dag heb ik de opdracht gekregen om views te creëren voor de despat applicatie. Wat wordt er nu juist bedoeld met views? Een artikel is opgesteld uit verschillende tekstblokken die elk een apart onderdeel van het artikel beschrijven (Technical info, …). Nu heeft niet elke gebruiker al die informatie nodig, dus aan de hand van een interface kan de gebruiker selecteren welke tekstblokken hij wil zien en welke verborgen moeten worden.

Dag 2 (6 maart)
Voor de verandering moest ik op deze dag niet richting Antwerpen, maar wel richting Mechelen. Omdat op deze dag de Terugkomdag werd georganiseerd door de KHM. Het begon met een evaluatie over hoe onze stage verloopt, dit konden we dan vergelijken met de impressie die onze stagementor heeft. Ik had een positieve evaluatie en was dus heel tevreden. Na de evaluatie volgden 2 presentaties van Ex-IMS’ers.
Na de presentaties kregen we de mogelijkheid om de jobbeurs in de Nekkerhal te bezoeken, dit hebben we dan ook gedaan. We hebben daar dan een tijdje rond gelopen, met paar bedrijven gepraat.

Dag 3 (7 maart)
Voor deze dag hadden we een mail ontvangen met verschillende opdrachten.
De eerste opdracht waar ik mij mee bezig heb gehouden was het aanpassen van de XHTML export voor de PDF generator. In de mail stonden allerlei instructies om ervoor te zorgen dat de XHTML pagina wordt aanvaard door de generator. Tegen het einde van de dag had ik zo goed als alle errors eruit gehaald. Maar aangezien je met input van een gebruiker werkt, is het lastig om de code volledig XHTML valid te maken. De paar fouten die er nog in zaten waren blijkbaar te wijten aan de PDF generator. Ik heb hierover een mail gestuurd naar de ontwikkelaars van deze applicatie. Aangezien ik moest wachten op een reply zat mijn werk aan deze export functie er tijdelijk op.

Dag 4 (8 maart)
Aangezien ik nog geen antwoord had ontvangen ivm de PDF generator ging ik maar over naar de volgende opdracht. Deze bestond erin om een applicatie te maken die het nemen van screenshots van de despat applicatie zou vergemakkelijken en versnellen.
Dit heb ik opgelost door eerst een XML file aan te maken met de naam van alle te nemen screenshots. Deze XML bevat de volgende gegevens: Naam van de design pattern waar een screen van moet genomen worden, beschrijving van het onderdeel van de design pattern, standaard hoogte en breedte van de screenshot, bronbestand met de XHTML layout en ten slotte de bestandsnaam van de screenshot.

Als het programma nu gestart wordt, zal hij de XML doorlopen en per screenshot de interface tonen. De interface bestaat uit een formulier met een browser in (om het bronbestand te openen) en uit een formulier dat er bovenop ligt. Dit bovenliggend formulier bevat een kader die zal aanduiden waar de screenshot genomen wordt en een knop om de eigenlijke screenshot te nemen. Telkens je naar de volgende screenshot gaat, zal het capture venster worden aangepast naar de standaard breedte en hoogte gedefiniëerd in de XML-file. Maar je hebt de mogelijkheid om in de interface het capture venster te verplaatsen en te vergroten of te verkleinen.
Hieronder zie je een voorbeeld van het capture venster over de website van google:

Dag 5 (9 maart)
Op de laatste dag van de week heb ik nog de laatste aanpassingen gemaakt aan mijn screenshot applicatie. Dankzij deze applicatie is het nu mogelijk om screenshots te nemen van design patterns in slechts enkele seconden.
Voor de rest van de dag heb ik Jonas geholpen met de porting van een website naar Joomla.

De vijfde week

Zonder dat we het beseffen zijn we deze ochtend de helft van onze stage gepasseerd. Nog 4 weken te gaan dus.

Vandaag was David even aanwezig op het bureau, maar aangezien hij ’s middags naar Brussel moest, heb ik geen tijd gehad om hem vragen te stellen over de meertaligheid. Dit zal dan moeten worden uitgesteld tot woensdag (aangezien het morgen de “terugkeerdag” is en we dus niet moeten gaan werken). Maar David had nog wel juist tijd genoeg om mij een andere opdracht te geven: er moesten views aangemaakt worden. Eerst kon ik niet direct volgen wat er daarmee bedoeld werd, maar na een kleine demonstratie werd alles glashelder.

De design patterns zijn samengesteld uit ongeveer 9 blokken tekst, elke blok bevat specifieke informatie rond een bepaald gebied (technische info, …). De bedoeling is dus dat een gebruiker in een interface kan kiezen welke blokken tekst hij wil laten weergeven wanneer hij een artikel bekijkt. Zo worden blokken die informatie bevatten die niet van toepassing zijn voor hem verborgen en krijgt hij dus geen informatie die hij niet nodig heeft.

Ook heb ik ervoor gezorgd dat in deze zelfde interface, de gebruikers kunnen instellen wat de standaard taal is waarin ze op de despat applicatie willen surfen. Van zodra ze inloggen zal de taal dus ingesteld worden op hun standaard taal en zien ze alle artikels direct in de taal die ze gekozen hebben.

Weekoverzicht Week 4

Dag 1 (26 februari) <lees meer>
De opdracht voor deze dag bestond erin om een extra export functionaliteit te schrijven voor de despat applicatie. Deze is gebaseerd op de PDF-export die ik eerder gemaakt heb, maar zal 1 lange HTML-file maken per sectie in de despat.

Dag 2 (27 februari) <lees meer>
Deze dag heb ik mij grotendeels bezig gehouden met het debuggen van 2 applicaties waar ik mee bezig ben. Enerzijds moest ik een paar kleine aanpassingen maken aan de export-functie die ik op Dag 1 heb gemaakt en anderzijds moesten er nog een paar bugs gehaald worden uit de scripts die ik al had geschreven voor de meertaligheidsfunctie.

Dag 3-4-5 (28 februari, 1-2 maart <lees meer>
De laatste 3 dagen van deze week heb ik mij gewijd aan de meertaligheid van de despat. Het is een langdurig proces maar het is dan ook een ingewikkelde functionaliteit. De meertaligheid zit in bijna elke interface van de despat ingewerkt. Zo moet je artikels en versies in verschillende talen kunnen beheren.

Ook heb ik een interface geschreven die kan gebruikt worden om te checken welke artikels nog vertaald moeten worden naar welke taal.

Vrijdag was de meertaligheidsfunctie in theorie af, maar dat zullen we pas weten na een uitgebreide testsessie die volgende week zal plaatsvinden.