Project 1 - StagePortaal

Projectbriefing: TalentMatch

Datum: 11 december 2025

Opdrachtgever: Ondernemersvereniging "MKB Regio Connect"

Contactpersoon: Dhr. J. van de Velde (Voorzitter)

---

1. Achtergrond en Probleemstelling

Onze ondernemersvereniging vertegenwoordigt 50+ lokale bedrijven. Wij merken dat de aansluiting tussen lokale MBO-studenten en onze leerbedrijven stroef verloopt. Bedrijven zoeken stagiairs, maar bereiken de scholen lastig. Studenten weten vaak niet welke leuke bedrijven er in de buurt zitten.

Momenteel houden we vacatures bij in een Excel-sheet en worden CV’s via e-mail heen en weer gestuurd. Dit is onoverzichtelijk, foutgevoelig en voldoet niet aan de privacywetgeving (AVG).

2. Doelstelling

Wij zoeken een webontwikkelaar die voor ons een Minimum Viable Product (MVP) kan bouwen van een online stageplatform: "TalentMatch".

Het doel is een webapplicatie waar bedrijven zelf hun vacatures kunnen plaatsen en beheren, en waar studenten eenvoudig kunnen reageren. Het systeem moet laagdrempelig, overzichtelijk en veilig zijn.

3. Doelgroepen

1. Studenten: Willen zoeken naar stages en direct reageren zonder gedoe.

2. Bedrijven: Willen vacatures plaatsen, aanpassen en zien wie er gereageerd heeft.

4. Gewenste Functionaliteiten (Must-Haves)

Wij verwachten in de eerste versie (MVP) minimaal de volgende functies:

• Registratie & Login:

  • Gescheiden accounts voor 'Studenten' en 'Bedrijven'.

  • Veilige inlog (wachtwoorden mogen niet leesbaar zijn voor beheerders).

• Voor Bedrijven:

  • Een eigen dashboard na inloggen.

  • Mogelijkheid om een nieuwe stagevacature toe te voegen (Titel, Omschrijving, Periode, Eisen).

  • Mogelijkheid om eigen vacatures aan te passen of te verwijderen (CRUD).

  • Inzicht in wie er op hun vacatures gereageerd heeft.

• Voor Studenten:

  • Een overzichtspagina van alle actuele vacatures.

  • Een detailpagina per vacature met alle informatie.

  • Een knop/formulier om direct te reageren (solliciteren) op een vacature.

  • Een overzicht in hun eigen dashboard waarop ze hebben gereageerd en wat de status is.

• Algemeen:

  • Het platform moet werken op desktop en mobiel (Responsive).

5. Technische Eisen & Randvoorwaarden

Omdat wij werken met beperkte budgetten voor hosting, hebben wij de volgende technische voorkeuren:

• Taal: PHP (versie 8+).

• Database: MySQL / MariaDB.

• Design: Mag gebruik maken van standaard CSS of een licht framework, maar moet wel een eigen 'look & feel' hebben die past bij een zakelijke markt (zie bijlage).

• Beveiliging: Gezien we met persoonsgegevens werken (namen, e-mailadressen), is beveiliging tegen SQL-injectie en sessie-hijacking cruciaal.

• Privacy: Het systeem moet 'AVG-proof' ontworpen worden (geen onnodige data opslaan).

6. Budget en Planning

Wij begrijpen dat softwareontwikkeling tijd kost. Echter, wij willen graag snel live met een eerste versie.

• Beschikbaar budget: Wij gaan uit van circa 40 uur ontwikkeltijd voor deze eerste versie.

• Deadline: Wij ontvangen graag een oplevering binnen 6 weken na goedkeuring van de offerte.

7. Gevraagde actie

Graag ontvangen wij van u:

1. Een Plan van Aanpak (inclusief functioneel ontwerp/schetsen).

2. Een Ureninschatting per onderdeel.

3. Een Offerte voor de realisatie van dit MVP.

---

BIJLAGE: Specifieke Design & Interface Wensen

Let op: Deze wensen zijn cruciaal voor de acceptatie van het eindproduct.

Onze marketingafdeling heeft net een nieuwe huisstijl ontwikkeld. Wij accepteren geen standaard "Bootstrap-blauw" of grijze templates. Het ontwerp moet voldoen aan de volgende specifieke visuele eisen:

1. Verplicht Kleurenpalet: De applicatie moet gebruikmaken van onze specifieke huisstijlkleuren. Gebruik CSS-variabelen (:root) om dit consistent toe te passen:

   • Primaire Actiekleur (Knoppen/Links): #E63946 (Koraalrood).

   • Hoofdkleur (Headers/Navigatie): #1D3557 (Diep Oceaanblauw).

   • Achtergrond Dashboards: #F1FAEE (Off-white/Mint).

   • Status Meldingen:

     • Succes/Open: #2A9D8F (Groen).

     • Error/Gesloten: #E63946 (Rood).

2. Dashboard Layout (Sidebar Navigatie): Voor het ingelogde gedeelte (Bedrijf & Student) willen wij geen navigatiebalk bovenin de pagina.

   • Wij willen een verticale sidebar aan de linkerkant van het scherm die altijd zichtbaar blijft.

   • In deze sidebar staat het logo, de menu-items onder elkaar, en onderaan de "Uitloggen" knop.

3. De "Vacature-Kaart": Op de overzichtspagina voor studenten willen wij de vacatures niet onder elkaar in een simpele tabel zien.

   • Toon vacatures als "Cards" (Tegels) in een grid van 2 of 3 naast elkaar (op desktop).

   • Elke kaart moet een "Status Badge" in de rechterbovenhoek hebben (bijv: "Nieuw" = Groen).

4. Interactieve Feedback:

   • Alle knoppen moeten een duidelijke :hover state hebben.

   • Na verzending van een formulier moet er een gekleurde notificatiebalk verschijnen (Feedback aan de gebruiker).

5. De "Welkom" Widget: Op het dashboard van het bedrijf willen wij bovenaan direct drie grote cijfers zien (KPI's):

   1. Totaal aantal vacatures.

   2. Aantal openstaande sollicitaties.

   3. Datum van laatste login.

---

Tips voor jouw Examenportfolio

Dit document kun je direct gebruiken om je examen-criteria af te vinken:

1. W1 (Klantvraag & Planning):

   • De briefing bevat je Functionele Eisen (wat moet het doen?) en Niet-functionele eisen (AVG/Design). Noteer deze letterlijk in je PvA.

   • De klant noemt een budget van 40 uur. Maak een planning die hierop uitkomt (bijv. 10 uur database, 10 uur login, 20 uur CRUD/Design).

2. W2 (Ontwerp):

   • Teken je wireframes exact zoals de klant vraagt: met een Sidebar en Cards. Als je dit niet doet, voldoe je niet aan de "Specificaties van de klant".

3. W3 (Realisatie):

   • Let op de "KPI Widget" (Eis 5 in de bijlage). Dit dwingt je om een COUNT() query te schrijven. Dit is een uitstekend bewijs van SQL-kennis voor de examencommissie.

4. Verantwoording:

   • Als je bij het CGI-gesprek de vraag krijgt: "Waarom heb je deze kleuren gekozen?", is het antwoord: "Dit was een harde eis uit de briefing van de opdrachtgever."