H13. Data presenteren en filteren

Data Presenteren (filter en berekening)
WDV-III
Week 13
1 / 34
next
Slide 1: Slide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

This lesson contains 34 slides, with interactive quizzes and text slides.

Items in this lesson

Data Presenteren (filter en berekening)
WDV-III
Week 13

Slide 1 - Slide

Deze les
  • Data presenteren
  • Functies in PHP
  • Oefenen met functies
  • Filteren met WHERE
  • Huiswerk: TimeSheet

Slide 2 - Slide

Nadenken over hoe je de data presenteert.


  • Maak schetsen (wireframes)
  • Werk je in een team? Overleg met elkaar

Slide 3 - Slide

Voorbeelden

Slide 4 - Slide

Slide 5 - Slide

Je wil voor een kassa-systeem de totaalprijs aan de klant laten zien.
Hoe rond je af?
A
1 cijfer achter de komma
B
2 cijfers achter de komma
C
3 cijfers achter de komma
D
Dat weet ik niet.

Slide 6 - Quiz

Wat is volgens jou een logische manier om een rapportcijfer af te ronden?

Slide 7 - Open question

Bedenk:
De gemiddelde korting op een aantal producten is: 10,944
Welke twee dingen kloppen niet aan deze weergave?

Slide 8 - Slide

Welke twee dingen waren onjuist in de vorige afbeelding?

Slide 9 - Open question

Functies in PHP
  • Doen iets nuttigs (hebben een functie)
  • Geven soms een waarde terug (return)
  • Hebben soms informatie nodig (parameters/argumenten)

Alle functies staan beschreven op www.php.net

Slide 10 - Slide

PHP Functie: round
3

Slide 11 - Slide

https://www.php.net/round

Slide 12 - Slide

PHP Functie: round

  • Functiebeschrijving: rond een kommagetal af
  • Geeft een waarde terug: float
  • Parameters/argumenten: 1 verplichte (een int of float om af te ronden), twee optionele

Slide 13 - Slide

Eerder in de code wordt een gemiddelde uitgerekend:
$gemiddelde = 10.1522
Maak de code af zodat $gemiddelde wordt afgerond op 0 cijfers achter de komma:
echo ...............;

Slide 14 - Open question

Eerder in de code wordt een gemiddelde uitgerekend:
$gemiddelde = 10.1522
Maak de code af zodat $gemiddelde wordt afgerond op 1 cijfer achter de komma:
echo ...............;

Slide 15 - Open question

Eerder in de code wordt een gemiddelde uitgerekend:
$gemiddelde = 10.1522
Maak de code af zodat $gemiddelde wordt afgerond op 2 cijfers achter de komma:
echo ...............;

Slide 16 - Open question

Andere nuttige functies:

Slide 17 - Slide


Wat doet deze functie?
A
Rond een getal af
B
Bekijkt of een variabele een getal bevat
C
Bekijkt of een variabele een string is
D
Zet een getal om naar een boolean

Slide 18 - Quiz


Wat is de return-type van deze functie?
A
float
B
int
C
string
D
ucfirst

Slide 19 - Quiz


Hoeveel parameters/argumenten heeft deze functie?
A
0
B
1
C
2
D
3

Slide 20 - Quiz


Hoeveel van de parameters zijn optioneel (niet verplicht)?
A
1
B
2
C
3
D
allemaal

Slide 21 - Quiz

Opdracht 13.5: Oefenen met functies
Aan de slag met Opdracht 5 van hoofdstuk 13
(15 minuten)

Slide 22 - Slide

(Opdracht 5: Oefenen met functies)
Lever screenshots in van de code en het resultaat in de browser

Slide 23 - Open question

Filteren met WHERE
Hier volgen enkele voorbeelden van filters op andere websites

Slide 24 - Slide

Selecteer alle parfums waar de prijs >= 4 en <= 100 én waar de reviewscore >= 4

Slide 25 - Slide

Selecteer alle nieuwsartikelen waar de categorie 'Tech' is

Slide 26 - Slide

Filteren met WHERE
We laten de database voor ons filteren en sorteren:
Filteren doen we met WHERE
Sorteren met ORDER BY (ASC / DESC)

Slide 27 - Slide

(je mag op internet een voorbeeldquery zoeken)
Schrijf een query die alle kolommen uit de tabel `gebruikers` ophaalt overal waar de waarde kolom `toegang` groter is dan 0

Slide 28 - Open question

Voorbeeldqueries

Slide 29 - Slide

Zo meteen bij opdracht 8: Filter in de storingapp
1. Wanneer de gebruiker hier kiest voor draaiend
2. Dan zien we enkel attracties met type 'draaiend'

Slide 30 - Slide

Een filter voor een type/categorie/status kan met dropdown-keuze. Bijvoorbeeld:

Slide 31 - Slide

In de back-end handelen we die filter af:

Slide 32 - Slide

Opdracht 8: Filter in de storingapp
Aan de slag met Opdracht 8
(30 minuten)

Gebruik de uitleg uit
paragraaf 7 (niet exact kopiëren!)

Slide 33 - Slide

Huiswerk (deadline: 7 mei 23:59)
https://www.youtube.com/watch?v=5HXfloPqZos

Slide 34 - Slide