Telefon I Cos

Funcionamiento:
Elfuncionamientointernodeelproyectosedescribeacontinuacin
elcontroladorarduinohacelafunciondeHOSTdeelEthernetShield,tarjetaquetienelafuncionde
darlecomunicacionaelHardwareconectadoalatarjetaarduinohaciainternet,unadesusaplicaciones
esmedianteladeunservidorwebintegradoqueeslaqueseaplicoenesteproyecto.
Arduino HOST
Ethernet SHIELDcon
servidor WEB(FORM
HTML)
Android APKLeyendo e
IntroduciendoValores por medio
de HTML FORMS
Elservidorwebintegradodelethernetshieldgeneraunformulariohtmlenelqueespecificacon
etiquetassilailuminaciondelacasa/maquetaestaenencendidooapagadoylomuestraensu
sitio.UsandoelsiguientecodigoHTML
<!doctypehtml>
<html>
<head>
<title>ArduinoRemoto</title>
<metaname="viewport"content="<width=320">
<metaname="viewport"content="width=devicewidth">
<metacharset="utf8">
<metaname="viewport"content"initialscale=1.0,userscalable=no">
</head>
<body>
<center>
<fontsize="5"face="verdana"color="green">ProyectoTelefonicos</font>
<formaction="led1"method="get">
<buttontype=submitstyle="width:200px;">***IluminacinExterior***
Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinInterior***
Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinJardin***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinSala***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***AireAcondicionado***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***Alarma***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***ACTIVAR***Apagado</button>
</form><br/>
</center>
</body>
</html>
almodificarelformulariowebcorriendodirectamenteenelarduinosemuestranlassiguientes
modificacionesenlapaginayenelcodigocorriendointernamenteenelethernetshield.
Yensucodigo
<!doctypehtml>
<html>
<head>
<title>ArduinoRemoto</title>
<metaname="viewport"content="<width=320">
<metaname="viewport"content="width=devicewidth">
<metacharset="utf8">
<metaname="viewport"content"initialscale=1.0,userscalable=no">
</head>
<body>
<center>
<fontsize="5"face="verdana"color="green">ProyectoTelefonicos</font>
<buttontype=submitstyle="width:200px;">***IluminacinExterior***
Encendido</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinInterior***
Encendido</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinJardin***
Encendido</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***IluminacinSala***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***AireAcondicionado***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***Alarma***Apagado</button>
</form><br/>
<buttontype=submitstyle="width:200px;">***ACTIVAR***Apagado</button>
</form><br/>
</center>
</body>
</html>
asigeneramoslainteraccionentreelhardware/maquetaynuestrositioweb
apoyandonosenelsiguientecodigocorriendosobrelatarjetaarduino/uno.
CodigoArduino
//LibreriasnecesariasparaelfuncionamientoadecuadodelatarjetaarduinoyelshieldEthernet
#include<SPI.h>
#include<string.h>
#include<Ethernet.h>
//AquiseespecificaladireccinMACdelEthernetShieldasicomosudireccinIPypuerto
TCP.
bytemac[]={0x90,0xA2,0xDA,0x00,0x9B,0x36};
byteip[]={192,168,1,200};
EthernetServerserver(8090);
//aquiseespecificaelvalordefaultdecadavariableledX,xesigualalpindesalidaenla
tarjeta//arduino
intled1=1;
intled2=2;
intled3=3;
intled4=4;
intled5=5;
intled6=6;
intled7=7;
intled8=9;
//aquisedeclaralavariablequealmacenaraelestadodelledEncendido/Apagado
StringreadString=String(30);
StringstatusLed;
voidsetup(){
//Aquiseinicializanlosdispositivosdeelcontroladorarduinosuspuertosysuethernetshield.
Ethernet.begin(mac,ip);
pinMode(led1,OUTPUT);
digitalWrite(led1,LOW);
}
voidloop(){
//Aquiseinicializaelcodigodeelservidorethernet
EthernetClientclient=server.available();
if(client)
{
while(client.connected())
{
if(client.available())
{
charc=client.read();
if(readString.length()<30){
readString+=(c);
}
if(c=='\n')
{
//rutinaencendidodeleds
if(readString.indexOf("led1")>0){
digitalWrite(led1,!digitalRead(led1));
}
}
}
}
}
}
}
}
//AquiempiezaaescribirenelservidorHTTPlapaginaWEBamostrarenelnavegador
enla
direccionHTTP://192.168.1.200:8090
client.println("HTTP/1.1200OK");
client.println("ContentType:text/html");
client.println();
client.println("<!doctypehtml>");
client.println("<html>");
client.println("<head>");
client.println("<title>ArduinoRemoto</title>");
client.println("<metaname=\"viewport\"content=\"<width=320\">");
client.println("<metaname=\"viewport\"content=\"width=devicewidth\">");
client.println("<metacharset=\"utf8\">");
client.println("<metaname=\"viewport\"content\"initialscale=1.0,userscalable=no\">");
client.println("</head>");
client.println("<body>");
client.println("<center>");
client.println("<fontsize=\"5\"face=\"verdana\"color=\"green\">Proyecto
Telefonicos</font>");
//consultaelestadodelled1por1pormediodelaopcionGETdeHTMLFORMS
if(digitalRead(led1)){
statusLed="Encendido";
}else{
statusLed="Apagado";
}
client.println("<formaction=\"led1\"method=\"get\">");
//yescribeelresultadoeneltextodelformularioWEB
client.println("<buttontype=submitstyle=\"width:200px;\">***IluminacinExterior***
"+statusLed+"</button>");
client.println("</form><br/>");
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***IluminacinInterior***
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***IluminacinJardin***
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***IluminacinSala***
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***AireAcondicionado***
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***Alarma***"+statusLed+"</button>");
}else{
}
client.println("<buttontype=submitstyle=\"width:200px;\">***ACTIVAR***
client.println("</center>");
client.println("</body>");
client.println("</html>");
readString="";
client.stop();
}
}
}
}
}
//findelacodificacion
Aplicacionandroid
paralaaplicacinandroid,seusoelidedeMITAPPINVENTORhttp://ai2.appinventor.mit.edudebido
aqueelideoficialdeandroidesdemasiadopesadoynocontabamosconunequipoconlas
prestacionesnecesariasparasumanejo.
Engeneralenelsitiodedesarrollohttp://ai2.appinventor.mit.eduseintroducengraficamentetodoslos
complementos(imagenes,botones,sensores,layouts),sesubenalsitioarchivos(imagenes,audio,
video)yluegosecodificamediantebloquesollavesdecomplementollamadosbloques.
Diseodenuestraaplicacion.
Archivossubidosalaplataformaparaserusadosluego.
Ycodificaciondelaaplicacin.
Engeneralloquelaaplicacionhaceesqueinicializaunadireccionwebparatomarlacomourl.Luego
consultasuresponsecontentenformadequeryparaleerelcontenidodelaetiquetadelosbotones
html,ydependiendodesurepuestacambiaeliconodeunaimagenaotraejemplodelampHigh.pnga
lampHigh_ON.pngparadarsentidoalusuariodelaaccinqueseestallevandoacabo.Alseresta
consultabidireccionalyelarchivosergeneradodinamicamenteelusuarioalpresionarunbotonel
cambiosereflejatambienenladireccionandroidarduinodandolasensacindecontrol.

Telefon I Cos

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Telefon I Cos

Caricato da

Copyright:

Formati disponibili

Funcionamiento:

Potrebbero piacerti anche