Stap 3: Van sensoren om de visualisatie van de grafiek
Laten we een stap terug voor een moment om te overwegen hoe verschillende internet-technologieën werken samen om het produceren van een grafiek op de demo-website. Het blokdiagram boven en de bijgevoegde PDF illustreren hoe de sensorgegevens wordt omgezet in een visualisatie van de grafiek op het scherm
Hier volgt een stapsgewijze beschrijving van de gegevensstroom (artikelnummers kan worden gevonden op het blokdiagram)
- sensoren worden gelezen door de hardware, zoals Arduino of ESP8266
- de hardware duwt de sensorgegevens naar een ThingSpeak-server via het internet
- sensor data wordt opgeslagen op een externe server wordt beheerd door ThingSpeak
- website opmaak wordt opgeslagen op een server van Google
- met een internet-browser, zoals Chrome of Internet Explorer, klikt u op op de THINGSPEAK link op de website van IoT grafieken Demo
- sensorgegevens vloeit voort uit de ThingSpeak-server naar de browser
- website opmaak vloeit voort uit een Google Sites-server naar de browser
- Google-grafieken software vloeit voort uit een Google-server naar de browser
- browser combineert 6, 7 en 8 voor de productie van een grafiek van de sensorgegevens
Hopelijk helpt dit om demystificeren van het proces van een grafiek op het scherm renderen
Deze tutorial serie richt zich voornamelijk op de stappen 4 tot en met 9. Ik voegde een referenties pagina met informatie over het programmeren van de hardware te druk sensor data to ThingSpeak en Sparkfun (stappen 1-3)