# JSON gegevens verder verwerken

In je laatst gemaakte flow heb je gezien hoe je een JSON string kunt converteren naar JSON objecten (eigenlijk een JSON array met objecten), waarbij elk JSON object een key:value paar vormt, bijvoorbeeld temperature: 206. De key ‘*temperature*’ heeft de value ‘*206*’.

In de volgende stap gaan we met JavaScript deze JSON objecten omzetten in het message formaat dat in NodeRed wordt gebruikt. Sleep een *function* node van het palette naar je werkplek, zet er de volgende code in en noem deze “*Converteer*”:

![](https://lh3.googleusercontent.com/obdJQBr4-lh2oDwhMWVGQ76DYUhui80P3LB3v0KokywFoWAgJp6-hj0R58sTFx5YjEdI1c_hyG6tD2hRgS30EMc5UZPY2uQKH79VOwZ5B1x_bfxardvq_6GyOocF7uYmbIFPdSqP)

Zoals steeds, druk op de rode *Done* knop. Plaats de *function* node in je flow, als volgt, en druk op de rode *Deploy* knop. Als de data is binnengekomen zie je nu alle gegevens in het message formaat van NodeRed:

![](https://lh4.googleusercontent.com/gbtRLRDKu1Sq1uGPA3pSpT2FXxdWYytXBacSWZ0Q2oP1Nic1LxEITUSIdYXrdqIBj79gbDDpSjLE_ob9l_ZeNpPH9iI7kNWnNM2eYt39_scWDFYWUU7Uov0uJgequ1jdD9Gv7xTO)

Je ziet nu duidelijk dat de temperatuur, druk en vochtigheid als message kenmerken beschikbaar zijn. Overigens is de oorspronkelijke JSON data ook nog steeds beschikbaar, als je eerst op het pijltje naast je *node:id* en daarna op het pijltje naast het *payload:object* drukt zie je de JSON objecten nog staan. Je JavaScript heeft message kenmerken toegevoegd aan de oorspronkelijke message.

## **Zichtbaar maken in Dashboard**

Als volgende stap ga je de gegevens van de sensor op school weergeven op je dashboard. We maken een meter voor de temperatuur, de luchtdruk en de relatieve vochtigheid.

Je kunt een extra Tabblad op je dashboard maken, zodat de meters met temperatuur,luchtdruk en relatieve vochtigheid niet naast je eerder gemaakte seconde teller komen. Het is wel aardig als die een eigen tabblad hebben. Dat doe je door in de rechterkolom van NodeRed eerst je dashboard te selecteren, en dan op de ‘*+tab*’ knop te drukken. Er komt onder in de lijst een nieuw tab, door daar met je muis boven te gaan staan kun je de knop ‘*+edit*’ selecteren en kun je de naam veranderen. Geef hem een naam zoals ‘*Metis weer*’, en voeg op dezelfde manier een groep toe (‘*+group*’) en noem die ‘*Meters*’. Druk op de rode ‘*Deploy*’ knop.

Op je NodeRed werkplek kun je nu de *debug* node weghalen en een *gauge* node (uit de dashboard sectie van je nodes palette) toevoegen. Configureer die als volgt om de temperatuur op het Metis op je dashboard weer te geven:

![](https://lh4.googleusercontent.com/kwDRAQXEldRNZAf5JgdlSRIhRUoVc43_MVqEr77frj-YxSBDIGofrmtgR1Po4LQVA4bnY4BqfMMsWVPBoyztz7_9Bye1Iv5oqDkJJjCwy6mh6QNhMLbbiLRXSKVmM1PcPtmslp1s)

Hierin zijn de items *Group* (op deze plaats komt je meter te staan op je dashboard) en *Value format* (dit onderdeel van je message wordt weergegeven) met name belangrijk. Druk op de rode *Deploy* knop en ga naar je dashboard. Je moet nu het juiste Tabblad selecteren, dat doe je door linksboven de drie streepjes (de hamburger) te selecteren, en dan je tabblad Metis Weer. Je krijgt dan je Temperatuur te zien:

![](https://lh3.googleusercontent.com/fAaOh2M3v_rjNcmQ4GOSeoEXFZaTf9qNGrnjSxJ0SNMCpqPJOr3jXqjYW6lmS-OOn1uZnUsWLGb5qtpI0eSNs51kYtoVvQidCG-xoVjMwEt8VZ4tYTKaAUbMduASlqaGk2l0CZjr)

Voer bovenstaande nog twee keer uit, één keer voor de luchtdruk, en de andere keer voor de relatieve luchtvochtigheid, zodat je dashboard compleet is met alle informatie over de situatie op het Metis:

![](https://lh4.googleusercontent.com/OtEBkm9aQTmKb592o5dlPcSFxuu7YySzwAFtusTvo7LZFFU_6o2JtNLH4cb_V9YYcqMbuN7LvEO6uUQsDcw2GJqDpdVGZKTKiskQPdVp1lEuBSh4gUJlVHHKhnu4lF9RlA4jCgE4)

Om te achterhalen wat je bij de gegevens van de twee extra meters moet invullen kun je de JavaScript code van de *function* node die je net hebt gemaakt eens goed bekijken!

Je hebt nu een dashboard gemaakt met zinvolle gegevens, die je van ergens anders hebt opgehaald! Dit is een goed voorbeeld van wat je met IoT en NodeRed kunt doen!

Als je het leuk vindt kun je je dashboard ook nog uitbreiden met grafieken voor de temperatuur, luchtdruk en luchtvochtigheid! Net als je eerder met de teller hebt gedaan! Daarmee kun je vastleggen hoe bijvoorbeeld de temperatuur verloopt gedurende de dag! Let wel op dat je pas een eerste lijn begint te zien in je grafiek als je twee meetpunten hebt, dus worst-case moet je bijna acht minuten wachten voordat je iets ziet.Tenslotte wordt er vanaf de sensor bij het Metis nog één leuke meetwaarde meegestuurd, namelijk de lichtsterkte. Deze waarde geeft aan hoe licht het is, en geeft dat weer met een waarde tussen de 0 en de 1000. De waarde wordt meegestuurd en staat in de JSON string als *aIn*, kun jij je hele flow zo aanpassen dat deze waarde ook wordt weergegeven op je dashboard, zowel met een meter als met een grafiek?\\
