Les 4: C1-2 - Big Data, API's en buienradar-app

Blok 2: Informatie

Les 4

1 / 13

Slide 1: Slide

InformaticaMiddelbare schoolvwoLeerjaar 4

This lesson contains 13 slides, with text slides.

Lesson duration is: 100 min

Items in this lesson

Blok 2: Informatie

Les 4

Slide 1 - Slide

This item has no instructions

Na de les kun je...

voorbeelden geven van het gebruik van Big Data
uitleggen wat een API is
met behulp van de API van buienradar een app creëren

Slide 2 - Slide

This item has no instructions

Lesplanning

Terugblik vorige les
Toepassingen Big Data in grote steden
API's concreet
Zelfstandig aan de slag met buienradar-app
Afsluiting

Slide 3 - Slide

This item has no instructions

Verbeteren PO Website

Je mag maximaal 3 items waarop beoordeeld wordt verbeteren
Bijvoorbeeld tabel, about-us-pagina, responsive design, correcte code etc. (zie beoordelingsformulier/ opdracht)
Uitgesloten zijn ONTWERP, INHOUD en PROCES
Kijk nog eens goed naar de Puntenverdeling in de opdracht
Verbeter het vóór 2/12
Stuur me een mail waarin je aangeeft welke 3 beoordelingsitems je hebt verbeterd

Slide 4 - Slide

This item has no instructions

Terugblik vorige les + huiswerk

Wat is een functioneel ontwerp en welke (tenminste) 3 delen moeten daarin zitten?
Wanneer is er sprake van een informatiesysteem?
Waar staat AVG voor EN wat houdt dit in?
Waar staat API voor en welke rol speelt een API in een informatiesysteem?
Wat is Big Data en datamining?

Slide 5 - Slide

Functioneel Ontwerp moet doel van product beschrijven, de functionaliteiten en bijbehorende informatiedoelen. FO beschrijft dus WAT een product doet (maar niet hoe).

INFORMATIESYSTEEM als sprake is van een samenhangend geheel van onderdelen die samenwerken met als doel om specifieke informatie te verschaffen.

API = Application Programming Interface - intermediair die ervoor zorgt dat 2 applicaties met elkaar kunnen communiceren bijv. reisplanner-app en database van vervoerders.

AVG = Algemene Verordering Gegevensbescherming. ICT-product mag alleen persoonsgegevens verwerken als daarvoor toestemming is gegeven en/of doel rechtmatig is

BIG DATA = grote hoeveelheden data van verschillende bronnen en verschillende soorten die her en der zijn opgeslagen (gedistribueerd).

DATAMINING = analyseren van big data om verbanden te vinden en zo oplossingen te vinden voor alledaagse problemen.

Big data (§4)

Slide 6 - Slide

This item has no instructions

Big data (§4)

Welke voorbeelden van big data in Rotterdam worden er in het filmpje genoemd?
Big Data voldoet aan 5 kenmerken: grote hoeveelheid, verscheidenheid, snelheid, complexe data-analyse, waardevol. In hoeverre voldoen de hier genoemde voorbeelden aan deze kenmerken?

Slide 7 - Slide

This item has no instructions

Application Programming Interface

Api is stukje code dat zorgt voor de koppeling tussen twee applicaties;
Via een API kan een applicatie informatie uit een andere bron/ app/ database gebruiken.
Zie voorbeeld hiernaast van API van buienradar...

Slide 8 - Slide

This item has no instructions

Application Programming Interface

Slide 9 - Slide

This item has no instructions

Maak een werkende weer-app...

Start het buienradar-project in Replit.

Lees eventueel de informatie in Fundament A.3 Buienradar App > § 2.2 "Koppelen met een Library"

Open in het project in Replit het bestand index.html;
Verbind de website met het Javascript-bestand door in r8 van index.html deze code toe te voegen:
<script type="text/javascript" src="instruct_buienradarLibrary.js"></script>

Slide 10 - Slide

This item has no instructions

Maak een werkende weer-app... (2)

Zorg ervoor dat bij het laden van je website de connectie met de buienradar-app wordt gemaakt;

Voeg in r32 van index.html de "onload="-code toe aan de body-tag.

Dus <body class="vandaag" onload="loadBuienradarData(); getLocation();">

Slide 11 - Slide

This item has no instructions

Maak een werkende weer-app...(3)

Koppel nu de de diverse functies om info uit de API te halen aan de juiste elementen op je website.
Vul daarvoor de showWeatherInfo()-functie vanaf r10 in index.html aan:

Plaats tussen de aanhalingstekens achter elk getElementById(" ") de juiste naam van een element op je website.

Kies uit: beschrijving, icoon, luchtdruk, luchtvochtigheid, plaats, regenval, samenvatting, temperatuur, windkracht, windpijl, zonintensiteit, zicht
Bepaal je keuze o.b.v. de functies die erachter staan.