Code Json pour un site

International Français
1

Bonjour,
Je désire exploiter les relevés suivants pour le site d’une école. J’ai exporté ces derniers via un des liens "thingspeak".
export Json
https://thingspeak.com/channels/1676216/feed.json

{"channel":{"id":1676216,"name":"Channel 1676216","description":"Capteurs de température, humidité et pluviométrie.","latitude":"47.0018","longitude":"4.035","field1":"Température","field2":"Humidité","field3":"Pluie","created_at":"2022-03-15T10:37:44Z","updated_at":"2022-10-12T09:40:01Z","elevation":"807","last_entry_id":23437},"feeds":[{"created_at":"2022-10-20T05:34:35Z","entry_id":23338,"field1":"14.40","field2":"75.20","field3":"0.0000"},{"created_at":"2022-10-20T05:35:05Z","entry_id":23339,"field1":"14.30","field2":"75.40","field3":"0.0000"},{"created_at":"2022-10-20T05:35:35Z","entry_id":23340,"field1":"14.30","field2":"75.50","field3":"0.0000"},{"created_at":"2022-10-20T05:36:05Z","entry_id":23341,"field1":"14.30","field2":"75.80","field3":"0.0000"},{"created_at":"2022-10-20T05:36:35Z","entry_id":23342,"field1":"14.30","field2":"76.10","field3":"0.0000"},{"created_at":"2022-10-20T05:37:05Z","entry_id":23343,"field1":"14.30","field2":"76.30","field3":"0.0000"},{"created_at":"2022-10-20T05:37:35Z","entry_id":23344,"field1":"14.30","field2":"76.50","field3":"0.0000"},{"created_at":"2022-10-20T05:38:05Z","entry_id":23345,"field1":"14.30","field2":"76.70","field3":"0.0000"},{"created_at":"2022-10-20T05:38:35Z","entry_id":23346,"field1":"14.30","field2":"76.70","field3":"0.0000"},{"created_at":"2022-10-20T05:39:05Z","entry_id":23347,"field1":"14.30","field2":"76.80","field3":"0.0000"},{"created_at":"2022-10-20T05:39:35Z","entry_id":23348,"field1":"14.30","field2":"77.00","field3":"0.0000"},{"created_at":"2022-10-20T05:40:05Z","entry_id":23349,"field1":"14.20","field2":"76.90","field3":"0.0000"},{"created_at":"2022-10-20T05:40:35Z","entry_id":23350,"field1":"14.20","field2":"77.10","field3":"0.0000"},{"created_at":"2022-10-20T05:41:05Z","entry_id":23351,"field1":"14.20","field2":"77.20","field3":"0.0000"},{"created_at":"2022-10-20T05:41:35Z","entry_id":23352,"field1":"14.20","field2":"77.20","field3":"0.0000"},{"created_at":"2022-10-20T05:42:05Z","entry_id":23353,"field1":"14.20","field2":"77.40","field3":"0.0000"},{"created_at":"2022-10-20T05:42:35Z","entry_id":23354,"field1":"14.20","field2":"77.40","field3":"0.0000"},{"created_at":"2022-10-20T05:43:05Z","entry_id":23355,"field1":"14.20","field2":"77.70","field3":"0.0000"},{"created_at":"2022-10-20T05:43:35Z","entry_id":23356,"field1":"14.20","field2":"77.70","field3":"0.0000"},{"created_at":"2022-10-20T05:44:05Z","entry_id":23357,"field1":"14.20","field2":"77.50","field3":"0.0000"},{"created_at":"2022-10-20T05:44:35Z","entry_id":23358,"field1":"14.20","field2":"77.80","field3":"0.0000"},{"created_at":"2022-10-20T05:45:05Z","entry_id":23359,"field1":"14.20","field2":"77.80","field3":"0.0000"},{"created_at":"2022-10-20T05:45:35Z","entry_id":23360,"field1":"14.20","field2":"77.60","field3":"0.0000"},{"created_at":"2022-10-20T05:46:05Z","entry_id":23361,"field1":"14.20","field2":"78.10","field3":"0.0000"},{"created_at":"2022-10-20T05:46:35Z","entry_id":23362,"field1":"14.20","field2":"77.70","field3":"0.0000"},{"created_at":"2022-10-20T05:47:05Z","entry_id":23363,"field1":"14.20","field2":"77.70","field3":"0.0000"},{"created_at":"2022-10-20T05:47:35Z","entry_id":23364,"field1":"14.20","field2":"78.30","field3":"0.0000"},{"created_at":"2022-10-20T05:48:05Z","entry_id":23365,"field1":"14.10","field2":"78.40","field3":"0.0000"},{"created_at":"2022-10-20T05:48:35Z","entry_id":23366,"field1":"14.20","field2":"78.40","field3":"0.0000"},{"created_at":"2022-10-20T05:49:05Z","entry_id":23367,"field1":"14.10","field2":"78.60","field3":"0.0000"},{"created_at":"2022-10-20T05:49:35Z","entry_id":23368,"field1":"14.00","field2":"78.60","field3":"0.0000"},{"created_at":"2022-10-20T05:50:05Z","entry_id":23369,"field1":"14.00","field2":"78.80","field3":"0.0000"},{"created_at":"2022-10-20T05:50:35Z","entry_id":23370,"field1":"14.00","field2":"78.80","field3":"0.0000"},{"created_at":"2022-10-20T05:51:05Z","entry_id":23371,"field1":"14.00","field2":"79.50","field3":"0.0000"},{"created_at":"2022-10-20T05:51:35Z","entry_id":23372,"field1":"14.00","field2":"79.20","field3":"0.0000"},{"created_at":"2022-10-20T05:52:05Z","entry_id":23373,"field1":"14.00","field2":"79.40","field3":"0.0000"},{"created_at":"2022-10-20T05:52:35Z","entry_id":23374,"field1":"13.90","field2":"79.70","field3":"0.0000"},{"created_at":"2022-10-20T05:53:05Z","entry_id":23375,"field1":"13.90","field2":"79.50","field3":"0.0000"},{"created_at":"2022-10-20T05:53:35Z","entry_id":23376,"field1":"13.90","field2":"79.30","field3":"0.0000"},{"created_at":"2022-10-20T05:54:05Z","entry_id":23377,"field1":"13.90","field2":"79.70","field3":"0.0000"},{"created_at":"2022-10-20T05:54:35Z","entry_id":23378,"field1":"13.90","field2":"79.80","field3":"0.0000"},{"created_at":"2022-10-20T05:55:05Z","entry_id":23379,"field1":"13.90","field2":"79.80","field3":"0.0000"},{"created_at":"2022-10-20T05:55:35Z","entry_id":23380,"field1":"13.90","field2":"79.80","field3":"0.0000"},{"created_at":"2022-10-20T05:56:05Z","entry_id":23381,"field1":"13.80","field2":"80.10","field3":"0.0000"},{"created_at":"2022-10-20T05:56:35Z","entry_id":23382,"field1":"13.80","field2":"80.20","field3":"0.0000"},{"created_at":"2022-10-20T05:57:05Z","entry_id":23383,"field1":"13.80","field2":"79.90","field3":"0.0000"},{"created_at":"2022-10-20T05:57:35Z","entry_id":23384,"field1":"13.80","field2":"80.20","field3":"0.0000"},{"created_at":"2022-10-20T05:58:05Z","entry_id":23385,"field1":"13.80","field2":"80.60","field3":"0.0000"},{"created_at":"2022-10-20T05:58:35Z","entry_id":23386,"field1":"13.80","field2":"80.70","field3":"0.0000"},{"created_at":"2022-10-20T05:59:05Z","entry_id":23387,"field1":"13.80","field2":"80.60","field3":"0.0000"},{"created_at":"2022-10-20T05:59:35Z","entry_id":23388,"field1":"13.70","field2":"81.00","field3":"0.0000"},{"created_at":"2022-10-20T06:00:05Z","entry_id":23389,"field1":"13.70","field2":"80.90","field3":"0.0000"},{"created_at":"2022-10-20T06:00:35Z","entry_id":23390,"field1":"13.70","field2":"80.50","field3":"0.0000"},{"created_at":"2022-10-20T06:01:05Z","entry_id":23391,"field1":"13.70","field2":"81.00","field3":"0.0000"},{"created_at":"2022-10-20T06:01:35Z","entry_id":23392,"field1":"13.70","field2":"81.30","field3":"0.0000"},{"created_at":"2022-10-20T06:02:05Z","entry_id":23393,"field1":"13.70","field2":"81.10","field3":"0.0000"},{"created_at":"2022-10-20T06:02:35Z","entry_id":23394,"field1":"13.70","field2":"81.40","field3":"0.0000"},{"created_at":"2022-10-20T06:03:05Z","entry_id":23395,"field1":"13.70","field2":"81.20","field3":"0.0000"},{"created_at":"2022-10-

Je pense qu’il existe certainement un code en *.php ou *.html pour visualiser ces données, si oui ? Pouvez-vous me diriger.

Merci.
Laure

2

:warning:
Post mis dans la mauvaise section, on parle anglais dans les forums généraux. déplacé vers le forum francophone.

Merci de prendre en compte les recommandations listées dans Les bonnes pratiques du Forum Francophone

3

Pourquoi pas en C ? Il existe une très bonne bibliothèque pour traiter les données Jason sur Arduino : ArduinoJson

Grace à l'assistant, elle te génère automatiquement ton code

4

Sans modifier le code de ma UNO ? Je désire juste exploiter les relevés du lien ci-dessus.

5

Non, ce sera un code à ajouter dans ton code existant.
Là, on ne peut pas utiliser l'assistant car tes données sont incomplètes.

6

D'accord, y a-t-il une autre possibilité ?

7

Ta question n'est pas très claire.
Tu désires afficher ces données sur le site internet d'une école ou tu souhaites récupérer ces données sur le net pour les faire afficher par ta UNO?

8

Nous avons confectionné une station météorologique via une carte UNO et un SIM900. Nous voulons à des fins pédagogiques récupérer ces données.
Oui, nous désirons afficher ces relevés sur le site de école via :
https://thingspeak.com/channels/1676216/feed.json
Merci

9

Je ne suis pas spécialiste mais il me semble que Thingspeak fourni une API pour ça. Pas la peine de rapatrier les données en json
https://fr.mathworks.com/help/thingspeak/embed-a-chart.html
https://fr.mathworks.com/help/thingspeak/create-custom-channel-view.html

10

Merci,
Je vais zieuter ça.

11

Du coup si tu veux exploité les données, il d'une pars récupérer les données via L'API de thingspeak qui doit correspondre à l'URL que tu nous a montré.

Un script exécuté sur ton sur serveur HTTP(une page php par exemple), ce chargeant de lire les informations et de les mettre en formes pour être affiché via le HTML.

Tout ça pour dire, qu'il faudrait que tu donne plus d'information sur ton serveur HTTP, par exemple si tu utilise bien le PHP et si tu peux créer facilement un nouveau script PHP?

12

Bonjour et merci pour ces compléments d’informations.

OVH le serveur pédagogique utilise bien la dernière version PHP.
Nous cherchons (votre citation que vous avez très bien formulée) : « Un script exécuté sur ton sur serveur HTTP (une page php par exemple), ce chargeant de lire les informations et de les mettre en formes pour être affiché via le HTML. »

Laure

13

Bonjour laurefr

Un script exécuté sur ton sur serveur HTTP (une page php par exemple), ce chargeant de lire les informations et de les mettre en formes pour être affiché via le HTML. »

La mise en forme proposée par fdufnews au message #9 , obtenue par un simple balise iframe, (cf 'Embed a chart') ne vous convient pas ? c'est simple et efficace...on peut changer un peu l'aspect de chaque graphe dans ThingSpeak en jouant sur le style de tracé, couleur de tracé , couleurs de fond... C'est le plus court chemin et le moindre effort pour publier les courbes sur votre site.

Sinon faire une recherche sur le web avec 'PHP parsing JSON'
ça renvoie des pages de ce type : https://www.w3docs.com/snippets/php/creating-and-parsing-json-data.html

14

En effet, comme il s'agit d'une école pour handicapé, les graphiques ne sont pas adaptés et les chiffres que propose ThingSpeak sont trop petits.

L'avantage de récupérer ces relevés est de pouvoir agrandir un maximum les chiffres.
Toutefois je ne pige rien même sur votre lien.
Je suis désolée.

15

C'est-à-dire?

On peut modifier l'apparence des textes comme des graphiques

16

Les relevés en numériques font l'affaire.
Au sujet des graphiques peut-ont augmenter l'épaisseurs et changer la couleurs ?
Merci.

17

Il faut se balader un peu dans la doc
Voir ce chapitre " Modify Chart Display Parameters" ici:

18

couleur du trait, style de trait, et fond définissables pour les graphes ThingSpeak de base
modifs

En plus de ces graphes basiques on a accès à Matlab qui ouvre de nombreuses possibilités de représentations graphiques personalisées... au prix de quelques lignes de code.

Sur la page d'un canal Insérér un graphe de type 'Matlab Visualization' puis définir ce que l'on désire à l'aide de quelques lignes de code.
https://fr.mathworks.com/help/thingspeak/visualize-data.html
Il faut plonger dans la documentation pour voir comment jouer avec l'épaisseur de traits, la police pour les échelles....je n'ai jamais essayé

19

Merci pour ces infos.

20

Bonsoir

J'avais un peu de temps pour tester le jeu sur les couleurs de trait, de fond et la police pour les échelles dans le cas d'une visualisation ThingSpeak 'boostée' par Matlab ...
LFPO