HTML5 maakt crossmediaal publishen betaalbaar

geschreven door Hans Faelens
16-08-2011

In juni toonde de Financial Times met een innoverende HTML5-app al dat je een site kunt maken die zowel op iPad en iPhone als op een traditionele computer leuk leest. Nu ook Amazon vorige week zijn nieuwe Kindle-app in HTML5 lanceerde, wordt de opmars van HTML5 als basis voor multidevice-publishing bevestigd.

Het bleef totnogtoe een dure zaak om een iPad-publicatie te maken. Je moest er immers een afzonderlijke ‘native app’ voor maken die specifiek voor het besturingssysteem van de iPad geschreven was. Die moest je dan ook nog eens tegen betaling in de Appstore zetten. Als je het aantal te verwachten downloads afrekende tegen de kosten, was het gewoon te duur.

Dat verandert nu de meeste browsers HTML5 beginnen te ondersteunen:

• HTML5 maakt het als nieuwe standaard van HTML mogelijk om zogenaamde ‘responsive designs’ te creëren: designs waarin het aantal kolommen en alle andere elementen zich automatisch aanpassen aan de schermgrootte van het toestel.
• In HTML5 kun je makkelijk video en audio en enige animatie integreren zonder Flash te hoeven gebruiken.
• In HTML5 hoef je geen ‘native app’ meer te schrijven. Je kunt volstaan met een ‘web app’: je downloadt die niet via de app store maar wel gewoon via je browser vanop de website van de uitgever. De web app verschijnt dan ook als een icoontje op het beginscherm van je mobiel scherm.
• De web app is meer dan een snelkoppeling: je kunt via HTML5  in de browser heel wat informatie te opslaan over de voorkeuren, content en geschiedenis, zodat je een persoonlijke onlinebeleving kunt aanbieden en ook offline nog content beschikbaar kunt houden.

Het sterkste voorbeeld van HTML5-media totnogtoe is de Financial Times, die zijn web app voor beperkt gebruik gratis aanbiedt. De app is met enkele klikken op het beginscherm van je iPad geïnstalleerd: vanaf dan kun je met één klik naar de iPad-versie van de Londense krant. Je krijgt dan de recentste versie van de dag te zien in een perfect leesbare design, met geïntegreerde video’s, met een overzicht van meest gelezen en meest gewaardeerde artikels, en met de mogelijkheid om vlot artikels te delen via e-mail of een sociaal netwerk. Je kunt een menu oproepen met een zevental rubrieken, maar je kunt op het touchscreen ook met je vinger schuiven naar een volgende rubriek, wat een erg intuïtieve magazinebeleving creëert.

Overzicht van de HTML5-magazines of content centers:

• Aside: was in mei het eerste magazine dat in HTML5 uitkwam
• Financial Times: is sinds juni het best gemaakte medium in HTML5
• New York Times: experimenteren in bèta. Hier zie je ‘responsive design’ in de praktijk: maak je browserscherm groter of kleiner en bekijk hoe het aantal kolommen automatisch wordt aangepast.
• Toronto Standard: ook leuk gedaan

THEMA'S