Fronteers — vakvereniging voor front-end developers

Bijeenkomst bij Lable op 10 februari 2011

Op donderdag 10 februari was Fronteers te gast bij Lable in Leeuwarden. Hidde de Vries heet iedereen welkom.

Juriaan Mous vertelt eerst iets over Lable. Ze begonnen in 2009 met een applicatie voor mensen in de zorg. Eerst werd die door Juriaan alleen gebouwd met behulp van de Prototype.js library. Doordat er steeds meer ontwikkelaars aan de site mee gingen werken, werd besloten om over te gaan op de Google Web Toolkit. De hele applicatie werd opnieuw gebouwd.

Doordat er steeds meer hardware leveranciers en software ontwikkelaars overstappen op applicaties die draaien op HTML, is het voor de zorg ook interessant om daarmee een patientendossier te bouwen.

In de Google Web Toolkit zitten allerlei handige tools om snel toegankelijke en snelle webapplicaties te bouwen. Zo zit er standaard ARIA in, en is het gemakkelijk om een meertalige webapplicatie te maken. Daarnaast zit er een pagiahistorie in, zodat ook AJAX calls en openklapbare tabs met een backbutton werken. Alle code compileert naar een JavaScriptbestand per renderer. Ook alle CSS en plaatjes zitten in dat bestand.

Lable heeft zelf een extensie gebouwd op de GWT: LabKit. Hierin zijn extra CSS precompilers en widgets gedefinieerd. De kit is nog in ontwikkeling, maar op termijn is het de bedoeling dat de toevoegingen open source gepubliceerd worden.

Jacco de Boer nam het stokje over, en ging vertellen over de iPad applicatie van de Leeuwarder Courant. Al jaren gaan de oplagen van de kranten omlaag, en dus ook de inkomsten. De Leeuwarder Courant probeert met dit lage budget toch te innoveren en begon met het ontwikkelen van een mobiele applicatie.

Op dit moment gebruiken de redacteuren twee systemen om hun stukjes te publiceren, wat nu af en toe al lastig kan zijn. Uitgangspunt bij het ontwikkelen van de app was dat het niet of nauwelijks extra werk met zich mee moest brengen. Alle redacteuren moeten nu één extra handeling uitvoeren naar een systeem waar alle applicaties gebruik van maken. Deze geeft een XML bestand terug met alle data.

De stap van het bestaande publicatiesysteem, dat wereldwijd gebruikt wordt, naar een XML feed die LC gaat gebruiken voor de iPad app, was één van de lastigste onderdelen in het proces. Het team besloot deze stap 'OS-agnostisch' te maken. De iPad lijkt nu misschien het enige apparaat te zijn waarvoor het de moeite waard is te ontwikkelen, maar zodra er andere interessante tablets verschijnen moet LC ook daarvoor zonder veel extra werk iets kunnen maken.

Belangrijke keuze in het ontwerpproces was: "kun je het aanraken, wil je het zien". Je wilt niet alle informatie in een keer zien, maar wilt door aanraken meer informatie te zien. Het is ook mogelijk artikelen later te lezen. Daarnaast is in de interface rekening gehouden met de gemiddelde leeftijd van mensen die nu voor hun krant willen betalen, en is er een feature waarmee iedereen in het gezin zijn eigen, gepersonaliseerde schermen te zien kan krijgen.

Er gingen twee iPad's de zaal door, zodat iedereen even kon kijken en voelen hoe de applicatie werkt. De applicatie gaat twaalf euro per maand kosten.

Jurriaan Mous over het bouwen van een zorgdossier in HTML5/CSS3/GWT

Aanwezigen

  • Jelmer van der Linde
  • Michiel Jelijs
  • Arjan Eising
  • Stephen Hay
  • Teade Steenstra
  • Peter Wouda
  • Eelco Wiersma
  • Sint Smeding
  • Marco van der Kuur
  • Gerard Salomons
  • Kris de Jong
  • Remco van der Steen
  • Sander Wapstra
  • Yassine Bentaieb
  • Mark de Jong
  • Sander Kolthof
  • Eko Kooistra
  • Janita Top
  • Stefan Oost
  • Marc van den Dobbelsteen
  • Paul Nijssen
  • Maarten Kolthof
  • Frans de Boer
  • Peter Wassenaar
  • Frank Zijlstra
  • Koen Willems
  • Dirk Sierd de Vries
  • Romke Bon
  • Ghio Coste
  • Jacob Steringa
  • Maarten Kloppenburg
  • Rinse van Dijk
  • Glenn Glerum
  • Bram Hilgersom
  • Michiel Wijgmans
  • Lennart Alserda
  • Martin Kuipers
  • Remco Rispens
  • Erik Veld
  • Diederik Dijkstra
  • Arjan Westerdiep
  • Sander Hueting
  • Matthijs Hoekstra
  • en nog 9 anderen