Programmation de differents capteurs HTML

Programmation de differents capteurs HTML - HTML/CSS - Programmation

Marsh Posté le 13-04-2016 à 17:58:37    

Bonjour à tous, je suis confronté à un gros problème depuis de longues semaines et j'ai vraiment besoin d'aide. Je suis censé faire un programme qui m'afficherait sur une Page Web en HTML, la valeurs de différentes données de capteurs (température,luminosité,humidité...), mais le problème c'est que je n'arrive pas à faire une fonction qui pourrait tous les afficher en même temps sur la même page. Voilà le programme (ce programme est pour seulement 2 capteurs):

Code :
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <script data-main="www/libs/weioLibs"
  6.             src="www/libs/require.js"></script>
  7.     <link rel="stylesheet" type="text/css" href="myStyle.css">
  9.     <script>
  10.         function onWeioReady() {
  11.             setInterval(function() {
  12.             getTemperature(pinCallback);
  13.             }, 200);
  14.             setInterval(function() {
  15.             digitalRead(31,pinCallback);
  16.             }, 100);
  17.         }
  18.        
  19.             function pinCallback(data, callback) {
  20.             if (data.data==1) {
  21.                 $("#phrase" ).html("LA RUCHE EST OUVERTE<br/>"+"<br/>La température est de : <br/>"+ callback.data);
  22.                 $('body').css('background', 'red');
  23.                 $('body').css('text-align', 'center');
  24.             } else {
  25.                 $("#phrase" ).html("LA RUCHE EST FERMEE<br/>"+"<br/>La température est de :<br/>"+ callback.data);
  26.                 $('body').css('background', 'green');
  27.                 $('body').css('text-align', 'center');
  28.             }
  29.         }
  30.        
  31.     </script>
  32. </head>
  34. <body>
  35.     <p id="phrase" ></p>
  36. </body>
  38. </html>


 
data: donnée du capteur bouton poussoir(digitalRead)
 
callback: donnée du capteur de température(getTemperature)
 
Merci d'avance pour votre aide :)

Reply

Marsh Posté le 13-04-2016 à 17:58:37   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed