# TP Nodered

## OpenData Montpellier 3M

[![image-1599485631570.png](https://doc.creatronic.fr/uploads/images/gallery/2020-09/scaled-1680-/image-1599485631570.png)](https://doc.creatronic.fr/uploads/images/gallery/2020-09/image-1599485631570.png)

La métropole met à disposition des données publiques très diverses. Ici on souhaite construire une API qui va répondre à une simple requête :

GET /velomag : renvoie le nombre de place(s) de vélo disponible(s) à la vélo-station Euromédecine (id = 41)

#### Lien(s)

Open Data Montpellier : [https://data.montpellier3m.fr/dataset/disponibilite-des-places-velomagg-en-temps-reel/resource/adb98f8d-c4d2-4012-8abe](https://data.montpellier3m.fr/dataset/disponibilite-des-places-velomagg-en-temps-reel/resource/adb98f8d-c4d2-4012-8abe)

## Dashboard

### Installation

Cliquez en haut à droite sur

[![image-1599485003422.png](https://doc.creatronic.fr/uploads/images/gallery/2020-09/scaled-1680-/image-1599485003422.png)](https://doc.creatronic.fr/uploads/images/gallery/2020-09/image-1599485003422.png)

Puis sur ***Manage palette*** et installez ***node-red-dashboard***

Maintenant en allant sur localhost:1880/ui vous pouvez visualiser un front qui va être piloter par NodeRed.

Pour gérer l'organisation globale de ce front, vous devez avoir maintenant en haut à droite un bouton supplémentaire qui représente un histogramme en bar miniature :

[![image-1599485154738.png](https://doc.creatronic.fr/uploads/images/gallery/2020-09/scaled-1680-/image-1599485154738.png)](https://doc.creatronic.fr/uploads/images/gallery/2020-09/image-1599485154738.png)

En cliquant dessus vous pouvez structurer le front en page et groupe. Chaque node que vous rajouterez ensuite dans l'espace de programmation pourra ensuite être placé via son menu de configuration.

### A faire 

Exploitez l'API OpenWeatherMap pour afficher la météo actuelle sur le dashboard.

<p class="callout danger">Il existe un node pour exploiter directement l'API, vous ne devez pas l'utiliser pour cet exercice 🙄</p>

##### Lien(s) 

[https://openweathermap.org/api](https://openweathermap.org/api)