Ik wilde alleen even kijken wie er in de Top 2000 stond
Een gezellig radiolijstje, dacht ik. Het werd een eigen domein, een database, een live-blok, een zoekmachine en een onderhoudspagina waarop een radio in brand staat.
Waarom? Omdat je me niet op mijn groen/bruine ogen gelooft
Een bedrijf dat “razendsnelle websites op maat” belooft, kan dat prima zeggen. Bewijzen is leuker. Dus zocht ik een project met veel data, live informatie, een zoekfunctie en serieuze SEO, en waar ik zelf plezier in had. De Top 2000 staat al jaren in mijn gehoorgang. Het werd een portfolio-stuk: kijk, zo bouw ik dat.
Wat is het?
Een site met alle 27 lijsten van 1999 tot en met 2025, uitgesplitst in feitjes: eendagsvliegen, grootverbruikers, opeens verdwenen artiesten en de hoogste nieuwkomers. Daarnaast presentatoren, luisterbereik per jaar, een geschiedenisoverzicht en bovenaan live wat er nu draait op NPO Radio 2. Elke artiest, titel, jaartal en presentator is klikbaar en opent een popup. Ook popups in popups, want één laag is voor amateurs.
Mijn favoriet is de rubriek “Bizarre feitjes”. Zo stond Bohemian Rhapsody in 27 edities 22 keer op één en vijf keer op twee. Een enorme verrassing, ik weet het. En Prince staat er onder drie namen in, wat een mooie zin oplevert als je een database wilt bouwen.
De uitdagingen (oftewel: waar mijn avond bleef)
Eerst de data. Tientallen lijsten in verschillende schrijfwijzen moesten in één SQLite-database. Artiesten blijken zich graag meerdere keren voor te doen, zoals Prince hierboven, en dat telt dan prachtig dubbel. Daarna het live-blok. NPO levert de gegevens via meerdere servers, en één daarvan loopt soms een paar minuten achter. Het gevolg: ik had een nieuw nummer en de site hield vol dat het nog steeds U2 was. Dus bouwde ik een bewaker die nooit een ouder nummer over een nieuwer laat schrijven. Ja, voor een radioprogramma.
Daarna Safari. Die besloot dat een tabblad op de achtergrond zich maar rustig moest houden en remde de timers af. Ik besloot daar anders over en liet de pagina bij elke beweging direct bijpraten. Tot slot het logo, dat wel erg groot was. Het is nu 28 KB. Mijn PageSpeed-score zei dank je.
Hoe het nu werkt
Het zijn gewone, snelle bestanden, zonder zwaar CMS. Een eigen script bouwt de pagina’s en de zoekindex bij elke update. Het live-blok pakt elke 30 seconden de nieuwste gegevens, en binnen ongeveer 40 seconden na de wissel bij NPO staat het nummer op je scherm. Voor “live” radio is dat prima. Er is een onderhoudspagina voor als de boel oververhit raakt (met een brandende radio, uiteraard), wekelijkse controles, en bij elke wijziging een seintje naar zoekmachines. Mijn A.I.-assistent houdt ondertussen de logboeken bij en klaagt niet over de uren.
En ja, dat ben ik
Onder “Wat heb ik gedaan?” staat mijn naam als link. Klik erop en je krijgt een foto van mij achter mijn radio, in een jaren-60 teaklijst met een koperen naamplaatje. Waarom? Omdat het kan.
Wat kan ik voor jou betekenen?
Heb je een idee voor een website met veel data, live informatie of gewoon heel veel feitjes? Of een app die gewoon werkt? Kijk rond op top2000feitjes.nl en vertel me wat jij wilt.
Wat kan ik voor jou betekenen?
#Top2000 #NPORadio2 #Webontwikkeling #Portfolio #RazendsnelleWebsites #MaatwerkSoftware #PageSpeed #SQLite #Radio #TheJumpingFox
Groeten,Pim