Conducir a una página web en tiempo real usando Arduino, SensorMonkey y Processing.js (5 / 6 paso)

Paso 5: Publicación de datos de Sensor

Después de ingresar a SensorMonkey y abrir mi panel de control, voy a agregar una entrada para el Arduino llamado "Mi Arduino". Haciendo clic sobre la entrada recién agregada, puedo configurar los parámetros de conexión; es decir, la IP dirección y número de puerto donde se encuentra el dispositivo.

Recuerde del paso 3 que estoy usando de la floración para mapear el puerto serie de Arduino al puerto TCP/IP 20000 en mi máquina local. Por lo tanto, entro en una dirección IP 127.0.0.1 (la dirección loopback local) y un número de puerto de 20000.

También necesitará especificar un archivo de descripción de formato que dice SensorMonkey cómo analizar e interpretar los datos enviados por el Arduino. En el paso 2, presenté el bosquejo usado para probar el acelerómetro que fue compilado y cargado en el microcontrolador de Arduino con el entorno de desarrollo. Para que coincida con los datos enviados por el bosquejo, utilizar el archivo de descripción de formato siguientes:

< auto-sincronizado >
< endian formato = "grande" >
constante de < > A5 < / constante >
5A < constante > < / constante >
< tipo variable = "16" > acelerómetro X < / variable >
< tipo variable = "16" > acelerómetro Y < / variable >
< tipo variable = "16" > acelerómetro Z < / variable >
< / formato >
< / auto-sincronizado >

Nota que yo he especificado formato big-endian (< endian formato = "grande" >) y se han añadido las variables que representan los tres ejes muestreados por el acelerómetro: x, y y z. El tipo de estas variables es "16", que es corto de mano para 'entero sin signo de 16 bits'. Se admiten diferentes tipos de variables; puede encontrar más información en el SensorMonkey de la Página de soporte.

El punto principal a realizar aquí es que sólo tiene que especificar un archivo de descripción de formato que coincida con los datos enviados por el Arduino por puerto serie. Dependiendo de los sensores que utiliza, puede que necesite añadir más o menos variables para el archivo de descripción de formato. Asegúrese de darles nombres descriptivos para que sepas lo que mide cada variable.

Después de hacer clic en 'Conectar', vaya a la pestaña de 'Corriente', seleccione las tres variables de acelerómetro, elegir un tipo de 'Público' y haga clic en 'Publicar'. Los datos del sensor ahora que es transmitidos en vivo por Internet como una secuencia pública en mi espacio de nombres personal.

En el siguiente paso, escribirá una página HTML simple para conectarse a mi espacio de nombres, Suscríbete a mi corriente y visualizar los datos en tiempo real usando Processing.js.

Artículos Relacionados

Cómo incrustar vídeos en una página web usando HTML5

Cómo incrustar vídeos en una página web usando HTML5

este tutorial le mostrará cómo poner cualquier video en un sitio web usando HTML5 y la nueva etiqueta. Mediante el uso de HTML5 puede tener videos en su sitio de Internet sin necesidad de algún plugin como Adobe Flash, y se puede reproducir en dispos
Controlar las luces a través de una página web!

Controlar las luces a través de una página web!

Después de jugar con los controladores de RF por un tiempo, me di cuenta de una importante desventaja es la necesidad de disponer de un transmisor para enviar una señal al receptor. ¿No sería agradable si podía usar mi teléfono como emisor? Bueno, es
Página Web de raspado desde/hacia una página web.

Página Web de raspado desde/hacia una página web.

El objetivo del proyecto es tomar el mando como archivos por lotes y hacerlos accesibles desde la web. Podrás hacer tu propia página web y no tener que depender de alguien para preparar para usted. Web para raspar de nuevo a la web la página otra vez
Cómo hacer una página web

Cómo hacer una página web

Aprende a crear tu propia página web usando HTML!Paso 1: Introducción:La columna vertebral de cualquier página web se compone de archivos de Hyper Text Markup Language (HTML). Esta guía le mostrará cómo crear una sencilla página web utilizando su últ
Cómo cambiar una página web dentro del navegador web Google Chrome

Cómo cambiar una página web dentro del navegador web Google Chrome

este instructable le mostrará cómo cambiar una página web usando el navegador Chrome.Todo lo que necesitas es el navegador de Google Chrome y un ordenador.Paso 1: Abra una página web Abra el navegador de Google Chrome y abrir cualquier página web que
Guardar una página web con todo lo que en XP (NO requiere INTERNET!)

Guardar una página web con todo lo que en XP (NO requiere INTERNET!)

En este instructable, voy a mostrarte cómo guardar una página web utilizando internet explorer, Microsoft Windows XP Pro. y una conexión a internet. Al hacer esto, requiere una conexión a internet para cargar la página web, pero no a ver cuando se gu
PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

PSD a HTML5 conversión: agregar un Slider HTML5 a una página web - parte 1

hace ya más de un año HTML5 hizo su manera en la industria web. Pero aún queda mucha gente, generalmente incluyendo los principiantes y los intermedios, resulta difícil hacer un Slider HTML5 para una página web. Así que con este PSD a tutorial de con
Actualizar datos de MySql en una página Web

Actualizar datos de MySql en una página Web

En mi primer Instructable "Arduino conseguir datos a una página web" hablé acerca de actualizar los datos mediante el comando Meta para refrescar el contenido de datos de MySQL. El problema con esto es que se actualiza la página entera y posible
Cómo divertir a una página web-Cool

Cómo divertir a una página web-Cool

Cómo divertir a una página web - ver los mejores video clips aquí usar este truco para desviar ejemplo de dirección de la Página Web... Si entras a google.com en la url, inmediatamente se desvían en el metacafe o cualquier sitio web que configuró sig
Cómo crear iWeb de una página web usando Apple

Cómo crear iWeb de una página web usando Apple

queremos mostrarte cómo crear una página web con aplicación de iWeb de Apple. Que enseñarle cómo hacerlo en 5 pasos!Paso 1: Paso 1: abrir y elegir temaDesde la pantalla principal, haga clic en la carpeta de aplicaciones o la plataforma de lanzamiento
¿Video Tutorial: Como crear una página Web con los productos SliceMaker?

¿Video Tutorial: Como crear una página Web con los productos SliceMaker?

Este es un video tutorial de productos SliceMaker. En este video tutorial te enseñamos cómo crear una página web completa con la ayuda de productos SliceMaker.No necesita escribir los códigos manualmente al crear una página web con los productos Slic
¿Slicemaker Tutorial: Cómo crear una página Web con SliceMaker productos?

¿Slicemaker Tutorial: Cómo crear una página Web con SliceMaker productos?

SliceMaker Soft seguirá proporcionándole nuevos tutoriales de vídeo sobre cómo usar sus productos. Este es uno de los video tutoials de productos SliceMaker. A través de este tutorial, aprenderás fácilmente cómo crear una página web con los productos
¿Cómo crear una página web sin conocimientos de programación?

¿Cómo crear una página web sin conocimientos de programación?

a través de este tutorial, usted puede crear fácilmente una página web dentro de varios pasos en lugar de escribir los códigos web complicadas.
Control web en tiempo real para las decoraciones de luz (sin servidor lado codificación)

Control web en tiempo real para las decoraciones de luz (sin servidor lado codificación)

Arduino Ethernet es un dispositivo impresionante. Esto es cómo operar las luces de temporada festivas desde donde quieras:-por un simple clic en su página de web (unas pocas líneas de HTML, no javascript o cualquier otra codificación es necesario);-e