ONKRUIJT

New website TAFT 2009

Sinds vorige week ben ik bezig met het ontwerpen en bouwen van een nieuwe website. Dit keer niet voor IMARES en niet als hobby, maar betaald.

De prof uit Denemarken, Torger Børresen, waarvoor ik al enige jaren de SEAFOODplus project website run (1000 bezoekers en 5000 pagehits per maand) vroeg me een maand of twee geleden of ik nog een site voor hem wilde bouwen. Hij is erg gecharmeerd van het CMS systeem waarmee ik het geheel in elkaar timmer en wilde voor een wereldwijde conferentie een website hebben draaien.Een nieuwe website bouwen is altijd leuk! Als het eenmaal draait is eigenlijk de lol eraf. Net als met Lego eigenlijk. Of een Revel bouwpakket.

Binnen IMARES is helaas geen plek meer voor knutselen aan websites – geen core business enzo – dus heb ik het prive aangeboden. Wel even officieel toestemming gevraagd aan de directeur, want het is in principe een ‘nevenwerkzaamheid’. En nu zit ik iedere avond een paar uur achter mijn toetsenbordje om de boel draaiend te krijgen.

De website is voor de TAFT en dat staat voor Trans Atlantic Fisheries Technology, wat een samenwerkingsverband is tussen Amerikaanse AFTC (Atlantic Fisheries Technology Conference) en het Europese WEFTA (West European Fish Technologists Association). Voor de WEFTA heb ik trouwens in 1998 mijn eerste echte website gebouwd, dus ik zit er al lang bij. De TAFT site is miniem vergeleken bij de reus van een website van de SEAFOODplus. Daar komen dagelijks honderden bezoekers langs van over de hele wereld.

CMS
TYPO3 is een heel groot Content Management Systeem (CMS) uit Zweden. Er werken duizenden mensen aan om het steeds te vernieuwen en aan te passen. Een CMS is een software pakket dat je op een webserver installeert. Met de webbrowser kun je inloggen op de site en de inhoud en lay-out aanpassen. De kracht van een CMS is dat de inhoud (tekst en plaatjes) los staat van de lay-out en structuur. De bezoeker van de website merkt hier niets van, die ziet alleen maar de webpagina’s.

Achter de schermen van TYPO3

Zo ziet de ‘backend’ van de website eruit. Het werkt eigenlijk heel logisch, als je het eenmaal aan de praat hebt gekregen tenminste. De meest linkse menukolom roept de verschillende functies op. De tweede kolom is de kapstok of menustructuur zoals bezoekers die ook zien. Het zijn eigenlijk losse pagina’s, zeg A4-tjes. In de twee kolommen rechts daarvan staan de ‘content elements’ ofwel alinea’s met tekst of plaatjes. Je kunt ze binnen een bepaald stramien plaatsen waar je wilt en er allerlei trucjes mee uithalen. Het werkt als in Word, gewoon tekst typen, knippen plakken, vet en cursief maken, plaatje erbij en opslaan. Je hebt er geen extra software voor nodig.

Voordat je kunt beginnen met vullen van de pagina’s is er al een hoop gebeurd. Ik heb een beetje vals gespeeld door een hostingprovider te nemen die is gespecialiseerd in TYPO3 hosting, JWeiland. Die zit in Duitsland, dus alles is in het Duits. Geen probleem, goed voor je talen. Je krijgt bij JWeiland gratis een dummypakket geïnstalleerd dat al geheel werkt. Je moet het ‘alleen nog’ aanpassen aan je eigen smaak, dus kleurgebruik, logo, afbeeldingen en tekst.

Wat komt er nou bij kijken?

1. Hosting provider die een domeinnaam vastlegt en deze koppelt aan een webserver met een stukje harde schijf waar je de website op kunt zetten
2. software geïnstalleerd op deze webserver: Linux, Apache, PHP en MySQL en specifiek voor TYPO3 ook ImageMagick en GD
3. Een CMS systeem, zoals TYPO3. Dit kun je zelf installeren, het zijn PHP pagina’s die je met FTP upload. Ook moet je een tabel aanmaken in de database.
4. Een template ontwerp waarbinnen de content (tekst, grafieken, plaatjes etc) gegoten wordt.

Bij JWeiland zijn deze 4 stappen met 1 muisklik geregeld, dus waarom moeilijk doen. Kost maar 15 euro per maand en ik hoef het niet te betalen

Nou goed, dan draait het en kun je aan de gang. En dan begint het gedonder, want dan moet je:

• de stijl aanpassen met CSS sheets, HTML templates en Typoscript,
• de boel moet HTML of XML approved zijn dus geen ouderwetse HTML en CSS tags gebruiken,
• een structuur gaan bedenken waarbinnen alles moet passen,
• teksten groeperen en een passend menu-item maken,
• teksten knippen en plakken en er afbeeldingen bij zoeken en plaatsen,
• functionaliteit uitbreiden met bijvoorbeeld een inschrijfformulier zodat mensen kunnen registreren en een mailtje krijgen met hun ingevulde data,
• zoeken tussen honderden en honderden uitbreidingen en handige dingetjes om TYPO3 en dus de website mee uit te breiden,
• RSS feeds activeren door de juiste codes in te voeren in TYPO3,
• aanmelden voor zoekmachines en bezoekerstellers,
• de boel hacker en spamveilig maken door een HTTPS protocol te activeren in TYPO3,
• gebruikers toegang regelen zodat de eigenaar er ook zelf spul op kan zetten,
• automatische backups instellen voor als het een keer mis gaat,
• alles moet 24/7 werken want luttele honderden mensen uit de hele wereld gaan registreren voor deze conferentie.

TYPO3 uitbreidingen (Extentions) installeren

CSS stylesheets bouwen en aanpassen

Al met al dus niet iets dat je zomaar eventjes doet op een vrijdag middag. Maar ik vind het leuk! Ik had het ook gratis gedaan (niet doorvertellen aan Torger) maar dit is een leuke motivatie om het ook mooi te maken.

En dan nu natuurlijk waar jullie op hebben zitten wachten, de URL: http://taft2009.org.

Ik ben er trouwens nog lang niet klaar mee, dus hij komt er nog heel heel anders uit te zien denk ik. Als hij klaar is zal ik het laten weten.

Een reactie op “Is het nou hobby of werk?”