Interactie in the spotlight (3): Buienradar

Gepost door Wouter van den Brink op 18 december 2023

In de methode kom je op een groeiend aantal plekken interactieve elementen tegen. Dit zijn stukjes in de methode waar leerlingen zelf spelenderwijs aan de slag kunnen om meer te leren over een onderwerp. Er zijn allerlei toepassingen mogelijk:

Interactieve elementen herken je aan het icoontje in de rechterkantlijn:

In deze serie artikelen nemen we een aantal van de interactieve elementen onder de loep: waar vind je ze terug? Hoe werken ze? En wat hebben jij en je leerlingen eraan?

 

In deze derde editie bekijken we de interactieve elementen uit subdomein A3. In dit project gaan je leerlingen aan de slag om zelf een Buienradar-app te maken, die gebruik maakt van de Buienradar-API.

API staat voor Application Programming Interface. Het is een interface waarmee andere applicaties gebruik kunnen maken van functionaliteit van of gegevens uit een bepaalde dienst. Zo is er een Facebook-API om berichten op Facebook te lezen en plaatsen, hebben veel slimme thermostaten een API om de temperatuur in huis uit te lezen en in te stellen, en heeft Buienradar dus een API om gegevens over het weer op te halen.

Op deze manier kun je eenvoudig het actuele weerbericht ophalen:

De Buienradar-bibliotheek kan gebruik maken van je locatie. Als je browser hier ondersteuning voor heeft, en je toestemming geeft, wordt je locatie gebruikt voor de informatie hieronder. Zo niet, dan gebruiken we de locatie van het kantoor van Instruct.

Klik hieronder om de locatie-popup te tonen. Je locatie wordt niet gedeeld. Wil je de locatie van het kantoor van Instruct gebruiken, klik dan op 'Weigeren'.

 

 

 

De code hiervoor is eveneens heel eenvoudig:

<script src="https://cdn.jsdelivr.net/npm/@uitgeverij-instruct/buienradar@1"></script>
<script>
    buienradar.load(() => {
        buienradar.forecast.report.title('br_forecast_title');
        buienradar.forecast.report.summary('br_forecast_summary');
    });
</script>

Deze eenvoud komt door onze eigen open source Buienradar-bibliotheek, die het zware werk van communicatie met Buienradar uit handen neemt. Betekent dat dan dat leerlingen niets leren over communicatie met webservices en programmeren met een API? Nee, in tegendeel: in de module beginnen we met werken zonder de library. Experts worden zelfs uitgedaagd om de library niet te gebruiken, maar alles helemaal zelf te doen. Niet alleen geeft die aanpak je meer ervaring met en kennis over het werken met webservices, het geeft je ook wat meer vrijheid om bijzondere dingen met de gegevens te doen.

Behalve 'saaie' tekst zijn er meer mogelijkheden met de library. Zo kun je een regengrafiek in de app opnemen, die een regenvoorspelling geeft voor de komende uren:

De Buienradar-bibliotheek kan gebruik maken van je locatie. Als je browser hier ondersteuning voor heeft, en je toestemming geeft, wordt je locatie gebruikt voor de informatie hieronder. Zo niet, dan gebruiken we de locatie van het kantoor van Instruct.

Klik hieronder om de locatie-popup te tonen. Je locatie wordt niet gedeeld. Wil je de locatie van het kantoor van Instruct gebruiken, klik dan op 'Weigeren'.

 
 

Wellicht is het voorlopig droog in jouw omgeving. Als dat zo is, kun je de grafiek gebruik met voorbeeldgegevens.

 

De Buienradar-bibliotheek is beschikbaar voor iedereen, omdat het open source software is. Op de GitHub-pagina vind je meer informatie over het gebruik van de bibliotheek.

We begeleiden je graag bij het toepassen van de bibliotheek in jouw informaticalessen, en daarom is er een uitgebreid, recent bijgewerkte project beschikbaar voor gebruikers van Fundament. Je vindt dit project in subdomein A3, in domein A (Vaardigheden).

Hiervoor heb je wel een licentie voor het kernprogramma nodig. Heb je vragen over de methode, of ben je geïnteresseerd in een proeflicentie? Neem dan contact op met onze adviseurs via [email protected]. Heb je zelf ideeën voor interactieve elementen in onze methode? Dan horen we dat ook graag!

 

-- Share It --