Staging en acceptatie
Wat is een stagingomgeving?
Acceptatie is wat jij daar doet. Je loopt langs wat er gebouwd is, klikt het na zoals jij normaal werkt, en meldt wat er niet klopt. Pas als jij ja zegt, gaat het live. Dat kleine ritueel voorkomt een hoop gedoe achteraf.
Het verschil met even kijken op de echte site is groot. Op een stagingomgeving kun je een bestelling plaatsen, een factuur laten maken en een mail laten versturen zonder dat iemand iets ontvangt of betaalt. Op de echte site staat je testbestelling tussen de orders die je moet uitleveren.
Wat een stagingomgeving je oplevert
Een tweede omgeving kost iets, en levert vooral op wat je niet meemaakt. Dit merk je er wel van.
Jij ziet het eerst, je klanten daarna: Een nieuwe pagina, een gewijzigd formulier of een update bekijk je rustig, op een moment dat het jou uitkomt. Wat je niet goed vindt, gaat gewoon niet live.
Updates zonder gok: Updates draaien eerst op de stagingomgeving en worden daar nagelopen. Gaat er iets stuk, dan repareren we dat voordat het je bezoekers raakt, in plaats van erna.
Testen met je eigen spullen: Je test met een kopie van je eigen gegevens, niet met verzonnen voorbeelden. Daardoor komen juist de rare gevallen boven: die ene klant met vijf adressen, dat product zonder foto, die order van vorig jaar.
Duidelijk wanneer iets af is: Je krijgt per oplevering een lijstje van wat er klaar is en wat nog niet. Dat scheelt de discussie of iets nou wel of niet in de opdracht zat.
Voor wie is dit
Een stagingomgeving is de moeite waard zodra er meer aan je site verandert dan één tekstje per kwartaal:
- Je hebt een keer een update gedraaid en pas achteraf gemerkt dat er iets stuk was
- Je wil een nieuwe pagina of functie eerst zelf zien voordat je klanten hem zien
- Iemand binnen je bedrijf die geen ontwikkelaar is moet een wijziging aftekenen
- Je hebt een webshop of portaal waar je niet zomaar een testbestelling in kunt gooien
- Er werken meerdere mensen aan je site en je wil dat iemand meekijkt voordat het live gaat
Wat je krijgt
- Een kopie van je site op een afgeschermd adres, met een wachtwoord ervoor en onvindbaar in Google
- Elke week verse gegevens uit de echte site, met namen en adressen vervangen door verzonnen exemplaren
- Mail die op de stagingomgeving blijft hangen, zodat een test nooit bij een echte klant in de inbox valt
- Koppelingen naar de testomgeving van je betaalprovider en je andere systemen, zodat er geen echt geld rondgaat
- Per oplevering een lijstje om af te tekenen, met wie wat heeft nagekeken en wanneer
- Dezelfde stappen van de stagingomgeving naar de echte site, zodat wat je goedkeurde ook is wat er live komt
Hoe we het bouwen
Kopiëren. We zetten een kopie neer die zo dicht mogelijk bij de echte site ligt: dezelfde versies, dezelfde instellingen, dezelfde koppelingen maar dan naar de testomgeving. Juist in het verschil tussen die twee verstoppen fouten zich.
De deur dicht. Een stagingomgeving die open staat komt in Google terecht, en dan zijn je halve concepten en je klantgegevens ineens vindbaar op internet. Dus: een wachtwoord ervoor, geen zoekmachines erin, en gegevens van echte mensen eruit voordat ze erop komen.
Aftekenen. Bij elke oplevering krijg je een lijstje met wat er te zien is en wat je moet nakijken. Jij tekent af, wij zetten het live. Wat je hebt goedgekeurd is wat er komt te staan.
Wat kost een stagingomgeving?
Wat een stagingomgeving inrichten voor een bestaande site kost, zit vooral in de verbindingen met andere partijen. Een site die op zichzelf staat is ongeveer een dag werk. Een webshop met een betaalprovider, een voorraadsysteem en een verzendpartij vraagt van elk van die partijen een testomgeving.
Bouwen we iets nieuws, dan hoort de stagingomgeving bij het project en rekenen we hem niet apart. De eerste keer dat je iets ongezien live zet kost meestal meer dan de hele omgeving.
Daarna draait het mee in hosting en onderhoud voor het geheel. Wil je naast de stagingomgeving nog een aparte plek waar je eigen mensen rustig kunnen kijken, dan komt daar een klein bedrag per maand bij.
Waarom Mediavisie Web
We hosten en beheren zelf, dus een tweede omgeving is bij ons een kwestie van aanzetten en geen bestelling bij een andere partij. Een kopie verversen of terugzetten doen we op de dag dat je erom vraagt.
Elke oplevering gaat eerst langs automatische controles, ook op toegankelijkheid. Zo kun je je aandacht houden bij of het inhoudelijk klopt, in plaats van bij naklikken of alle knoppen het nog doen.
En we weten inmiddels dat het struikelblok meestal bij de andere partij ligt. Van de gangbare pakketten weten we of ze een testomgeving hebben en wat je moet aanvragen, dus dat zetten we op tijd in gang.
Waar je op moet letten
Een stagingomgeving is een kopie en geen tweelingbroer. Verschillen in de hoeveelheid gegevens en in het gedrag van andere systemen zorgen ervoor dat iets op de kopie kan werken en live net niet. Reken er ook op dat het aftekenen tijd van jouw mensen vraagt, ongeveer een dagdeel per oplevering. Een stagingomgeving waar niemand naar kijkt is een dure kopie van je site.
De techniek eronder
Alle techniekWaar we het mee bouwen.
-
Uitrollen
GitHub Actions
Bouwt, test en zet live bij elke wijziging. Faalt een test, dan gaat er niets naar productie.
-
Omgeving
Docker
Iedereen werkt in dezelfde omgeving, en die omgeving lijkt op productie. Scheelt de klassieke verrassing bij livegang.
-
Testen
Playwright
Doorloopt je site als een echte bezoeker in een echte browser. Ook de toegankelijkheidscontrole draait hierin mee.
-
Versiebeheer
GitLab
Elke wijziging vastgelegd en terug te draaien. Jij krijgt toegang tot de code die van jou is.
-
Bewaking
Sentry
Meldt een fout op het moment dat hij optreedt, met de regel code erbij. Wij zien het voordat jij belt.
-
Server
Ubuntu
De basis onder onze servers. Lange ondersteuning, dus je hoeft niet elk jaar mee met een grote sprong.
Werkwijze
Hoe we het aanpakken.
Van het eerste gesprek tot doorbouwen na livegang. Vier fases, en je weet bij elke fase wat er af is en wat er nog komt.
-
1 tot 2 weken
Uitzoeken
Wat er moet komen en wat er al ligt
We brengen in kaart welke systemen mee moeten, wie het straks beheert en waar het vorige traject op vastliep. Daar komen de uitzonderingen boven water die later de planning bepalen.
Lees verder over Uitzoeken -
Eén week
Afbakenen
Van wensenlijst naar een plan met een prijs
We knippen het werk in stukken die los opgeleverd kunnen worden, en zetten er een prijs en een volgorde op. Daarbij spreken we af wat er in de eerste versie zit en wat later komt.
Lees verder over Afbakenen -
6 tot 12 weken
Ontwerpen en bouwen
Eerst de schermen, dan de techniek eronder
Je kijkt vanaf de eerste week mee op een testomgeving. We leveren in rondes op, te beginnen met het deel dat het meeste werk uit handen neemt, zodat je stuurt op wat je ziet.
Lees verder over Ontwerpen en bouwen -
Doorlopend
Doorbouwen
Na livegang begint het pas
Updates, bewaking en nieuwe functies, met een vast aanspreekpunt dat je project kent. We meten wat er gebruikt wordt, en dat bepaalt waar we het volgende kwartaal aan werken.
Lees verder over Doorbouwen
Zo ziet dat er in de praktijk uit
Alle casesWij werken onder andere voor
Aan de slag
Iets te bouwen?
Vertel wat er moet komen. We denken mee over techniek, haalbaarheid en wat het kost, ook als het plan nog niet rond is.