SkillsLab 6B Werkwijze API en gokken

Welkom!
Deze les wordt opgenomen 📸


Log vast even in via lessonup.app
1 / 18
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 18 slides, met interactieve quizzen en tekstslides.

Onderdelen in deze les

Welkom!
Deze les wordt opgenomen 📸


Log vast even in via lessonup.app

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Deze les
Communicatie tussen de apps
  • Even uitzoomen
  • API
  • JSON
  • Werken met mock-data

Slide 2 - Tekstslide

Deze slide heeft geen instructies

1
2
3
4
5
6
7
Teams aanmaken
Wedstrijden genereren
Wedstrijden ophalen in C#
Weddenschap plaatsen
Uitslagen invullen in PHP
Resultaten ophalen in C#
Weddenschap uitbetalen

Slide 3 - Sleepvraag

Op welke volgorde gaat het hele proces nu?
  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen

Slide 4 - Tekstslide

Deze slide heeft geen instructies

  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen

Slide 5 - Tekstslide

Deze slide heeft geen instructies

  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen
PHP
PHP
C#
C#

Slide 6 - Sleepvraag

Deze slide heeft geen instructies

  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen
PHP
C#
C#
PHP

Slide 7 - Tekstslide

Deze slide heeft geen instructies

  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen
PHP
C#
C#
PHP
api/matches.php
api/results.php

Slide 8 - Tekstslide

Deze slide heeft geen instructies

  1. Teams aanmaken
  2. Wedstrijden genereren
  3. Wedstrijden ophalen
  4. Weddenschap plaatsen
  5. Uitslagen invullen
  6. Resultaten ophalen
  7. Weddenschap uitbetalen
PHP
C#
C#
PHP
api/matches.php
[{
  "id": 1,
  "team1_id": 54,
  "team1_name": "PSV",
  "team2_id": 65,
  "team2_name": "AZ"
},
........

Slide 9 - Tekstslide

Deze slide heeft geen instructies

api/matches.php
[{
  "id": 1,
  "team1_id": 54,
  "team1_name": "PSV",
  "team2_id": 65,
  "team2_name": "AZ"
},
{
  "id": 2,
  "team1_id": 9,
  "team1_name": "NAC",
  "team2_id": 43,
  "team2_name": "Ajax"
}]
JSON is een manier om data weer te geven

PHP en C# kunnen allebei JSON "verstaan"

Het is een universele afspraak om lijsten met gegevens te noteren

Slide 10 - Tekstslide

Deze slide heeft geen instructies

api/matches.php
[{
  "id": 1,
  "team1_id": 54,
  "team1_name": "PSV",
  "team2_id": 65,
  "team2_name": "AZ"
},
{
  "id": 2,
  "team1_id": 9,
  "team1_name": "NAC",
  "team2_id": 43,
  "team2_name": "Ajax"
}]
PHP "praat" JSON door de functie json_encode()

C# "verstaat" JSON via de WebClient in combinatie met JsonConvert

Slide 11 - Tekstslide

Deze slide heeft geen instructies

PHP
C#
Haalt matches uit database
echo json_encode($matches)
webClient.DownloadString()
JsonConvert.DeserializeObj...

Slide 12 - Sleepvraag

Deze slide heeft geen instructies

C#
fifa.amo.rocks

(test-api)
webClient.DownloadString()

JsonConvert.DeserializeObj...


Slide 13 - Tekstslide

Deze slide heeft geen instructies

fifa.amo.rocks

(test-api)
Dit is een voorbeeld van mock-data.

Een deel van de app is nog niet klaar, maar jij moet al wel aan de slag.

Je gebruikt een mock om tegenaan te werken, nep-data dus.

Slide 14 - Tekstslide

Deze slide heeft geen instructies

Andere voorbeelden van mock-data:

  • Zelf weddenschap invoeren in DB zodat je uitbetalen kunt testen.
  • Zelf wedstrijden invoeren via phpMyAdmin om de je eigen API te kunnen testen.
  • Zelf teams invoeren om het wedstrijd-genereren te testen.

Ofwel: meestal niet wachten tot een ander klaar is!

Slide 15 - Tekstslide

Deze slide heeft geen instructies




Tip: installeer een browser-plugin die JSON netjes laat zien.

Slide 16 - Tekstslide

Deze slide heeft geen instructies

Komende week
AMO1A: dinsdag 09:00u
AMO1B: dinsdag 10:30u
AMO1C: dinsdag 14:15
AMO1D: dinsdag 12:45

Slide 17 - Tekstslide

Deze slide heeft geen instructies

TIL
(Today I Learned)

Slide 18 - Woordweb

Deze slide heeft geen instructies