Voorkennis
- Basis programmeren; variabelen, if-else, arrays, loops, functions en parameters
- Database-koppelingen op basis van mysqli of pdo
- Functions
- PHP Sessions
- Eenvoudige database queries (insert, update, delete en select)
- Javascript DOM / Functies / Events
Opdracht
- Bij de Petshop willen ze een systeem waarmee je kunt bijhouden welk huisdier bij welk baasje hoort.
- Maak een app of webapplicatie waar dit mee mogelijk is.
Resultaat
- Met de webapplicatie kun je huisdieren opslaan, aanpassen en verwijderen
- Petshop maakt gebruik van een SQL Database
- Zorg ervoor dat je met b.v. PHP huisdieren kunt opslaan. Gebruik de veldnamen in de database om te zien welke gegevens iemand in moet voeren om een nieuw record aan te maken.
- Maak een formulier waar je de gegevens in kunt vullen.
- Controleer met javascript of het formulier goed wordt ingevuld.
- Namen en soorten moeten minimaal 3 letters lang zijn.
- Datums moeten wel echt datums zijn
- etc.
- Fouten in het formulier worden met een rode achtergrond weergegeven.
- Velden die goed zijn ingevuld krijgen een groene achtergrond.
- Alleen als alle velden goed zijn ingevuld wordt de informatie uit het formulier verstuurd.
Wireframes
- Hieronder zie je hoe het systeem er uit kan zien:
