Progressive web app laten bouwen

Wat is een progressive web app?

Wie een progressive web app laat bouwen, slaat de app-winkels over. Geen wachten op goedkeuring van Apple, geen aparte versie voor Android, en geen gebruikers die maandenlang op een oude versie blijven hangen omdat ze nooit bijwerken. Je stuurt een link, je gebruiker tikt op bewaren, en hij staat erop.

Onder de motorkap bewaart zo'n app schermen en gegevens op het toestel zelf. Loopt je monteur een kelder in of rijdt je chauffeur door een gat in de dekking, dan werkt hij gewoon door. Zodra er weer een streepje is, gaat alles alsnog weg. Hij hoeft er niet eens aan te denken.

Wat een progressive web app je scheelt

Een progressive web app kost minder dan twee losse apps laten maken, en doet in de praktijk bijna hetzelfde. Dit zijn de vier verschillen die je het meest gaat merken.

Eén app voor iPhone, Android en laptop: Overal draait dezelfde progressive web app. Je laat één keer bouwen en betaalt één keer onderhoud, in plaats van twee keer laten maken en twee keer laten bijhouden.

Doorwerken zonder streepje: Formulieren, foto's en metingen worden op het toestel bewaard en gaan vanzelf weg zodra er weer verbinding is. Je mensen op locatie hoeven niet meer een stuk terug te rijden om iets verstuurd te krijgen.

Geen app-winkel ertussen: Een verbetering staat dezelfde dag bij iedereen op het scherm. Geen beoordeling afwachten, geen gebruikers die vergeten bij te werken, en nooit twee versies tegelijk in de lucht houden.

Lage drempel om te beginnen: Eén tik op bewaren en klaar. Geen account bij een winkel, geen download van tientallen megabytes. Dat scheelt vooral bij mensen aan wie je maar één keer iets kunt vragen.

Voor wie is dit

Een progressive web app past het best als je gebruikers je app nodig hebben op het moment dat het hun uitkomt, en er verder niet actief naar op zoek gaan.

• Je monteurs, chauffeurs of inspecteurs werken op plekken waar het bereik wegvalt
• Je wil één app voor iPhone en Android, en niet twee keer voor hetzelfde betalen
• Je gebruikers installeren niets uit een app-winkel, of mogen dat niet van hun werkgever
• Je past je app elke maand aan en hebt geen zin om daar steeds weken op te wachten
• Je site wordt vooral op de telefoon gebruikt en voelt daar traag aan

Wat je krijgt

• Een app met een eigen icoontje op het beginscherm, en een eigen opstartscherm
• Doorwerken zonder verbinding, waarbij het toestel later vanzelf alles alsnog verstuurt
• Meldingen op de telefoon, ook op de iPhone, zolang de app op het beginscherm staat
• Toegang tot de camera en de locatie, bijvoorbeeld om een foto van een storing vast te leggen
• Een verbinding met het systeem waar je gegevens nu in staan, zodat er één lijst is en niet drie
• Metingen van de snelheid, zodat je ziet of het op een telefoon van vier jaar oud ook vlot werkt

Hoe we het bouwen

Eerst kiezen. We beginnen met de vraag of dit wel de goede vorm is. Moet je app via bluetooth met apparatuur praten, iets doen terwijl hij dicht staat, of echt in de App Store staan, dan zeggen we dat meteen en kijken we naar een gewone app. Dat gesprek duurt een half uur en kan je maanden schelen.

Bouwen. We beginnen bij de schermen die het vaakst open gaan, en maken juist die als eerste geschikt voor gebruik zonder verbinding. Dat is het lastigste stuk, dus dat schuiven we niet voor ons uit.

Testen op echte telefoons. Niet op een splinternieuwe laptop met glasvezel, maar op toestellen van vier jaar oud met twee streepjes bereik. Daar zitten je gebruikers, dus daar moet het werken.

Wat kost een progressive web app?

Heb je al een werkende webapplicatie en wil je daar een progressive web app van maken, dan is dat een overzichtelijke klus. Hoeveel werk het is hangt af van hoeveel er zonder verbinding moet blijven werken. Helemaal nieuw bouwen is een project op zich.

De prijs zit bijna helemaal in dat offline stuk. Schermen laten zien die iemand eerder al bekeek, is ongeveer een week werk. Een formulier dat je zonder verbinding invult terwijl een collega ondertussen hetzelfde dossier bijwerkt, en dat achteraf allebei nog moet kloppen, is een heel ander verhaal.

Daarna loopt er elke maand hosting en onderhoud door. Reken ook op één controleronde per jaar. Browsers veranderen, en wat vandaag werkt moet volgend jaar nog steeds werken.

Waarom Mediavisie Web

Wij bouwen zelf, en we gebruiken geen kant-en-klaar pakket dat met één vinkje zegt dat het nu een progressive web app is. Dat vinkje bestaat echt. Het levert alleen een app op die zonder bereik een leeg scherm laat zien, en daar heeft je monteur in die kelder niets aan.

We bouwen al jaren verbindingen tussen systemen. Bij dit soort apps zit daar het echte werk: als dezelfde gegevens op twee plekken tegelijk gewijzigd kunnen worden, moet het achteraf nog steeds kloppen. Daar hebben we vaste manieren voor.

Je krijgt de broncode, en bij elke oplevering draaien er automatische controles. Ook op de vraag of iemand met een schermlezer of grote letters ermee kan werken. Op een klein telefoonscherm telt dat dubbel.