Realisatie van een PWA als digitaal wedstrijdformulier voor de rugbysport.
Realisatie van een PWA als digitaal wedstrijdformulier voor de rugbysport.
Wij ontwikkelden in opdracht van AllUnited een mobile digitale wedstrijdformulier die generiek en meertalig is opgebouwd.
Onze opdrachtgever AllUnited biedt veel services aan voor bonden en verenigingen in diverse sporten. Een van hun diensten (competitiemodule) is gericht op het gebruik van een digitaal wedstrijdformulier (DWF) tijdens de wedstrijd..
Aan ons is gevraagd om een applicatie te bouwen die in eerste instantie tijdens de rugby competitie gebruikt kan worden. Zowel in de voorbereiding (wedstrijdleiding en teamsamenstelling accorderen), tijdens de wedstrijd (scoreverloop en eventlogging) en na de wedstrijd voor het accorderen van de resultaten en kaarten door alle partijen.
Wij ontwikkelden de front-end applicatie die naadloos moet aansluiten op de omgeving van AllUnited. In die omgeving worden namelijk alle zaken beheerd door de clubs rondom teams, spelers en dispensaties, maar is uiteindelijk ook weer de omgeving waar alle resultaten worden vastgelegd. Daarnaast moet een dergelijke mobile applicatie eenvoudig in gebruik zijn, vooral op mobiel gezien het gebruik van de applicatie door scheidsrechters en coaches tijdens een wedstrijd.
In overleg met AllUnited kozen wij ervoor om een PWA te ontwikkelen. Hiermee komt het gebruiksgemak, zeker op mobiel goed tot zijn recht. Dit gaf dan ook in het UX/Design proces ons volop de ruimte om te komen tot een moderne, overzichtelijke en gebruiksvriendelijke applicatie.
De door ons gebouwde oplossing is een data gedreven app en we gebruiken MobX als state-management systeem. Dit stelt ons in staat om de data lokaal op te slaan. In combinatie met een service-worker die wij gebruiken om de app als PWA te installeren, maakt dit de app offline available. Daarmee kan de gebruiker een opstelling (lokaal) aanpassen, ook als je tijdelijk geen internet hebt. Voor het zoeken van spelers of opslaan/bevestigen heb je uiteraard wel een verbinding nodig.
React zorgt voor flexibiliteit en het uitgebreide ecosysteem -met een gezonde concurrentie tussen libraries- zorgt ervoor dat er altijd een library te vinden is die het ontwikkelen van onze maatwerk applicaties versnelt.
De schaal en het enorme aanbod aan services van AWS stelt ons in staat om een betrouwbare en schaalbare infrastructuur op te zetten die past bij de eisen van iedere maatwerkoplossing.
Amazon CloudFront is een content delivery network (CDN) van Amazon Web Services. Content delivery networks bieden een wereldwijd gedistribueerd netwerk van proxyservers die content meer lokaal bij de consument cachen, waardoor de performance verbetert.
GitLab gebruiken wij als tool om vanuit gezamenlijk development op een snelle en kwalitatieve manier applicaties live te brengen in een AWS omgeving en code binnen het team consistent te beheren.
De samenwerking maar vooral ook het meedenken aan een innovatieve, maar vooral ook gebruiksvriendelijke interface heeft geleidt tot een prachtig en waardevol product.