Website en maatwerkapplicatie
Junior Basketball Groningen: van aanmelden tot de organisatie achter de training
Kinderen laten kennismaken met basketball vraagt meer dan een plek in de sporthal. Voor JBG bouwde ik de website én de applicatie voor leden, aanwezigheid, trainers en administratie.
Basketball en ontwikkeling
- Organisatie
- Junior Basketball Groningen
- Mijn rol
- Website, applicatie en koppeling
- Website
- WordPress
- Applicatie
- React en Node.js
Basketball als vertrekpunt
Meer aandacht voor de training, met overzicht achter de schermen
Junior Basketball Groningen laat jonge kinderen in een vriendelijke en veilige omgeving kennismaken met basketball. Plezier, motorische ontwikkeling en samenwerken staan naast het leren van basketballvaardigheden.
Voor ouders begint dat bij duidelijke informatie. Voor de organisatie gaat het daarna verder: wie komt trainen, welk lidmaatschap hoort erbij en welke trainers staan op het veld?
Ik ontwikkelde daarom twee onderdelen die op elkaar aansluiten. De WordPress-website legt het aanbod uit en verzorgt de aanmelding. De eigen admin ondersteunt het werk dat daarop volgt.
De publieke website
Eerst begrijpen, dan aanmelden
De website beantwoordt de vragen waarmee ouders binnenkomen. Voor wie zijn de trainingen? Is ervaring nodig? Waar wordt getraind en hoe werkt een proeftraining?
De Basketball School-pagina brengt de doelgroep, trainingsopzet, locatie en deelnamevoorwaarden samen. Nieuws en informatie over de trainers geven daarnaast een beeld van de mensen en activiteiten achter JBG.
Vanuit de homepage en de trainingsinformatie is het inschrijfformulier direct bereikbaar. Ouders zien vóór het aanmelden wat een proeftraining inhoudt en wanneer deelname definitief wordt.
De verbinding met de administratie
Een aanmelding is het begin van een lidmaatschap
Het formulier maakt onderscheid tussen het kind en de contactpersoon. Ook het gekozen lidmaatschap, de T-shirtmaat en eventuele opmerkingen krijgen een vaste plek.
Voor de verbinding met de admin bouwde ik een eigen WordPress-koppeling. Die verwerkt de aanmelding als lid en seizoensinschrijving. Een bestaande speler die terugkomt, houdt zijn eigen dossier met de eerdere seizoenen.
Herhaalde verwerking van dezelfde inschrijving hoeft daardoor geen tweede lid op te leveren. De koppeling herkent bestaande gegevens en verwerkt het juiste seizoen.
Voor aanmeldingen die per e-mail binnenkomen heeft de admin daarnaast een invoerhulp. Die leest de aangeleverde tekst uit, waarna de beheerder de gegevens kan controleren en opslaan.
De eigen admin
Van inschrijving naar de dagelijkse praktijk
De applicatie volgt het werk van de organisatie. Aanwezigheid is niet alleen een vinkje, maar heeft ook betekenis voor deelname, strippenkaarten en facturatie.
Aanmelden
De speler en contactpersoon worden gekoppeld aan het gekozen lidmaatschap.
Meetrainen
De trainer registreert aanwezigheid bij de juiste training.
Deelname verwerken
De applicatie past de regels voor proefdeelname, lidmaatschap en strippenkaart toe.
Administratie volgen
Facturen, betalingen en historie blijven bij de deelnemer terug te vinden.
Schematische weergave van het werkproces, geen screenshot van de admin. Persoonsgegevens en interne cijfers blijven buiten deze case.
Gebouwd rond het echte werk
De onderdelen die de organisatie bij elkaar houden
Van de trainer op de vloer tot degene die de administratie bijhoudt: iedere rol heeft andere informatie nodig.
Leden en contactpersonen
Spelergegevens, contactgegevens en lidmaatschappen staan bij elkaar. Een seizoenswisseling overschrijft niet zomaar het verleden: eerdere lidmaatschapsperioden blijven bewaard.
Trainingen en aanwezigheid
Trainingen hebben een datum, locatie en sessies. Aanwezigheid wordt aan het juiste trainingsmoment gekoppeld. Zo kan de organisatie terugzien wanneer iemand heeft meegedaan.
Lidmaatschappen en strippenkaarten
De applicatie ondersteunt seizoensdeelname en deelname met een strippenkaart. Bezoeken en resterende tegoeden worden bijgehouden. De gratis kennismaking staat los van betaald trainingstegoed.
Facturen en opvolging
Voor nieuwe deelnemers kan de facturatie aansluiten op de definitieve deelname na de proeftraining. De admin ondersteunt factuurverzending, betaalstatussen en herinneringen. Terugkerende leden volgen de regels voor hun nieuwe seizoensinschrijving.
Trainersplanning en vergoedingen
Trainers worden aan trainingssessies gekoppeld. Hun inzet en aanwezigheid vormen de basis voor vergoedingsoverzichten. De beheerder kan een overzicht controleren voordat het wordt vastgelegd.
Overzichten delen en historie bewaren
Ledenoverzichten, facturen en strippenkaarten kunnen via tijdelijke links worden gedeeld. Eerdere seizoenen blijven raadpleegbaar. Correcties en het beëindigen van een actieve rol hoeven de historie niet weg te halen.
Techniek met een praktische reden
Publiek waar het kan, afgeschermd waar het moet
De website vertelt het verhaal van JBG. De administratie bevat informatie die daar niet thuishoort. Die scheiding is onderdeel van de opzet.
- Toegang passend bij de rolTrainers werken met trainingen en aanwezigheid. Ledenbeheer, facturen en instellingen zijn afgeschermd voor beheerders.
- Inhoud en administratie hebben hun eigen omgevingWordPress verzorgt de publieke content. De React-applicatie met een Node.js-backend en MongoDB ondersteunt de werkprocessen.
- Regels worden op meerdere plekken bewaaktDe applicatie controleert niet alleen wat het scherm toestaat. Ook de backend bewaakt toegang en verwerking, zoals het voorkomen van dubbele facturen.
Wat dit project laat zien
Een website stopt niet bij de verzendknop
Bij JBG horen online informatie en het werk in de sporthal bij elkaar. Het formulier, de aanwezigheidsregistratie en de administratie zijn daarom niet als losse projecten behandeld.
De waarde zit in die samenhang: gegevens kunnen door naar de volgende stap, met de juiste regels en zonder het seizoensverleden kwijt te raken. Dat is ook de aanpak die ik gebruik bij andere organisaties met eigen werkprocessen.
Bekijk de publieke website van Junior Basketball Groningen, of lees meer over maatwerkapplicaties en websiteontwikkeling.