Panama Hitek Logo
Panama Hitek Logo

WebClient Arduino y Servidor PHP en Hosting Gratuito

La idea del proyecto es modificar el estado de salidas digitales desde cualquier dispositivo móvil, a través de internet , desde cualquier lugar, utilizando el shield de Ethernet W5100 sobre Arduino Uno corriendo en modo WebCliente contra un servidor de Hosting gratuito .

No se trata de un acceso via LAN, sino via WAN, es decir con conectividad a Internet desde cualquier dispositivo movil. Un usuario utilizará su navegador preferido y se conectará a un sitio que aloja una WebPage donde efectuará las modificaciones de 4 salidas. Nuestro WebClient Arduino se conectará también a dicho sitio a intervalos regulares de tiempo y solicitará por medio de consulta GET el estado de las salidas las cuales serán modificadas en el sitio remoto y confirmadas al sitio. De esta manera el usuario al actualizar la página sabrá si dichas modificaciones efectivamente se han realizado.

Conceptos Básicos WebClient
Concepto WebClient y Servidor PHP
Concepto WebClient y Servidor PHP

En la figura se muestra un WebClient, que en nuestro caso será Arduino Uno con el Shield Wiznet5100, el cual genera peticiones PHP al Servidor alojado en un Hosting gratuito, en mi caso utilicé  Hostinger , el cual responderá a nuestro WebClient con un código HTML donde irá «incrustada» la respuesta. La siguiente figura muestra la intervención del usuario

 

WebClient-PHP-User
WebClient-PHP-User
Problemas que vamos a evitar en modo Cliente

La aplicación sobre Arduino será del tipo WebClient y no Server, dado que en modo WebClient no vamos a depender de las direcciones IP públicas que se modifican cada determinado tiempo si tuviésemos el modo Server en Arduino. En modo Servidor, nuestro Router le asigna una dirección IP a Arduino para poder distinguirlo dentro de nuestra red local . El Router le asigna una dirección de IP de manera dinámica por medio del servicio de DHCP, esto quiere decir que la IP de Arduino se va a modificar cada determinado tiempo, por lo que será necesario decirle al Router que dicha IP se mantenga fija ya que en nuestro sketch de arduino debemos indicarla. DHCP asigna la IP de acuerdo a la dirección física MAC de la placa que suele venir identificada sobre la W5100, caso contrario se puede usar cualquiera. Se puede también asignar a nuestro arduino un IP fija pero como los demás dispositivos conectados al Router en una red local (celulares, Pc’s, etc) son de IP dinámica, pueden colisionar en algún momento con otras IP dejar de funcionar. Dependiendo del Router, se puede configurar que DHCP siempre asigne la misma IP a una dirección MAC determinada y aunque no es el objetivo en este trabajo, generalmente es la opción DHCP Settings y MAC assignment. Hasta aquí podremos usar siempre nuestro sistema pero de forma local, es decir vía LAN, si queremos acceder a nuestro sistema desde fuera como internet WAN habrá que abrir un puerto adicional en el Router para redireccionar el tráfico de datos desde internet hacia la IP de Arduino. Esta función depende también del router y generalmente está en Port Forwarding. Tipicamente son el puerto 80 y otro también como el 5400. El otro problema ahora a resolver es que para acceder desde fuera necesitamos la IP pública del router,  y esta es dinámica. Las opciones que disponemos son contratar una IP fija lo cual es muy costoso, o utilizar un servicio pago de servidor DNS, esto es asignar un mismo nombre por ejemplo www.misistema.com a la IP pública del router cambie o no. Este servicio siempre «linquea» la IP modificada o no, con el nombre DNS.

Mi Alternativa

Para evitar todos los problemas anteriores utilizamos el modo Cliente, o WebClient donde la W5100 siempre se conectará contra un servidor o Hosting gratuito cuya dirección nunca cambia.     Nuestro Hosting será nuestro Server quien responderá a los requerimientos de Arduino. Nuestro Server debe alojar una página Php o HTML, dependiendo de la aplicación. Html es estática, es decir que el contenido no se modifica. Php es dinámico y permite mostrar contenidos que se modifican en nuestro sitio y procesar con código Php dichos contenidos. Por ejemplo una página Html puede contener un formulario para ingresos de datos y una vez ingresados el procesamiento será vía un servidor Php como por ejemplo Apache. Toda petición a un servidor se internet, siempre es respondida en lenguaje Html que es el  lenguaje de internet para poder ejecutarse desde nuestro navegador. Entonces la idea es que un usuario ingrese al sitio o hosting gratuito donde se le presentará un contenido Php, en este caso, dado que la información que se presenta no es siempre la misma, se muestra la información actualizada de las salidas y esto es cambiante. Allí el usuario puede modificar el estado de las salidas, las cuales se graban de manera permanente en un archivo de texto, que aloja en una cadena,  el estado de las mismas (activada, desactivada) con una indicación adicional de “NO REALIZADO”. Esto no significa que inmediatamente dicha modificación se realice en el WebClient, nuestro Arduino.El cliente se conectará al sitio cada determinado intervalo de tiempo y enviará una solicitud del tipo GET donde requiere el estado de las salidas. Dicha petición se procesa vía Php leyendo el archivo y devolviendo una cadena de texto de las salidas hacia el Cliente junto con la indicación. El cliente al recibir la cadena del estado de salidas y la indicación de “NO REALIZADO” asumirá que habrá que modificar las salidas en su sistema de actuador ( reles, leds, etc). Una vez realizado se vuelve a conectar con otra petición GET a modo de confirmación físico de dicho cambio. La página Php al recibir esta nueva petición modificará el archivo de salidas con la indicación “REALIZADO – Fecha-hora-día”. Cuando el usuario ingrese más tarde a la página podrá observar si su cambio de salidas esta realizado o no realizado aún. De esta manera tenemos un sistema no-sincronizado pero útil.

Cadenas de texto recibidas por el WebClient

La cadena guardada en el archivo del sitio .txt será de la forma:

(a)  sal1=1sal2=1sal3=1sal4=0NO REALIZADO  Cada vez que el usuario efectúe un cambio

(b) sal1=0sal2=1sal3=1sal4=0REALIZADO-2016-01-07 | 02:4:21 |Cada vez que el cliente realice el cambio

El Webclient, nuestro Arduino al leer la cadena entonces sabe lo que debe hacer , o no hacer  que es el caso de la cadena (b), o debe modificar y notificar el cambio realizado en el caso de la cadena (a).

Implementación de Páginas en el Hosting

A continuación se colocan las páginas en PHP que se van a utilizar en el proyecto y como se van llamando desde nuestro navegador al Hosting.

El hosting creado fue en http://www.hostinger.com.ar/ y el sitio www.guscir.hol.es . No entraremos en detalle de cómo generarse un sitio gratuito ya que hay excelentes tutoriales en internet y realmente es muy fácil. Lo importante es que gratuitamente tenemos casi todo para administrar un sitio, incluido servidores Php como Apache y  MySql para crear nuestras bases de datos en el sitio, además de otros servicios como cuentas de Mail. No es el objetivo enseñar Php , para aquel que no lo conoce existen muchos tutoriales en la red, pero debo incluir las páginas para aquel que conoce de Php y páginas dinámicas y desea modificar, o implementar sus propios diseños.

Salidas.php

Página principal del sitio donde va a acceder el usuario desde cualquier dispositivo, mediante http://www.guscir.hol.es/salidas.php. Allí se puede ver una interface come esta:

Pagina Hosting que ve usuario , no el WebClient
Pagina Hosting que ve usuario , no el WebClient

 

Pagina Hosting Usuario
Pagina Hosting Usuario

La estética la dejo para otro momento ya que no es importante colocar maquetado, estilos, colores, etc. No obstante he agregado un archivo estilo.css para dar algo de color a la tabla de estas 4 salidas.

 

Lo que hace este código Php es leer el archivocontrol.txt  (como ya hemos mencionado) donde se aloja  la cadena y en función de esta, va a mostrar los checkbox’s tildados o no, de acuerdo a lo que dicte la cadena. Esta es la razón de ser una página Php y no HTML, ya que su contenido cambia según la cadena de texto del archivo. Esto permite que los cambios realizados sean reflejados en la misma página. También analiza si en la cadena aparece el “No realizado” o el “Realizado concatenado con la fecha y hora”. Se pueden modificar los CheckBox de cada salida y luego clickear en el botón Aceptar. Al hacer esto como toda esta tabla está insertada dentro de una estructura <Form> llama a la página ArchivoControl.php y le pasará los nuevos estados de las salidas medante el método POST.

<form name=»salidas» method=»post» action=»ArchivoControl.php»>

…….. Código

</form>

ArchivoControl.php

Esta página ArchivosControl.php simplemente detecta las variables pasadas por método POST desde la página anterior y saber cuáles salidas se han tildado, o destildado y de esta manera rescribir el archivocontrol.txt , para actualizar la cadena nueva concatenado ahora con “NO REALIZADO” ya que la cadena ha cambiado y el Webclient (Arduino),  debe saber de esta manera, al hacer su consulta, que debe efectuar sus modificaciones.

El botón LeerEstado es redundante y no haría falta pero lo que hace es llamar a otra página LecturaArchivo.php

<form name=»estadoActual» method=»post» action=»LecturaArchivo.php»>

<input type=»submit» name=»botonLeer» value=»LeerEstado»>

</form>

 

LecturaArchivo.php

Esta página lo que hace ( ya dije que redundante) es leer el archivo y presentar en otro formato la información de las salidas.

Vista Salidas
Vista Salidas

requerimiento.php

Esta página no está accesible al usuario y es la página que va a consultar el WebClient (Arduino) mediante peticiones del tipo GET.

Peticiones WebClient

El cliente accederá a esta página mediante:

http://www.guscir.hol.es/requerimiento.php?consulta=1

Si observamos bien, el parámetro que pasa el WebClient a la página es consulta con un valor de 1, en este caso.Consulta=1, le indicará a la página Php que solo debe leer el archivo archivocontrol.txt para  extraer la cadena de salida.

La cadena de respuesta puede ser del tipo (a) o (b) como ya vimos. La página envía la cadena como respuesta mediante el comando echo””. En el caso de recibir la (a), de NO REALIZADO, el Cliente procesa la cadena y actúa sobre sus pines de salida y luego confirma con:

http://www.guscir.hol.es/requerimiento.php?consulta=2

es decir coloca el valor 2 en consulta. Con esto la página Php lo que hace es modificar la cadena del archivo archivocontrol.txt para concatenarle el REALIZADO más la fecha y hora. Y devuelve un “okey” al Cliente. De esta manera cuando el cliente vuelva a consultar con consulta=1 y la cadena de respuesta sea:

sal1=1sal2=1sal3=0sal4=0REALIZADO-2016-01-07 | 05:4:21 |  tipo (b)

El Webclient  sabrá que el cambio ya fue realizado y no tendrá que modificar las salidas.

(Porción de código de requerimiento.php ya publicado)

Código Arduino con Shield Wiznet W5100

A los efectos de simplicidad, se mostrarán por el puerto serial las cadenas recibidas desde el servidor, como filtrar las subcadenas de cada salida para después aplicarlas a los pines que desea el usuario. Hay que tener en cuenta que la placa Wiznet 5100 utiliza los pines 4,10,11,12 y 13 para comunicarse con ARDUINO 1, por lo que debe evitarse su uso para nuestras aplicaciones. El 4 Se utiliza para la SD card del shield, si es que se usa.

10 Habilitación ETCH de la placa Ethernet

11,12,y 13 son comunicación SPI con la placa ( Mosi, Miso,Clk).

El código está muy bien documentado y he optado por simular las salidas digitales, es decir que el estado de las salidas saldrá impreso por la terminal de consola de Arduino y las cadenas de respuesta debidamente filtradas. En la consola de Arduino se verán no solo las respuestas completas del servidor, sino también los inicios de conexión, los intentos fallidos, las cadenas filtradas de respuesta y también la simulación de cada salida.

Caracteristicas del Software

boolean httpRequest (String cad ) Es una función que se encarga de realizar la conexión al servidor y realizar las consultas GET que pueden ser, como vimos , de dos tipos:

String cadConsulta= «GET /requerimiento.php?consulta=1 HTTP/1.1»; De consulta

String cadRespuesta=»GET /requerimiento.php?consulta=2 HTTP/1.1″;  De confirmación

Estas cadenas serán pasadas como argumento de la función httpRequest(). La función devuelve True(1) o false(0) de acuerdo a si se pudo conectar al servidor o no.

void respuesta() Es una función encargada de recibir las respuestas des servidor, analizar si las respuestas son las cadenas de salida o los acuses de recibo sobre el servidor de los cambios realizados por elWebClient. Filtra la cadena total de respuesta que es html y extrae las subcadenas útiles para la aplicación, como son las de tipo (a), (b) o el “okey” de acuse de recibo en el Cliente.

void modificarSalida(String cade) Esta función filtra aún mas la Subcadena útil y extrae el 1 o el 0 de cada salida, y en este caso, saca por consola el estado de cada salida.

Simplificando el funcionamiento se vería de la siguiente manera:

Esquema Aplicacion WebClient
Esquema Aplicacion WebClient
Capturas en el Monitor serie de Arduino WebClient

 Consulta WebClient, donde No hay Modificaciones

Consulta Peticion con valor=1
Consulta Petición con valor=1

Consulta WebClient, donde  hay Modificaciones que realizar

Consulta con Valor=1 y cadena modificada por Usuario
Consulta con Valor=1 y cadena modificada por Usuario

 Consulta WebClient de Confirmación y acuse de recibo

Consulta=2 acuse recibo
Consulta=2 acuse recibo

 Espero que les sea de utilidad, Los códigos de expusieron para su análisis. En particular el código Arduino presenta en su monitor serial toda la información para el Debugger del mismo. Es de notar que si el Arduino se apaga por alguna razón y luego emite su consulta va a recibir que ya esta Realizado y no modificará el Estado de sus salidas. Esto se puede solucionar de varias maneras, incluso el Arduino puede no basarse en el resultado de REALIZADO/NO REALIZADO para actuar sobre las salidas, es decir puede actuar siempre independiente de este estado, es decir cada vez que recibe la cadena de salidas puede llamar a la función de modificarSalidas() y «refrescarlas». La idea fue hacer este proyecto para ver las múltiples aplicaciones que puede tener. Si bien se guardó la información en el sitio en un archivo de texto, nada impide armar una Base de Datos en MySql y registrar cada cambio del usuario  que realiza en las salidas y obtener la cadena directamente de un registro de dicha base. Las páginas están montadas en el servidor gratuito , por lo tanto solo tienen que bajarle el software al Arduino y disponer de una placa Ethernet Shield o ArduinonEthernet para probar esta aplicación.

 

Gustavo Circelli
Gustavo Circelli
Ingeniero Electrónico egresado de la U.N.Mar del Plata, Analista Programador (ISSD Córdoba) , Profesor PDI (UTN). Especialista en Comunicaciones y sistemas automatizados.

Posts relacionados

4 COMENTARIOS

  1. Muy completo el tutorial.
    Una pregunta, ¿En que parte del código se indica a que pines de Arduino están conecatadas las salidas que quieres manejar?.Gracias!

DEJA UNA RESPUESTA

Por favor ingrese su comentario!
Por favor ingrese su nombre aquí

Post relacionados