Dag flex en flash, dag silverlight, hallo HTML5!

Voor het eerst een bijeenkomst van de Adobe User Group Nederland (AUGNL) bijgewoond. Er stond html5 op het menu, dus ook voor GISsend Nederland interessant.

Er was de afgelopen maanden in de GIS-wereld nogal wat losse en georganiseerde discussies over webviewers, met name voor de overheid. Doorinvesteren in Flamingo MC (zoals de provincies willen). Of zuiver in de leer van 100% voldoen aan de webrichtlijnen met de GeoZet viewer (zoals een aantal rijkspartijen voorstaat).

Bij aankomst in Pakhuis de Zwijger werd één Adobe User group vooroordeel bevestigd: 98% van de aanwezige laptops droeg het Apple-logo. Maar de ruim 300 (!) aanwezigen waren gemiddeld wat minder hip dan ik had verwacht. Piercings < 5%. Leeftijd 25 - 45 jaar. Haarkleur blond, bruin en zwart én grijs. Wel veel designbrillen. En best weinig iPads.
Een snelle peiling leerde dat er ongeveer evenveel (web-)designers als (web-)developers aanwezig waren. En dat was ook zo'n beetje de verhouding op het podium: van "flashy" ("html5-ish?") ontwerpen tot een kijkje in de Javascript/HTML code die het allemaal mogelijk maakt.

HTML5 is een nieuwe HTML-versie die waarschijnlijk in 2012 officiële W3C Candidate Recommendation krijgt. Het is een complete remake, met veel aandacht voor structuur van het document, én voor multimediatoepassingen.

Voor GIS-ers zijn een aantal HTML5 onderdelen interessant:
- Canvas: "a resolution-dependent bitmap canvas that can be used for rendering graphs, game graphics, or other visual images on the fly". Met JavaScript functies kun je al je kaarttekenfuncties hier op los laten.
LBi Lost Boys' Peter Nederlof miste eigenlijk geen enkele functionaliteit in het canvas-element.
- WebSQLDatabase: een clientside SQL database (in de meste implementaties op basis van SQLite);
- WebWorkers: een mooie naam voor wat we al lang kennen als multithreading: stukjes (Javascript) code op de achtergrond laten uitvoeren, in plaats van te moeten wachten tot een langdurige teken- of rekenbewerking klaar is;
- WebSockets: Waar bi-directioneel verkeer tussen webclient en server mogelijk is, en de server dus ook data naar de webclient kan pushen. Dat voorkomt dat de webclient nodeloos moet vragen aan de server of er bijvoorbeeld nieuwe data is;
- Geolocation: HTML5 kan direct uit de gebruikte internetverbdinging (vast of mobiel) een geolocatie distilleren;

HTML5 wordt nog niet in alle courante browserversies ondersteund, maar IE9, FF3, Opera 10, Chrome 3, iOS 3 en Android 1 hebben in ieder geval support voor het canvas-element. Da's aan de iOS (Apple)kant pure winst ten opzichte van Flash: dat wordt immers in het geheel niet ondersteund op die mooie iPads!
Voor IE zijn JavaScript libaries verkrijgbaar die de HTML5 functies via Flash, of zelfs via IE's eigen VML-functies grotendeels beschikbaar maken. Een interessante manier om al snel voor een brede groep gebruikers HTML5 aan te bieden.

Om een idee te krijgen van het browsergebruik even de maandcijfers (februari 2011) voor deze site en die van de ArcGIS Gebruikersgroep Nederland
browser: gisnederland.nl - aggn.nl
IE8: 20% - 40%
IE7: 14% - 18%
IE < 7: 1% - 3%

FF 4: 3% - 0%
FF3.6: 20% - 17%
FF < 3.6: 1% - 5%

Chrome 9: 14% - 3%
Chrome 8: 3% - 1%

Safari 5: 10% - 6%

Steeds meer van deze browsers ondersteunen op steeds meer besturingssystemen hardware acceleratie. Mooi voor spectaculaire animaties, maar ook mooi voor een perfecte user-experience, met klassieke GIS taken als pannen, in- en uitzoomen. Juist vanwege deze hardware acceleration is Microsoft IE9 flink aan het promoten, meer dan het de overstap van 7 naar 8 aanmoedigde. IE9 is vanaf dinsdag 15 maart te downloaden.

Dan nog wat tools:
Browsermogelijkheden vallen uitstekend te checken met de JavaScript library Modernizr

Adobe's Serge Jespers toonde een serie tools die Adobe binnenkort uitbrengt. Onder meer Wallaby, waarmee Flash applicaties naar HTML5 kunnen worden omgezet. Juich niet te vroeg: deze tool kan géén ActionScript converteren...
Adobe Muse is de HTML5 editor die er aan komt. En Adobe werkt samen met de makers van de JavaScript library JQuery, met name voor mobiele toepassingen.
Adobe ziet Flash niet verdwijnen, maar juist in combinatie met HTML5 tot mooie dingen leiden, waarbij Flash met nam het animatiedeel voor zijn rekening neemt.
En vanuit Ilustrator CS5 is er rechtstreekse export naar HTML5 mogelijk. Dus die PDF-kaarten op het web moeten ook maar eens verleden tijd worden.

SilverLight zei U? Over deze Microsoft variant op Flash heb ik deze middag niemand gehoord...

En wat zijn de plannen van Esri t.a.v. HTML5?
Op de 2010 International User Conference werd gezegd:
ESRI is actively researching HTML5 for the purposes of leveraging some of its new capabilities: geolocation, drag and drop, off-line storage, etc. Although the ArcGIS API for JavaScript currently does not explicitly incorporate HTML5 elements, developers can definitely use some HTML5 features such as geolocation and video display capabilities with their ArcGIS API for JavaScript applications. We plan on incorporating specific HTML5 functionality within the ArcGIS API for JavaScript this year, allowing for touch-screen user experiences, tighter integration with mobile devices, more powerful display capabilities through HTML5’s canvas, etc.

Op diezelfde User Conference werd deze presentatie getoond, met wat Esri doorkijkjes naar HTML5.
En morgen begint de Esri Developer Summit waarin dit onderwerp ook aan de orde komt. Feedback op de GIS Tech?