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

Blok 2: Informatie
Les 3
1 / 23
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 23 diapositives, avec quiz interactif et diapositives de texte.

time-iconLa durée de la leçon est: 100 min

Éléments de cette leçon

Blok 2: Informatie
Les 3

Slide 1 - Diapositive

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

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

    Slide 2 - Diapositive

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

    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

      Slide 3 - Diapositive

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

      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? 

        Slide 4 - Diapositive

        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

          Slide 5 - Diapositive

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

          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.

          Slide 6 - Diapositive

          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

          Slide 7 - Diapositive

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

          Google analytics
          Hoeveel bezoekers heeft je site?
          Hoe gebruikers op je site komen
          En nog veel meer...
          Hoe snel laad je website?

          Slide 8 - Diapositive

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

          metadata is data over data.
          Wat is geen voorbeeld van metadata in het geval van een tekstbestand?
          A
          bestandsnaam
          B
          grootte van het bestand
          C
          inhoud van het bestand
          D
          bewerkingsdatum

          Slide 9 - Quiz

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

          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!

          Slide 10 - Diapositive

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

          Blok 2: Informatie
          Les 4

          Slide 11 - Diapositive

          Cet élément n'a pas d'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 12 - Diapositive

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

            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

              Slide 13 - Diapositive

              Cet élément n'a pas d'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 14 - Diapositive

                Cet élément n'a pas d'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 15 - Diapositive

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

                  Cet élément n'a pas d'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 17 - Diapositive

                  Cet élément n'a pas d'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 18 - Diapositive

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

                  Application Programming Interface

                  Slide 19 - Diapositive

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

                  Maak een werkende weer-app...

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

                  Cet élément n'a pas d'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 21 - Diapositive

                  Cet élément n'a pas d'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. 

                    Slide 22 - Diapositive

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

                    huiswerk
                    Lees en maak inleiding 1.1 van C4 Datarepresentaties paragraaf 1 Bits & Bytes
                    (inclusief de video...)

                    Slide 23 - Diapositive

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