[](https://www.roc.ovh/uploads/images/gallery/2021-01/image-1611855553052.png)
##### Druk op Apply
[](https://www.roc.ovh/uploads/images/gallery/2021-01/image-1611855611006.png)
##### Deel de video.
[](https://www.roc.ovh/uploads/images/gallery/2021-01/image-1611854824210.png)
##### Zet de link in een document en lever die in Teams in.
[](https://www.roc.ovh/uploads/images/gallery/2021-01/image-1611854847068.png)
**Klaar**
**--**
# Database Design
*In deze les gaan we oefenen met het maken van een datamodel. Binnen software development is het bedenken van een datamodel een belangrijk onderdeel. Het kan worden gezien als het fundament waarop de applicatie wordt gebouwd. Als het datamodel niet goed is dan is het fundament niet juist. Aanpassingen van het datamodel leiden vaak tot ingrijpende en lastige wijzigingen in de code.*
***Een goede applicatie begint bij een goed datamodel!***
### Inleiding
In deze les ga je oefenen met het maken van een datamodel, dit heet een ERD.
Het ERD, het ***Entity Relation Diagram***, is een schematische weergave van het datamodel.
Een ERD is een schematische weergave van entiteiten, attributen, relaties en sleutels.
##### Entiteiten
Dit zijn dingen, mensen, of gebeurtenissen waarover je iets wilt vastleggen. Bijvoorbeeld *studenten* (mensen) en *ziektemeldingen* (gebeurtenissen).
##### Attributen
De attributen zijn de eigenschappen van de entiteiten. Bijvoorbeeld de naam van een student of de datum van een ziektemelding.
##### Relaties
Relaties de verbinding tussen de entiteiten. Deze kun je herkennen doordat je een zin kan maken die begint met *iedere* of *elk* en de zin bevat een werkwoord. In de zin moet je ook iets zeggen over de hoeveelheid. Elke relatie kan je van twee kanten beschrijven, voorbeeld:
- - iedere student heeft zich nul. één of meer keren ziek gemeld.
- iedere ziektemelding hoort bij precies één student
##### Sleutels
Sleutels zijn attributen die nodig zijn voor om de relatie te maken. Elke entiteit heeft een uniek id. Voor de eenvoud noemen we die altijd id (type integer). Dit heet de primary key. De foreign key is een verwijzing naar een primary key uit een andere entiteit.
### Hoe maak je een ERD?
Elke opgave bestaat uit een verhaaltje dit wordt ook wel een case genoemd. Lees de case goed door en bepaal van welke entiteiten je gegevens wilt vastleggen. Bepaal van alle entiteiten *wat* je wilt vastleggen, dit zijn de attributen. Bepaal van alle attributen het datatype (integer, float, date, time, datetime of boolean). Vervolgens bepaal je de relatie tussen de entiteiten en bepaal je de primary keys en foreign keys.
Dus de stappen zijn:
| 1. Bepaal van welke entiteiten je gegevens wilt vastleggen in de database.
2. Bepaal van elke entiteit welke gegevens je wilt vastleggen, dit zijn de attributen en bepaal het datatype per attribuut.
3. Bepaal de relaties tussen de entiteiten
4. Bepaal de PK's en FK's.
|
De datamodellen worden gemaakt in [Lucichart](https://lucid.app/), een datamodel kun je in PDF exporteren en op je eigen systeem bewaren.
[](https://www.roc.ovh/uploads/images/gallery/2020-10/image-1603478193579.png)
Om een ERD in [Lucichart](https://lucid.app/) te maken, maak je een gratis account en zoek je de ERD-template *"Database ER Diagram*", zie plaatje hierboven.
**Naming conventions**
Het database design (het ERD) wordt in het Engels gemaakt. Entiteiten en Attributen worden via de **Snake Case** (in lower case) benoemd, bijvoorbeeld:
```
Entiteit: user
Attribuut 1: user_name
Attribuut 2: user_login_count
Attribuut 3: last_login_date
Attribuut 4: password
```
Let ook op dat entiteiten **enkelvoud** zijn. Dus bijvoorbeeld *user* en niet *users*, of *leerling*en niet *leerlingen*.
#### Voorbeeld ERD
[](https://www.roc.ovh/uploads/images/gallery/2020-10/image-1603486029048.png)
Dit diagram is in Lucichart gemaakt. Herken je de entiteiten en de attributen? Wat kun je van de relatie zeggen? Wat wordt er vastgelegd in deze database? Herken je de foreign key? Waar verwijst de foreign key naar?
### De normalisatie regels
Als je niet in een keer de entiteiten herkent kun je ook alle gegevens in één tabel zetten. Vervolgens ga je deze tabel dan net zo lang splitsen totdat aan de onderstaande regels is voldaan.
Denk je wel alle entiteiten te herkennen, controleer dan ook of je aan aan alle regels vodoet.
1. Elk veld bevat één gegeven.
2. Gegevens uit één kolom betekenen hetzelfde.
3. Elke regel is uniek.
4. Kolommen mogen niet herhaald worden (veld1, veld2, veld3,…).
5. “zo min mogelijk” dubbele data (strings), aanpassingen hoef je maar één keer te doen.
6. Aanpassen van gegevens kan door één veld aan te passen.(ook wel; elke table gaat over één ding).
De regels kan je ook samenvatten: ze zorgen ervoor dat: elk veld op elke regel kan veranderen zonder dat je dan ook allemaal andere gegevens moet wijzigen
Als je jouw database model (jouw tabellen) niet aan alle regels voldoen dan moet je gegevens splitsen. Daarvoor heb je drie normalisatie technieken.
### De normalisatie technieken
#### Kolommen splitsen
Splits een kolom in twee of meer kolommen.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245289393.png)
#### Tabel splitsen (1:N)
Splits een tabel in twee tabellen en verbind de tabellen met door met de foreign key (FK) te verwijzen naar de primary key (PK) van de andere tabel.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245367763.png)
#### Tabel splitsen met koppeltabel (N:M)
Als je een tabel splitst en de relatie is een many to many relatie (N:M) dan heb je een koppeltabel nodig om de twee tabellen te verbinden. In de koppel tabel zitten de FK's die verwijzen naar de PK's van de twee tabellen.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245421315.png)
####
#### Opgave 1
Lees de tekst door en beantwoord de volgende vragen.
1. Hoeveel normalisatieregels zijn er?
2. Hoeveel normalisatie technieken zijn er?
3. Waarvoor dient een koppeltabel?
4. Tabellen zijn aan elkaar gekoppeld, wat/hoe zorg je voor deze koppeling?
5. Zet je voor- en achternaam in één kolom, in twee kolommen of in twee tabellen?
6. Met welk programma maak jij in jouw examen een ERD?
7. Een tabel heet "ExamenUitslagen", is dit een juiste naam? Weet jij een betere naam?
8. Waarom een goed database-ontwerp belangrijk?
#### Opgave 2
1. Hieronder zie je een tabel met gegevens over gespeelde voetbalwedstrijden.
Op elke regel staat het thuis-land en gast-land.
De score van biede landen staat in de volgende twee kolommen.
De winnaar is 0,1 of 2. Bij 0 is er geen winnaar, bij 1 is het thuis-land winnaar en bij 2 is het gast-land winnaar.
De laatste twee kolommen laten het aantal kaarten (rode- en gele-) en het aantal penalties zien.
Deze opgave staat in [de Excel sheet](https://www.roc.ovh/attachments/62).
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623605642698.png)
a) Aan welke normalisatieregels voldoet deze tabel *niet*?
b) Verander de bovenstaade tabel zodat deze wel aan alle normalistie-regels voldoet.
#### Opgave 3
Kopieer de onderstaande tabel naar Excel (Copy/Paste, of gebruik [de Excel Sheet)](https://www.roc.ovh/attachments/62) en normaliseer de gegevens. In de tabel staan studenten die één of meer cursussen volgens. Iedere student heeft een coach en de coach is bereikbaar via het telefoonnummer.
Gebruik de drie normalisatie technieken (kolommen en tabellen splitsen) zodat je aan de zes normalisatieregels voldoet.
- Splits de gegevens in aparte kolommen en/of tabellen zodat je aan alle regels voldoet.
| Student | Cursus | Coach | telefoon\_coach |
| Kevin Drum | Digitale Vaardigheden, Rekenen, PHP | Ayoub | 06 1221 3268 |
| Murvin Drake | PHP, JavaScript | Ayoub | 06 1221 3268 |
| John Jones, 1234 | C++ | Ayoub | 06 1221 3268 |
| Sally-Jane Jones | HTML, Pyton | Ayoub | 06 1221 3268 |
| David (getrouwd) | Rekenen, PHP | Ayoub | 06 1221 3268 |
| Murvin Drake | PHP, JavaScript | Samina | 06 2100 3485 |
| Murvin Drake | C++ | Samina | 06 2100 3485 |
#### Opgave 4
In een bibliotheek wil men bijhouden welke klanten welk boek van welke periode tot periode hebben geleend.
Elke klant kan meerdere boeken gelijktijdig lenen. De bibliiotheek heeft soms meerdere exemplaren van één title. Verder wil men de klant een whatsapp kunnen sturen twee dagen voor het verstrijken van de inleverdatum.
- Maak een databaseontwerp.
Begin met de onderstaande gegevens (copy paste naar Excel of gebruik [de Excel sheet](https://www.roc.ovh/attachments/62)).
| klant | boek\_id | boek ISBN | Titel | uitgeleend | uitleentermijn | ingeleverd |
| Caris Villa | 234189 | 817525766-0 | De boze wollf | 09/06/2021 | 21 | |
| Caris Villa | 234288 | 817333566-1 | De lastige wereld | 07/05/2021 | 21 | 14/05/2021 |
| Caris Villa | 134585 | 817525766-0 | Op reis met JJ | 28/04/2021 | 21 | 29/04/2021 |
| Caris Villa | 232269 | 817528866-3 | Het grote feest | 04/05/2021 | 21 | 25/05/2021 |
| Ayana Tucker | 232270 | 817528866-4 | Het grote feest | 29/05/2021 | 35 | 07/06/2021 |
| Shola Greig | 134585 | 817525766-0 | Op reis met JJ | 28/05/2021 | 21 | |
- Zet je databaseontwerp in [Lucichart](https://lucid.app).
####
#### Opgave 5a
Een recycle bedrijf wil bijhouden uit welke verkoopbare onderdelen een aparaat bestaat. Zo bestaat een mobieltje uit een lithium-ion batterij, scherm en moederbord. Een draadloze koptelefoon bestaat uit een lithium-ion batterij en magneten.
Van elk aparaat wil men een inkoopprijs vasstellen en van alle onderdelen wil men een verkoopprijs bepalen.
[](http://roc.ovh/uploads/images/gallery/2021-06/image-1623916442206.png)
- Maak een database in [Lucichart](https://lucid.app)
#### Opgave 5b
De inkooprijs van elk aparaat is een richtprijs. Als van een telefoon het scherm bijvoorbeeld is gebarsten dan is deze minder waard.
Het recycle bedrijf heeft een aantal inkopers. Elke inkoper bepaald de werkelijke prijs voor een ingekocht product.
Je wilt dus deze data ook vastleggen in de database van opgave 3a.
| Inkoper | Datum | Aparaat | Standaard | Inkoop |
| Jan | 10/May | Espresso aparaat | 25,00 | 27,00 |
| Jan | 12/May | koptelefoon | 6,00 | 7,00 |
| Jan | 12/May | koptelefoon | 6,00 | 5,00 |
| Jan | 12/May | iPhone 6 | 50,00 | 45,00 |
| Mimi | 12/May | iPhone 6 | 50,00 | 40,00 |
| Mimi | 13/May | Laptop Lenovo G7800 | 80,00 | 85,00 |
| Mimi | 13/May | Espresso aparaat | 25,00 | 30,00 |
Zorg ervoor dat deze data in de juiste tabellen kan worden opgeslagen. Maak het **volledige** datamodel dat aan alle normalisatieregels voldoet.
De tabel staat ook in [de Excel sheet.](https://www.roc.ovh/attachments/62)
#### Voorbeeld 6
Bij autohandel “Krakkemik” staan er auto's van verschillende merken op het terrein. In hun database staat bijvoorbeeld dat er; een rode Opel Astra uit 1998 voor 1500 euro te koop is, een groene Ford Escort uit 2002 voor 2000 euro en een Peugeot waarvan de prijs 4000 euro is.
Herken jij de entiteit? Van wat wordt hier gegevens vastgelegd?
En wat zijn de attributen van de entiteit? Benoem alle attributen.
Maak het ERD in Lucichart.
#### opgave 7, ToDo App
Maak een datamodel (ERD) voor een ToDo applicatie. In de Todo applicatie wil je de naam van een ToDo item kunnen vastleggen. Van elk ToDo item wil je de titel kunnen vastleggen, bijvoorbeeld "paspoort verlengen". Verder wil je van elk ToDo item vastleggen wanneer hij is aangemaakt en of hij afgerond is.
Verder wil je de ToDo items opdelen in categorieën. Bijvoorbeeld, de categorie "boodschappen", "privé" of "werk". Van elke categorie wil je vastleggen wanneer deze voor het laatst gewijzigd is.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 8, Restaurant en Corona
In verband met Corona wil het restaurant de "Pittige Stake", een applicatie laten ontwikkelen waarin ze kunnen vastleggen welke klanten bij elkaar aan de tafel hebben gezeten. Op die manier kunnen ze als iemand positief op Corona is getest, bepalen bij wie deze persoon aan tafel heeft gezeten en kunnen deze tafelgenoten worden gevraagd om zich ook te laten testen.
Van elke klant dient de voor- en achternaam en zijn telefoonnummer te worden vastgelegd. Verder moet er worden vastgelegd aan welke tafel de persoon zat en wanneer dit was (datum en tijd). De tafels in het restaurant zijn genummerd van 1 t/m 6 en alleen gasten aan dezelfde tafel dienen te worden gewaarschuwd als een tafelgenoot positief wordt getest op Corona.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 9, Covid-19 test
Het RIVM wil een eenvoudige database waarin ze kunnen zien welke persoon wanneer is getest en wat de uitslag was (positief of negatief). Van alle geteste hoeft alleen de voor- en achternaam en het e-mailadres te worden vastgelegd.
Het RIVM wil ook graag weten of de geteste persoon de Corona app heeft geactiveerd. Als dat zo is dan kunnen ze namelijk via de app andere mensen op de hoogte stellen als zij langere tijd bij een positief getest persoon in de buurt zijn geweest.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 10, Fietsenmaker Snelle Jelle
Fietsenmaker Snelle Jelle wil na een reparatiebeurt zijn klanten per SMS of Whatspapp op de hoogte stellen dat de reparatie klaar is. In dit bericht wil hij ook vertellen hoe hoog de reparatiekosten zijn.
Omdat de veel klanten meer dan één fiets hebben, wil hij van de fietsen ook wat kenmerken vastleggen. Hij wil het merk, model, type en kleur kunnen vastleggen.
Van elke reparatiebeurt wil hij verder vastleggen wanneer het onderhoud plaatsvond, hoe lang de reparatie duurde, wat er is uitgevoerd en de prijs.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 11, Eagle Dev \*\*
Maak het gedeelte van het datamodel van EagleDev waarin van de studenten wordt vastgelegd welke module ze hebben uitgevoerd. Van de studenten wil je de voor- en achternaam, hun email en studentennummer vastleggen en van de modules wil je de naam, de omschrijving, de status en het niveau vastleggen. De status is *open*, *bezig* of *klaar*. En het niveau is opgedeeld in 12 levels, 1 tot en met 12.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 12, garagebedrijf
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623242632313.png)
Garagebedrijf Sneller B.V. wil graag automatisch een orderbon kunnen afdrukken. Op de orderbon moeten de klantgegevens staan en er moet op staan welke artikelen de klant heeft besteld.
Verder wil het garage bedrijf ook vastleggen welke type auto de klant heeft, wat de uitvoering is, wat het kenteken is, wat het bouwjaar is en wat de kleur is. Een klant kan meer dan één auto bezitten.
Maak een database ontwerp (ERD) in [Lucichart](https://lucid.app).
\--
# ExamenExec (in Yii2)
## Student
##### Student Login
De student gebruikt zijn studentennummer om in te loggen. Als een student eenmaal is ingelogd hoeft hij dat niet opnieuw te doen. Zijn gevalideerd studentennummer wordt in de browser opgeslagen.
##### Studentenscherm
Het scherm voor een student heeft drie delen: (1) een overzicht van aangevraagde gesprekken, (2) een indicator van de drukte en wachttijd, en (3) een deel waarin hij een nieuw gesprek kan aanvragen. Het scherm wordt automatisch ongeveer elke minuut ververst.
## Login
##### Admin Login
Via het Login-menu rechtsboven kan de amdin inloggen, er is één admin account. Een admin kan meer dan één keer aanloggen.
##### Rolspeler Login
Via het Login-menu rechtsboven kan de Rolspeler inloggen, er is één rolspeler account. Een rolspeler kan meer dan één keer aanloggen. Als de rolspeler is aangelogd dan identificeert de rolspeler zich verder met een voor hem unieke code. Deze code kan de admin opzoeken, instellen en aanpassen.
##### Security - ip-nummer
De applicatie is afgeschermd op ip-nummer, m.a.w. jouw ip numme rmoet in een whitelist staan om toegang te krijgen tot het systeem dat geldt voor alle rollen; student, rolspeler, admin.
### Rolspeler
Nadat de rolspeler met is ingelogd op een algemeen rolspeler-account wordt gevraagd een rolspelerID in te voeren. Het rolspelerID kan door de admin worden beheerd (onder Token).
Nadat de rolspeler is aangelogd, krijgt hij een overzicht van gesprekken. Vanuit dit scherm kunnen gesprekken gestart worden. Een gesprek heeft drie statussen: (1) klaar; er staat een vinkje achter het gesprek, (2) het gesprek loopt en is dus gestart maar nog niet afgerond; er staat 'herstart' achter het gesprek, en (3) open, het gesprek dient gestart te worden; er staat 'Start Gesprek' achter het gesprek.
Als een gesprek gestart wordt dan staat er per gesprekstype een korte uitleg en worden er vragen gesteld die met Ja/Nee en in bepaalde gevallen met Soms/Beetje kunne worden beantwoord. Aan het eind kan nog een opmerking worden ingevoerd. Het gesprek is definitief als er op Save wordt gedrukt.
### Admin
De admin kan alles en kan alle schermen van de studenten en de rolspelers zien.
##### Admin - menu
Onder formulieren worden beoordelingsformulieren gedefinieerd.
Let op: formulier = gesprek (althans voor nu)
Formulieren hebben een nummer. Het nummer bepaald de volgorde van de formulieren in de verschillende menu's.
Formulieren hebben verder een titel (omschrijving) en een Instructie (voor de rolspeler). De instructie mag eenvoudige HTML tags bevatten.
Formulieren kunnen in het overzicht met het vinkje actief of inactief worden gezet. Een inactief formulier kan niet meer worden aangevraagd door een student. Op een dag worden vaak maar een beperkt aantal gesprekken gevoerd. De andere gesprekken kunne dan tijdelijk op inactief worden gezet.
Onder vragen worden de vragen bijgehouden. Vragen moeten precies onder een formulier vallen. Vragen hebben ook een volgnummer, deze bepaald de volgorde van de vragen op het beoordelingsformulier.
##### Student
De admin kan een student login testen; hij doet alsof hij een student is en ziet hetzelfde scherm.
Omdat een ingelogde student 'persistent' is, kan de admin de student ook weer uitloggen.
##### Rolspeler
De admin kan een rolspeler login testen; hij doet alsof hij een rolspeler is en ziet hetzelfde scherm.
### Status (Admin)
##### Studenten
Overzicht van studenten. Hier kunnen studenten worden beheerd.
##### Rolspelers
Overzicht van rolspelers. Hier kunnen rolspelers worden beheerd. Rolspelers kunnen (tijdelijk) worden gedeactiveerd als zij bijvoorbeeld maar een dagdeel aanwezig zijn. Het token wordt gebruikt door de rolspeler om zich te identificeren. Dit token dien uniek te zijn en dit wordt (nog) niet door de code gecontroleerd.
ToDo: check of ingevoerd token uniek is.
##### Alle gesprekken
Dit is het belangrijkste overzicht voor de Admin. In dit scherm worden nieuwe gespreksaanvragen getoond. Van alle gesprekken wordt de status getoond.
Als alles goed gaat dan is het enige dat de Admin moet doen het toekennen van een rolspeler. Voor een nieuwe gespreksaanvraag.
Als alles goed verloopt dan dient de status niet te worden aangepast.
##### Status aanpassen - voorzichtig!
Wanneer zou de status wel moeten worden aangepast? Als om welke reden dan ook een gesprek over moet dan kan de status van *klaar* naar *wachten* worden veranderd. Er kan dan een nieuw gesprek worden ingepland. Het oude gesprek wordt verwijderd en is alleen nog via de audit log te raadplegen.
Een gesprek(saanvraag) kan ook handmatig verwijderd worden, bijvoorbeeld als een student per ongeluk 2x hetzelfde gesprek heeft aangevraagd. Klik hiervoor op het oogje aan het einde van de regel.
Als een gesprek klaar is kan op de eerste kolom op de tijd worden geclickt, het ingevulde vragenformulier wordt dan getoond.
ToDo: testen of tijden juist zijn (time zone op productie)
##### Overzicht gesprekken
In dit overzicht wordt het aantal gesprekken per student getoond. Al sje op de studentnaam clickt dan wordt het detailoverzicht van de student getoond. Dit is hetzelfde overzicht dat de student zelf ziet.
#### ToDo (technical)
- Clean object en views *beoordelen,* this is still part of code for debug reasons.
- Check other objects/views for unused code.
- Change dropdown in gesprek overzicht or make it only editable in 'debug' mode?
- Create new form (formulieren) returns in (standard) update form, should go back to /form/index
- Update rolspeler returns in (standard) update form, should go back to /examen/rolspeler
- Delete rolspeler asks for "are you sure to delete thsi item?" -> messahe shoudl contain rolspeler name.
- Error when retrieving a gesprek that was replaced by a new gesprek.
### Snapshot
(nieuwe stijl)
uitslag/create-snapshot?snapshot=01
\--
# Intake
[](https://www.roc.ovh/uploads/images/gallery/2021-01/image-1610976349431.png)
### Beste Student,
Jullie gaan een intake opdracht maken. Volg de stappen hieronder:
1. Download een editor, bijvoorbeeld [Brackets](http://brackets.io/)
2. Download het [bestandje](https://www.roc.ovh/attachments/51) in de bijlage.
3. Start de editor (uit stap 1) en laadt het bestandje uit stap 2..
4. Download de [instructie](https://www.roc.ovh/attachments/52) en voer deze stap-voor-stap-uit.
# ExamBot
Een examan
# Kerntaak 3
### Overzicht KT3
[](https://www.roc.ovh/uploads/images/gallery/2021-05/image-1621448035368.png)
[](https://www.roc.ovh/uploads/images/gallery/2021-05/image-1621448050102.png)
### Opdracht 1
Download de template en stel van alle (vijf) de functionaliteiten (in grijs) minimaal één testscenario op.
De case wordt hier beschreven:
[https://www.roc.ovh/books/examentraining-b1-k1/page/case-project-kinderopvang](https://www.roc.ovh/books/examentraining-b1-k1/page/case-project-kinderopvang)
De template staat hier:
[Oefenopdracht testscenario (KT3).docx](https://www.roc.ovh/attachments/55 "Oefenopdracht testscenario (KT3).docx")
### Opdracht 2
Controleer of je een demo filmpje kan maken, de instructie staat hier:
[Filmpje voor examen maken](https://www.roc.ovh/books/overig/page/recording "Filmpje voor examen maken")
### Opdracht 3
Dit onderdeel kan alleen worden getest als je een login op de productieserver heb gekregen.
Controleer of je een web sites live kunt zetten, de instructie staat hier:
[Naar productie](https://www.roc.ovh/books/overig/page/kerntaak3---productie "Naar productie")
# Checklist DB Design (EN)
### The 5 Basic Rules
1. An **entity** is a person,thing or event. A number (for example weight) is never an entity but it is an attribute (characteristic) of an entity.
2. Every entity had excactly one **PK (primary key)**. The primary key is unique for the entity. For example social security number for a person or licence plate number for a car.
3. Entities can have the follwing **relations**: 1:1, !:N, N:1 of N:M.
- 1:1 relations are rare. If they occur, you can most probably merge the two relations into one.
- 1:N and N:1 are the same and will ocuur in most cases.
- N:M relation is translated into two 1:N relations via a so called connection-entity/table.
4. A **1:N** relation is drawn via a line. The **line** has a **triangle** or rake on one side and just a line on the other side. The line is connected to the one-side and the triangle connects the many-side.
5. Every triangle (rake) 'belongs' to one FK. The FK is connected to the PK of the connecting entity and has the same data type (the name of the attribute, although the same in content, may differ).
### Data types
The most common data-type are:
| Datatype | Voorbeeld |
| int | -2 147 648 - 2 147 649 |
| varchar(), bijv. varchar(20) | "Big Boss 12" |
| date | 2022-04-01 |
| datetime | 2022-04-01 18:43:12 |
| decimal(6,2) | 1250,95 |
### Relation(1:N) between entities
Een relatie tussen twee entiteiten is vrijwel altijd een 1-op-meer relatie en heeft daardoor aan één kant een 'harkje'.
A relation of two entities is almost always an 1 to many relation. The many side of the relation had the triangle or rake ('harkje' in Dutch).
[](https://www.roc.ovh/uploads/images/gallery/2022-02/image-1643803461861.png)
('harkje')
Examples
- One person owns more (0, 1 or more) cars ad one car belongs to exactly one person.
- One school class consists out of more (most commonly more than 1) students. One students belongs to one class.
- One home work assignment can be submitted 0,1 or more times (think about Canvas). One assignment submission belongs to one student.
- One football team has more players and one player belongs to one footlball team.
- One school has more students and one student is registered to one school.
Note that all these cases are describing the most common situation. Of course, you could think of one student who is registered at two schools, but that would be a rare case. If this still would not be a very rare case and you want to design your database so that one student can be registered at 2 or more schools, you would end up with an N:M relation which is ore complex and will be described below.
#### Example
Suppose you have two entities, **student** and **study coach**. In order to determine the relation, ask yourself what is applicable:
| one study coach | more students
|
| one student | more study coaches |
Both are possible in theory, but in the situation at our school only the first line applies.
Thismeans that the more side will be the student, hence it will get the triangle. The relation between the two relations has the tringle on the student side and a plain line on the study coach side. The student will get a FK witch will connect to the PK of the study coach.
|
| one side
| more side |
| PK | has one unique PK
| has one unique PK |
| Lijntje | No triangle just a line
| Triangle ('harkje')
|
| FK | has no FK | one FK witch points to the PK off the one side
|
So the ERD will look like:
[](https://www.roc.ovh/uploads/images/gallery/2022-02/image-1643791334313.png)
Both entities have gotten a unique PK. The FK and triangle are one the same side.
Summarized: the trinagle is situated at the may side and with every trinagle comes a FK.
Or in short:
#### Triangle= More= FK
### N:M (veel-op-veel)
Suppose you have two entities *product* en cleint (Dutch "*klant")*.
The realtion between these entities is N:M, many to many. One client can buy more products and one product can be bought by many clients.
In order to put this kind of relation into an (relational) database, you have to create a connecting enitiy/table. The ERD will look like this:
[](https://www.roc.ovh/uploads/images/gallery/2022-09/image-1664052809552.png)
*(Note that the attribute data types are omitted in this ERD)*
The entity product\_klant (product-client) is the connecting entity. This entity connects the product entity and client (klant) entity in such a way that teh relation between client and product is a N:M relation.
De entiteit product\_klant is de koppeltabel en deze verbind het product en de klant aan elkaar zodat er een N:M relatei ontstaat.
Note that the connecting table has two FK's (it also has two triangles). The combinations of these FK's are connecting a *product* to a *client.*
Suppose you have two clients, one with id (PK) 101 and one with id 102. Both clients bought product with the id 10 and 11. Th econtent of the connecting tabel will look like this:
| id (PK) | klant\_id (FK) | product\_id (FK) |
| 1 | 101 | 10 |
| 2 | 102 | 11 |
| 3 | 101 | 10 |
| 4 | 102 | 11 |
### Creating an ERD step by step
All steps to create an ERD are listed below.
1. Determine the entities. These are persons, things, or events about which you want to store information in the database.
2. Determine from every entity what attributes (data items) you want to store in the database. Every attribute has an unique name in the entity (f.e. you can't have two "id" or two "names" in the same entity).
3. Determine the right data types of every attribute.
4. Create precisely one PK in every entity. When in doubt, you can always create an (unique) id.
5. Determine the relations between the entities. For an N:M relation, insert a connecting table.
6. Draw the relations with the triangle on the more side.
7. With every triangle comes a foreign key. This FK points to the PK of the entity it connects to via the relation.
8. The PK and FK connecting to each other don't necessarily need to have the same name, but they need to have the same data type.
9. Re-read the case and check if all data that needs to be stored is somehow part of your ERD/
### What often goes wrong?
1. Does all entities has excaclty one PK (*Primar yKey*)?
2. Are all PK's unique and can only occur once in the data set?
For example, surname cannot be PK, because there are people with the same surname.
Tip, you can always use (your own) id as PK.
3. Does every attribute has a datatype?
4. Phone number is not an int because the first 0 will disappear, nor can you use spaces. Since you don't need to make any calculations with phone numbers, there is no need to make it an integer.
5. For any date use *date* as datatype.
6. If you need to record the time next to the date, use *datetime*.
7. Every relation, line can have only one triangle. This triangle is situated on the more side of the relation.
8. For every triangle you need one FK. This FK connects the entity to the related entity via it's PK.
9. The PK and FK which are related have the same data type.
10. The length of an int doesn't matter. Nowadays, all int's will use the same length. You may omit the length.
11. Varchar always has a length. This length is the maximum length that can be used for this attribute. Using varchar(5) for the attribute surname is wrong because obviously it is too short. Varchar(300) for a phone number is wrong because it is too big and will waste database space.
12. String data types do not exist. Use *char()* or *varchar*.() Char has a fixed length and varchar has a maximum length.
\--
# Windows Firewall
Als je XAMPP hebt draaien dan heb je een webserver draaien die je met *localhost* via jouw browser kan bereiken.
Je zou XAMPP ook via het locale netwerk of zelfs via internet kunnen bereiken. Dat wil je natuurlijk niet!
Standaar staat Windows zo ingesteld dat het *geen* verkeer binnen laat. Daar zorgt de firewall voor.
Hoe zet je jouw firewall aan, of zorg je dat deze aan staat?
### Windows Firewall aanzetten
1. Klik op het vregrootglas in jouw taakbalk en type firewall in, je ziet dit:
[](https://www.roc.ovh/uploads/images/gallery/2022-04/image-1649094071710.png)
2. Start de Windows Defender Firewall
3. Klik op Turn Windows Defender Firewall on or off.
[](https://www.roc.ovh/uploads/images/gallery/2022-04/image-1649094230368.png)
4. Controleer of de instellingen zo staan als hieronder staat weergegeven:
[](https://www.roc.ovh/uploads/images/gallery/2022-04/image-1649094284503.png)
5. Staan het niet zo, selecteer dan twee maal *Turn on Windows Defender Firewall* en klik onder aan de pagina op *OK*.
### Testen = zeker weten!
Stel je wilt echt zeker weten of jouw XAMPP inderdaad niet te bereiken is dan kun je dat als volgt testen
1. Zorg ervoor dat jouw telefoon (of ander aparaat met een browser) en jouw laptop op hetzelfde WiFi netwerk zitten.
Gerbruik je jouw telefoon? Zorg er dan voor dat deze via WiFi op jouw netwerk zit, zet eventueel 4G of 5G uit.
2. Ga naar windows en open een CMD windows, type in ipconfig. Je ziet iets dat lijkt op het volgende:
[](https://www.roc.ovh/uploads/images/gallery/2022-04/image-1649094708021.png)
3. Onthoud het IPv4 Address, ga naar jouw browser op je telefoon en type dit adres in.
***Bijvoorbeeld***: [http://192.168.111.123](http://192.168.111.123)
4. Zie je niets dan is het goed! Je kunt eventueel *heel even* jouw firewall uit zetten en controleren of je dan wel jouw webserver ziet.
**Vergeet je firewall niet weer aan te zetten!**
### Help mijn game of ander programma werkt niet!
Sommige programma's willen met jouw laptop praten. Dit is altijd verdacht en in principe niet nodig!
Als je jouw firewall uit zet dan kan een andere computer zonder dat jij dat weet of zonder dat jij iets doet contact maken met jouw laptop.
**Zet nooit jouw firewall uit!**
Wil je om één of andere manier toch jouw firewall uit zetten, dan kun je in plaats van jouw hele firewall uit zetten ook een klein 'gaatje' in jouw firewall maken. Het gaat nu hier te ver om dat uit te leggen en ook dit is niet zonder risico.
Er geldt: pas jouw firewall settings niet aan als je niet heel goed weet wat je aan het doen bent. Voor dat je het weet wordt jouw laptop ingezet voor een DDoS attack, wordt jouw laptop misbruikt voor het minen van crypto valuta of worden jouw privé gegevens openbaar gemaakt.
### Router = firewall?
In principe is de (WiFi)router ook een firewall, mits die goed is ingesteld. Dat betekent dat je voor aanvallen van buiten jouw lokale netwerk een extra beveilingslaag hebt. Deze laag is echter niet altijd voldoende en realiseer je dat je op school op een heel groot lokaal netwerk zit. Iedereen die op dit netwerk zit, kan jouw laptop benaderen als je geen Windows Firewall hebt aangezet.
### Meer info?
[https://laatjeniethackmaken.nl/](https://laatjeniethackmaken.nl/)
[https://nl.wikihow.com/Voorkomen-dat-je-gehackt-wordt](https://nl.wikihow.com/Voorkomen-dat-je-gehackt-wordt)
\--
# PDG - cheat sheet
## De vier leerstijlen van Kolb
Voor een goed leerproces doorloop je alle fasen (in willekeurige volgorde).
| Fase | Waar staat deze fase voor? | Leerstijl |
|
|---|
| 1 | Concreet ervaren | Accomodator/Doener | Doen - nadoen
|
| 2 | Waarnemen en overdenken (reflectie) | Disvergeerder/Bezinner | Bekijken, lezen, overdenken
|
| 3 | Abstracte begripsvorming | Assimilater/Denker | Verbanden ontdekken
|
| 4 | Actief experimenteren | Convergeerder/Beslisser | Doen - nieuw creatief
|
### Model volledige instructie
1. Wat moet je doen?
2. Hoe moet je dat aanpakken?
3. Hulp, bij wie en waar?
4. Tijd, hoeveel krijg je?
5. Uitkomst, wat doen we ermee?
6. Klaar, wat ga je doen?
### Directe instructiemodel
1. Terugblik
2. Presentatie
3. Begeleid oefenen - streef naar hoge succesratio -> samen of in groepjes
4. Individuele verwerking
5. Terugblik
### Feedbackregels
1. Nu, tijdig
2. Positief in de groep, negatief één-op-één.
3. Concreet
4. Houd rekening met (verlegen) personen
5. Regelmatig
6. In proportie
7. Oprecht
8. Beschrijf impact
9. Persoonlijk (niet via Teams)
10. Beschrijf feiten, geen gevoel
### STARR
1. Situatie
2. Taak
3. Actie
4. Resultaat
5. Reflectie
### Korthagen
1. handelen
2. terugblikken
3. bewustwording
4. alternatief
5. uitproberen
### Roos van Leary
Dominantie: Boven - onder
Relatie: Samen - tegen
# Database Design (En)
*In this lesson we are going to practice to create a datamodel. When developing software a good datamodel is very important, it is the foundation of the application. Any mistake in the datamodel could lead to large issues in the application later.*
***A good applicaiton begins with a well designes datamodel!***
### Introduction
The steps you have to follow in order to create a datamodel is called normalization.
An ERD, the ***Entity Relation Diagram***, is schematic representation of the datamodel.
An ERD consists of entities, attributes and relations and keys.
##### Entity
These are (almost always) people, things or events you want to store information about. For exampl, students (people), sickness notification (event), an article (thing).
##### Attributes
Atrtibutes are characteristics of entities. For example, the name of a student, the date of a sickness notification or a price of an article.
##### Relaties
Relations are connections between entitiies. You can indentify relations by creating a sentence like :
***Each*** student has registered 0,1 or more sickness notifications.
***Every*** sickness notifactions is about excactly one student.
This example is an 1:N realtion. One student has 0,1, or more sickness notifications and every sickness notiifcation has excactly 1 student related to thsi notifaction. So we say the relation student:sickness notification = 1:N
##### Keys
Keys are (special) attributes that are needed in order to create the relation.
To begin with,every entitiy has an primary key. The primary key uniquely identifies an instance of the entity. For example, a student number (identifies a student) or a license plate number (identiefies a car).
The foreign key is an atrtibute in the entity that has an N:1 relation to another entitiy. The Foreign key is a copy of the primary key it is refering to. In the above mentioned example the sickness notification entity should get an FK with consists of the student number. This way the realtion is made to excactly one student.
### How to create an ERD?
Every assignment begins wit a story, we usually call this the case. Start by reading the case and determine what you want to register in the database. Try to identify the entitiies (people, things and events). Determine of every entitiy what to register, these are the attributes of the entity. Determine of every attribute the data type (integer, float, date, time, datetime of boolean). Determine the realtions. Determine or create the primary keys (PK's) and insert the foreign keys (FK's).
The steps are:
| 1. Identify the entities,
2. Determine what you want to register of every entity, these are called the attributes.
3. Determine the data-type of every attribute.
4. Determin the relation between the entities.
5. Determine the PK's en FK's.
|
Datamodels can be compiled in [Lucichart](https://lucid.app/), when the model is ready you can export a PDF file.
[](https://www.roc.ovh/uploads/images/gallery/2020-10/image-1603478193579.png)
In order to create an ERD in [Lucichart](https://lucid.app/) you have to create a free account. Once registered, search for the ERD-template *"Database ER Diagram*", see picture above.
**Naming conventions**
The ERD is created in the English language. For naming entity- and attributes names are **Snake Case** (in lower case) is used, for example:
```
Entiteit: user
Attribuut 1: user_name
Attribuut 2: user_login_count
Attribuut 3: last_login_date
Attribuut 4: password
```
Also note that entity names are singular. For example, use student (*not* students).
#### Example ERD
[](https://www.roc.ovh/uploads/images/gallery/2020-10/image-1603486029048.png)
This diagram is made with Lucichart. Do you recognize the entities and attributes? What can you say about the relation? What information isbeing stoired in this database? Do you recognize the foreign key and where it refers to?
### The normalisation rules
The process for creating a valid database design is called normalisation. It consists out of a few concrete steps.
When you don't see all entities right away you can use the formal normalisation steps. Put all data in one big overview, for example in Excel. Start with this one entity and devide the entity in two or more entities until these rules are satified:
1. Every attribute consists out of one data item.
2. Data in the entire columns has the same meaning.
3. Every data line is unique.
4. Columns cannot be repeated like (field\_1, field\_2, field\_3,etc.)
5. Try to minimize double data of strings. In order to edit data on one location.
6. Editing data can always be done by modifing only one column, so there are no dependencies between data in the different columns.
These rules can all be summirzed as follows: make sure that every field on every line can be changed without the need to change other data items.
If your datamodel does not comply to all these rulesm you have to split your data into more entities. There are three ways to do this.
### De normalisatie technieken
#### Kolommen splitsen
Splits een kolom in twee of meer kolommen.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245289393.png)
#### Tabel splitsen (1:N)
Splits een tabel in twee tabellen en verbind de tabellen met door met de foreign key (FK) te verwijzen naar de primary key (PK) van de andere tabel.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245367763.png)
#### Tabel splitsen met koppeltabel (N:M)
Als je een tabel splitst en de relatie is een many to many relatie (N:M) dan heb je een koppeltabel nodig om de twee tabellen te verbinden. In de koppel tabel zitten de FK's die verwijzen naar de PK's van de twee tabellen.
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623245421315.png)
####
#### Opgave 1
Lees de tekst door en beantwoord de volgende vragen.
1. Hoeveel normalisatieregels zijn er?
2. Hoeveel normalisatie technieken zijn er?
3. Waarvoor dient een koppeltabel?
4. Tabellen zijn aan elkaar gekoppeld, wat/hoe zorg je voor deze koppeling?
5. Zet je voor- en achternaam in één kolom, in twee kolommen of in twee tabellen?
6. Met welk programma maak jij in jouw examen een ERD?
7. Een tabel heet "ExamenUitslagen", is dit een juiste naam? Weet jij een betere naam?
8. Waarom een goed database-ontwerp belangrijk?
#### Opgave 2
1. Hieronder zie je een tabel met gegevens over gespeelde voetbalwedstrijden.
Op elke regel staat het thuis-land en gast-land.
De score van biede landen staat in de volgende twee kolommen.
De winnaar is 0,1 of 2. Bij 0 is er geen winnaar, bij 1 is het thuis-land winnaar en bij 2 is het gast-land winnaar.
De laatste twee kolommen laten het aantal kaarten (rode- en gele-) en het aantal penalties zien.
Deze opgave staat in [de Excel sheet](https://www.roc.ovh/attachments/62).
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623605642698.png)
a) Aan welke normalisatieregels voldoet deze tabel *niet*?
b) Verander de bovenstaade tabel zodat deze wel aan alle normalistie-regels voldoet.
#### Opgave 3
Kopieer de onderstaande tabel naar Excel (Copy/Paste, of gebruik [de Excel Sheet)](https://www.roc.ovh/attachments/62) en normaliseer de gegevens. In de tabel staan studenten die één of meer cursussen volgens. Iedere student heeft een coach en de coach is bereikbaar via het telefoonnummer.
Gebruik de drie normalisatie technieken (kolommen en tabellen splitsen) zodat je aan de zes normalisatieregels voldoet.
- Splits de gegevens in aparte kolommen en/of tabellen zodat je aan alle regels voldoet.
| Student | Cursus | Coach | telefoon\_coach |
| Kevin Drum | Digitale Vaardigheden, Rekenen, PHP | Ayoub | 06 1221 3268 |
| Murvin Drake | PHP, JavaScript | Ayoub | 06 1221 3268 |
| John Jones, 1234 | C++ | Ayoub | 06 1221 3268 |
| Sally-Jane Jones | HTML, Pyton | Ayoub | 06 1221 3268 |
| David (getrouwd) | Rekenen, PHP | Ayoub | 06 1221 3268 |
| Murvin Drake | PHP, JavaScript | Samina | 06 2100 3485 |
| Murvin Drake | C++ | Samina | 06 2100 3485 |
#### Opgave 4
In een bibliotheek wil men bijhouden welke klanten welk boek van welke periode tot periode hebben geleend.
Elke klant kan meerdere boeken gelijktijdig lenen. De bibliiotheek heeft soms meerdere exemplaren van één title. Verder wil men de klant een whatsapp kunnen sturen twee dagen voor het verstrijken van de inleverdatum.
- Maak een databaseontwerp.
Begin met de onderstaande gegevens (copy paste naar Excel of gebruik [de Excel sheet](https://www.roc.ovh/attachments/62)).
| klant | boek\_id | boek ISBN | Titel | uitgeleend | uitleentermijn | ingeleverd |
| Caris Villa | 234189 | 817525766-0 | De boze wollf | 09/06/2021 | 21 |
|
| Caris Villa | 234288 | 817333566-1 | De lastige wereld | 07/05/2021 | 21 | 14/05/2021 |
| Caris Villa | 134585 | 817525766-0 | Op reis met JJ | 28/04/2021 | 21 | 29/04/2021 |
| Caris Villa | 232269 | 817528866-3 | Het grote feest | 04/05/2021 | 21 | 25/05/2021 |
| Ayana Tucker | 232270 | 817528866-4 | Het grote feest | 29/05/2021 | 35 | 07/06/2021 |
| Shola Greig | 134585 | 817525766-0 | Op reis met JJ | 28/05/2021 | 21 |
|
- Zet je databaseontwerp in [Lucichart](https://lucid.app).
####
#### Opgave 5a
Een recycle bedrijf wil bijhouden uit welke verkoopbare onderdelen een aparaat bestaat. Zo bestaat een mobieltje uit een lithium-ion batterij, scherm en moederbord. Een draadloze koptelefoon bestaat uit een lithium-ion batterij en magneten.
Van elk aparaat wil men een inkoopprijs vasstellen en van alle onderdelen wil men een verkoopprijs bepalen.
[](http://roc.ovh/uploads/images/gallery/2021-06/image-1623916442206.png)
- Maak een database in [Lucichart](https://lucid.app)
#### Opgave 5b
De inkooprijs van elk aparaat is een richtprijs. Als van een telefoon het scherm bijvoorbeeld is gebarsten dan is deze minder waard.
Het recycle bedrijf heeft een aantal inkopers. Elke inkoper bepaald de werkelijke prijs voor een ingekocht product.
Je wilt dus deze data ook vastleggen in de database van opgave 3a.
| Inkoper | Datum | Aparaat | Standaard | Inkoop |
| Jan | 10/May | Espresso aparaat | 25,00 | 27,00 |
| Jan | 12/May | koptelefoon | 6,00 | 7,00 |
| Jan | 12/May | koptelefoon | 6,00 | 5,00 |
| Jan | 12/May | iPhone 6 | 50,00 | 45,00 |
| Mimi | 12/May | iPhone 6 | 50,00 | 40,00 |
| Mimi | 13/May | Laptop Lenovo G7800 | 80,00 | 85,00 |
| Mimi | 13/May | Espresso aparaat | 25,00 | 30,00 |
Zorg ervoor dat deze data in de juiste tabellen kan worden opgeslagen. Maak het **volledige** datamodel dat aan alle normalisatieregels voldoet.
De tabel staat ook in [de Excel sheet.](https://www.roc.ovh/attachments/62)
#### Voorbeeld 6
Bij autohandel “Krakkemik” staan er auto's van verschillende merken op het terrein. In hun database staat bijvoorbeeld dat er; een rode Opel Astra uit 1998 voor 1500 euro te koop is, een groene Ford Escort uit 2002 voor 2000 euro en een Peugeot waarvan de prijs 4000 euro is.
Herken jij de entiteit? Van wat wordt hier gegevens vastgelegd?
En wat zijn de attributen van de entiteit? Benoem alle attributen.
Maak het ERD in Lucichart.
#### opgave 7, ToDo App
Maak een datamodel (ERD) voor een ToDo applicatie. In de Todo applicatie wil je de naam van een ToDo item kunnen vastleggen. Van elk ToDo item wil je de titel kunnen vastleggen, bijvoorbeeld "paspoort verlengen". Verder wil je van elk ToDo item vastleggen wanneer hij is aangemaakt en of hij afgerond is.
Verder wil je de ToDo items opdelen in categorieën. Bijvoorbeeld, de categorie "boodschappen", "privé" of "werk". Van elke categorie wil je vastleggen wanneer deze voor het laatst gewijzigd is.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 8, Restaurant en Corona
In verband met Corona wil het restaurant de "Pittige Stake", een applicatie laten ontwikkelen waarin ze kunnen vastleggen welke klanten bij elkaar aan de tafel hebben gezeten. Op die manier kunnen ze als iemand positief op Corona is getest, bepalen bij wie deze persoon aan tafel heeft gezeten en kunnen deze tafelgenoten worden gevraagd om zich ook te laten testen.
Van elke klant dient de voor- en achternaam en zijn telefoonnummer te worden vastgelegd. Verder moet er worden vastgelegd aan welke tafel de persoon zat en wanneer dit was (datum en tijd). De tafels in het restaurant zijn genummerd van 1 t/m 6 en alleen gasten aan dezelfde tafel dienen te worden gewaarschuwd als een tafelgenoot positief wordt getest op Corona.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 9, Covid-19 test
Het RIVM wil een eenvoudige database waarin ze kunnen zien welke persoon wanneer is getest en wat de uitslag was (positief of negatief). Van alle geteste hoeft alleen de voor- en achternaam en het e-mailadres te worden vastgelegd.
Het RIVM wil ook graag weten of de geteste persoon de Corona app heeft geactiveerd. Als dat zo is dan kunnen ze namelijk via de app andere mensen op de hoogte stellen als zij langere tijd bij een positief getest persoon in de buurt zijn geweest.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 10, Fietsenmaker Snelle Jelle
Fietsenmaker Snelle Jelle wil na een reparatiebeurt zijn klanten per SMS of Whatspapp op de hoogte stellen dat de reparatie klaar is. In dit bericht wil hij ook vertellen hoe hoog de reparatiekosten zijn.
Omdat de veel klanten meer dan één fiets hebben, wil hij van de fietsen ook wat kenmerken vastleggen. Hij wil het merk, model, type en kleur kunnen vastleggen.
Van elke reparatiebeurt wil hij verder vastleggen wanneer het onderhoud plaatsvond, hoe lang de reparatie duurde, wat er is uitgevoerd en de prijs.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 11, Eagle Dev \*\*
Maak het gedeelte van het datamodel van EagleDev waarin van de studenten wordt vastgelegd welke module ze hebben uitgevoerd. Van de studenten wil je de voor- en achternaam, hun email en studentennummer vastleggen en van de modules wil je de naam, de omschrijving, de status en het niveau vastleggen. De status is *open*, *bezig* of *klaar*. En het niveau is opgedeeld in 12 levels, 1 tot en met 12.
Maak het ERD in [Lucichart](https://lucid.app).
#### opgave 12, garagebedrijf
[](https://www.roc.ovh/uploads/images/gallery/2021-06/image-1623242632313.png)
Garagebedrijf Sneller B.V. wil graag automatisch een orderbon kunnen afdrukken. Op de orderbon moeten de klantgegevens staan en er moet op staan welke artikelen de klant heeft besteld.
Verder wil het garage bedrijf ook vastleggen welke type auto de klant heeft, wat de uitvoering is, wat het kenteken is, wat het bouwjaar is en wat de kleur is. Een klant kan meer dan één auto bezitten.
Maak een database ontwerp (ERD) in [Lucichart](https://lucid.app).
\--
# OOP Eindopdracht
In de OOP Challenge moet je een formulier maken en aan de hand van de waarden die je invult moet je dan een berekening maken. Deze berekening laat dan zien welk vervoermiddel sneller is; de fiets of de scooter. Op deze pagina wordt in een stappenplan uitgelegd hoe je dit kunt aanpakken.
Een voorbeeld van hoe de applicatie er zou kunnen uitzien zie je: [hier](https://stampwerk.nl/oop/).
[](https://www.roc.ovh/uploads/images/gallery/2023-02/image-1676903058536.png)
### Stap 1
Maak in HTML een web form waarin alle invoer velden worden weergegeven. Dit zijn de velden zoals je ze in de voorbeeldapplicatie ziet, dus lengte van de weg, vertraging door file, soort fiets, bandenspanning fiets, soort scooter en bandenspanning scooter.
##### Bronnen om te raadplegen
Form (algemeen): [https://www.w3schools.com/html/html\_forms.asp](https://www.w3schools.com/html/html_forms.asp)
Radio buttons (type fiets en scooter): [https://www.w3schools.com/tags/att\_input\_type\_radio.asp](https://www.w3schools.com/tags/att_input_type_radio.asp)
In het form geeft je ook aan hoe je het formulier wilt posten, via GET of POST. Weet je niet wat te kiezen, neem dan GET.
### Stap 2
Zorg ervoor dat je het formulier post en dat je op een nieuwe pagina (de pagina waarna je het formulier stuurt), alle variabelen met hun waarden afdrukt.
Je output ziet er dan bijvoorbeeld zo uit:
[](https://www.roc.ovh/uploads/images/gallery/2023-02/image-1676903949706.png)
### Stap 3:
Druk nu ook de snelheid van het gekozen voertuig af:
[](https://www.roc.ovh/uploads/images/gallery/2023-02/image-1676904185300.png)
### Stap 4:
Je ziet nu in het bovenstaande voorbeeld dat de scooter 25 km/uur rijdt. Hoe lang doet hij dan over 50 km?
Elk uur rijdt de scooter 25 km, dus hij doet 2 uur over 50 km.
Dit kan je ook in een formule zetten.
```
reistijd = weglengte / standaardSnelheidScooter
```
Als de bandenspanning 50 (%) bedraagt dan doet de scooter er 2x zo lang over, dus in het voorbeeld hierboven doet hij er geen 2 uur maar 4 uur over. We zetten dit ook in de berekening.
reistijd = weglengte / standaardSnelheidScooter
reistijd = reistijd \* bandenspannignScooter/100
Op regel 2 wordt de (nieuwe) reistijd dus de (oude) reistijd x bandenspanning/100.
Bereken de reistijd voor de scooter én voor de fiets. Gebruik de bovenstaande formules. Druk de waardes af en controleer of alles klopt.
### Stap 5
Je hebt nu de reistijd in uren. Elk uur heeft 60 minuten. Vermenigvuldig de reistijd met 60 zodat je de reistijd in minuten krijgt.
Druk de reistijden van de scooter en fiets nu af in minuten.
Alleen de scooter heeft last van vertraging. Tel het aantal minuten vertraging nu op bij de reistijd van de scooter.
### Stap 6
Je hebt nu twee reistijden. Bepaal welk voertuig het snelste is en geef een reisadvies zoals dat ook in de voorbeeldapplicatie is gedaan.
Je bent nu eigenlijk klaar maar we gaan onze code nu in OOP (objecten) zetten.
### Stap 7, OOP
- Voeg aan het **eind** van je code, code toe die alles in OOP zet.
- Maak de classes en maak (in eerste instantie) public properties in de classes. Elke variabele in je 'oude' code moet ergens in een class als property worden geplaatst.
- Instantieer de objecten en geef alle public properties de juiste waarden. Voor het zetten van de juiste waarden gebruik je de $\_GET\['key'\], values, dat zijn de waarden die uit het form komen.
- Voeg een public property *reistijd* toe in he class.
- Zet een method/functie in de class *fiets* en *scooter* waarin je de reistijd **berekent**.
Gebruik hiervoor dezelfde formules die je ook in je 'oude 'code (uit stap 1 t/m6) hebt gebruikt.
- Roep de methods/functies aan waarmee de berekening wordt uitgevoerd. De property reistijd van scooter en van fiets worden nu door het gebruik van de method/functie in de class op de juiste waarde gezet.
Druk deze properties af en vergelijk of de waarden kloppen aan de hand van je 'oude' code van stap 1 t/m 6
- Deze reistijden (properties) kun je nu gebruiken om een reisadvies te geven. Werkt alles dan haal je al je code die je in stap 1 tot en met stap 6 hebt gemaakt weg.
### Stap 8 (optioneel)
Je kunt nu de properties van je classes private maken en voor het zetten en uitlezen van de waarden *setters* en *getters* gebruiken.
### Stap 9, vormgeving, testen en commentaar
Maak alles af. Zorge dat alles er netjes uitziet. Let op de **vormgeving** (CSS) en **test** alles goed. Plaats nog wat **commentaar** in je code zodat anderen (en jij later) ook begrijpen wat je doet.
\--
roc.ovh/link/655
# Groep 8 - Introductie web site maken
*We gaan een eenvoudige website maken en gebruiken Notepad en de Chrome browser.*
*We gaan kennis maken met de technieken HTML, JavaScript en CSS.*
*We leren wat een variabele in een programmeertaal is.*
### Intro
(presentatie)
Intro en voorbeeld van wat we gaan maken.
Na 10 weken: [http://www.softwaredeveloper.ovh/max/portfolio-samuel/](http://www.softwaredeveloper.ovh/max/portfolio-samuel/)
Wij gaan een eenvoudige versie hiervan maken:
[](https://www.roc.ovh/uploads/images/gallery/2023-02/image-1676980318643.png)
*Aan de slag (eerst individueel en dan je buurman/vrouw helpen).*
### Voorbereiding
(modellen)
Maak nieuw bestand op desktop, **site.txt** en verander naam in **site.html** -> hoe op een Chromebook??
....
### HTML
(modellen)
HTML boilerplate (van internet) en eenvoudige Javascript.
Zoek in Google naar HTML Boilerplate (freecodecamp.org)
1. <script>....</script> weghalen.
2. <link> regel weghalen.
3. Bedenk een eigen titel (tussen de <title> en </title>
4. In de body: <h2>Welkom op mijn site</h2>
Testen en elkaar helpen.
### Programmeren
(uitleg/presentatie)
(eerst uitleg over variabele -> PowerPoint).
Uitleg variabele -> powerpoint analogie met telefoonnummer en doosje.
(modellen)
##### Java Script
```HTML
```
```HTML
```
(de andere welkom-boodschap mag nu weg)
### Plaatje
(modellen)
Plaatje downloaden (of link kopiëren) en toevoegen (optioneel)
- Zoek in Google (plaatjes) met de term *cartoon character* en Download een plaatje!
In <body>
```HTML
of
```
In Chrome: Ctrl-shift-I en dan console voor foutmeldingen.
### Opmaak (CSS)
(modellen)
Zoek in Google naar css color examples (w3.org)
```HTML
```
### Afsluiten
- Web pagina bestaat uit HTML en CSS. HTML geeft de **basis-structuur** aan en CSS is voor de **vorm/kleuren**.
- **JavaScript** is een programmeertaal die je kan gebruiken voor je website.
- We hebben geleerd wat een **variabele** is.
\--
```HTML
Mijn Web Site
```