Paso 6: Lectura de datos desde Arduino Yun
Después de cargar los códigos en el anterior steop, el Arduino Yun ya leerán los datos de los sensores. Ahora si abren el puerto serie de Arduino, verá conjuntos de valores de datos.
Qué significa el Bridge.ino del último paso es recibir estos datos y enviarlos a una dirección IP que puede leer nuestra aplicación web.
Ahora empezamos a construir la aplicación web.
Abra un editor de texto. Crear un archivo html. Copiar el siguiente código en el archivo. Ya que no puedo copiar los códigos aquí porque de esta forma lo hace automáticamente en la página web real, estoy adjuntando el archivo html.
Después de tener el archivo html con la estructura básica de la página web, tenemos que organizar los elementos del archivo html. Así que creamos un archivo css "custom.css". Ver anexo para el archivo css. Guardarlo en la misma carpeta que el archivo html.
Ahora que hemos terminado nuestro fichero css personalizado. Como estamos usando JQueryMobile, necesitamos descargar JQueryMobile y poner en la misma carpeta. Os adjunto también el archivo zip de JQueryMobile. Descomprimir antes de poner la carpeta en la misma carpeta que el archivo html.
Por ahora, ya tenemos el look de la página web y el arreglo del elemento. Ahora todavía tenemos que de alguna manera obtener los datos reales y ponerlos en los elementos de la Página Web.
Así que creamos un archivo javascript. He adjuntado el archivo javascript. Poner en la misma carpeta que el archivo html.
Recuerda que necesitarás cambiar la dirección IP en el archivo javascript porque cada Arduino Yun tiene una dirección IP diferente.
Ahora debe tener una página web que parece algo como la foto 1.
