Dit artikel werd ook gepubliceerd op Frankwatching

Echter, toen ik voorspelde dat de App Store geen lang leven meer beschoren was en dat de oorzaak daarvan de PWA was, keek men mij glazig aan. “PWA?” grapte iemand, “Prins Willem Alexander heeft het zeker weer gedaan.”

De PeeWee…wAt?

De PWA, de Progressive Web App. Een PWA is een app, maar dan light. Met websitetechniek doe je app-achtige dingen. Je benadert zo’n PWA via de browser van je telefoon en je kunt een app-icoontje op je beginscherm zetten. Omdat de browserbalken (meestal) achterwege blijven als je de app opent, ervaar je het als heuse app. Zo’n PWA kan veel, veel dingen die zogenaamde native apps ook kunnen. En dat allemaal buiten de App Store of Google Play om.

De apps die de App Store of Google Play aanbieden noemen we ‘native’ apps. Deze apps worden gebouwd in de programmatuur van de smartphones van Apple en Google, respectievelijk Swift en Java. Ze zijn echt gebouwd voor het device. De PWA wordt gebouwd met websitebouwtechnieken als HTML, Javascript en Ajax. Tot zover de techno-termen, sorry. Vanaf hier weer gewoon Nederlands.

Apps, maar dan budgetvriendelijker

De nieuwe technische mogelijkheden maken apps budgetvriendelijker en eenvoudiger te realiseren. Een paar jaar geleden riep zowat iedere directie: “We moeten een app!” En dan werd er uitgezocht wat dat behelsde: een ontwikkeltraject, twee keer uit te voeren – één voor de App Store en één voor Google Play en dan een verificatietraject in – ook maal twee. Het bleek dat je al snel vele duizenden euro’s verder was. De directie zag er dan maar vanaf.

Maar nu is er dus goed nieuws: met de PWA doe je het allemaal met webtech, one size fits all en niks verificatietraject: je zet de app gewoon live in zijn eigen domein. Zoals gezegd: goedkoper en gemakkelijker.

PWA’s van bekende merken

Om je een idee te geven hoe het werkt, haal ik drie voorbeelden van bekende merken met een PWA aan: Trivago, Ali Express en de Financial Times. Naast hun ‘echte’ apps, bieden deze organisaties een PWA aan. De belangrijkste reden hiervoor is dat ze gebruikers vanuit elke mogelijke aanvliegroute van dienst willen zijn. Door een PWA aan te bieden, vormt het niet-hebben van de native app geen hindernis om een reis te boeken, te shoppen of te artikelen te lezen.

Mogelijkheden

Zoals gezegd, met PWA-technieken kun je veel. Functionaliteiten van de smartphone die eerder alleen via een native app beschikbaar waren, kun je nu inzetten met minder zware techniek. Je kunt dus een ‘website’ bouwen die via de smartphone bijvoorbeeld het volgende kan:

• de camera gebruiken (voor foto, video of om een QR-code te scannen)
• de microfoon inzetten
• realtime communiceren (via chat of video)
• betalingen doen
• push-berichten sturen
• pagina’s offline gebruiken
• locatie bepalen
• giroscoop/bewegingssensoren inzetten
• spraak herkennen

Best indrukwekkend en er is meer, check voor een volledig overzicht op What Web Can Do Today. 

Probeer Paper Planes PWA uit

1. Ga met de browser van je smartphone naar paperplanes.world
2. Zet de app op je beginscherm, dat doe je zo
   Icoon met een vierkant en een pijltje in de onderste browserbalk van je iphone of met deze melding als je een Android hebt
3. Zet je geluid aan
4. Op je beginscherm zie je nu een app icoon staan
5. Open de app met het icoon
6. Volg de aanwijzingen
7. Zoef, weg vliegtuigje!

Als je via je desktopbrowser naar paperplanes.world gaat, ontmoet je een heel andere versie. Je treft een animatie waarin de paper planes de wereld rond vliegen. Er verschijnen namen van steden, hier zouden de vliegtuigjes vandaan gegooid zijn. Helaas is deze functionaliteit niet gekoppeld aan de locatiebepaling in de smartphones. Ik heb eindeloos zitten wachten tot ik mijn vliegtuigje voorbij zag komen. Wel Bangkok, Accra en Zürich, maar geen Leiden.

De PWA kan nog niet gekoppeld worden met contacten. Zodra dat wel kan, voorzie ik Paperplanes 2.0 waarmee je een papieren vliegtuigje aan iemand kunt sturen. Met boodschap, for sure.

Online examens en zaalverhuur

Onder mijn workshopdeelnemers veerden meteen twee mensen op met een concrete vraag. De ene beheert een website met een groot aanbod van online trainingen en examens. Veel – voornamelijk jonge, dus overwegend mobiele – gebruikers doen meerdere trainingen en examens en beheren de door hen behaalde certificaten via de site. Toepassing van een beetje PWA-techniek maakt dat gebruikers de app vanaf deze week op hun telefoon zetten en dat er push-berichten met examenherinneringen gestuurd worden.

Een andere workshopdeelnemer doet de marketing voor een groot sportcomplex. Binnen de organisatie leeft al heel lang een wens voor een app voor zaalreserveringen. Steeds bleek het laten bouwen van een native app te duur. Het idee is nu om van het zaalreserveringsdeel van de website een PWA te maken. Reguliere afnemers – de sportclubs – kunnen op die manier snel en prettig via hun mobiel faciliteiten boeken. En het geheel kost nog geen fractie van het bedrag dat twee complete native apps zouden kosten.

Hoera voor de PWA

De mogelijkheden zijn eindeloos, daar waren we het in de workshop helemaal over eens. Met name voor websites waarbij gebruikers regelmatig terugkeren om iets te doen, zoals examens afleggen, zalen reserveren, informatie naslaan, artikelen bestellen, aanmelden voor events of gegevens bijhouden. In de komende jaren gaan er heel veel PWA’s gemaakt worden: lang leve de light-app!