Arduino UNO & Shield WiFi : Affichage température temps réel sur le Web via série

Composants et fournitures

Composant	Quantité
Arduino UNO	1
Shield WiFi PHPoC 2 pour Arduino	1
Capteur température DS18B20 (Adafruit)	1
Fils de connexion	1

À propos de ce projet

En utilisant simplement Serial.println(temperature), on envoie la température vers le Web. Le Web Serial Plotter intégré visualise les données sans programmation Web.

Idéal débutants : apprend WiFi + capteur DS18B20 sur Arduino.

Démonstration

.

Fonctionnement

• Arduino lit capteur et envoie valeur via Série.
• Accès au Web Serial Plotter via navigateur (mobile/PC) à l'adresse IP du shield.
• Température automatiquement transmise au Web.
• Visualisation graphique temps réel.
• Par défaut, Web Serial Plotter = Serial Plotter Arduino IDE. Personnalisation via page de réglages : titres axes, plage température, nombre d'échantillons affichés.

Instructions pas à pas

1. Câblage

• Emboîtez le shield PHPoC WiFi 2 (ou PHPoC Shield 2) sur l'Arduino.
• Câblez selon images schémas.

2. Compiler et téléverser le code Arduino

Voir code « Arduino Code - Short Sampling Period » ci-dessous.

3. Personnaliser le Web Serial Plotter

• Accédez à l'adresse IP du shield → Web Serial Plotter.
• Cliquez lien « Setup » → page personnalisation.
• Réglez paramètres (titres axes, plage, échantillons) et Sauvegardez.

4. Résultat

• Cliquez « Connect » pour voir le graphique.

Surveillance température sur longue période

Si échantillonnage court (secondes) : simple Serial.println() suffit.

Pour surveillance quotidienne/horaire : impossible d'attendre l'affichage complet.

Solution : Stocker les N dernières mesures sur Arduino (file circulaire) et les réémettre fréquemment.

Exemple : afficher 100 heures (unité = heure). Lecture capteur chaque heure, stockage dans file circulaire (taille 100). Chaque seconde, réémission des 100 échantillons → graphique des 100 dernières heures sans attendre 100 heures.

Code : voir « Arduino Code - Long Sampling Period » ci-dessous.

Meilleur kit Arduino pour débutant

Voir The Best Arduino Kit for Beginners.

Code

Arduino Code - Short Sampling Period

#include 
#include 
#include 

#define SAMPLE_INTERVAL 1000 // ms

OneWire oneWire(8);
DallasTemperature sensors(&oneWire);
unsigned long lastSampleTime;

void setup() {
  Serial.begin(9600);
  while(!Serial);
  sensors.begin();
  Phpoc.begin();
  lastSampleTime = millis();
}

void loop() {
  if ((millis() - lastSampleTime) > SAMPLE_INTERVAL) {
    sensors.requestTemperatures();
    float temp = sensors.getTempCByIndex(0);
    Serial.println(temp);
    lastSampleTime = millis();
  }
}

Arduino Code - Long Sampling Period (quotidien, horaire...)

#include 
#include 
#include 

#define UPDATE_INTERVAL 1000      // ms
#define SAMPLE_INTERVAL 60*60*1000 // 1 heure

OneWire oneWire(8);
DallasTemperature sensors(&oneWire);
unsigned long lastSampleTime, lastUpdateTime;
float temps[100];
int index = 0;

void setup() {
  Serial.begin(9600);
  while(!Serial);
  sensors.begin();
  Phpoc.begin();
  lastSampleTime = millis();
  lastUpdateTime = millis();
}

void loop() {
  // Échantillonnage lent
  if ((millis() - lastSampleTime) > SAMPLE_INTERVAL) {
    sensors.requestTemperatures();
    float temp = sensors.getTempCByIndex(0);
    temps[index] = temp;
    index = (index + 1) % 100;
    lastSampleTime = millis();
  }
  // Mise à jour graphique fréquente
  if ((millis() - lastUpdateTime) > UPDATE_INTERVAL) {
    for (int i = 0; i < 100; i++) {
      Serial.println(temps[(index - i + 100) % 100]);
    }
    lastUpdateTime = millis();
  }
}

Schémas

1. Emboîtez le shield PHPoC WiFi 2 (ou PHPoC Shield 2) sur l'Arduino.
2. Câblez comme ci-dessous :