HoogspanningsNet heeft een nieuwe website
Het mocht even duren, maar dan heb je ook wat: HoogspanningsNet heeft na ruim twaalf jaar een nieuwe website. Al is hij eigenlijk nog niet helemaal klaar.
Een nieuwe website bouwen is net als eh.. zoals een hoogspanningslijn verzwaren. Je begint altijd te laat, het is niet mogelijk om ‘m op dezelfde plek te bouwen als het bestaande exemplaar, het duurt langer dan beraamd en er zijn altijd complicaties. Maar ook: als je het goed doet, dan zijn een boel zorgen voor jarenlang opgelost en kan je er weer tegenaan met ruimte voor groei.
Beter Benutten Bestaand hostingpakket
HoogspanningsNet heeft twaalf jaar gedraaid op een in huis gebakken template onder de naam Love the Late Nineties. Een lange tijd, met ook een aantal interessante wapenfeiten. Tijdens de grote stroomstoring van maart 2015 kregen we een piek van ruim 100.000 hits in een half uur. Dat was onmogelijk en de site werd traag als stroop in januari, throttlede 90% van de hits, maar hij crashte niet. Op gewone dagen, dertien in dozijn en waarop niets gebeurde, bestond het bezoekersverkeer grotendeels uit informatiezoekers. Maar als we niets zouden doen, zou hij er spoedig vanzelf niet meer hebben gestaan.
De template zat vol met niet meer updatebare dingen en grafisch leek het net de schoolkrant – een term die het schopte tot een stekelige bijnaam. Erger, het uiterlijk was zo deerniswekkend dat zelfs teamleden zich ervoor begonnen te schamen. En dan ga je een grens over. Dat de site het technisch nog redelijk deed op een telefoon was meer geluk dan wijsheid. En zoals iedereen zich nog wel herinnerde: iets proberen te vinden op de oude site viel ook niet mee. Powersafari kreeg een heel andere betekenis als je jezelf een weg worstelde door allerlei pagina’s en ook wij zelf waren met regelmaat verbaasd toen we de site inventariseerden om te bepalen wat moest worden overgezet naar de nieuwe. ‘Whát the… hebben we daar een pagina over?’
De menustructuur verbeteren
Nu zullen we de oude site niet vergelijken met de renovatie van het Binnenhof, maar de onderlegde lezer weet nu waarom we niet meer gingen proberen om de oude site nog op te lappen. Een nieuwe template die PHP8 aankan en waarmee de onoverzichtelijke menu’s zijn te fixen, waarmee de ontbrekende linkfunctie naar nieuwsberichten is op te lossen en waar een goed nieuwsarchief mee mogelijk is, dat was de enige realistische weg die toekomstvastheid kan brengen.
Dat gaf meteen de kans ook andere problemen aan te pakken. Het jargonboek bijvoorbeeld, een redelijk veelgebruikt onderdeel. Die wordt op deze nieuwe site aangedreven via een plugin die de alfabetische volgorde vanzelf regelt, plus dat je nu een zoekterm kan inkloppen. Het is nu een stuk uitgebreider met ruim 1200 vaktermen.
Ondanks dat we onprettig dicht in de buurt van Tennet zitten met onze huiskleuren hebben we de huisstijlkleuren (Lesley et al, 2012) gehouden.
Nu scheelt het dat Tennet een jaar of drie geleden zichzelf een website heeft neergezet die euh.. net zo praktisch is als een Ferrari op een skipiste, dus als wij gewoon onze tweekleurige setup trouw blijven en allerlei hippe cursorfoefjes achterwege laten onderscheiden we ons door kalmte. En op termijn hopelijk ook een betere mobiele weergave dan de Berg nu heeft.
Nog niet compleet: nieuwsarchief en het Mast van de Maand archief
De oude site deed nauwelijks iets met CSS. Bijna alles was hardcoded HTML. De oude pagina’s kopiëren zou daardoor allerlei restanten code opleveren. Het enige wat erop zat was elke infopagina te herschrijven zonder code, de foto’s te herzien en de hele menustructuur rationeel te herbouwen. Nou, met bijna vierhonderd pagina’s ben je dan wel even bezig, al zijn de teksten dan wel weer allemaal bij de tijd.
Die hardcoded HTML geldt ook voor de oude nieuwsberichten. Vanaf 2011 hebben we (hoe was het mogelijk!) nog exact 380 nieuwsberichten en Masten van de Maand. Je verzint ’t niet maar mooi is het getal wel. Ook de nieuwsberichten en Masten van de Maand moeten met de hand van code worden ontdaan. We kunnen onze tijd maar aan één ding tegelijk besteden, dus de informatiepagina’s kregen voorrang op de nieuwsberichten. Wie nu het nieuwsarchief in duikt ziet dat het tot halverwege 2020 compleet is, maar verder terug lijkt er geen archief te zijn.
Dat is dus maar schijn. De komende tijd reconstrueren we geleidelijk ons archief steeds verder terug zoals het was, tot 2011 aan toe. Voor de Mast van de Maand geldt precies hetzelfde. Als we het tempo van een jaargang per kalenderweek kunnen aanhouden moet een en ander eind januari weer compleet zijn.
Op te lossen issue met zijmenu’s op kleine schermen
De nieuwe site heeft nog een aantal belangrijke tekortkomingen waar we nog aan moeten werken. Zo is de mobiele weergave nog verre van optimaal voor de voorpagina. Telefoonschermen zijn een intense pijn in de bips voor webdesigners. In de template zitten handigheden om dat te verbeteren, maar het toepassen blijkt verre van eenvoudig.
Het grootste issue op dit moment zijn de submenu’s die op de desktopweergave aan de linkerzijde worden weergegeven. Op de mobiele weergave worden die onder de informatietekst getoond (in plaats van erboven). Dat kan de suggestie wekken dat het menu niet bestaat (zie de figuur rechts). Totdat we dat hebben opgelost zal de lezer naar beneden moeten scrollen om de zusterpagina’s van elk submenu te ontdekken. Pardon voor de overlast, het is even niet anders…
Nog een paar maanden werkzaamheden
Managers, wie kent ze niet? Ze hebben de term MVP geïntroduceerd: minimal viable product. Het minimale product dat redelijkerwijs functioneel is. Naast de nieuwsberichten en Masten van de Maanden moeten ook een hele serie downloads, de Pylon Geek Test, de fotogalerij voor grootformaatdownloads, meer KCD’s en nog meer informatiepagina’s worden toegevoegd.
Voor de komende weken willen we gebruikers daarom vragen een klein beetje genade met ons te hebben. Er zullen vast dode links zijn die nog naar de developersomgeving verwijzen of knoppen zijn die niets lijken te doen. Ook weten we dat bepaalde afbeeldingen verticaal uitgerekt lijken op sommige mobiele browsers, dat is een bugje in de shortcode die we met de hand voor al die afbeeldingen moeten vervangen en met zulke dingen zijn we nog wel even zoet.
Kom je een issue tegen? Check of het al bekend is bij ons. Op de developerpagina is een overzicht van bekende bugs en dingen die (nog) niet werken of moeten worden opgelost. Kom je iets anders tegen en erger je jezelf een spontane hogere harmonische, meld hem dan bij voorkeur op ons forum en anders via het contactformulier. Voor nu, we zijn blij dat hij er ein-de-lijk staat, en voor gebruikers is het net als een ander appartement: voorlopig moet je nog even zoeken naar het lichtknopje, maar het went ongetwijfeld sneller dan de vorige site.
Afbeeldingen
Header: tja, die bouwfoto met een afschakelvlag (door Alex P op ons forum) heeft niets te maken met de nieuwe site, maar het illustreert wel hoeveel groter de foto’s nu kunnen zijn. Onze vorige site had een prehistorisch maximum van (oh dear) 350 pixels breedte voor de foto’s. Wát? Precies ja, #schaamrood op de kaken.
Artikel: schermafbeelding van een informatiepagina en het jargonboek, meer clean dan ze op de oude site waren en in de toekomst mogelijk ook geschikt voor een dark mode. Onderaan, het issue met menu’s op een breed scherm en op een mobiel scherm gedemonstreerd. Naar onderen swipen op een telefoon toont het menu alsnog. We zoeken een oplossing.