Progressive Web Apps (PWA's)

Meer over Progressive Webapps (PWA)

De trend is steeds meer dat Progressive Web Apps of PWA's de standaard worden.

Een PWA is een programma dat gebruik maakt van de technieken die een moderne browser levert.

Je installeert dus geen Windows-, Apple-, Chromebook- of Linux- PWA op jouw computer, maar vanuit de browser 'installeer' je een webprogramma.

Een PWA kan gegevens op de computer opslaan. Hij kan daardoor ook zonder internetverbinding werken.

Een PWA gedraagt zich als een volwaardig programma. Hij kan bijvoorbeeld meldingen sturen, documenten openen en hij ondersteunt klikken en swipen.

X↗, Tiktok↗, Youtube↗ en Chrome Music Lab↗ en Squoosh↗ zijn mooie voorbeelden. En natuurlijk ook Google Docs, Google sheets, Gmail, Google Foto's, Google Meet en talloze andere programma's die gebruik maken van internet-technologie.

PWA's zijn de toekomst: programma-ontwerpers hoeven niet meer voor iedere soort computer een eigen versie te maken.
Hierdoor is het veel makkelijker om het programma te onderhouden en aan te passen.
Voor de gebruikers heeft het ook voordelen:

• je hebt altijd de laatste versie;

• hij werkt op alle soorten computers hetzelfde;

• je hoeft geen programma te installeren;

• hierdoor ben je het programma niet kwijt als de computer kapot gaat of als je een nieuwe installeert.

Je kunt ook een webpagina als PWA opslaan. Bij Chromebook komt hij dan op de plank te staan, waar je hem eventueel vast kunt zetten.

De PWA-winkel

Google heeft een PWA-winkel. Hier staat een groot overzicht van apps en games voor de Chromebook.

De website/app is nu nog in het Engels. Ik neem aan dat er snel ook een Nederlands versie beschikbaar komt. 

1. Ga naar discover.apps.chrome. Dat is de winkel.

2. Klik helemaal rechts in de balk op het knopje om van de website een app te maken.

3. Hij verschijnt nu als icoon op de plank.
   De naam van de app is Get Apps and Games.

Onder die naam vind je hem ook met de zoekknop.

De winkel is nog experimenteel, dus niet alles werkt naar behoren.
Laat je hierdoor niet ontmoedigen: het idee is heel goed.

Hoe installeer je een PWA?

Daar hoef je weinig voor te doen:

• Van uit de hierboven beschreven Google PWA-winkel. Hier staat een groot overzicht van apps en games voor de Chromebook.

• Als je op een Chromebook via Google Play een Android-app wil installeren en er is een PWA beschikbaar, zal de Chromebook die PWA installeren. Een voorbeeld is Google Nieuws.

• Als je op een website bent en de functie van die website is ook als PWA beschikbaar, kun je de website als PWA installeren. Dat kan op twee manieren gebeuren:

  • via de Play Store;

  • rechtstreeks.

PWA installeren op een Chromebook

Als je dit symbool in de Chrome-balk ziet staan, kun je de website als een PWA installeren.
Een voorbeeld is instagram.com.
Als je op Installeren klikt, installeert Google de PWA, of als die niet voorhanden is, de Android app (op een Chromebook).

Je kunt de app openen met 🔍 instagram (of de naam van de app in kwestie)

De volgende keer dat je de website opent, zie je het logo en de melding Openen in app.

Een PWA openen

• Op een Chromebook start je de PWA via de zoekknop 🔍.
  Als je de PWA start, verschijnt zijn icoon op de plank.
  • Je kunt hem desgewenst vastzetten en van daaruit starten.
• Op andere computers is er tijdens de installatie een snelkoppeling gemaakt.
  Gebruik die om de PWA te starten.
• Je kunt hem ook vanuit de adresbalk starten door naar de betreffende website te gaan.

PWA's beheren

1. Rechtsklik op het icoon (of de snelkoppeling) op de plank of in het zoekscherm (🔍).

2. Klik op App-informatie.

3. Je komt dan in het instellingenscherm van de app.

Meer informatie

Uitgebreide informatie over WPA's vind je in Engelstalige artikel↗ in The Verge↗of
in deze (ietwat technische) tekst die door ChatGPT is gemaakt:

PWA staat voor Progressive Web App en is een relatief nieuwe manier om web-applicaties te bouwen die een app-achtige ervaring bieden op mobiele apparaten en desktops. Een PWA is in feite een website die is gebouwd met moderne webtechnologieën zoals JavaScript, HTML en CSS, en die aan een aantal criteria voldoet om als app te kunnen fungeren.

Een van de belangrijkste kenmerken van PWA's is dat ze offline kunnen werken. Dit betekent dat gebruikers de app kunnen openen en gebruiken zonder dat ze verbinding met internet nodig hebben. Dit wordt mogelijk gemaakt door de gebruikmaking van een service worker, een soort JavaScript-bestand dat als tussenpersoon fungeert tussen de app en de server, en dat gegevens offline kan opslaan en synchroniseren wanneer er weer verbinding is.

Andere kenmerken van PWA's zijn onder meer het kunnen installeren van de app op het startscherm van de gebruiker, zonder dat dit via een app store hoeft te verlopen. Dit geeft gebruikers een snellere toegang tot de app, zonder dat ze deze steeds via een browser hoeven te openen. PWA's kunnen ook push-notificaties verzenden, zodat gebruikers op de hoogte worden gehouden van updates of andere informatie.

PWA's zijn over het algemeen sneller en responsiever dan traditionele mobiele websites, omdat ze minder afhankelijk zijn van een internetverbinding en minder data hoeven te versturen en te ontvangen. Dit maakt ze aantrekkelijk voor bedrijven die een snelle, responsieve en betrouwbare app-achtige ervaring willen bieden aan hun gebruikers.

Al met al bieden PWA's een interessante nieuwe mogelijkheid voor bedrijven om hun klanten een naadloze en betrouwbare app-achtige ervaring te bieden op mobiele apparaten en desktops, zonder de kosten en beperkingen van traditionele app stores.