Maak een weer-miniapp dat automatisch het weer ophaalt en dan weergeeft. Dus bij regen, toon je een regenbui. Bij zon, de zon. En de temperatuur in beeld, etc. etc.
(B) Bepaal zelf de exacte doelstelling van deze app. Welke informatie is daarvoor nodig?
(E) Maak een schema (architectuur) van de schermen en de functies en api’s die je gaat bouwen.
(F) Maak een ontwerp met minstens 3 schermen. Evalueer je eigen app en die van 2 andere teams aan de hand van Vuistregels voor goed ontwerp. Verzamel statistieken om deze evaluatie uit te voeren.
Open Data API
Hiervoor gebruiken wij de API van Openweathermap. Maak een free account aan. Dit zijn REST api’s die werken zoals in deze video is uitgelegd
REST API concepts and examples – YouTube
10.5: Working with APIs in Javascript – p5.js Tutorial – YouTube
JSON
In deze API krijg je te maken met JSON. Installeer eerst de JSONview extensie. JSON is al javascript, dus relatief simpel.
Tips
- PNG afbeeldingen die je mag gebruiken en die goed zijn: https://www.pngegg.com/
Requirements
- in je ontwerp meerdere schermen
- live weer ophalen van een vaste locatie (die je in de code hebt)
- temperatuur / bewolking of regen / wind-richting en snelheid
- gebruik een combinatie van tekst en afbeeldingen voor deze weer-kenmerken
- een interactieve sketch ergens
Prototype 5 Havo
In 5 havo heb je 2 weken voor de volgende delen van dit project:
- aanvragen key (in kleine groepen delen kan)
- vaste locatie coderen
- JSON call doen voor deze locatie.
- De temperatuur en nog een item opzoeken in de array
- Een eenvoudige display, niet te fancy
- We gebruiken 1 rubrics voor alle opdrachten samen uit de opdrachtenreeks.
Eindtermen
Notes to self, doorzetten nog Eloq Arch!
- Bepalen Doelstelling, C1 Informatiebehoefte (eindterm C2)
- Bepalen Architectuur E1
- F1 en F2: Evaluatie gebruikersschermen, toepassen vuistregels goed ontwerp
Bepalen Security E2