SkillsLab 6B Werkwijze API en gokken

Welkom!
Deze les wordt opgenomen 📸


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

Cette leçon contient 18 diapositives, avec quiz interactifs et diapositives de texte.

Éléments de cette leçon

Welkom!
Deze les wordt opgenomen 📸


Log vast even in via lessonup.app

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

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 - Question de remorquage

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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

  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 - Question de remorquage

Cet élément n'a pas d'instructions

  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 - Diapositive

Cet élément n'a pas d'instructions

  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 - Diapositive

Cet élément n'a pas d'instructions

  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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 12 - Question de remorquage

Cet élément n'a pas d'instructions

C#
fifa.amo.rocks

(test-api)
webClient.DownloadString()

JsonConvert.DeserializeObj...


Slide 13 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions

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 - Diapositive

Cet élément n'a pas d'instructions




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

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 17 - Diapositive

Cet élément n'a pas d'instructions

TIL
(Today I Learned)

Slide 18 - Carte mentale

Cet élément n'a pas d'instructions