Projet | ​​​Mini projet - Web | PHP - Afficher des données avec des jauges

Contexte

Nous affichons nos données graphiquement. Pour cela Google nous propose nombre de solutions. On met ici en oeuvre sa jauge afin d'illustrer nos mesures ou données issues de nos systèmes. Le dispositif est exposé ci-contre.

Jauge statique

La page web d'URL http://sin.nexgate.ch/site/gauge.php affiche une jauge que nous pouvons configurer selon nos besoins.

  1. Tester l'URL dans le navigateur avec les paramètres ?nam=AMPERE&cot=150&min=0&max=8&val=2
  2. Editer dans le navigateur la jauge présentée ci-contre.
  3. Construire une page HTML qui affiche les deux jauges. Pour cela nous utiliserons la balise <iframe>. Consulter le site w3Schools si nécessaire.

Jauge dynamique

Il s'agit d'afficher avec une jauge, une donnée enregistrée dans un fichier texte sur le serveur distant. Ce fichier est supposé synchronisé avec une mesure.

  1. Construire un fichier nommé ampere.txt et l'enregistrer dans le même répertoire de l'espace web utilisé. Ce fichier contiendra la valeur que nous afficherons avec la jauge.
  2. Renommer la page HTML avec l'extension PHP et inclure le script joint. S'assurer que la page affiche le courant dans le navigateur.
  3. Remplacer la valeur passée en dernier paramètre au fichier gauge.php par un script PHP afin que la jauge soit cohérente à la valeur écrite dans le fichier fichier ampere.txt

Plusieurs jauges

Nous affichons deux mesures et un calcul résultant d'elles.

  1. Ajouter une jauge affichant la tension (volt), donnée enregistrée dans un fichier nommé volt.txt
  2. Ajouter une jauge affichant la puissance (watt) de valeur conforme à celles enregistrées dans les fichiers volt.txt et ampere.txt
  3. Essayer la balise <meta http-equiv="refresh" content="10"> qui recharge la page toutes les 10 secondes.

Jauge

Cette jauge affiche 12 Volts sur un calibre de 20 Volts.

Script PHP

<?php
    $fiche = fopen ("ampere.txt", "r");
    $courant = fgets($fiche);
    fclose($fiche);
    echo $courant;
?>