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

• Informatica
• Middelbare school
• vwo
• Leerjaar 4

Blok 2: Informatie

Les 3

Na de les kun je...

• uitleggen wat een informatiesysteem is
• het verschil tussen data en informatie uitleggen
• verschillende vormen van dataverwerking opsommen
• uitleggen wat big data is en enkele voordelen en nadelen daarvan benoemen

Lesplanning

1. Terugblik vorige les 
2. Bespreking bestudeerde tekst en gemaakte opdrachten
3. Uitleg dataverwerking en Big Data
4. Zelfstandig aan de slag met huiswerk
5. Afsluiting

Terugblik vorige les + huiswerk

• Aan de informatie die geboden wordt door een app kunnen 6 eisen worden gesteld, o.a. beschikbaarheid en betrouwbaarheid. Wat houden deze eisen in?
• Leg aan de hand van het voorbeeld van een drone uit wat het verschil is tussen het DOEL en de INFORMATIEDOELEN van een ICT-product.
• Wat is een functioneel ontwerp en welke (tenminste) 3 delen moeten daarin zitten? 

DOEL van een drone is bijvoorbeeld maken van luchtfoto's en -video's.

INFORMATIEDOEL is bijvoorbeeld dat drone (informatie uit) sensoren gebruikt om stabiel te vliegen.

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

Informatiesystemen (§2)

• Informatiesysteem is een samenhangend geheel van (geautomatiseerde) onderdelen die samenwerken om op basis van verwerking van gegevens specifieke informatie te verschaffen en zo processen in de buitenwereld te ondersteunen

• Bijvoorbeeld Google Maps, Facebook, maar ook marketing op basis van big data

Informatie vs data

• Informatie is een verzameling gegevens die voor iets of iemand betekenis hebben
  
• Data zijn de ruwe, onverwerkte gegevens 'zonder betekenis' 
• Van data naar informatie door betekenis te geven
  
• Bijv.: 2312BX = data
• 2312BX interpreteren als postcode = informatie.

Vraag aan de klas: "Waarom moeten we dit nou weten?"

Antwoord: alles werkt o.b.v. informatie. Je telefoon, auto, spelletjes, programmeren. Allemaal gegevens die heen en weer gestuurd worden, verwerkt worden en betekenis krijgen.

Informatiesystemen

Schema van een informatiesysteem

Google analytics

Hoeveel bezoekers heeft je site?

Hoe gebruikers op je site komen

En nog veel meer...

Hoe snel laad je website?

metadata is data over data.
Wat is geen voorbeeld van metadata in het geval van een tekstbestand?

1. bestandsnaam
2. grootte van het bestand
3. inhoud van het bestand
4. bewerkingsdatum

Big data (§4)

• Big data = verzameling van allerlei soorten data van verschillende bronnen die op verschillende plekken opgeslagen zijn.
  
• Analyseren van die data om verbanden te zoeken (datamining) is zeer complex en vereist specialistische software
• Analyse van big data kan veel nieuwe inzichten opleveren voor wetenschap (gezondheidszorg), maar ook gebruikt door bedrijven om hun marketing beter te targeten... cookies!

Blok 2: Informatie

Les 4

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

Lesplanning

1. Terugblik vorige les 
2. Toepassingen Big Data in grote steden
3. API's concreet
4. Zelfstandig aan de slag met buienradar-app
5. Afsluiting

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

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?

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)

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? 

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

Application Programming Interface

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>

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();">

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. 

huiswerk

Lees en maak inleiding 1.1 van C4 Datarepresentaties paragraaf 1 Bits & Bytes

(inclusief de video...)

www.fundament-online.nl