Eindelijk gevonden: het journaal op deredactie.be

Ik heb een alternatieve “journaal-player” voor de VRT bij elkaar gehackt, want op deredactie.be vind ik mijn gading niet. Pas op, ik ben een fan van de VRT nieuwsdienst. Echt! Maar op deredactie.be staat er echt te veel om mijn aandacht te schreeuwen. Te veel video, te veel nieuwsgeticker op elke pagina, op heel de site. Als ik een gewoon artikeltje zou zijn, ik zou me ook bedeesd in een hoekje van de pagina terugtrekken, stilletjes hopend dat iemand me toch zou opmerken.
En het Journaal, dat komt er vreemd genoeg dus ook amper aan bod. Het Journaal, ge weet wel, dat programma op televisie waarin ze al die clipjes uit die videoband aan elkaar plakken? Een zekere “Sponzen Ridder” wilde onlangs online naar het VRT nieuws kijken (iets over banken ofzo?) en dat ging als volgt;

Dus ging ik naar www.vrtnieuws.net. Daar vond ik een band met voorbijzwevende flash-filmpjes, echter geen journaal. Ik klikte helemaal bovenin de pagina op “nieuws”. Niets. Ik klikte vijf centimeter lager drie centimeter meer naar rechts op “journaal 7”. Clipjes. Geen overzicht, niks. Voorbijschuivende filmpjes, zonder inzicht in de structuur, of een soort inhoudstafel. Toen ging ik naar www.vtm.be, klikte op “nieuwsuitzendingen” en kon mooi en selectief de verschillende onderdelen bekijken van de afgelopen week vol nieuwsuitzendingen.

Volledig mee eens! Op deredactie.be hoort een grote knop “Bekijk Het Journaal” en als je daarop klikt, dan kom je op een pagina waar niets anders op moet staan dan zo een player en een inhoudtafel. Maar omdat dat er dus niet staat, ben ik zelf aan de slag gegaan.
Wat extra info voor de “technisch begiftigden”;

  • die verschrikkelijk opdringerige videoband bovenaan deredactie.be haalt een xml-bestand (atom) af om te weten wat er beschikbaar is voor publicatie (dank U firebug)
  • dat atom-bestand verwijst naar programma-specifieke atom-files met daarin titel, linken naar flv, mp4 en wmv-bestanden in lage en hoge kwaliteit en naar een thumbnail
  • met dat 2de atom-bestand maak ik een media-rss-bestand met per item de titel, link naar image en link naar één video-bestand (ik koos voor de mp4, standaard in lage kwaliteit)
  • dat media-rss bestand wordt dan zonder verpinken ingelezen als playlist door de magnifieke JW FLV-player, die op die manier volautomatisch de flash-interface inclusief de “inhoudstafel” opbouwt.

Juichen voor deredactie.be light

Dat ik nooit bijzonder enthousiast was over deredactie.be en dat daar nu verandering in komt! Niet omdat ze op hun site de overdaad aan Flash en andere audio-visuele excessen hebben verwijderd (of nog maar optioneel hebben gemaakt), maar omdat ze een mobiele versie in beta hebben uitgebracht. Meer nog, er zijn 2 versies; één voor de “gewone” mobiele surfer en één voor de “iphone-elite”.
De “gewonem.beta.deredactie.be, die overigens ook perfect werkt op een iphone, is een no-nonsense mobiele site waar -zoals het hoort- de content centraal staat. Door middel van kleurgebruik (dat zich ook aanpast aan het moment van de dag) blijft deze mobiele versie het “deredactie-merk” trouw. Voorlopig (?) worden er geen multimedia-bestanden aangeboden, een video in 3gp-formaat of een audio-fragment in mp3 zouden nochtans niet misstaan. Indien de transcoding software van Mobixx mijn gewone PC-browser dan ook nog zou herkennen en de breedte van de “viewport” zou aanpassen, dan zou m.deredactie.be ook de perfecte “light”-versie van die overdadige grote broer kunnen zijn.
Over de “iphone”-versie ben ik minder enthousiast; beta.deredactie.be/iphone mag dan wel die typische iphone look&feel hebben (met dank aan het WebApp.net framework), je verliest op die manier wel volledig die specifieke deredactie-identiteit. Maar wat belangrijker is; qua bruikbaarheid doet de iphone-versie het ook minder goed. Op de eerste pagina staan enkel navigatie-elementen, er is geen hoofdpuntje, geen fotootje, geen lettertje inhoud terug te vinden. Ook op de categorie-overzichtspagina’s staat er minder informatie; je moet het daar stellen met de titel en een kleine afbeelding, voor de samenvatting/ teaser uit de “gewone” mobiele versie (cfr. screenshot) is er in zo een sexy iphone-interface immers geen plaats.
Alle iphone-gekheid op een stokje; volgens zijn er mij slechts een heel beperkt aantal gevallen waarin een “mobile safari“-specifieke versie van een site zinvol is. Of wacht … Nee, toch niet, ik kan zo geen enkel geval bedenken. Een goeie mobiele site moet (middels wat transcoding om verschillende schermgroottes en andere verschillen op te vangen) op zowat elk mobiel toestel bruikbaar zijn, punt! m.deredactie.be scoort er alleszins eentje. Ze weten waar ze mee bezig zijn, daar bij The Reference (ontboezeming: “de ref” was tot februari 2007 mijn werkgever) en partner Mobixx!

defixactie: nieuwe versie van mijn onbenullig hackje

schoon eh, mijn zelfvernietigende div?Ook al is het aantal gebruikers heel beperkt (gelukkig kon ik mijn vrouw verplichten het onding te installeren), toch blijf ik ijverig verder timmeren aan defixactie. Deze wankele constructie voor Firefox haalt voor een aantal pokkezware sites nieuwe CSS af om daarmee een deel van de overdaad weg te halen.
De 2 belangrijkste veranderingen in deze versie (0.15.0.0.0.2, ge kunt geen nullen genoeg hebben in uw versienummers vind ik);
  • Het script communiceert met mijn serverken om de lijst met ‘ondersteunde sites’ af te halen en houdt die info tot max. 7 dagen bij. Sites die ik serverside toevoeg, worden dus automatisch ondersteund door het Greasemonkey script/ de Firefox Add-on.
  • Als defixactie een site opkuist, wordt dat ook proper gemeld, zodat ge ook weet dat ik nu ook iets met die site doe, een beetje beleefdheid kan immers nooit kwaad. Over de schoonheid van dat zelfvernietigend divke ben ik bijzonder tevreden overigens.

En zo heb ik weeral een beetje bijgeleerd over Greasemonkey (GM_xmlhttpRequest, GM_setValue, GM_getValue). Spijtig dat defixactie soms nogal traag is. Dat ligt blijkbaar (onder andere) aan het feit dat Greasemonkey pas in actie treedt de html al volledig binnengekomen is (als het DOMContentLoaded event afgevuurd wordt in FF) en de eerste dependencies al binnengehaald worden. Misschien moet ik hier toch eens een echte Firefox Add-on van maken, ooit?
Hoedanook, klik hier voor het nieuwe Greasemonkey-script en hier voor de shiny Firefox Add-on. Het amusement ermee en dat ik geen garanties kan geven dat uw computer niet finaal zal crashen of dat het volledige internet er niet finaal de brui aan zal geven of zo.

defixactie Greasemonkey-script en Firefox add-on

Op basis van mijn defixactie bookmarkletje, speelde ik de afgelopen dagen op de trein ook een beetje met Greasemonkey om deredactie.be automatisch ‘op te kuisen’ in plaats van elke keer opnieuw op de bookmark te moeten klikken. Het resultaat is een Greasemonkey “defixactie” script en in één ongelofelijk vlotte beweging ook een Firefox “defixactie” add-on.
Wanneer deredactie.be, hln.be, demorgen.be, news.bbc.co.uk of destandaard.be worden ingeladen, vraagt het script aan een kleine php-applicatie op mijn serverken CSS-code waarmee ongewenste divs op die site verborgen kunnen worden. Resultaat: een minder rommelig scherm en een lagere CPU-load. Omdat de CSS van mijn server komt, is de script-code heel generiek, kan de ‘cleaner-CSS’ snel aangepast worden en is het ook makkelijk om sites toe te voegen zonder grote wijzigingen aan het script.
Maar eerlijkheidshalve: aangezien veel rommel als Flash en/of Advertentie binnenkomt, kun je met Flashblock en Adblock (Plus) eigenlijk veel meer doen. Beiden zijn ongetwijfeld veelzijdiger én beter dan “defixactie”! Wie ondanks deze waarschuwing toch eens wilt proberen, kan het script of de add-on (die eigenlijk gewoon een ‘gecompileerde‘ versie van het Greasemonkey-script is) hier downloaden:

Wereldvreemde web-doe-het-zelver fixt deredactie.be

De afgelopen dagen was er much ado about deredactie.be, de nieuwe site van de VRT Nieuwsdienst. Er is zelfs een heuse actiesite waarop ‘de community’ een nieuw en beter design wilt maken. Ik heb geen goesting om hier zelf de zoveelste striemende review te schrijven, dus ik beperk me tot 1 opmerking en 1 halve maar wel hapklare oplossing:

  1. De (wereldvreemde) opmerking: het web is lezen, stop met me op elke godvergeten pagina die videobalk door de strot te rammen! En als ge dan toch bezig zijt, die automatische javascript-updatende nieuwsflashes in de linkerkolom mogen ook weg en de footer bevat ook teveel rommel!
  2. De (doe-het-zelf) oplossing: het web is van iedereen, de DOM is van ons en een eenvoudige bookmarklet (update: zie korte uitleg hieronder) kan heel wat oplossen. Vandaar; versleep de link defixactie naar je navigation toolbar of voeg hem toe aan je bookmarks/ favorieten. Update: hier op de link klikken heeft echt geen zin, lees voorgaande zin anders nog even. Elke keer je op deredactie.be een rustiger versie van de pagina wilt, moet je enkel op die bookmark klikken en tadaaahhhhh! Snel getest en (op het eerste zicht) goed bevonden in FF 3b2, MSIE7 en Opera 9.25. Greasemonkey-gebruikers kunnen dit overigens makkelijk automatiseren, zodat deredactie.be vanzelf opgekuist wordt (laat gerust een comment na als dat lukt).
  3. Het resultaat is alleszins een veel rustiger pagina (straf, het artikel in onderstaand screenshot lijkt net verwijderd?):
  4. defixactie screenshot
  5. En als bonus: op mijn dual-core laptop verbruikt Firefox (en dan meer bepaald de flash plugin) volgens de Windows Task Manager continu bijna 20% CPU in de standaard AV-overkill versie! Dat zakt naar … 0% eenmaal de bookmarklet zijn werk heeft gedaan.

Uitleg over bookmarklets voor de non-geeks: een bookmarklet is een bookmark (favorite in Internet Explorer) die geen URL maar wel een stukje javascript bevat. Een bookmarklet zal typisch gebruikt worden om iets te doen met de pagina die getoond wordt op het moment dat de bookmarklet wordt aangeklikt. De javascript-code zal dan *iets* doen met de ingeladen pagina (in dit geval: heel wat stukken van de pagina verbergen). Je moet de link “defixactie” dus bewaren als bookmark en oproepen als je op de pagina’s van deredactie.be zit. ‘t Is maar dat ge’t weet eh 😉