At this time I have made a simple HTML like you can see and i have this code on arduino that you can see below.
My problem is to make an animation inside the water tank that simulates water level according the ultrasonic values.
Another problem is to refresh values (% and Lt) without refreshing the whole page, because arduino is a little bit slower to upload images in browser. Keep in mind that i'm working on a Intranet and i don't have access to internet and the system has to be independant (no server storage files, only ethernet shield SD card).
I'm portugese so i've made some portuguese comments on program. This arduino program was searched on internet and it was a little adapted to survey my project. I'm trying to make an iframe like zoomkat said. Thanks for helping me
/* SETUP CARTÃO SD: O SD DEVE ESTAR FORMATADO EM "FAT" E DEVE CONTER UM FICHEIRO
* COM O NOME "index.htm". TODOS OS FICHEIROS NO CARTÃO DEVEM TER NOMES COM NO
* MÁXIMO 8 CARACTERES E EXTENSÕES COM NO MÁXIMO 3 CARACTERES.
*/
#include <SPI.h>
#include <SdFat.h>
#include <SdFatUtil.h>
#include <Ethernet.h>
#define greenLEDandBEEP 2
//O BUFFER DEVE SER GRANDE
#define BUFSIZ 128
float leitura = 0;
float percentagem = 0;
float litros = 0;
char buffer[3];
//CONFIGURAÇÃO DO ETHERNET SHIELD
byte mac[] = {
0x90, 0xA2, 0xDA, 0x00, 0xEA, 0x8C };
IPAddress ip(196,168,0,3);
char rootFileName[] = "index.htm";
EthernetServer server(80);
//PROGRAMAÇÃO PARA O CARTÃO SD
Sd2Card card;
SdVolume volume;
SdFile root;
SdFile file;
//ARMAZENA SEQUÊNCIAS DE ERRO NA MEMÓRIA FLASH PARA ECONOMIZAR RAM
#define error(s) error_P(PSTR(s))
void error_P(const char* str) {
PgmPrint("Erro: ");
SerialPrintln_P(str);
if (card.errorCode()) {
PgmPrint("Erro cartao SD: ");
Serial.print(card.errorCode(), HEX);
Serial.print(',');
Serial.println(card.errorData(), HEX);
}
while(1);
}
void setup() {
Serial.begin(9600);
pinMode(greenLEDandBEEP, OUTPUT);
PgmPrint("Memoria RAM Livre: ");
Serial.println(FreeRam());
pinMode(10, OUTPUT);
digitalWrite(10, HIGH);
//INICIALIZA O CARTÃO SD EM "FULL SPEED", MÁXIMO DESEMPENHO. (PARA EVITAR ERROS COM LIGAÇÃO À BREADBOARD DEVE ESTAR EM "HALF SPEED"
if (!card.init(SPI_FULL_SPEED, 4)) error("Falha no card.init!");
//INICIALIZA O VOLUME FAT
if (!volume.init(&card)) error("Falha no vol.init!");
PgmPrint("O volume e FAT");
Serial.println(volume.fatType(),DEC);
Serial.println();
if (!root.openRoot(&volume)) error("Falha no openRoot!");
PgmPrintln("Ficheiros na raiz do cartao:");
//LISTA NA SÉRIE OS FICHEIROS QUE ESTÃO NA RAIZ DO CARTÃO SD, COM DATA E TAMANHO
root.ls(LS_DATE | LS_SIZE);
Serial.println();
//LISTA OS FICHEIROS DE TODOS OS DIRECTÓRIOS DO CARTÃO SD
PgmPrintln("Ficheiros encontrados em todos os directorios do cartao:");
root.ls(LS_R);
Serial.println();
PgmPrintln("Concluido");
//CONCLUI A DEPURAÇÃO E INICIA O SERVIDOR
Ethernet.begin(mac, ip);
server.begin();
delay(1);
}
void loop()
{
char clientline[BUFSIZ];
char *filename;
int image = 0;
int index = 0;
EthernetClient client = server.available();
if (client) {
boolean current_line_is_blank = true;
//REPÕE O BUFFER DE ENTRADA
index = 0;
while (client.connected()) {
if (client.available()) {
char c = client.read();
//SE NÃO É UMA NOVA LINHA, GUARDA OS CARACTERES RECEBIDOS
if (c != '\n' && c != '\r') {
clientline[index] = c;
index++;
//SE O BUFFER NÃO FOR GRANDE O SUFICIENTE, APAGA ALGUNS DADOS
if (index >= BUFSIZ)
index = BUFSIZ -1;
//CONTINUA A LER MAIS DADOS
continue;
}
//SE TEM \n OU \r ENTÃO A RECEPÇÃO DE DADOS ESTÁ CONCLUÍDA
clientline[index] = 0;
filename = 0;
//IMPRIME NA SÉRIE PARA DEPURAÇÃO
Serial.println(clientline);
//PROCURA "GET / " PARA ENVIAR O index.htm
if (strstr(clientline, "GET / ") != 0) {
filename = rootFileName;
}
if (strstr(clientline, "GET /") != 0) {
//SE NÃO HOUVER ESPAÇO A SEGUIR À "/", ENTÃO ESTÁ A PEDIR UM SUBDIRECTÓRIO OU FICHEIRO
if (!filename) filename = clientline + 5;
//VÊ OS 5 CARACTERES APÓS O "GET /"
(strstr(clientline, " HTTP"))[0] = 0;
//IMPRIME O NOME DO FICHEIRO "index.htm" NA SÉRIE
Serial.println(filename);
if (! file.open(&root, filename, O_READ)) {
client.println("HTTP/1.1 404 Not Found");
client.println("Content-Type: text/html");
client.println();
client.println("<h2>Erro 404</h2>");
client.println("<s2>O ficheiro nao existe.<s2>");
client.println("");
break;
}
Serial.println("Ligado!");
//TIPOS DE FICHEIRO QUE PODEM ESTAR NO CARTÃO SD
client.println("HTTP/1.1 200 OK");
if (strstr(filename, ".htm") != 0)
client.println("Content-Type: text/html");
else if (strstr(filename, ".css") != 0)
client.println("Content-Type: text/css");
else if (strstr(filename, ".png") != 0)
client.println("Content-Type: text/php");
else if (strstr(filename, ".php") != 0)
client.println("Content-Type: image/png");
else if (strstr(filename, ".jpg") != 0)
client.println("Content-Type: image/jpeg");
else if (strstr(filename, ".gif") != 0)
client.println("Content-Type: image/gif");
else if (strstr(filename, ".3gp") != 0)
client.println("Content-Type: video/mpeg");
else if (strstr(filename, ".pdf") != 0)
client.println("Content-Type: application/pdf");
else if (strstr(filename, ".js") != 0)
client.println("Content-Type: application/x-javascript");
else if (strstr(filename, ".xml") != 0)
client.println("Content-Type: application/xml");
else
client.println("Content-Type: text");
client.println();
int16_t c;
while ((c = file.read()) >= 0) {
//IMPRIME NA SÉRIE TODO O CÓDIGO HTML (LENTO!) POR ISSO ESTÁ DESACTIVADO
/* Serial.print((char)c); */
//IMPRIME NO BROWSER A PÁGINA HTML (CÓDIGO DO FICHEIRO "index.htm")
client.print((char)c);
}
//A PARTIR DAQUI SERÁ CÓDIGO HTML A ACRESCENTAR AO "index.htm"
client.print("<html><body>");
//client.print("<P align=\"center\">");
//client.print("Pagina elaborada por GRUPO 1 <b>");
//client.print("</b><br>");
//LEITURA DOS DADOS DO SENSOR E CONVERSÃO PARA PERCENTAGEM
if ( Serial.available () > 0 )
{
if (Serial.read() == 'R')
{
Serial.readBytesUntil ( '\r', &buffer[0], 3 );
leitura = atoi(buffer);
percentagem = (leitura*100)/465;
Serial.print("Nivel do Tanque:");
Serial.print(percentagem, 1);
Serial.println("%");
//CÁLCULOS DA QUANTIDADE DE ÀGUA NO TANQUE
litros = (percentagem*700000)/100;
Serial.print("Quantidade de agua no Tanque:");
Serial.print(litros, 1);
Serial.println("litros");
}
}
if (percentagem >= 90 || percentagem <=10){
client.print("<p>Nivel do Tanque: ");
client.print("<b><font color=#E60000>");
client.print(percentagem, 1);
client.println("%");
client.print("</font></b>");
client.print("<p>Quantidade de agua no tanque: ");
client.print("<b><font color=#E60000>");
client.print(litros, 1);
client.println(" litros");
client.print("</font></b>");
}
else {
client.print("<p>Nivel do Tanque: ");
client.print("<b>");
client.print(percentagem, 1);
client.println("%");
client.print("</b>");
client.print("<p>Quantidade de agua no tanque: ");
client.print("<b>");
client.print(litros, 1);
client.println(" litros");
client.print("</b>");
}
client.print("</p></body></html>");
//FIM DO CÓDIGO HTML A IMPRIMIR NO BROWSER
file.close();
}
else {
//TUDO O QUE NÃO ESTEJA INSERIDO NAS DEFINIÇÕES, É UM ERRO 404
client.println("HTTP/1.1 404 Not Found");
client.println("Content-Type: text/html");
client.println();
client.println("<h2>Error 404</h2>");
client.println("");
}
break;
}
}
digitalWrite(greenLEDandBEEP, HIGH);
delay(1);
digitalWrite(greenLEDandBEEP, LOW);
delay(1);
client.stop();
}
}
//FIM DO PROGRAMA
| Arduino Forum :: Topics :: Home Automation and Networked Objects :: Automatic reading of arduino values WEBSERVER