Offline Webapp; kun et trendord eller banebrytende teknologi?

Abstract

Denne rapporten belyser teknologier som gir brukeren av mobile plattformer en bedre opplevelse uten dekning. Store deler av verden har mangelfull og ustabil mobildekning (Downs, 2017). For at webapper skal kunne konkurrere med native mobilapper må de gi brukeren en god opplevelse også når man mangler dekning. Rapporten er utarbeidet etter et ønske fra IT Data AS.

Rapporten er utarbeidet med bruk av metoden litteraturstudie og med innslag fra designvitenskap. Som en del av arbeidet med ulike teknologier har vi jobbet med veiledninger og guider om offline funksjonalitet. Denne blandingen i tilnærmelser har gitt oss god innsikt i utviklingen av offline webapper.

Vi fant to hovedutfordringer ved å kunne få en webapp til å virke offline. For det første må man lagre de individuelle websidene og systemressursene de trenger for å fungere. I tillegg må også informasjon brukeren lagrer eller manipulerer, tas vare på. Den første utfordringen kan møtes ved å installere en service worker. Dette JavaScriptet jobber i bakgrunnen av nettstedet, separat fra resten av nettsiden. Lagring av informasjon blir løst ved å lagre denne i en lokal NoSQL database. Vi har evaluert flere databaser av denne typen. Webstandarden IndexedDB, IndexedDB med Dexie wrapper (innpakning), PouchDB og Cloudant for å nevne noen. For å se hvordan de forskjellige teknologiene samspiller konstruerte vi også et konseptbevis, en Offline Web App (POOWA). POOWA simulerer en handleliste og lar deg synkronisere varer mellom ulike nettlesere og enheter.

Vi var på utkikk etter å finne teknologier som gjør at webapper kan konkurrere mot mobilapper på steder med dårlig dekning. Vi har funnet ut at service worker API har en essensiell rolle i dette. Vår POOWA (Proof of Offline Web App) viser en mulig løsning og bekrefter at man kan lage en webapp som gir samme brukeropplevelse som en mobilapp.

This rapport aims to illuminate different technologies that improve user experience in areas with poor data coverage. Large parts of the world have inadequate data coverage (Downs, 2017). For web apps to compete with their native counterparts, they need to consider what happens when a user has bad data coverage. The rapport originates from a request made by IT Data AS.

The rapport was developed using a combination of a literature search and guidelines from design science. To further explore different web technologies that give us offline capabilities we have followed tutorials to test the technologies feasibility. Together, this mix of a theoretic and hands on approach has given us a unique insight in development of offline web apps.

We have found that you need to consider two things when making sure your web app works offline. First, you need to save the individual web pages and system resources they need to operate. Furthermore, any data the user is viewing or manipulating needs to be stored in a way that makes them easily accessible. The first part is solved by employing a service worker, a JavaScript that works in the background, separate from the rest of the web app. Storing information on the other hand, is solved by putting the information in a local NoSQL database of some kind. We have evaluated several such databases; the web standard solution IndexedDB, the IndexedDB wrapper Dexie, Pouch and Cloudant to name a few. In order to see how the different technologies intertwined we also constructed a proof of concept, of an Offline Web App (POOWA). The POOWA simulates a shopping list and allows you to synchronize shopping items across different browsers and units.

We set out to find technologies that enable web apps to compete with native apps in areas with bad coverage. We found that the service worker API is a key part of this. Our POOWA shows one approach and proves that you can make a web app that feels like a native app.