Comunicación Bluetooth entre LCD y HTML de la aplicación (6 / 7 paso)

Paso 6: Entrada HTML

Sintaxis de

Involt es realmente rápido en prototipado HTML y no requiere ninguna habilidad de programación. Hay sintaxis CSS que traduce el elemento de interfaz de usuario para la comunicación con Arduino - cada clases de elemento de interfaz de usuario se ven así:

 <div class="ard [element] [pin] [value] [parameters]"></div> 

Usted puede leer más sobre sintaxis o comprobar qué elementos de la interfaz de usuario se incluyen en el marco.

Entrada de texto LCD

Para crear HTML entrada bastará con escribir en index.html esta sola línea de código:

 <input class="ard input-write S0" placeholder="Type something"> 

Los datos se enviarán a unclicking o entrar en golpear. [Pin] S0 define donde irá la cuerda dentro de sketch de arduino. El valor de S0 es igual a receivedString0 en sketch de arduino. Lo mismo es por ejemplo P6 valor se almacenará en involtDigital [6].

Para crear enviar botón similar al botón de formulario HTML escribir este código. Vamos a crear dos entradas para ver el apellido y nombre de usuario:

 <form> <p style="margin:20px">Please introduce yourself: </p> <input class="ard input-write S0" placeholder="Name"> <input class="ard input-write S1" placeholder="Surename"> <button type="button" class="ard submit-button">Submit</button> </form> 

Si tienes tiempo puedes jugar con estilos CSS en core/framework.css. Puede descargar los archivos del proyecto en el siguiente paso.

Artículos Relacionados

Comunicación Bluetooth entre Arduino, HTML y Android

Comunicación Bluetooth entre Arduino, HTML y Android

Hola de nuevo! En primer lugar, gracias a todos los que usan mi proyecto - bricolaje/fabricantes, diseñadores y estudiantes especialmente gente que me apoya dando retroalimentación regular. Desde mi último tutorial, como prometí, he hecho actualizaci
Comunicación Bluetooth entre dos Arduino Esploras

Comunicación Bluetooth entre dos Arduino Esploras

En este tutorial le mostrará cómo establecer un vínculo entre dos Arduino Esploras y enviar información hacia adelante y hacia atrás con el empuje de un botón.Paso 1: Lo que se necesita.2 x Arduino Esploras.2 x módulos BlueSmirf Bluetooth.cables puen
Comunicación serial entre Arduino, HTML y cromo

Comunicación serial entre Arduino, HTML y cromo

Es fácil trabajar con Arduino, pero la creación de proyecto que consiste en software requiere más habilidades de programación. A diferencia de otras soluciones de mi proyecto es la forma de crear HTML offline la aplicación - sin cosas como Yun, shiel
Comunicación serial entre android y arduino a través de bluetooth de la laptop

Comunicación serial entre android y arduino a través de bluetooth de la laptop

Acerca de:Es este instructable sobre comunicación serial entre android y arduino a través de built-in del ordenador portátil Bluetooth. no tengo separado el módulo Bluetooth. así que he decidido usar mi portátil Built-in Bluetooth para comunicación s
RS485 Comunicación Serial entre Arduino Mega y Arduino Nano con Visuino

RS485 Comunicación Serial entre Arduino Mega y Arduino Nano con Visuino

A veces necesitamos conectar placas Arduino ubicados muy lejos unos de otros. RS485 es una manera muy conveniente para conectar las tablas con sólo 2 conductores y puede trabajar a una distancia de 1200 m (4000 pies). También permite múltiples tablas
Comunicación serial entre android y arduino a través de telnet

Comunicación serial entre android y arduino a través de telnet

ObligatorioSoftware Python 2.7 con pyserial paqueteAplicación android móvil TelnetSoftware de ArduinoPaso 1: introducciónAquí, en este instructable describí sobre comunicación serial entre el teléfono android y arduino a través de telnet. Para probar
Primeros pasos con Arduino - comunicación Bluetooth

Primeros pasos con Arduino - comunicación Bluetooth

En este tutorial vamos a ver la comunicación entre un Arduino y un ordenador vía Bluetooth.A fin de que lo hagamos, vamos a utilizar una tarjeta de bluetooth HC-06 a precios razonables.Así que tuvimos algunos datos en secuencia, vas a necesitas const
La comunicación Bluetooth con el microcontrolador MSP430 vía MIT App Inventor

La comunicación Bluetooth con el microcontrolador MSP430 vía MIT App Inventor

El propósito de este proyecto fue utilizar un microcontrolador para crear un ciclo de luz modulado de cualquier período, y con la mayor funcionalidad que cualquier punto en el ciclo de modulación podría ser interrumpido y reprogramado desde un teléfo
Cómo utilizar la comunicación i2c entre MSP430 y Arduino

Cómo utilizar la comunicación i2c entre MSP430 y Arduino

este video muestra cómo un MSP430 puede comunicarse con un Arduino usando el protocolo I2C.  En este video utilizo el entorno de programación de Energia.Leer más en mi blog: MeanPC
Microsoft Windows 8.1 Bluetooth de poca energía a la aplicación de RFduino

Microsoft Windows 8.1 Bluetooth de poca energía a la aplicación de RFduino

No escribir una Windows® aplicación que interactúa con el RFduino nunca ha sido tan fácil. Una API con Windows 8.1 abre la puerta para crear aplicaciones de Windows Store emocionantes esa interfaz con la RFduino utilizando la tecnología de bajo consu
Arduino/Android - BLUETOOTH RGB LED de CONTROL de la aplicación ANDROID

Arduino/Android - BLUETOOTH RGB LED de CONTROL de la aplicación ANDROID

¡ Hola mundo! Hoy he hecho una aplicación para el control de un módulo Led RGB con un dispositivo Android. Entrarme en contacto con el código de fuente abierta de la aplicación.Nota: Si has comprado una LED de ánodo común conectarlo a 5vUtilicé un Le
Arduino bluetooth tanque

Arduino bluetooth tanque

se construyo un tanque de arduino bluetooth para aprender cómo programación y cómo funciona la comunicación bluetooth entre el teléfono inteligente android y HC-06 o HC-05. El brazo robótico se unen para que usuario controlar y capturar algo que por
Con Bluetooth Robot controlado por Arduino mediante aplicación Android

Con Bluetooth Robot controlado por Arduino mediante aplicación Android

Después de intentar robot seguimiento remoto por mando a distancia IR. He proceder para controlar la misma plataforma del robot por BluetoothControlador Arduino a través de la aplicación para Android. Este método es más confiable, más distancia, mejo
Voz de entrada matriz de LED Arduino bicolor desplazamiento de visualización de texto (Bluetooth + Android)

Voz de entrada matriz de LED Arduino bicolor desplazamiento de visualización de texto (Bluetooth + Android)

Durante la exploración de proyectos interesantes en Instructables, nos topamos con la impresionante voz activa Arduino (Bluetooth + Android) instructable. Usted puede sacar enRecientemente, hemos puesto encima de un instructivo para construir un bico