Vernieuwde website

Zoals jullie waarschijnlijk al gezien hebben, is de website vernieuwd. Er was al langer de wens om de homepage op te schonen en de opmaak moderner en meer mobiel geschikt te maken. En beter op de toekomst voorbereid. Samen met Jannes en de communicatie commissie hebben we hier een aantal keer over overlegd.

Dat is nu verwezenlijkt door Jannes en mijzelf. Om de homepage wat rustiger te maken is daar gebruik gemaakt van een tab interface voor nieuws, wedstrijden en de kalender. Als je de website op een smartphone of tablet bekijkt heb je, afhankelijk van je scherm resolutie, een menu icoon i.p.v. een volledig menu. Zie ook de plaatjes.

Wat er nog volgt:

Jannes gaat met Twan kijken naar het huidige menu en de pagina indeling van de website. Hier kan op sommige plekken de bezem doorheen en kan de hiërarchie van de pagina's netjes gemaakt worden.

De Records en Wedstrijden modules staan op de planning om bij te werken. Sommige van de records die nu extern via Google Docs lopen kunnen dan weer binnen de eigen website beheerd worden. De wedstijden module heeft al wat updates gekregen in de opmaak van het overzicht en het nieuwe blok op de homepage, en het inschrijvingsformulier. Maar moet eigenlijk netjes bijgewerkt worden in de module bouw tool die gebruikt is (ModuleStudio is een tool voor het maken van modules voor Zikula). Er zijn maar weinig Web frameworks waar zo'n mooie tool beschikbaar is voor maken van ingewikkelder modules voor het web.

Er komt ook documentatie van het website beheer zodat dit in de toekomst ook gewaarborgd blijft.

Meer Technische details:

Voor de geïnteresseerden wat meer informatie. De website maakt gebruik van het Zikula Web Application Framework waar inhoud en opmaak netjes behoorlijk van elkaar gescheiden zijn. Een Theme verzorgt de algemene opmaak van de website waar je definieert hoe alles eruit ziet en wat er geladen wordt aan Javascripts en Stylesheets.

Het nieuwe theme is gebaseerd op de Unify template die gebruik maakt het Twitter Bootstrap framework voor website opmaak. Hier zit veel Mobile friendliness ingebouwd en hierdoor is het een goede keuze om niet zelf het wiel uit te vinden. Er zijn veel templates die er gebruik van maken omdat een boel basis scripting end styling netjes geregeld is. Vooral voor schaling van de display.

Om er een echte dynamische website van te maken is het template omgezet naar een Theme voor Zikula en dat is wat je nu ziet. Een aantal modules zijn bijgewerkt naar de laatste versies en hier en daar nog wat uitgebreid. De nieuwe Tab navigatie bijv gebruikt nu ook Bootstrap styling en schaalt netjes ook op kleinere displays. De opmaak van de nieuws module is ook vernieuwd om te matchen met het Theme en gebruikt nu standaard de mogelijkheid om 1 of meerdere foto's te uploaden bij een bericht. Dat maakt het wel zo fris.

De icoontjes die je nu wat meer ziet, komen uit de Font Awesome bibliotheek waar icoontjes op basis van fonts getoont worden en niet als een bitmap plaatje. Hierdoor is scaling veel makkelijker bijvoorbeeld.

Voor de webbeheerders is de Wysiwyg editor vernieuwd naar een recente modernere editor (nu CKEditor) en wordt images uploaden ook wat makkelijker.

Hosting:

De webhosting is ook verhuisd naar mijn eigen webserver bij fxw.nl waar we meer controle hebben over het systeem en het beheer makkelijker gaat.

Afsluiting:

Mocht je wat onvolkomenheden tegenkomen of heb je op- en/of aanmerkingen laat het even weten aan Jannes of mij (Erik Spaan) via mail of andere manieren.

Veel plezier met het atletiekseizoen!

Nieuwsarchief 2015 Overzicht