Wat is een web app?

Definitie: Een web app is een applicatie die je in de browser gebruikt, zonder hem te downloaden uit een app store. Hij werkt op elk apparaat met internet en wordt centraal bijgewerkt, terwijl een native app per besturingssysteem wordt gebouwd en op de telefoon wordt geïnstalleerd.

In het kort

• Web app is de Engelse verkorting van webapplicatie; beide woorden betekenen hetzelfde.
• Je opent een web app via een link, op laptop, tablet en telefoon.
• Een progressive web app (PWA) kun je op je beginscherm zetten en werkt deels offline.
• De keuze tussen web app, native app en PWA hangt af van wie de app gebruikt, hoe vaak en welke functies van de telefoon nodig zijn.

Wat is een web app?

Een web app is software die op een server draait en die je bedient via een browser. Je typt een adres in of klikt op een link, logt in en gaat aan het werk. Er is geen installatie en geen update nodig. De maker past de app op één plek aan en iedereen gebruikt direct de nieuwste versie.

Het woord app doet vaak denken aan iets dat je uit de App Store of Google Play haalt. Een web app is anders: hij leeft op het web. Daardoor werkt dezelfde app op een Windows-laptop, een MacBook, een iPhone en een Android-telefoon.

Bekende voorbeelden zijn Gmail, Google Docs, de webversie van Spotify, online bankieren en de meeste zakelijke software die je via een inlogpagina gebruikt, zoals een CRM of boekhoudpakket.

Web app of app: wat is het verschil?

Als mensen app zeggen, bedoelen ze meestal een native app: een app die specifiek voor iOS of Android is gebouwd en op het toestel wordt geïnstalleerd. Daarnaast bestaan er hybride apps en progressive web apps. Dit zijn de verschillen:

Wat is een progressive web app (PWA)?

Een progressive web app is een web app die zich op de telefoon gedraagt als een gewone app. Je kunt hem via de browser op je beginscherm zetten, hij opent zonder adresbalk en kan delen van de inhoud offline tonen. Op Android en sinds iOS 16.4 ook op de iPhone kan een op het beginscherm geplaatste PWA pushmeldingen sturen.

Technisch maakt een PWA gebruik van een zogenoemde service worker: een klein script dat op de achtergrond bestanden bewaart, zodat de app ook bij een slechte verbinding opent. Een manifestbestand vertelt de telefoon welke naam, kleur en welk icoon de app krijgt.

Voor veel zakelijke toepassingen is een PWA een goed midden. Je bouwt één applicatie, hoeft niet langs de beoordeling van app stores en gebruikers krijgen toch een icoon op hun telefoon.

Wanneer kies je voor een web app?

Een web app is meestal de beste keuze als:

• De gebruikers vooral achter een computer werken, zoals bij een klantportaal, dashboard of backoffice.
• Je snel wilt kunnen aanpassen. Een wijziging staat meteen live, zonder wachten op een app store.
• Je verschillende soorten apparaten moet ondersteunen, van kantoor-pc tot telefoon van een klant.
• Mensen de app af en toe gebruiken. Niemand installeert graag een app voor iets wat hij eens per maand doet.
• Je via Google gevonden wilt worden. Pagina’s van een web app kunnen in zoekresultaten verschijnen.
• Het budget beperkt is. Eén codebasis is goedkoper dan aparte apps voor iOS en Android.

Wanneer is een native app beter?

Een native of hybride app past beter als:

• De app intensief gebruik maakt van de telefoon, zoals de camera, bluetooth, NFC of achtergrondlocatie.
• Hij betrouwbaar offline moet werken, bijvoorbeeld voor monteurs op locaties zonder bereik.
• Gebruikers hem dagelijks openen en een vaste plek op hun telefoon verwachten.
• Aanwezigheid in de app store zelf belangrijk is voor je marketing of geloofwaardigheid.

In de praktijk begint een idee vaak als web app of PWA. Blijkt na gebruik dat een native app echt iets toevoegt, dan bouw je die als volgende stap, met de web app als backend en beheeromgeving.

Hoe werkt een web app technisch?

Een web app bestaat uit een frontend in de browser, een backend op de server en een database. De browser stuurt bij elke actie een verzoek naar de server, die de logica uitvoert, gegevens ophaalt of opslaat en het resultaat terugstuurt. Koppelingen met andere systemen, zoals boekhouding of betaalproviders, verlopen via API’s.

De techniek waarmee je bouwt, maakt voor de gebruiker weinig uit. Belangrijker zijn een stevige beveiliging, duidelijke rollen en rechten, hosting die past bij de privacyeisen en een framework dat breed wordt gebruikt, zodat meerdere ontwikkelaars ermee overweg kunnen.

Wat kost een web app vergeleken met een native app?

Als marktindicatie kost een eenvoudige zakelijke web app meestal €5.000 tot €15.000 en een uitgebreide applicatie met meerdere rollen en rapportages €15.000 tot €35.000. Een native app voor zowel iOS als Android betekent in principe twee versies om te bouwen, te testen en te onderhouden, plus de beoordeling door twee app stores. Een hybride aanpak met één codebasis beperkt dat, maar blijft meestal duurder dan een web app met dezelfde functies. Reken bij elke vorm daarnaast op jaarlijkse kosten voor onderhoud, hosting en doorontwikkeling.

Voor- en nadelen van een web app op een rij

Voordelen

• Eén versie voor alle apparaten.
• Geen installatie of app store nodig.
• Updates direct beschikbaar voor iedereen.
• Lagere ontwikkel- en onderhoudskosten dan aparte native apps.
• Goed vindbaar en makkelijk te delen via een link.

Nadelen

• Meestal een internetverbinding nodig.
• Minder toegang tot hardware van de telefoon.
• Geen vanzelfsprekende plek op het beginscherm, tenzij als PWA.

Wat betekent dit voor jouw project?

Bij een nieuw idee stel ik eerst twee vragen: wie gaat het gebruiken, en welke taak moet die persoon als eerste kunnen afronden? Het antwoord bepaalt vaak al welke vorm past. Een klant die eens per kwartaal een factuur downloadt, heeft geen app nodig. Een medewerker die de hele dag onderweg werkbonnen invult, misschien wel.

Ik kies de vorm daarom niet vooraf. Ik wil eerst duidelijk hebben wat we met een eerste versie bedoelen. Daarna is de keuze tussen web app, PWA of native app meestal een logisch gevolg.

Twijfel je of jouw idee een web app, PWA of native app moet worden? Stuur me voor wie het is, wat er nu gebeurt en wat de eerste versie moet oplossen. Dan bepalen we samen de logische eerste stap. Lees ook wat er komt kijken bij een webapplicatie laten maken.

Veelgestelde vragen over web apps

Wat is een web app?

Een web app is een applicatie die je in de browser gebruikt, zonder installatie via een app store. Hij werkt op elk apparaat met internet en wordt centraal bijgewerkt. Voorbeelden zijn Gmail, Google Docs en online bankieren.

Wat is het verschil tussen een web app en een app?

Een web app draait in de browser en werkt op elk apparaat. Een native app installeer je via de App Store of Google Play en heeft meer toegang tot functies van de telefoon, zoals camera en bluetooth, maar moet per besturingssysteem worden gebouwd.

Is een PWA hetzelfde als een web app?

Een PWA is een web app met extra mogelijkheden. Je kunt hem op je beginscherm zetten, hij werkt deels offline en kan pushmeldingen sturen. Elke PWA is dus een web app, maar niet elke web app is een PWA.

Verwante termen

Webapplicatie · Progressive Web App (PWA) · Native app · Hybride app · Cross-platform app · Mobiele app · Responsive design