Robótica de JavaScript y Arduino basada en navegador de control (6 / 7 paso)

Paso 6: Crear una interfaz web con sistema de arranque

El código adjunto utiliza Bootstrap, un framework front-end sensible, para crear una interfaz web simple que puede establecer una posición de servo, cambiar un intervalo de parpadeo de LED y lectura de datos desde un pin analógico.

Si has seguido los pasos anteriores, usted debe ser capaz de ejecutar webtest.js de nodo en la línea de comandos, visite http://localhost/ para empezar a controlar tu Arduino!

Una vez que usted puede entender esto está bien en su camino a avanzado hacking navegador a Arduino y nodebots (el repo de johnny 5 es un excelente recurso por ejemplo código)

Un ejemplo: en el lado del navegador, al hacer clic en 'Configuración de demora' emitir un evento de toma de corriente 'led'

$(' {#ledSet').on('click',function()}
analizar número de valor retardo led
var tmp = parseInt($('#ledDelay').val(),10);
imprimir
Console.log ("retardo de configuración LED:", tmp)
Enviar mensaje de toma de corriente de retardo
Socket.Emit('led',{Delay:tmp});
});

En el lado del servidor, se procesa el mensaje y el valor de luz estroboscópica ajustada:

Socket.on ('led', {} de la función (datos)
Console.log(Data);
if(Board.isReady) {led.strobe(data.delay);}
});

Artículos Relacionados

Mano en garra robótica prostetic basados en arduino barato

Mano en garra robótica prostetic basados en arduino barato

Este proyecto vino a la mente después de ser informado que Medicare no pagará por una parte, solamente el enganche. así que decidí intentar hacer una mano robótica. La partscost total es muy por debajo de $100.servo https://www.Sparkfun.com/products/
MrRobot - Ubuntu Mobile app habilitado robótica (Raspberry Pi y arduino involucrados)

MrRobot - Ubuntu Mobile app habilitado robótica (Raspberry Pi y arduino involucrados)

Proyecto MrRobot es que una aplicación de Ubuntu Mobile activado robótica que tiene la característica de voz, toque y agitar el control para interactuar con el robot Rapiro. Este proyecto se realiza dentro de 28 horas en Ubuntu Shenzhen Hackathon en
Mano robótica de DIY $200 - Arduino proyecto

Mano robótica de DIY $200 - Arduino proyecto

diseñado y construido esta mano robótica y el controlador para menos de $200.  Los dedos y el pulgar son controlados por servo motores.  El primer video muestra la mano en acción.  El segundo vídeo muestra cómo hacer la mano.Aquí está la parte 2: $20
Base de Arduino Nano Hexbug araña robótica de escarabajo

Base de Arduino Nano Hexbug araña robótica de escarabajo

La Idea:Para construir una araña robótica programable basada en escarabajo Hexbug, equipado con el siguiente conjunto de sensores:[video]Sensor de distancia ultrasónicoObstáculo infrarrojo sensores y equiposGiroscopioAcelerómetroPuntero láserEl robot
Cómo llegar en robótica, programación, Arduino electrónica

Cómo llegar en robótica, programación, Arduino electrónica

Integrar todos los campos STEM de robótica y hacer siempre cada cabrito loco. Puede ayudar a los niños a obtener experiencia práctica en mecánica, electrónica, Ciencias de sistema y equipo de control.Sin embargo, todos los robots en el mercado parece
Con su propia biblioteca de la simple plataforma de robótica Arduino Carduino - A

Con su propia biblioteca de la simple plataforma de robótica Arduino Carduino - A

esto es, como dice el titulo, una plataforma robótica basada en Arduino, con su propia biblioteca. El modelo "estándar" viene con dos motores traseros, dos ruedas de omni en la parte delantera, y un sensor de distancia montado en la parte delant
Robótica móvil con Scratch: construir un andador de insectos basados en Arduino y programar con Scratch

Robótica móvil con Scratch: construir un andador de insectos basados en Arduino y programar con Scratch

¿¡ Escabullen alrededor? Esto está basada en Arduino fácil construir versión del caminante insectos hechos con alambre de colgador de ropa y diseñado originalmente por Jérôme Demers (véase también este instructable) y Gareth Branwyn. Viene en dos ver
Robótica móvil con cero: cómo integrar Scratch y Arduino Bluetooth

Robótica móvil con cero: cómo integrar Scratch y Arduino Bluetooth

Durante mucho tiempo luchábamos con la tarea de crear una estrategia simple, bajo costo, independiente de la plataforma, confiable y estable de integrar Scratch y Arduino de tal manera que usted podría utilizar Scratch para enseñar los principios y p
CupBots - 3D plataforma robótica impresa para Arduino y frambuesa Pi

CupBots - 3D plataforma robótica impresa para Arduino y frambuesa Pi

Aquí es un proyecto de robótica de gran fin de semana para emprender con amigos o gente en su espacio local del fabricante. Usted necesitará una impresora 3D práctico 3D impresión los archivos STL adjuntan como parte de los pasos a continuación y una
Tambor robótica controlada por Arduino

Tambor robótica controlada por Arduino

Durante años que he estado diciendo quien escucha iba a construir un tambor de robótico. Mayoría de la gente de se encogió de hombros indiferentemente. Construyó, mayoría de la gente tipo de Miró sobre él y transmitió la indecisión. Parecía que nadie
DIY mano robótica controlada por un guante y Arduino

DIY mano robótica controlada por un guante y Arduino

Esta idea de proyecto vino a mí cuando estaba sentada en una cama en una habitación de hotel mientras estaba de vacaciones. Pensé: "Sería muy prolijo que una mano robótica que puedo controlar con mi propia mano!" Al volver a casa, me embarqué en
(Sin embargo, otro) Chasis de plataforma-un Robot robótica Arduino DIY de piezas de repuesto

(Sin embargo, otro) Chasis de plataforma-un Robot robótica Arduino DIY de piezas de repuesto

Dio a mi sobrino un kit del arrancador Arduino hace unos meses. Le pregunté a mi hermana lo que estaba haciendo con él y dijo que había tenido algunos problemas de calcular hacia fuera. Veremos le la semana después de Navidad, así que le dije a traer
Arduino basado en robótica Car(wireless controls+Autonomous)

Arduino basado en robótica Car(wireless controls+Autonomous)

Este instructable es sobre un Coche de robótica basado en Arduino que usa Arduino, lenguaje de programación de Arduino, conductor del motor, una pantalla LCD para mostrar el estado actual del coche y hasta un módulo Bluetooth para la comunicación ina
Mano robótica de DIY $200 - parte 2: el controlador - Arduino proyecto

Mano robótica de DIY $200 - parte 2: el controlador - Arduino proyecto

diseñado y construido esta mano robótica y el controlador para menos de $200.  Los dedos y el pulgar son controlados por servo motores.  El primer video muestra la mano en acción.  El segundo vídeo muestra cómo hacer el controlador.Visite mi sitio we