arduino, eletrônica, robotica...

Comunicação do arduino com a página web (duvida)

Boa tarde pessoal,

Eu tenho um projeto na parte de hardware pronta com:

Arduino mega 2560;

Ethernet shield w5100 ;

DHT-11;

MQ-2.

Tenho um código pronto, do arduino e fiz página web em HTML, mais eu não sei se está certo ou errado vou mostrar o código e me mostre o erro:

#include <SPI.h>
#include <Ethernet.h>
#include <dht.h>
#define dht_dpin 18 //Pino 2 Data do sensor vai ligado a porta A1 do Arduino
dht DHT; //Inicialização do sensor
int mq2 = A0; //defenir o pino analógico

byte mac[] = {
0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED // defino o IP
};
IPAddress ip(169, 254, 197, 16); //192, 168, 0, 177 169, 254, 197, 16

EthernetServer server(80);

void setup() {
Serial.begin(9600);
Ethernet.begin(mac, ip);
server.begin();
Serial.print("server is at ");
Serial.println(Ethernet.localIP());
delay(1000);//Aguarda 1 segundo antes de acessar as informações do dht11
}

void loop() {
EthernetClient client = server.available();
if (client) {
Serial.println("new client");
boolean currentLineIsBlank = true;
while (client.connected()) {
if (client.available()) {
char c = client.read();
Serial.write(c);
if (c == '\n' && currentLineIsBlank) {
client.println("HTTP/1.1 200 OK");
client.println("Content-Type: text/html");
client.println("Connection: close");
client.println("Refresh: 5");
client.println();
client.println("<!DOCTYPE HTML>");
client.println("<html>");
// client.println("<head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/></head>");

DHT.read11(dht_dpin); //Faz leitura das informações do sensor

client.println("<head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content=IE=edge><meta name=viewport content=width=device-width, initial-scale=1>");

client.println("<meta name=description content=""><meta name=author content=""><meta name=robots content=all />");
client.println("<meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1> <title>Central de Monitoramento de Gás Metano</title>");
client.println("<link href=css/bootstrap.min.css rel=stylesheet><link href=css/heroic-features.css rel=stylesheet>");
client.println("<script type=text/javascript src=js/CreateHTML5Elements.js> </script><script src=jquery.min.js type=text/javascript> </script>");
client.println("<script src= highcharts.js type=text/javascript></script>");
client.println("</script>");

client.println("</head>");
client.println("<body>");

client.println("<nav class="navbar" navbar-inverse navbar-fixed-top role=navigation style=padding-bottom: -150px;>");
client.println("<div class="container" style=margin-right: 50px;>");

client.println("<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>");
client.println("<ul class= 'nav navbar-nav>'");
client.println("<ul class= 'nav navbar-nav' style='padding-top: 15px; height: 40px;'>");
client.println("<li>");
client.println("<a href= 'index.html'>Principal</a>");
client.println("</li>");
client.println("<li>");
client.println("<a href= 'monitoramento.html'>Monitoramento</a>");
client.println("</li>");
client.println("<li>");
client.println("<a href= 'relatorio.html'>Relatórios</a>");
client.println("</li>");
client.println("<li>");
client.println("<a href= 'login.html' ></b><button class='submit' type='close' >Sair</button></a>");
client.println("</li>"):
client.println("</ul>");
client.println("</ul>");
client.println("</div>");
client.println("</div>"):
client.println("</nav>");

client.println("<div class='container'>");

client.println("<header class='jumbotron-hero-spacer'>");
client.println("<p><img src='imagens/campos1.jpg' /></a>");
client.println("</p>");
client.println("</header>");

client.println("<div class='row'>");
client.println("<div class='col-lg-12'>");
client.println("<h3>Sensor Web</h3>");
client.println("</div>");
client.println("</div>");

client.println("<div class='row text-center'>");

client.println("<div class='col-md-3 col-sm-6 hero-feature' >");
client.println("<div class='thumbnail'>");
client.println("<a class='btn btn-large disabled' style='color: #000000'><b>Temperatura</b></a>");

client.println("<input type='text' name='number' style='text-align: center; font-size: 78px;'/>");// TEMPERATURA
client.print(" ");
client.print(DHT.temperature);
client.print(" Celsius ");

client.println("</div>");
client.println("</div>");

client.println("<div class='col-md-3 col-sm-61 hero-feature'>");
client.println("<div class='thumbnail'>");
client.println("<a class='btn btn-large disabled' style='color: #000000'><b>Umidade</b></a>");

client.println("<input type='text' name='number' style='text-align: center; font-size: 78px;' />"); // UMIDADE
client.println(" ");
client.print(DHT.humidity);
client.print(" % ");

client.println("</div>");
client.println("</div>");

client.println("<div class='col-md-3 col-sm-62 hero-feature'>");
client.println("<div class='thumbnail'>");
client.println("<a class='btn btn-large disabled' style='color: #000000'><b>Gás Metano</b></a>");

client.println("<input type='text' name='number' style='text-align: center; font-size: 78px;' />"); // GÁS METANO
client.println(" ");
client.println(mq2);
client.println(" % ");

int val = analogRead(mq2); //linha de código para armazenar os valores obtidos do sensor de gas na variável inteira "Val"
if(val < 220)
client.println("Sem presença de gás ou fumaça.");
else
client.println("PERIGO! Presença de gás ou fumaça!");

client.println("</div>");
client.println("</div>");
client.println("</div>");

client.println("<div class='hora'>");
client.println("<script language='JAVASCRIPT' >");

client.println("var now = new Date(); var mName = now.getMonth() +1 ; var dayNr = now.getDate();var yearNr=now.getYear();");

client.println("if(mName==1){Month = 'Janeiro';}
if(mName==2){Month = 'Fevereiro';}
if(mName==3){Month = 'Março';}
if(mName==4){Month = 'Abril';}
if(mName==5){Month = 'Maio';}
if(mName==6){Month = 'Junho';}
if(mName==7){Month = 'Julho';}
if(mName==8){Month = 'Agosto';}
if(mName==9){Month = 'Setembro';}
if(mName==10){Month = 'Outubro';}
if(mName==11){Month = 'Novembro';}
if(mName==12){Month = 'Dezembro';}
if(yearNr < 2000) {Year = 1900 + yearNr;}
else {Year = yearNr;}
var todaysDate =('Atualizado em ' + dayNr + ' de ' + Month + ' de ' + Year);");

client.println("document.write(' '+todaysDate);");

client.println("</script>");
client.println("<span id='Clock'>00:00</span>");

client.println("<script language='JavaScript'>");

client.println("var Elem = document.getElementById('Clock');");
client.println("function Horario(){
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
Horas = '0'+Horas;
}
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
Minutos = '0'+Minutos;
}

Elem.innerHTML = 'às '+Horas+':'+Minutos;
}");
client.println("window.setInterval('Horario()',1000);");

client.println("</script>");
client.println("</div>");
client.println("<hr>");
client.println("</div>");

client.println("<footer style='width: 1350px; margin-top: 40px; margin-bottom: 0px; height: 12px;'>");
client.println("<div class='row' >");
client.println("<div class='col-lg-12'>");
client.println("<p style='background-color: #CCC'>Copyright © Rodrigo Website 2015</p>");
client.println("</div>");
client.println("</div>");
client.println("</footer>");

client.println("<script src='js/jquery.js'></script>");

client.println("<script src='js/bootstrap.min.js'>");

client.println("</script>");
client.println("</body>");
client.println("</html>");
client.println("<style>
.container footer{left: 15px;}
button.submit {
background-color: #e4e4e4;
background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#545454));
background: -webkit-linear-gradient(top, #e4e4e4, #545454);
background: -moz-linear-gradient(top, #e4e4e4, #545454);
background: -ms-linear-gradient(top, #e4e4e4, #545454);
background: -o-linear-gradient(top, #e4e4e4, #545454);
background: linear-gradient(top, #e4e4e4, #545454);
border: 1px solid #3e483f;
border-bottom: 1px solid ##3e483f;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
box-shadow: inset 0 1px 0 0 #545454;
-webkit-box-shadow: 0 1px 0 0 #545454 inset ;
-moz-box-shadow: 0 1px 0 0 #545454 inset;
-ms-box-shadow: 0 1px 0 0 #545454 inset;
-o-box-shadow: 0 1px 0 0 #545454 inset;
color: white;
font-weight: bold;
padding: 6px 20px;
text-align: center;
text-shadow: 0 -1px 0 #262c27;
margin-left: 650px;
}");

client.println("</style>");

//FIM DA PÁGINA HTML5
// DHT.read11(dht_dpin); //Faz leitura das informações do sensor
// client.println("<meta charset=""utf-8"">");

/* client.print("<a class='btn btn-large disabled' style='color: #000000'><b>Temperatura</b></a> ");
client.print("<input type='text' name='number' style='text-align: center; font-size: 78px;'/>");

/*client.print("Umidade = ");
client.print(DHT.humidity);
client.print(" % ");*/
/*client.print("Temperatura = ");
client.print(DHT.temperature);
client.print(" Celsius ");*/
/* int val = analogRead(mq2); //linha de código para armazenar os valores obtidos do sensor de gas na variável inteira "Val"
if(val < 220)
client.println("Sem presença de gás ou fumaça.");
else
client.println("PERIGO! Presença de gás ou fumaça!");
client.println("</html>");*/
break;
}
if (c == '\n') {
currentLineIsBlank = true;
}
else if (c != '\r') {
currentLineIsBlank = false;
}
}
}
// give the web browser time to receive the data
delay(1);
// close the connection:
client.stop();
Serial.println("client disconnected");
}
}

Curtir

0 membros curtem isto

Exibições: 637

▶ Responder esta

Respostas a este tópico

Permalink Responder até Carlos kwiek em 18 julho 2015 at 20:24

Olá RVF,

Se fez o código e tem o hardware pronto, a primeira coisa que você deve fazer é testar e ver se não tem erros, se tiver depois peça ajuda e aponte que tipo de problemas tem, mas fazer códigos sem sequer testar, colar aqui que não é o correto porque a codificação se perde muitas vezes, (Procure pelo tópico do Rui Viana como publicar tópicos) e pretender que outro faça o teste por você...

Boa sorte.

Abs.