Geïntegreerde Proef - 6ICW - 2025-2026

Promotion
Website

Een gebruiksvriendelijk platform voor 6SPB om sportoefeningen en cursussen overzichtelijk te publiceren en beheren.

Ontdek meer ↓

Probleemstelling & Doel

Voor dit project moesten we een website maken voor 6SPB, die deze nodig hebben voor hun GIP. 6SPB maakt cursussen uit meerdere fiches met sportoefeningen, en het is onze taak om dit automatisch op een website te krijgen.

Alle cursussen krijgen ook een label toegevoegd met welke spiergroep je traint als je de oefeningen uitvoert.

Het doel is een functionerende, gebruiksvriendelijke website die de leerlingen van 6SPB vlot kunnen gebruiken om cursussen op te zetten.

+ Afbeelding toevoegen

Wat kan de website?

1

Inloggen & Accounts

Account aanmaken met naam, e-mail en wachtwoord. Veilig opgeslagen via password_hash(). Inloggen via password_verify().

2

Fiches & Cursussen

Gebruikers met de juiste rechten kunnen fiches en cursussen aanmaken, bekijken en verwijderen. Labels tonen de getrainde spiergroep.

3

Organisaties

Een organisation-manager beheert wie er lid wordt. Leden zien alle cursussen die aan hun organisatie zijn gekoppeld.

4

Profielbeheer

Naam, gebruikersnaam, e-mail en profielfoto zijn aanpasbaar via "Edit Profile". Wijzigingen worden opgeslagen in de databank.


De website in beeld

+

Homepage

+

Cursussen

+

Fiche detail

+

Inlogscherm

+

Profiel

+

Organisatie

Front-end

+ Afbeelding toevoegen

De website is opgebouwd met HTML, Bootstrap, CSS en JavaScript. Als startpunt kregen we een template die we aanpasten naar een stijl die wij mooier vonden.

HTML vormde de structurele basis, Bootstrap zorgde voor de responsive lay-out, en CSS werd aangepast naar onze eigen stijl. JavaScript zorgde voor de interactiviteit.

Om gegevens van de website naar de databank te sturen maakten we gebruik van AJAX-calls.

HTML CSS JavaScript Bootstrap AJAX

Back-end & Databank

+ Afbeelding toevoegen

De backend is geprogrammeerd in PHP. Dit is nodig om connectie te maken tussen de website en de databank via phpMyAdmin en MySQL.

We gebruikten XAMPP om Apache en MySQL lokaal te runnen. De databank bevat tabellen voor users, cursussen, fiches, labels en organisaties.

Wachtwoorden worden veilig opgeslagen via hashing. Rechtenbeheer laat de admin beslissen welke acties een gebruiker mag uitvoeren.

PHP MySQL phpMyAdmin XAMPP

Reflectie op het project

We kijken terug op een project waar we met trots op kunnen terugblikken. De website is volledig functioneel en biedt gebruikers alle kernfunctionaliteiten.

✓ Wat gelukt is

Gebruikers kunnen een account aanmaken en inloggen, persoonlijke gegevens aanpassen, fiches en cursussen beheren, en zich aansluiten bij organisaties. De website is volledig functioneel.

✗ Wat beter kon

Niet alle geplande functies zijn gerealiseerd. Dit was te wijten aan onvoldoende kennis van de leerstof, tijdgebrek en een planning die voor verbetering vatbaar was.