Definitie: Een webapplicatie is software die je via de browser gebruikt, zonder iets te installeren. Waar een website vooral informatie toont, laat een webapplicatie je taken uitvoeren: gegevens invoeren, iets berekenen, een aanvraag afhandelen of samenwerken met anderen.
In het kort
- Een webapplicatie draait op een server en opent in elke moderne browser, op laptop, tablet en telefoon.
- Bekende voorbeelden zijn Gmail, online bankieren, Google Docs en een webshop met winkelmandje.
- Updates gebeuren centraal: iedere gebruiker werkt direct met de nieuwste versie.
- Voor bedrijven is een webapplicatie vaak een klantportaal, een planningstool, een calculator of een intern dashboard.
Wat is een webapplicatie precies?
Een webapplicatie is een programma dat op een server draait en dat je bedient via een browser zoals Chrome, Safari of Edge. Je gaat naar een adres, logt in en gaat aan de slag. Er is geen installatie nodig en je hoeft niets bij te werken, want de software staat op één centrale plek.
Het woord zegt het al: het is een applicatie, dus een stuk gereedschap, dat via het web werkt. De term web app betekent hetzelfde. In het Nederlands hoor je ook webtoepassing of online applicatie.
Wat ik belangrijk vind aan dit begrip: het gaat om wat de gebruiker kan doen. Een pagina die alleen iets laat zien, is een website. Zodra iemand iets kan invoeren, opslaan, berekenen of afronden, praat je over een applicatie.
Hoe werkt een webapplicatie?
Een webapplicatie werkt volgens het client-servermodel. De browser van de gebruiker is de client. De software en de gegevens staan op de server. Bij elke actie gaat er een verzoek heen en weer.
- De gebruiker doet iets. Hij vult een formulier in of klikt op een knop.
- De browser stuurt een verzoek naar de server, versleuteld via HTTPS.
- De server voert de logica uit. Hij controleert de invoer, rekent iets uit of past rechten toe.
- De database bewaart of levert gegevens. Denk aan klantgegevens, orders of berekeningen.
- De server stuurt het resultaat terug en de browser toont het, vaak binnen een fractie van een seconde.
Technisch bestaat een webapplicatie daarom uit drie lagen:
| Laag | Wat het doet | Veelgebruikte techniek |
|---|---|---|
| Frontend | Wat de gebruiker ziet en bedient | HTML, CSS, JavaScript, Vue of React |
| Backend | De logica, rechten en koppelingen | PHP met Laravel, Node.js, Python |
| Database | Het geheugen van de applicatie | MySQL, PostgreSQL |
Daaromheen zitten vaak koppelingen met andere systemen, zoals een boekhoudpakket of CRM. Die verlopen via een API.
Voorbeelden van webapplicaties
Je gebruikt waarschijnlijk elke dag webapplicaties zonder erbij stil te staan:
- E-mail en samenwerken: Gmail, Outlook op het web, Google Docs, Microsoft 365.
- Bankieren en betalen: de online omgeving van je bank, iDEAL-betaalschermen.
- Webshops: het winkelmandje, de checkout en je bestelhistorie.
- Plannen en organiseren: Trello, Asana, online agenda’s.
Voor bedrijven zijn de interessantste webapplicaties vaak minder zichtbaar. Het gaat om software die precies één terugkerend proces ondersteunt:
- Klantportaal: klanten zien hun facturen, documenten en de status van hun opdracht.
- Planningstool: wie gaat waarheen, met welk materiaal, op welke dag.
- Online calculator of configurator: een klant voert gegevens in en krijgt een berekening of productadvies.
- Intern dashboard: cijfers uit verschillende systemen op één scherm.
- Offerte- of aanvraagsysteem: van eerste vraag tot getekend akkoord, met een duidelijke volgende stap.
Soorten webapplicaties
Webapplicaties verschillen in hoe ze technisch zijn opgebouwd en waarvoor ze dienen. De termen die je het vaakst tegenkomt:
- Dynamische webapplicatie: de server stelt elke pagina samen op basis van de gebruiker en zijn gegevens. De meeste zakelijke applicaties werken zo.
- Single Page Application (SPA): de applicatie laadt één keer en ververst daarna alleen de onderdelen die veranderen. Dat voelt snel, zoals bij Gmail.
- Progressive Web App (PWA): een webapplicatie die je op je beginscherm kunt zetten en die deels offline werkt.
- Portaal: een afgeschermde omgeving voor klanten, leden of medewerkers, met eigen gegevens per gebruiker.
- SaaS: een webapplicatie die als abonnement aan meerdere klanten wordt aangeboden, ieder in een eigen omgeving.
Wat kost een webapplicatie?
Als marktindicatie: een eenvoudige zakelijke webapplicatie kost meestal €5.000 tot €15.000, een uitgebreide applicatie met meerdere rollen en rapportages €15.000 tot €35.000 en een complex systeem met veel koppelingen €35.000 tot €75.000 of meer. Daarnaast komt jaarlijks 10 tot 20 procent van het bouwbudget voor onderhoud en doorontwikkeling. Wat het in jouw geval wordt, volgt uit het aantal gebruikers, functies en koppelingen.
Wat is het verschil tussen een website en een webapplicatie?
Het verschil zit in interactie. Een website is gemaakt om te lezen. Een webapplicatie is gemaakt om mee te werken. In de praktijk lopen ze vaak in elkaar over: een website kan een webapplicatie bevatten, zoals een rekentool of een inlogomgeving.
| Website | Webapplicatie | |
|---|---|---|
| Doel | Informeren en overtuigen | Taken uitvoeren |
| Gebruiker | Leest, klikt door | Voert in, bewerkt, rondt af |
| Inloggen | Meestal niet | Meestal wel, met rollen en rechten |
| Gegevens | Vooral vaste content | Gegevens per gebruiker of klant |
| Voorbeeld | Bedrijfswebsite, blog | Klantportaal, planningstool |
Wil je weten welke vorm past bij jouw idee, een webapplicatie, een native app of een progressive web app? Dat leg ik uit in de kennisbankpagina over web apps.
Voor- en nadelen van een webapplicatie
Voordelen
- Werkt overal: op elk apparaat met een browser, ongeacht Windows, macOS, iOS of Android.
- Geen installatie: een link is genoeg om nieuwe gebruikers toegang te geven.
- Centrale updates: een verbetering staat direct voor iedereen klaar.
- Eén codebasis: je bouwt niet apart voor iPhone en Android, wat ontwikkelkosten beperkt.
- Goed te koppelen: via API’s praat een webapplicatie met andere systemen.
Nadelen
- Internet nodig: zonder verbinding werkt de meeste functionaliteit niet.
- Beperkte toegang tot het apparaat: functies als bluetooth of uitgebreide pushmeldingen gaan via een native app soms beter.
- Beveiliging vraagt aandacht: een webapplicatie is via internet bereikbaar. Het NCSC heeft er daarom aparte ICT-beveiligingsrichtlijnen voor gepubliceerd.
Waar let je op bij een webapplicatie?
Een paar punten die bij elke webapplicatie terugkomen:
- Rollen en rechten. Wie mag wat zien en wijzigen? Een klant ziet alleen zijn eigen gegevens, een medewerker meer.
- Persoonsgegevens en de AVG. Verwerk je gegevens van klanten, dan hoort daar een verwerkersovereenkomst bij met de bouwer en de hostingpartij.
- Toegankelijkheid. Sinds 28 juni 2025 geldt de Europese Toegankelijkheidsrichtlijn voor bepaalde diensten aan consumenten, zoals webshops en online boekingen.
- Eigendom. Leg vast dat jij eigenaar bent van de broncode en toegang hebt tot de repository.
- Onderhoud. Een webapplicatie is nooit af. Frameworks krijgen updates en gebruikers krijgen nieuwe wensen.
Wat betekent dit voor jouw project?
Bij een webapplicatie begin ik altijd bij het werk zelf. Wat komt er binnen, wie moet ermee verder en welke informatie heeft die persoon nodig? Pas als dat helder is, kijk ik naar schermen en techniek. Soms blijkt een bestaand pakket of een koppeling genoeg. Dan is dat de beste oplossing.
Een voorbeeld uit mijn eigen werk zijn de calculators. Op Capaciteitberekenen.nl voert een gebruiker gegevens in, de webapplicatie rekent de capaciteit uit voor bijvoorbeeld olie- en vetafscheiders of infiltratie, en de uitkomst is als resultaat te bekijken en als PDF te bewaren. De les die ik daaruit meeneem: maak de invoer begrijpelijk en de uitkomst bruikbaar. Leg ook vast welke aannames en grenzen gelden, zodat iemand weet wat hij met de uitkomst kan doen.
Zo werkt het bij bijna elke webapplicatie. Goede invoervragen zijn minstens zo belangrijk als de formule of de functie erachter.
Heb je een proces dat een eigen webapplicatie verdient? Stuur me hoe het nu gaat en wie ermee werkt. Dan kijken we in ongeveer twintig minuten waar een logische eerste stap ligt. Lees ook wat er komt kijken bij een webapplicatie laten maken.
Veelgestelde vragen over webapplicaties
Wat is een webapplicatie in simpele woorden?
Een webapplicatie is een programma dat je in je browser gebruikt, zonder het te installeren. Je logt in via een webadres en kunt er taken mee uitvoeren, zoals gegevens invoeren, berekeningen maken of een aanvraag afhandelen.
Wat zijn voorbeelden van webapplicaties?
Bekende voorbeelden zijn Gmail, Google Docs, online bankieren en het winkelmandje van een webshop. Zakelijke voorbeelden zijn een klantportaal, een planningstool, een online calculator en een intern dashboard.
Wat is het verschil tussen een webapplicatie en een app?
Een webapplicatie draait in de browser en werkt op elk apparaat zonder installatie. Een native app installeer je via de App Store of Google Play en heeft meer toegang tot functies van de telefoon, maar moet per platform worden gebouwd.
Verwante termen
Web app · Progressive Web App (PWA) · Klantportaal · Maatwerk software · Verschil website en webapplicatie · Online rekentool · Bedrijfsapplicatie
← Terug naar de kennisbank