Arduino - Enviar temperatura a la web a través de serie

Acerca de este proyecto

Con solo usar Serial.println (temperatura), podemos enviar la temperatura a través de la web. Utilizando un trazador de serie web incorporado, podemos visualizar la temperatura en la web SIN programación web.

Si eres un principiante, puedes aprender sobre wifi y sensor en Arduino - Wifi y Arduino - tutoriales de sensor de temperatura DS18B20

Demostración

.

Cómo funciona

• Arduino lee el valor de temperatura del sensor y lo envía a través de serie
• Acceda a Web Serial Plotter desde un navegador en un teléfono móvil o PC
• La temperatura se reenvía automáticamente a la Web.
• Web visualiza la temperatura en Web
• De forma predeterminada, Web Serial Plotter funciona igual que Serial Plotter en Arduino IDE. Necesitamos personalizarlo para agregar el título del eje X, el título del eje Y, el rango de temperatura y también el número de muestras de datos mostradas. Esto se puede hacer a través de una página de configuración.

Instrucciones paso a paso

1. Cableado

• Apilar PHPoC Wifi Shield 2 o PHPoC Shield 2 en Arduino
• Cableado de imágenes similares en la parte esquemática

2. Compile y cargue el código Arduino

Ver código en "Código Arduino - Período de muestreo corto"

3. Personalizar trazador de serie web

• Acceda a Web Serial Plotter escribiendo la dirección IP de PHPoC WiFi Shield

• Haga clic en el enlace "Configurar" a la página de personalización.

• Personalice los parámetros como se indicó anteriormente y guárdelos

4. Resultado

• Haga clic en el botón Conectar para ver el resultado

Supervisión de la temperatura durante un período prolongado

Si la temperatura se muestra en un intervalo pequeño (por ejemplo, segundos), solo necesitamos imprimir el valor de temperatura en Serial porque podemos esperar para ver el gráfico.

¿Qué pasa si queremos controlar la temperatura diaria o cada hora? NO podemos esperar a ver todos los gráficos.

Solución :almacenamos el número de las últimas temperaturas de muestreo en Arduino y lo imprimimos con frecuencia.

Por ejemplo, queremos ver la visualización de la temperatura en el gráfico durante 100 horas. La unidad es la hora. Necesitamos leer los datos del sensor cada hora, almacenarlos en una cola circular (la longitud de la cola es 100). Cada segundo, imprimimos los 100 datos de muestra. Por lo tanto, podemos ver el gráfico de temperatura durante las últimas 100 horas sin esperar 100 horas.

Puede ver el código en "Código Arduino - Período de muestreo prolongado"

El mejor kit de inicio de Arduino para principiantes

Vea el mejor kit de Arduino para principiantes

Código

• Código Arduino:período de muestreo breve
• Código Arduino:período de muestreo prolongado (diario, por hora ...)

Código Arduino - Período de muestreo corto Arduino

 #include  #include  #include  #define SAMPLE_INTERVAL 1000 // en ms // El cable de datos está conectado al puerto 8 del ArduinoOneWire oneWire (8); DallasTemperature sensores (&oneWire); lastSampleTime largo sin firmar; configuración vacía () {Serial.begin (9600); mientras (! Serial); sensores.begin (); Phpoc.begin (); lastSampleTime =millis ();} bucle vacío () {if ((millis () - lastSampleTime)> SAMPLE_INTERVAL) {sensores.requestTemperatures (); temperatura flotante =sensores.getTempCByIndex (0); Serial.println (temp); lastSampleTime =millis (); }} 

Código Arduino - Período de muestreo largo (diario, por hora ...) Arduino

 #include  #include  #include  #define UPDATE_INTERVAL 1000 // in ms # define SAMPLE_INTERVAL 60 * 60 * 1000 // 1 hora // El cable de datos está conectado en el puerto 8 del ArduinoOneWire oneWire (8); sensores de temperatura Dallas (&oneWire); unsigned long lastSampleTime; unsigned long lastUpdateTime; float temps [100]; int index; void setup () {Serial.begin (9600); mientras (! Serial); sensores.begin (); Phpoc.begin (); lastSampleTime =millis (); lastUpdateTime =millis (); index =0;} bucle vacío () {if ((millis () - lastSampleTime)> SAMPLE_INTERVAL) {sensores.requestTemperatures (); temperatura flotante =sensores.getTempCByIndex (0); temps [índice] =temp; índice =(índice + 1)% 100; lastSampleTime =millis (); } if ((millis () - lastUpdateTime)> UPDATE_INTERVAL) {for (int i =0; i <100; i ++) {Serial.println (temps [(index - i + 100)% 100]); } lastUpdateTime =millis (); }} 

Esquemas

1. Apile PHPoC Wifi Shield 2 o PHPoC Shield 2 en Arduino
2. Cableado como en la imagen de abajo

Prototipo de sensor de color:detecta el nombre del color de los objetos Arduino Apple Watch