Verder sleutelen aan mijn m.deredactie.be-alternatief

futtta-redactie-tabs-compressorDat ze daar aan de Reyerslaan niet stilzitten; http://m.deredactie.be/ is nu ook bruikbaar op een JavaScript-loze browser! Dat klinkt misschien onbelangrijk, maar zo een basis-versie die werkt, ongeacht de browser, is een grote stap in wat ik de juiste richting acht. Spijtig genoeg blijft de site voor de rest onder Google’s verwachtingen en de laadtijd en total download size blijven een mobiele site onwaardig. Daar ten gronde iets aan veranderen binnen het kader van de gekozen architectuur (MVC in de browser) zal niet eenvoudig zijn.
Daarom ben ik dus ook niet blijven stilzitten en sleutelde ik verder aan mijn alternatief voor m.deredactie.be. Video werkt nog steeds niet (misschien moet ik eens kijken of ik iets kan doen met de JS-file van de VRT), maar onder andere deze verbeteringen zijn er wel bij:

  • Op de homepage hebben “hoofdpunten”en “laatste nieuws” nu elk een eigen tab (ik ben zelf niet overtuigd van de kleurenkeuze, maar soit).
  • Op de detail-pagina’s kun je artikels delen op sociale media (met lyteshare.js)
  • De html is opgekuist en valideert nu bijna op de W3 validator (bijna maar nog niet helemaal; de imgsrc attributen op placeholder-divs voor image lazyloading mogen niet).

Daarnaast zitten er nog een handvol bugfixes en andere kleine wijzigingen in, cfr de  “done” lijst op Trello. Pagespeed Insights score en webpagetest.org testresultaten zijn nog steeds “up to snuff”. De geüpdate code staat op GitHub en het resultaat (als je het projectje niet zelf wilt/ durft/ kunt installeren) zie je op http://futtta.be/redactie/.

Ik ben niet gelovig, maar …

… voor deze uitspraak laat ik Paus Franciscus hier wel graag aan het woord;

Men vindt altijd geld om oorlog te voeren, wapens te kopen en zonder scrupules financiële operaties te leiden maar er ontbreekt altijd geld om jobs te creëren, te investeren in kennis en om het leefmilieu te beschermen.
(Paus Franciscus in een videoboodschap op een congres over de sociale leer van de Kerk 21/11/2014 om 19:47:00).

Bron: deredactie.be (weliswaar zonder de contextuele links)

Mijn alternatief voor m.deredactie.be

Dat ik niet content was met de vernieuwde mobiele redactie.be schreef ik hier al. Maar commentaar spuien kan iedere blogger, afbreken is makkelijker dan opbouwen en het beste argument is een uitgewerkt alternatief. Vandaar; ik werkte de afgelopen maanden tussen de soep en de patatten aan een eigen “progressive enhanced” Proof of Concept van een mobiele deredactie.be (in PHP) die op alle browsers werkt, minder mobiele data verbruikt en sneller rendert (hier moet ge zijn, ongeduldigaard).
Waarom ik denk dat deze aanzet beter is dan de officiële versie van de VRT? Wel, de POC

  • futttas-redactie-pagespeed-insightsis op elke browser te bekijken, ook als er geen (of slechte) JavaScript-ondersteuning is. Opera Mini? Lynx? De Netfront op uw grootvader’s Nokia? Geen probleem!
  • kan makkelijk uitgebreid worden om afhankelijk van context de presentatie anders toe doen, bv. op tablet de nieuwscategorieën permanent aan de linkerkant
  • de download-size is véél kleiner (en vreet dus minder van uw mobile data-abonnement); 472KB (document complete) en 979KB (fully downloaded) vs 126 en 127KB
  • de site rendert véél sneller (en spaart uw batterij dan ook meer); 7.419s vs 1.557s
  • Google PageSpeed Insight geeft m.deredactie.be een mobile score van 61/100 tegenover 97/100 voor deze POC (91/100 indien de data niet uit de cache, maar van VRT komt)

Je kunt:

Een paar technische feitjes;

  • De basis-versie werkt volledig zonder JavaScript. Als JS aanwezig is en “up to snuff” (cfr. cut the mustard), wordt de ervaring “verrijkt” (fixed header, uitklapbare navigatie, lazy-loading van images …).
  • Alle CSS en JS staat -weliswaar slordig maar oh zo performant- inline (behalve aniHead.js, een onafgewerkte en dus inactieve “verrijkings”-PoC in de PoC, type aniHead(); in de console om te activeren).
  • De POC gebruikt dezelfde data-feeds als m.deredactie.be, maar haalt die server-side binnen (dependancy; Curl)
  • Data wordt -gecomprimeerd- gecachet in APC cache (dependancy; APC)
  • Externe HTML in de data-feeds (iframe, script of object van bv. Twitter & Facebook) wordt rudimentair weggefilterd, maar dat is een optie in de code ($trustHTML=false;)
  • De code-kwaliteit is ongetwijfeld beneden alle peil (geen OO, geen MVC, veel spaghetti), maar ik ben dan ook geen èchte developer.
  • Grootste missing feature is video (er zijn er nog, zie Trello-board)

Zo, dat is het zo wat. Bekijk het eens, geef commentaar, fork op GitHub, fix bugs, voeg features toe. Maar wat je ook doet, vergeet niet dat de content van VRT is en blijft en dat je daar dus niet zomaar wat mee kunt doen.

Vlaanderen rechtser dan in 2010? Een misverstand!

BDW kijkt U ietwat kritisch aan (bron: wikipedia)

De verkiezingen liggen achter ons en de grote winnaar is ontegensprekelijk het NV-A van Bart De Wever. Maar heeft de Vlaming wel echt tegen de PS en voor het NV-A model gestemd? Niet echt, want de regeringspartijen gingen er niet op achteruit. Stemde de Vlaming in 2014 dan ten minste rechtser dan in 2010? In het artikel “Het roomsblauwe gelukje van Bart De Wever” op Apache plaatste Tom Cochez al volgende bedenking;

Aan de linkerzijde van het politieke spectrum wint Groen een zetel en verliest sp.a er een. Verder gaan de negen zetels verlies van het extreemrechtse Vlaams Belang naar de rechtse partijen N-VA (+7) en Open Vld (+1). Ook centrumpartij CD&V wint een zetel. In Vlaanderen wordt de grondstroom met andere woorden van extreemrechts naar rechts  verlegd. Of nog: Vlaanderen heeft globaal genomen linkser gestemd. Al is ‘minder rechts’ een correctere omschrijving.

Maar als we uitgaan van de zetelverdeling, wordt de score van bv. LDD en PVDA+ niet meegerekend. En zou het niet fijn zijn om de evolutie van de plaats van “de Vlaming” op de links-rechts-schaal kwantificeren?  Wel, dat heb ik snel even proberen doen.
De (niet wetenschappelijke) aanpak; elke partij krijgt een buikgevoel-gewijs een cijfer tussen -5 (extreem links, PVDA+) en 5 (extreem rechts, Vlaams Belang). De score op die schaal wordt dan gewogen aan de hand van de resultaten in % van die partij bij de verkiezingen voor de Kamer. Het totaal van die gewogen links-rechts-score voor alle partijen geeft dan de score op de links-rechts-schaal voor Vlaanderen. Het resultaat; Vlaanderen scoorde in 2010 1.5  (pakweg tussen CD&V en OpenVLD in) en zit nu meer naar links op 1.1 (vlakbij het centrum van pakweg CD&V).
Veel hangt natuurlijk af van die links-rechts-score per partij (is OpenVLD echt rechtser dan CD&V?), die inderdaad op buikgevoel gebaseerd is en geen rekening houdt met evoluties in de tijd (is NV-A rechtser geworden?) of met economisch versus maatschappelijke links/rechts. Maar alle kanttekeningen daargelaten; probeer zelf gerust met die scores te spelen, de trend van 2010 naar 2014 blijft duidelijk van rechts naar links (of minder rechts, zoals Tom Cochez het voorzichtiger verwoordt).
Die evolutie is een belangrijke nuance bij het NV-A hoera-verhaal en kan mij, als “linkse rat” enkel blij maken. Of minder triest?

Nieuwe m.deredactie.be niet meer mobiel!

(Update December 2014: ik bouwde zelf een alternatieve versie die sneller en toegankelijker is op http://futtta.be/redactie/)


m.deredactie.be homepageIk ❤ mobiele websites, zelfs op de desktop. Bij het refreshen van m.deredactie.be vandaag (12 mei) kwam ik op de nieuwe versie uit. De developers hebben zich ongetwijfeld goed geamuseerd om niet alleen de nieuwe look & feel te implementeren, maar ook om de achterliggende technologie grondig te herbouwen naar een JavaScript-based UI volgens de “single page application“-filosofie (iemand heeft zich wel héél erg in angular.js verdiept, daar aan de Reyerslaan).
Maar ik, eenvoudige gebruiker, ben minder enthousiast. De site ziet er misschien moderner uit, maar is minder bruikbaar; zonder javascript is er niets te zien (neem een voorbeeld aan “cut the mustard“, progressive enhancement zoals de BBC die predikt), “above the fold” staan er enkel afbeeldingen en vooral; alles is plots trager!
Want over snelheid kun je niet discussiëren; sneller is beter, trager is slechter, zeker mobiel. De voorgaande versie van m.deredactie.be “woog” pakweg 150KB en laadde volledig in minder dan 2 seconden, maar de nieuwe versie tikt af op 2560KB in 6 seconden (gemeten op webpagetest.org met “cable” bandbreedte-profiel, met “fast mobile” wordt dat 17s).
Is m.deredactie.be een mobiele site? 2 megabyte aan data zeggen van niet.

Gevaar; GAS-vorming vergiftigt samenleving

Poison Gas Danger SignMorgen, donderdag, stemt de Kamer van Volksvertegenwoordigers over de uitbreiding van de GAS-boetes. Ik ben absoluut tegen en ik sta daar (gelukkig) niet alleen in.
Dat Groen tegen is, staat vast. Mijn andere “politieke liefde” daarentegen, stemde voor in commissie. Maar ik ben ervan overtuigd dat ten minste een paar sp.a volksvertegenwoordigers zich een beetje ongemakkelijk voelen bij die partijlijn. Daarom stuurde ik deze mail naar Oost-Vlaamse sp.a kamerleden Karin Temmerman, Bruno Tuybens en Dirk Van der Maelen;

Beste;
Als overtuigd links kiezer (steeds twijfelend tussen rood en groen), kijk ik uit naar de stemming over de uitbreiding van GAS-boetes, morgen in de Kamer van Volksvertegenwoordigers. Net zoals een 200-tal middenveld-organisaties (http://www.gasboete.be/) heb ik immers principiële bezwaren bij deze uitbreiding en kan ik enkel instemmend knikken bij bijvoorbeeld het opiniestuk in De Morgen van vandaag; http://www.demorgen.be/dm/nl/2462/Standpunt/article/detail/1641879/2013/05/29/Stop-de-verGASsing-nu-het-nog-kan.dhtml
Ik kijk dan ook met grote interesse uit naar het standpunt en het stemgedrag van sp.a in het algemeen en meer specifiek van U als Oost-Vlaamse volksvertegenwoordigers. Ik zou graag blijven twijfelen tussen Groen en sp.a, maar ik kan en wil mijn stem in 2014 niet geven aan personen of partijen die voor uitbreiding stemmen. Ik hoop dan ook dat uw stemgedrag die gezonde twijfel niet in gevaar zal brengen?
Met kameraadschappelijke groeten,
frank goossens
lokeren

Als je je ook zorgen maakt om de uitbreiding van het systeem van GAS-boetes, contacteer dan vandaag nog die politici waar U op zou durven stemmen, druk uw bezorgheid uit en vraag hen naar hun standpunt. Copy/Pasten van (delen van) bovenstaand tekstje is bij deze expliciet toegestaan.

Ik, slimmer dan (toekomstige) leerkrachten?

een goed rapport, ik, echt! en gij?Ik ben nooit een bolleboos geweest. Niet van de domsten, maar dus zeker ook niet van de slimsten. Ik ben dan ook enorm bescheiden, een mens moet zich niet beter voordoen dan hij echt is.
Maar als het goed is, moogt ge het ook zeggen natuurlijk; ik ben slimmer dan (toekomstige) leerkrachten. Pas op, dat zeg ik niet, dat zegt Knack. Ik had immers 91 van de 92 meerkeuzevragen over aardrijkskunde, geschiedenis, politiek en economie in deze test juist beantwoord, wat in leraren-taal toch een dikke 9/10 is. Flink afgerond, want in het onderwijs houden ze het, blijkens de studie waarover Knack bericht, toch liever simpel.
Geen 10 op 10 dus; op een blinde kaart de Schengen-zone van de Eurozone onderscheiden was niet makkelijk en die eerste kruistocht juist plaatsen was -ik geef toe- toch een klein beetje een gok. Maar bij vraag 75 zag ik mijn perfecte score dan toch definitief verdwijnen toen ik de Slag bij Hastings een paar honderd jaar te laat op de tijdsas zette. Bummer.
Maar even serieus; nu Elise in de lagere school zit, heb ik terug meer voeling met ons onderwijs en ik heb niks dan bewondering voor de mannen en vrouwen die ons kleinmannen dag in dag uit met alle enthousiasme nieuwe dingen leren. Ik sta versteld van de vergevorderde differentiatie voor verschillende leesniveaus in het eerste leerjaar en van de pedagogische vaardigheden van de juffen en meesters. Maar als ik het artikel in Knack lees, kan ik niet anders dan een zagende oude vent zijn, die vindt dat het vroeger beter was. Vroeger, toen Mijnheer de Onderwijzer het wel allemaal wist. Of haalde die z’n kennis ook maar uit de 26-delige papieren voorloper van Wikipedia?

Korte Zomerjurkjes-Seksimse-Enquête: de punten van de jury

Weet ge nog, die heisa over “Femme de la Rue” en over de Humo bikinibabes? De actualiteit is een grillige minnaar (of minnares, indien ge dat verkiest), maar dat houdt deze kleine blogger niet tegen om de resultaten van zijn Korte Zomerjurkjes-Seksisme-Enquête alsnog te publiceren.
Pas op, ge moet dit allemaal niet té serieus pakken, helemaal onderaan staat in kleine lettertjes belangrijke informatie die dit “onderzoek” in de juiste context zet. Maar die voetnoot zult ge niet lezen, ge zijt hier voor de punten van de jury en ge hebt niet veel tijd, is het niet? Dus hier zijn de resultaten in volgorde van -bijna- onschuldig (score 1) tot -bijna- onaanvaardbaar met tussenstops bij “onhandig/ ongepast” en “onbeleefd/ onaangenaam”:

  1. Een man vraagt een jonge vrouw op straat waar ze dat mooi zomerjurkje heeft gekocht, want zijn vriendin zou daar zeker ook mee staan:
    GemiddeldeGem. VrouwenGem.Mannen
    1.391.631.20

    Ik ben er de man niet naar om wildvreemde vrouwen op straat aan te spreken en vrouwen zijn hier misschien wat minder enthousiast over, maar dit moet toch een opluchting zijn voor Jan Seurinck, van wie ik deze “case” schaamteloos overnam.

  2. Een allochtone jongeman op een terras in Gent vertelt een jonge vrouw in zomerjurkje dat ze er prachtig uitziet en vraagt of ze iets wilt drinken:
    GemiddeldeGem. VrouwenGem.Mannen
    1.571.681.50

    Geen “Femme de la Rue”-gevoel in dit geval. De setting (een terrasje in Gent) heeft één en ander ongetwijfeld ook minder confronterend gemaakt. Ik overwoog oorspronkelijk 2 allochtone jongemannen op te voeren, dat zou het resultaat misschien beïnvloed hebben?

  3. De salesmanager van een doe-het-zelf bedrijf zet 4 jonge vrouwen in zomerjurkjes op z’n beursstand om de verkoop te stimuleren.
    GemiddeldeGem. VrouwenGem.Mannen
    1.952.271.73

    Een groot verschil tussen het oordeel van mannen (1.73, tussen onschuldig en onhandig) en vrouwen (2.27, tussen onhandig en onaangenaam). Vrouwen ervaren deze situatie overigens als meer storend dan de volgende.

  4. Een jonge vrouw in zomerjurkje loopt door Rome en wordt nagefloten en aangesproken door de lokale Romeo’s:
    GemiddeldeGem. VrouwenGem.Mannen
    2.322.242.30

    Eén “Ciao Bella!” maakt nog geen “Femme de la Rue”? Het verschil is weliswaar bijzonder klein, maar dit is de enige vraag waar vrouwen de situatie als minder storend ervaren dan mannen. De invloed van romantische komedies?

  5. Tijdens een vergadering dwalen de blikken van de mannen regelmatig af naar de decolleté van een jonge collega in zomerjurkje:
    GemiddeldeGem. VrouwenGem.Mannen
    2.332.682.17

    Opnieuw een significant verschil tussen mannen en vrouwen; onhandig (ongepast) volgens mannen, maar eerder onaangenaam (onbeleefd) volgens vrouwen. Mannen beoordelen deze situatie overigens als minder storend dan voor de Italiaanse Romeo’s van hierboven. Het zou overigens interessant geweest zijn om te weten of vrouwen die zelf al eens een zomerjurk met decolleté dragen hier anders over denken dan vrouwen die verkiezen om dat niet te doen, maar misschien zoek ik verschoning voor m’n eigen occasioneel gluurgedrag?

  6. Een manager vraagt een jonge collega om geen zomerjurkjes meer te dragen op het werk, omdat haar decolleté zijn aandacht te veel afleidt:
    GemiddeldeGem. VrouwenGem.Mannen
    2.843.022.76

    Ik dacht dat dit een moeilijker vraag zou zijn; zijn dit ongewenste intimiteiten, is dit seksisme of  gewoon een onhandige poging van een chef om een kleding-beleid af te dwingen? De consensus lijkt hoe dan ook dat dit onbeleefd/ onaangenaam is.

  7. Een oudere man neemt ongevraagd foto’s van jonge vrouwen in zomerjurkjes op straat om die daarna online te zetten:
    GemiddeldeGem. VrouwenGem.Mannen
    3.633.713.53

    De meest negatieve beoordeling is voor de zomerjurkjes-fotograaf. Opvallend, want op de keeper beschouwd verschilt deze situatie toch niet zo veel van die van Humo’s bikinibabes, waarover de meningen (op fora, in online lezersreacties op krantensites en op Facebook) op z’n minst verdeeld waren?

Een conclusie? Allez, ééntje dan, een voorzichtige. Mannen, hou er rekening mee dat vrouwen  eenzelfde situatie vermoedelijk als minder aangenaam zullen beoordelen. Behalve als ge Italiaan in Rome zijt, natuurlijk 😉


De beloofde voetnoot, voor de moedigen:

My iFrame usability-gaffe (dommigheid met iFrames)

A couple of days ago I created a small survey to see what people consider sexism (a hot topic currently in the local press and online). For that purpose I embedded a Google Docs Form in an iFrame in a HTML-page on my own site. While following up on the results as they got posted, I noticed a significant amount of respondents were male and aged below 15. Weird, as I had expected that group to be somewhat absent from the results and as the next age-group, 15-20, was indeed barely present. What the heck was happening? My stupidity, that was what was happening!
A long time ago I wrote about problems with iFrames and (simple) solutions for some of those issues on this blog, and more specifically:

When a visitor clicks a link at the bottom of a long page inside an iframe and the target is a shorter page inside the same iframe, then he/she will see a blank page which is … well not very usable, no?

And that was exactly what was happening; after having filled in the first, long page of the Google Docs Form, respondents clicked on “Continue” and -depending on the screen resolution- all they saw was a “Submit”-button and not the questions (age, gender and optional e-mail) before that were hidden from view. How utterly stupid of me, especially as I created a small JavaScript thingie, frameMagic.js, to fix just that problem. I implemented frameMagic.js (and made a small change in there for it to work on iFrames without an id) so the number of male participants aged under 15 should drop considerably as. And I guess I’ll have to do some math to make the results less skewed.
(in Dutch: door een stomme technische fout van mij en mij alleen, is er een significant aantal antwoorden op de “Korte zomerjurkjes-seksisme-enquête” toegekend aan de categorie “man van jonger dan 15 jaar”. Het probleem is rechtgezet en ik zal de antwoorden op een correcte manier  herwegen om min of meer relevante dingen te kunnen zeggen over de resultaten.)