Een nieuwe site, een nieuw begin

Vandaag is voor de sites Frontpage, Sport en Games een grote update doorgevoerd. Als je niet goed kijkt merk je daar op de FP helemaal niks van, maar Sport en Games hebben een ware metamorfose doorgaan. Ik wil even in vogevlucht met je doornemen wat er zoal nieuw en anders is.

Centraal CMS
Om te beginnen is voor dit project, dat zo ongeveer het hele jaar heeft geduurd, de software van de frontpage helemaal opengebroken en opnieuw in elkaar gezet. Doel hiervan was de database en de bijbehorende software-componenten te vervangen door een systeem dat in staat was de content voor meerdere sites te beheren. Redacteurs kunnen nu items op meerdere sites tegelijk plaatsen, geautomatiseerd naar elkaars content linken en items die op de ene site gepubliceerd zijn, op een andere site in de tracker vermelden.

Dit alles is mogelijk doordat we de data uit de frontpage, sport en games-databases hebben geïmporteerd in een nieuwe centrale database, waarbij de locatie van een bericht slechts een eigenschap van het bericht is, in plaats van dat dat wordt bepaald door in welke database het bericht staat. Redacteurs kunnen door deze ontwikkeling allen gebruik maken van hetzelfde CMS dat qua gebruiksvriendelijkheid sterk is verbeterd ten opzichte van de oude CMS’en.

Je kunt berichten vanaf nu tegen gaan komen, niet alleen op meerdere sites, maar daarbinnen ook in meerdere categorieën. Dit maakt de keuze voor een categorie een minder zware keuze en zorgt ervoor dat de verschillende categorieën accurater gevuld worden met de juiste berichten.

Uiterlijk
Maar dat alles is slechts de basis, de kern van het systeem. Wat je als gebruiker voornamelijk zult merken is dat alledrie de sites, hoewel ze over een eigen versie van de vormgeving beschikken, gelijk aan elkaar werken. Er zijn geen verschillende wijzen meer waarop reageren werkt, hoe je in het archief bladert of hoe je je voorkeuren voor de update trackers aan de zijkant van de pagina instelt. We hopen dat we door het wegnemen van de verschillende werkwijzen en layouts een meer consistente FOK!ervaring kunnen leveren. Ook zullen ontwikkelingen, zoals bugfixes en nieuwe features, vanaf nu tegelijk op al deze sites worden toegepast, wat voor ons een meer efficiente manier van onderhouden is. Dat zou moeten gaan bijdragen aan een minder grote onderhoudsachterstand.

Onderwerpen
Als je bekend bent met de gang van zaken op FOK!games, weet je dat een nieuwsbericht vaak gekoppeld is aan een game. Je kunt dan doorklikken en meer informatie opzoeken over dat specifieke spel. Deze feature hebben we ook uitgebreid. Er is een nieuw systeem gebouwd dat niet alleen games, maar ook films, boeken, F1-coureurs of voetbalteams als ‘onderwerp’ aan een bericht kan koppelen, zodat je daarop verder kunt gaan zoeken. Op moment van lanceren is dat een bijzonder eenvoudig systeem, waarbij je voornamelijk informatie over een onderwerp kunt vinden en naar andere berichten kunt doorklikken, alsmede onderwerpen van een score kunt voorzien. Uiteindelijk gaan we dit uitbouwen naar een systeem waarbij je je eigen voorkeuren in lijstjes kunt bijhouden, ranglijsten kunt raadplegen en andere features die het navigeren door de sites een rijkere ervaring moeten maken.

Optimalisatie
We hebben natuurlijk ook gezorgd voor weer een paar nieuwe verbeteringen op gebied van performance. Niet alleen is er meer gedaan met query-optimalisatie en caching (door middel van Memcached, wat we in de oude Frontpage ook al deden), ook de output van de site zelf is verbeterd. De HTML is hier en daar schoongemaakt en verkleind, en we zijn teruggegaan naar de adviezen van YSlow om te zien of we nog wel genoeg tips toepasten. Daarnaast is het vermelden van de titel van een bericht in de URL (die je misschien kent van een structuur a la “nieuws/12345/dit-is-een-titel.html”) vanuit de buitenste (template)laag van de software naar binnen getrokken, wat ervoor moet zorgen dat de gekozen URL’s consistent zijn op alle plaatsen waar ze vermeld staan. Berichten die onder meerdere URL’s bereikbaar zijn geven aan Google een instructie mee om te voorkomen dat pagina’s dubbel geïndexeerd worden, wat moet zorgen voor een accurater zoekresultaat.

Daarnaast hebben we natuurlijk drie systemen gereduceerd tot slechts een. De verbouwing die daarvoor nodig was heeft bovendien niet meer de nukken die bij de oude sites voor frustraties bij de ontwikkelaars zorgden. Bovendien hebben we nu twee systemen minder te onderhouden, wat efficienter werkt. De codebase is daardoor een andere profiteur van grote optimalisatie. Dat is echter alleen relevant voor onszelf, dus laat ik je daar verder niet mee lastig vallen.

Mobiele site
Tot nu toe bevatte de mobiele site alleen nieuwsheadlines van de frontpage. Met het centraliseren van het systeem is het simpeler geworden om ook Sport en Games hieraan toe te voegen, en dat hebben we gedaan. Ook is de site wat prettiger opgebouwd voor telefoons die met vingerbediening werken. Verdere doorontwikkeling aan FOK!mobile zal gaan zorgen voor meer toegang tot content en een rijkere mobiele ervaring door bijvoorbeeld te kunnen reageren op berichten via je telefoon.

De toekomst
Dit nieuwe systeem, officieel versie 4.1 van ons Digital Publishing System, gaat ons in de toekomst nog veel brengen, sprak hij profetisch. Maar het is wel waar. De gedachte achter het nieuwe CMS en het combineren van de subsites is dat onderhoud en uitbreiding eenvoudiger wordt, dat we nieuwe features sitebreed kunnen blijven implementeren en dat we eenvoudiger een grotere uitbreiding aan FOK! kunnen doen.

De afgelopen jaren is er al diverse malen gevraagd om meer focus op bijvoorbeeld films of muziek. Met de oude systemen was dat een flinke klus: een nieuwe site zou gebouwd moeten worden, of op z’n minst moeten worden afgeleid van bestaande code. We zouden daarmee nog een te-onderhouden codebase krijgen en nog meer verstrooiing van technieken krijgen. Met het huidige systeem zit bijna al het voorbereidende werk op het non-technische vlak. Het wordt voor ons makkelijker om FOK! te verbreden op deze vlakken, en onze intentie is om dat ook te gaan doen.

Daarnaast gaat er met de onderwerpen (de films, de games, de voetbalteams) veel mogelijk worden. Momenteel kun je slechts een cijfer geven en je voorkeuren aanvinken, maar dit moet uiteindelijk leiden tot een stuk gereedschap waarmee je je persoonlijke FOK!profiel kunt uitbreiden, statistieken over uservoorkeuren kunt raadplegen en voor jou interessante content kunt vinden.

Ik heb in deze tekst nog niet alle nieuwigheden van de nieuwe sites benoemd. Ik nodig je uit zelf te gaan struinen en te vinden wat er anders werkt dan je gewend bent, wat er nieuw is en wat je niet bevalt. Voor dat laatste kun je terecht in Feedback of het BUG forum.

14 Reacties

  1. Heel erg mooi hoor! Alles ziet er veel soepeler uit!

  2. mijn ideale schermpje rechtsonder op fok waar je snel kon zien wat er op games, fok, weblog en forum nieuw is is pleite.

    Komt dat nog terug op een handige manier ?

  3. Ik mis de Forum Trackr……

  4. Wat RPG zegt. Dat mis ik echt wel.

    Ziet er verder niet echt anders uit. Oogt wat vlotter.

  5. Wat mij een beetje stoort is het enorme lettertype. Zoals het eerst was, was het prettig om te lezen omdat ik niet de hele pagina hoef te scrollen om alles in 1 oogopslag te zien, terwijl ik dat nu wel moet doen.

  6. Dat is ook wazig, ik kan helemaal geen berichten meer plaatsen. Normaal had je onderaan zo’n wit schermpje voor de tekst, maar die heb ik helemaal niet meer, zowel op de Frontpage en bij Games. Ook zie ik geen knop Reageer staan, welke ik voorheen wel had. En nou? :o

    Lay-out is trouwens flink verbeterd! Ik ben normaal niet zo van de veranderingen, maar hier ben ik erg tevreden mee. Complimenten!

  7. Mobiele site is echt vrijwel onbruikbaar geworden met dit reuzen-lettertype… Past geen zak meer op het scherm, dus je scrollt je helemaal suf. Ik gebruik een 320×240 resolutie, maar dezelfde klacht hoor ik ook van mijn vrouw op een Android G1 met groter scherm dan mijn telefoon. Niet iedereen zit op een iphone te werken… :|

  8. De mobiele website is relaxter voor touchscreen telefoons maar ik vind het een stuk lelijker met mijn nokia e71. Niet meer een lijst van neuwsberichten, alleen maar 3-4 berichten in dikke kolommen…. Beetje jammer, misschien mogelijk om toch ook nog een textversie te maken?

  9. Mooi werk, devvers! :)
    Ik hoop wel dat de layout van de aparte.subsites nog wat getweakt worden, want ik vind het om eerlijk te zijn nog wat ‘generic’ uitzien.

  10. FOK is down ;(

    Evengoed mooi werk hoor ;)

  11. Is het bij jullie al bekend dat de blokjes(nieuws, reviews, columns etc) aan de rechterkant niet werken in Chrome (versie 3.0.195.38)

  12. Hebben jullie ook gezien dat er in het fotoboek nog een link staat naar de FOK!gamer status welke niet meer bestaat.

    De link naar de pagina loopt dood :)

    Voor de rest ziet het er puik uit mensen.

  13. Ik wil graag even kwijt dat de nieuwe lay-out van Fok!Games zwaar onoverzichtelijk is. Ik snap best dat jullie alles in één stijl willen hebben, maar breng in godsnaam de oude vertrouwde console tags terug.

    Ik ben niet geïnteresseerd in alle nieuwsposts van alle consoles, om nu het voor mij relevante nieuws eruit te filteren duurt me te lang. Ik kijk voor mijn gamenieuws nu op andere sites die wél overzichtelijk zijn.

  14. [...] Begin dit jaar hebben we de Frontpage, Sport en Games een update gegeven. Alledrie de sites kwamen op dezelfde software te draaien en werden gecombineerd tot één driedelige site. Een nog onderbelicht onderdeel van die software was de ‘Onderwerpen’-sectie. Geïntroduceerd als de voortzetting van de games-database hebben we dit onderdeel tot nu toe gebruikt om onder andere films, tv-series en sporters in toe te voegen. Maar wat moeten we ermee? Dit is wat ik in januari schreef: [...]

Geef een reactie

Fill in your details below or click an icon to log in:

WordPress.com logo

Je reageert onder je WordPress.com account. Log Out / Bijwerken )

Twitter-afbeelding

Je reageert onder je Twitter account. Log Out / Bijwerken )

Facebook foto

Je reageert onder je Facebook account. Log Out / Bijwerken )

Verbinden met %s

Follow

Get every new post delivered to your Inbox.