Étape 3: À partir de capteurs à la visualisation graphique
Prenons un pas en arrière pour un moment pour considérer comment diverses technologies internet travaillent ensemble pour produire un graphique sur le site web de démonstration. Le schéma ci-dessus et le PDF ci-joint illustrent comment les données du capteur sont transformées en une visualisation graphique sur votre écran
Voici une description étape par étape du flux de données (numéros ci-dessous se trouvent sur le schéma-bloc)
- capteurs sont lus par le matériel, à l’instar d’Arduino ou ESP8266
- le matériel pousse les données du capteur vers un serveur de ThingSpeak via internet
- données des capteurs sont stockées sur un serveur distant géré par ThingSpeak
- mise en forme du site Web est stocké sur un serveur de Google
- à l’aide d’un navigateur internet, comme Chrome ou Internet Explorer, vous cliquez sur le lien THINGSPEAK sur le site Web Démo graphiques ITO
- flux de données de capteur à partir du serveur ThingSpeak dans le navigateur
- site Web de mise en forme découle d’un serveur de Google Sites dans le navigateur
- Logiciel Google Charts découle d’un serveur de Google dans le navigateur
- navigateur combine 6, 7 et 8 pour produire un graphique des données des capteurs
Espérons que cela aide à démystifier le processus de rendu d’un graphique sur votre écran
Cette série de tutoriels se concentre principalement sur les étapes 4 à 9. J’ai ajouté une page de références avec des informations sur la façon de programmer le matériel de données capteur push à ThingSpeak et Sparkfun (étapes 1 à 3)