Bonjour,
Je suis sur un projet de BAC et j'ai pour but de faire un site dynamique qui affiche des valeurs dans une jauge. Ces valeurs sont pris directement de ma bdd qui sera remplit toutes les heures, grâce à un programme arduino.
Pour l'instant je cherche juste à refresh mes values toutes les heures, c'est à dire datatemperature, datahumidity, dataweight et datasound
Par la suite si quelqu'un ci connait vraiment en PHP, javascript je cherche à ajouter d'autres trucs mais moins important dans mon projet.
Voici mon code:
Merci d'avance
Je suis sur un projet de BAC et j'ai pour but de faire un site dynamique qui affiche des valeurs dans une jauge. Ces valeurs sont pris directement de ma bdd qui sera remplit toutes les heures, grâce à un programme arduino.
Pour l'instant je cherche juste à refresh mes values toutes les heures, c'est à dire datatemperature, datahumidity, dataweight et datasound
Par la suite si quelqu'un ci connait vraiment en PHP, javascript je cherche à ajouter d'autres trucs mais moins important dans mon projet.
Voici mon code:
PHP:
<!DOCTYPE html>
<?php include('includes/db.php'); ?>
<html lang="fr">
<head>
<?php include('includes/head.php'); ?>
</head>
<body>
<?php $alldata = $db->query('SELECT * FROM data WHERE id = (SELECT max(id) FROM data)');
while($hive = $alldata->fetch()){
$hivetemperature = $hive['temperature'];
$hivehumidity = $hive['humidity'];
$hiveweight = $hive['weight'];
$hivesound = $hive['sound'];
}
?>
<div id="logo">
<img src="img/logo.png" alt="logo">
</div>
<div id="temperature"></div>
<div id="humidity"></div>
<div id="weight"></div>
<div id="sound"></div>
<table id="archive">
<tbody>
<tr>
<th>Température</th>
<th>Humidité</th>
<th>Poids</th>
<th>Niveau sonore</th>
</tr>
<?php
$allarchive = $db->query('SELECT * FROM data ORDER BY id DESC');
while ($archive = $allarchive->fetch()){
?>
<tr>
<td><?php echo $archive['temperature']; ?></td>
<td><?php echo $archive['humidity']; ?></td>
<td><?php echo $archive['weight']; ?></td>
<td><?php echo $archive['sound']; ?></td>
</tr>
<?php
}
?>
<tr>
<td><?php echo $archive['temperature']; ?></td>
<td><?php echo $archive['humidity']; ?></td>
<td><?php echo $archive['weight']; ?></td>
<td><?php echo $archive['sound']; ?></td>
</tr>
</tbody>
</table>
<script>
var datatemperature = "<?php echo $hivetemperature; ?>";
var datahumidity = "<?php echo $hivehumidity; ?>";
var dataweight = "<?php echo $hiveweight; ?>";
var datasound = "<?php echo $hivesound; ?>";
window.onload = function(){
var temperature = new JustGage({
id: "temperature",
value: datatemperature,
min: 0,
max: 100,
title: "Température",
label: "°C"
});
var humidity = new JustGage({
id: "humidity",
value: datahumidity,
min: 0,
max: 100,
title: "Humidité",
label: "%"
});
var weight = new JustGage({
id: "weight",
value: dataweight,
min: 0,
max: 100,
title: "Poids",
label: "%"
});
var sound = new JustGage({
id: "sound",
value: datasound,
min: 0,
max: 100,
title: "Niveau sonore",
label: "%"
});
};
</script>
</body>
</html>
Merci d'avance

Dernière édition: