Progressive Web App voor mobiele toestellen

MyDailyShopper heeft vanaf nu een eigen “app” voor mobiele toestellen, Yay!

We maken voor de MyDailyShopper app gebruik van het Progressive Web App (PWA) protocol. Deze technologie is relatief nieuw en voor veel mensen nog onbekend. Enige uitleg is dus op zijn plaats.

Tot nu toe had je twee afzonderlijke zaken:

  • Mobiele app (download in de app store)
  • Website (zoals bv. www.mydailyshopper.nl)

Met een PWA (Progressive Web App ) kan je eenvoudig het beste van beiden combineren. Je hoeft nergens een account voor aan te maken, je mailbox stroomt niet vol met nieuwsbrieven. En last but not least.. Geen downloads! En dus ook geen verspilling van je kostbare opslagruimte.

De MyDailyShopper PWA gedraagt en ziet eruit als een app, maar is eigenlijk gebaseerd op een web browser. Dit wil zeggen dat je op je homescreen of bureaublad een icoontje hebt, net zoals bij iedere andere app. Voor regelmatige bezoekers is dit handiger dan altijd de browser te moeten openen.

Tijdens het openen van de app zie je een startscherm (splashscreen). Na het laden ziet de app eruit als de normale website, maar dan opvolledig scherm zonder de browser balk.

Wat maakt deze app dan zo handig?

Iedere keer als je een pagina bezoekt of een product bekijkt, zal de app deze opslaan en bijhouden voor offline gebruik. Na een tijdje zul je merken dat de site sneller laadt en je meer pagina`s ook offline kunt bekijken (Het is tenslotte een Progressive App). Wanneer we nieuwe producten toevoegen, of een pagina updaten zal de app de nieuwe versie tonen zodra je weer online bent.

In theorie zou je dus na een tijdje de app volledig zonder internet verbinding kunnen gebruiken. In de praktijk is dat echter niet handig. Een site als MyDailyShopper is veel te groot om volledig offline op te slaan. Daarom zijn er limieten ingesteld hoeveel data de app offline kan hebben.

Android gebruikers hebben misschien al een pop-up gezien die vraagt of je MyDailyShopper toe wil voegen aan je startscherm. Dat is je browser die vraagt om de app te installeren. Je kan de app ook handmatig installeren.

Hieronder leggen we uit hoe je app instaleren afhankelijk van welke browser je gebruikt.

Chrome: Ga in je browser naar www.mydailyshopper.nl , klik op het rijtje bolletjes rechts bovenaan, en kies ‘toevoegen aan startscherm’

Firefox: open www.mydailyshopper.nl, in de navigatie balk zie je een huisje met een ‘+’ in, Klik hierop en je krijgt een optie om de app te installeren.

Opera: open www.mydailyshopper.nl, klik op het rijtje bolletjes rechts bovenaan, en selecteer ‘startscherm’

Safari: Ga in je browser naar www.mydailyshopper.nl en voeg de app toe via de optie ‘Add to homescreen’.

Als je de app wilt verwijderen, ‘swipe’ je hem eenvoudig naar de bovenkant van je scherm tot je de melding krijgt “app verwijderen”.

We hopen dat deze uitleg duidelijk voor je is geweest mocht je vragen of opmerkingen hebben neem dan gerust contact met ons op.