Diensten · Webapplicaties

Een webapplicatie laten maken die je werk ondersteunt.

Een webapplicatie gebruik je via de browser. Je medewerkers of klanten krijgen toegang tot de functies en gegevens die zij nodig hebben, op kantoor of onderweg. We ontwerpen de toepassing rond hun dagelijkse handelingen.

Werkt in de browser, zonder installatieRollen en rechten per gebruikerVerbonden met je CRM of planning
Medewerker van een verhuurbedrijf verwerkt een reservering in de webapplicatie aan een sta-bureau
Herkenbaar?

Wanneer een website niet meer genoeg is.

Een webapplicatie helpt wanneer het werk zelf online moet gebeuren, niet alleen de informatie erover.

Gedeelde bestanden met verschillende versies

Iedereen werkt in zijn eigen kopie, en niemand weet welke lijst de juiste is.

Werken kan alleen op kantoor

Het programma staat op één computer, terwijl je mensen ook thuis of op locatie werken.

Iedereen ziet alles, of juist niets

Er is geen onderscheid tussen wat een klant, een medewerker of een beheerder mag doen.

Aanvragen komen binnen via losse mails

Je team zet ze handmatig in een lijst en zoekt later uit wat de status is.

Eén taak, drie schermen

Zo wordt een reservering in één keer verwerkt.

In een webapplicatie volgen schermen de stappen van het werk. Bijvoorbeeld bij een verhuurbedrijf dat materiaal voor evenementen levert.

  1. 1

    Reservering openen

  2. 2

    Materiaal toewijzen

  3. 3

    Controleren en bevestigen

Voorbeeldsituatie met fictieve gegevens. De schermen van jouw webapplicatie ontwerpen we rond jouw eigen taken.

Meer dan een informatieve website

Een plek waar gebruikers taken uitvoeren.

In een webapplicatie voeren gebruikers taken uit. Ze dienen aanvragen in, werken dossiers bij, plannen afspraken of bekijken hun eigen gegevens.

De processen achter die schermen zijn minstens zo belangrijk als het ontwerp. Daarom beginnen we bij het werk: welke stappen zijn er, welke informatie is nodig en wat gebeurt er als iets ontbreekt?

  • Schermen die de stappen van het werk volgen
  • Logica en controles achter elk formulier
  • Overzicht van wat er openstaat en bij wie
Magazijnmedewerker controleert met een tablet welke materialen klaar moeten staan
Verschillende gebruikers

Passende toegang voor iedere rol.

Een beheerder heeft andere mogelijkheden nodig dan een medewerker of klant. We brengen die rollen in kaart en bepalen welke informatie en handelingen bij iedere rol horen. Zo blijft het voor iedereen overzichtelijk en zien mensen alleen wat voor hen bedoeld is.

  • Rollen afgeleid van het echte werk
  • Rechten per team, locatie of klant
  • Accounts beheren zonder ontwikkelaar
Verbonden met je organisatie

Gegevens die vanzelf doorstromen.

Een aanvraag kan bijvoorbeeld vanuit de webapplicatie naar je CRM of planning worden doorgezet. We ontwerpen de benodigde gegevensuitwisseling en maken afspraken over fouten, logging en beheer. Zo weet je wat er gebeurt als een ander systeem even niet bereikbaar is.

  • Uitwisseling met CRM, planning of boekhouding
  • Logging om te zien wat er is verstuurd
  • Afspraken over foutafhandeling en beheer
Meer over koppelingen
Op kantoor en onderweg

Dezelfde applicatie op elk scherm.

Omdat een webapplicatie in de browser draait, werkt ze op een computer, tablet of telefoon zonder installatie. We maken de schermen geschikt voor de plek waar ze gebruikt worden. Voor uitgebreide toestel- of offlinefuncties onderzoeken we of een mobiele app beter past.

  • Geen installatie of updates per apparaat
  • Schermen ontworpen voor klein en groot
  • Een mobiele app waar dat echt nodig is
Wanneer een mobiele app beter past
Coördinator op een evenementlocatie bekijkt op haar telefoon de planning van de dag
Functies

Wat zit er in een webapplicatie?

Welke onderdelen jouw webapp krijgt, hangt af van de taken die gebruikers uitvoeren. Deze bouwstenen komen vaak voor.

Accounts en rollen

Inloggen, uitnodigen en rechten beheren per gebruiker, team of organisatie.

Formulieren en workflows

Stappen die elkaar opvolgen, met controles en goedkeuringen waar het werk dat vraagt.

Dossiers en zoeken

Alle informatie over een klant, order of project bij elkaar, snel terug te vinden.

Overzichten en rapportages

Lijsten, filters en exports waarmee je ziet wat er openstaat en wat er is gedaan.

Meldingen en e-mail

Gebruikers krijgen bericht wanneer er iets verandert of van hen verwacht wordt.

Koppelingen en API

Uitwisseling met je bestaande pakketten, of een API waarmee anderen kunnen aansluiten.

Voor wie

Een webapp past bij werk dat online moet.

Een webapplicatie is zinvol zodra meerdere mensen op verschillende plekken met dezelfde gegevens werken. Bijvoorbeeld bij:

  • Verhuur en reserveringen
  • Zakelijke dienstverlening
  • Opleiders en trainers
  • Installatie en onderhoud
  • Groothandel en B2B
  • Verenigingen en stichtingen
  • Makelaardij en vastgoedbeheer
Aanpak

Zo pakken we het samen aan.

Meer over onze werkwijze
  1. 01

    Je bedrijf begrijpen

    We praten met jou en de mensen die er dagelijks mee werken, en brengen in kaart waar software het verschil maakt.

  2. 02

    Aanpak en eerste scope

    Je krijgt een voorstel voor een afgebakende eerste versie: wat erin zit, wat later komt en wat het kost.

  3. 03

    Bouwen, testen, bespreken

    We bouwen in korte stappen en testen elke stap. Je ziet tussentijds werkende onderdelen en geeft feedback.

  4. 04

    In gebruik en verbeteren

    We zetten het live, helpen je team op weg en blijven verbeteren als je bedrijf verandert.

Investering

Wat bepaalt de investering?

Het aantal taken en schermen, de rollen en rechten, de koppelingen met andere systemen en de migratie van bestaande gegevens bepalen een groot deel van het werk. We bakenen eerst een bruikbare eerste versie af en maken op basis daarvan een voorstel.

Vraag een voorstel aan
Gids

Webapplicatie laten maken: wat je moet weten.

Wil je een webapplicatie laten maken voor je klanten of medewerkers? In deze gids lees je wat een webapp is, hoe die verschilt van een website of mobiele app, welke techniek past en hoe het bouwen verloopt.

Wat is een webapplicatie?

Een webapplicatie, of kortweg webapp, is software die je via de browser gebruikt. Er hoeft niets te worden geïnstalleerd: je opent een adres, logt in en gaat aan het werk. De software en de gegevens staan op een server, zodat iedereen met dezelfde, actuele informatie werkt. Bekende voorbeelden zijn online boekhoudpakketten en planningssystemen, maar ook een eigen klantportaal of intern ordersysteem is een webapplicatie. Iedere gebruiker logt in en ziet direct wat voor hem of haar relevant is.

Het verschil met een gewone website zit in wat gebruikers doen. Een website informeert. In een webapplicatie voer je taken uit: je dient een aanvraag in, werkt een dossier bij of plant een afspraak. Daarvoor zijn accounts, rechten, gegevensopslag en logica nodig die bepalen wat er na elke stap gebeurt. Juist die logica achter de schermen maakt het verschil tussen een mooie site en een applicatie waarmee je team elke dag werkt.

Webapp bouwen of een standaardpakket gebruiken?

Voor veel taken bestaan al online pakketten. Als zo’n pakket goed aansluit op je werkwijze, is dat vaak de snelste route. Een webapp op maat wordt interessant wanneer je proces afwijkt, wanneer je meerdere pakketten aan elkaar plakt met handwerk, of wanneer de applicatie zelf onderdeel is van je dienstverlening aan klanten. Ook wanneer je klanten of partners toegang wilt geven tot je eigen processen, biedt een webapp op maat meer vrijheid dan een standaardpakket.

Een eigen online applicatie ontwikkelen betekent ook dat je zelf bepaalt welke functies erbij komen en in welke volgorde. Daar staat tegenover dat je afspraken nodig hebt over hosting, onderhoud en doorontwikkeling. Die afweging maken we samen, op basis van je proces en je plannen voor de komende jaren. Soms blijkt dat een goed ingericht pakket met een koppeling voldoende is, en dat zeggen we dan ook. Zo investeer je alleen in maatwerk waar het iets toevoegt.

Webapp of mobiele app?

Een webapplicatie werkt op elk apparaat met een browser. Met een responsief ontwerp passen de schermen zich aan aan telefoon, tablet en computer. Voor de meeste zakelijke toepassingen is dat voldoende, en je onderhoudt maar één applicatie. Een update is direct voor iedereen beschikbaar, zonder dat gebruikers iets hoeven te downloaden. Ook hoef je niet langs de beoordeling van een appstore, wat nieuwe versies eenvoudiger maakt. Voor interne systemen en klantomgevingen is dat een belangrijk voordeel.

Een mobiele app kan beter passen wanneer gebruikers de hele dag onderweg werken, offline moeten kunnen werken of intensief gebruik maken van toestelfuncties zoals camera, locatie en pushmeldingen. Vaak is de combinatie logisch: een webapplicatie voor kantoor en beheer, en een app voor medewerkers op locatie. Beide gebruiken dan dezelfde gegevens en logica op de server. Het artikel over webapp of mobiele app gaat dieper op die keuze in, met voorbeelden per situatie.

Welke techniek gebruiken we?

De techniek volgt uit de toepassing en de bestaande omgeving. Voor de serverkant werken we veel met PHP en het framework Laravel. PHP is een programmeertaal, Laravel is een framework dat veelvoorkomende onderdelen zoals inloggen, databases en wachtrijen een vaste structuur geeft. Voor beheerschermen kan Filament een goede basis zijn, met MySQL als database. Met die bouwstenen zetten we een stabiele basis neer voor bedrijfssoftware die meerdere jaren moet meegaan en onderhouden moet worden.

TypeScript is een programmeertaal die voortbouwt op JavaScript en vaak wordt gebruikt voor interactieve schermen in de browser. Afhankelijk van de toepassing kunnen PHP, Laravel en TypeScript verschillende onderdelen van één oplossing ondersteunen. We kiezen techniek die past bij de levensduur van je applicatie en die goed te onderhouden is. De keuze leggen we uit in begrijpelijke taal, zodat je weet waarom een techniek bij jouw toepassing past en wat dat betekent voor later onderhoud.

Rollen, rechten en zorgvuldig omgaan met gegevens

In een webapplicatie werken vaak verschillende soorten gebruikers: beheerders, medewerkers, klanten of partners. Elke rol krijgt toegang tot de informatie en handelingen die erbij horen. We leggen die rollen vast voordat we gaan bouwen, omdat ze bepalen hoe schermen, gegevens en controles zijn opgebouwd. Denk ook aan situaties zoals een medewerker die uit dienst gaat of een klant met meerdere vestigingen. Hoe goed rollen zijn doordacht, merk je vooral in het dagelijks gebruik.

Omdat een webapp via internet bereikbaar is, verdient beveiliging aandacht vanaf het eerste ontwerp. Denk aan veilige inlogmethoden, het scheiden van gegevens per klant, het vastleggen van belangrijke handelingen en het tijdig bijwerken van gebruikte onderdelen. Geen enkele applicatie is volledig zonder risico, maar met doordachte keuzes en goed onderhoud houd je die risico’s beperkt. We bespreken vooraf welke maatregelen passen bij jouw toepassing en de gevoeligheid van je gegevens, en hoe we die vastleggen.

Zo verloopt het bouwen van een webapp

We beginnen bij de taken van de gebruikers. Welke stappen doorlopen zij, welke informatie hebben ze nodig en waar loopt het nu vast? Daaruit volgt een bruikbare eerste versie met een duidelijke scope. We werken de belangrijkste schermen uit, zodat je kunt zien hoe de applicatie gaat werken voordat de bouw begint. Zo voorkom je verrassingen en kun je vroeg bijsturen als een stap in de praktijk anders blijkt te werken dan op papier.

Tijdens de ontwikkeling gebruiken we AI bij onderzoek, code en tests, terwijl een ontwikkelaar de keuzes maakt en het werk controleert. We stemmen tussentijds af, testen de afgesproken functies en bereiden de livegang voor. Daarna volgen uitleg aan gebruikers, eventuele migratie van gegevens en afspraken over hosting en onderhoud. Nieuwe wensen die tijdens het bouwen opkomen, maken we zichtbaar met hun gevolgen voor planning en budget, zodat je bewust kunt kiezen.

Na de livegang: hosting, onderhoud en uitbreiden

Een webapplicatie draait op een server die beheerd moet worden. Er komen updates voor de programmeertaal, het framework en gebruikte pakketten, en die wil je tijdig doorvoeren. Ook back-ups en het in de gaten houden van fouten horen bij het beheer. We bespreken vooraf welke afspraken daarvoor nodig zijn. Door dit structureel te regelen, blijft je webapplicatie bij de tijd en voorkom je dat achterstallig onderhoud zich opstapelt tot een groot en kostbaar project.

Daarnaast groeit een webapp mee met je bedrijf. Na een periode van gebruik wordt duidelijk welke functies ontbreken of handiger kunnen. Doordat de basis staat, kun je uitbreidingen stap voor stap toevoegen, zoals een klantomgeving, een extra koppeling of een rapportage. Elke uitbreiding bespreken we apart, met een eigen afweging van nut, planning en investering. Zo blijft de applicatie overzichtelijk en groeit ze mee met wat je organisatie echt nodig heeft.

Veelgestelde vragen

Veelgestelde vragen over webapplicaties.

Staat je vraag er niet bij? Bel 010 – 303 03 40 of stuur ons een bericht.

We kunnen de schermen geschikt maken voor mobiel gebruik. Voor uitgebreide toestel- of offlinefuncties onderzoeken we of een mobiele app beter past.

Lilo steekt zijn duim omhoog

Waar loopt jouw bedrijf tegenaan?

Vertel ons wat je wilt verbeteren. Je hoeft nog geen uitgewerkt plan te hebben. We bespreken je situatie en kijken welke volgende stap past.

Je hoeft nog geen specificatie te hebben. We reageren binnen één werkdag. Liever bellen? 010 303 03 40

We gebruiken je gegevens alleen om je vraag te beantwoorden. Lees de privacyverklaring.