Projecten
2013

Voetbalclub website met data van de KNVB

Website voor een lokale voetbalclub, geïntegreerd met de KNVB data service.

SilverstripeWordPressPHPBootstrapjQuery

Voor een lokale voetbalclub mocht ik een nieuwe website bouwen. Voor zo'n club is een goede website meer dan een digitaal visitekaartje: het is de plek waar leden, ouders, scheidsrechters en supporters elkaar treffen rondom alles wat een week aan training, wedstrijden en activiteiten met zich meebrengt.

Ik ben begonnen met de informatiebehoeften van de club zelf. Wat moest er per week gemakkelijk gepubliceerd worden? Welke informatie zochten leden het vaakst? Wat moest minimaal automatisch gaan, en wat mocht de club bewust handmatig doen omdat ze er een redactionele rol bij wilden hebben? Pas daarna kwam de techniek echt in beeld.

Een van de grootste uitdagingen was de koppeling met de KNVB-dataservice. Programma, uitslagen, standen en wedstrijdverplaatsingen wilden we niet handmatig overtypen — daarvoor verandert er te veel, te vaak, op te veel niveaus. Ik heb ervoor gezorgd dat de data soepel werd geïntegreerd, met een opzet waarbij KNVB-updates automatisch landen op de juiste plekken in de site, terwijl de club zelf nog wel kon ingrijpen waar dat nodig was (bijvoorbeeld bij eigen aanvullende info bij een wedstrijd).

De koppeling moest ook robuust zijn tegen het feit dat externe services nu eenmaal niet altijd beschikbaar zijn. Een KNVB-storing mag de site niet plat trekken. We hebben caching en duidelijke fallback-gedrag ingebouwd, zodat de site bij een dip aan de databron altijd nog laat zien wat we het laatst weten — met een eerlijk signaal dat het laatste moment van bijwerken al even geleden is.

Daarnaast heb ik veel aandacht besteed aan het ontwerp van de website. Een lokale voetbalclub heeft baat bij een interface die direct het juiste doet: snel doorklikken naar 'mijn team', 'aankomende wedstrijden', 'standen' en 'nieuws', met grote leesbare tekst die ook op een telefoon langs de lijn werkt. Bootstrap en jQuery hielpen om dat in de toenmalige stack snel én netjes neer te zetten.

Achter de schermen draaide het op Silverstripe in combinatie met WordPress voor specifieke onderdelen, en op PHP. Een pragmatische combinatie: gebruik wat er per onderdeel het beste past, zolang je daar één coherente ervaring van maakt voor de eindgebruiker. Trots op het resultaat en blij dat ik heb kunnen bijdragen aan de digitale aanwezigheid van de club.

Meer werk

Andere projecten