Paso 2: Aplicación HTML
Es bueno saber que HTML basado en la aplicación puede comunicarse directamente con el hardware por saber cómo añadir clases CSS a cada elemento de la interfaz de usuario, por supuesto sin cualquier IoT basado en servicio. Este nuevo método es en mi opinión innovadora y tiene un enorme potencial para convertirse en herramienta de prototipado gran.
Para un elemento de interfaz de usuario necesita agregar exactamente una línea de código en el index.html y en sketch de Arduino (descrito en el paso siguiente).
Técnicamente las clases y su sintaxis se ve así, puede agregar su propia clase después de que tengan más control sobre su diseño. Cada elemento de Involt requiere la clase de ard, el nombre del elemento para definir lo que va a ser, su clavija de destino y valor para enviar o parámetros adicionales.
ard [elementName] [pin] [value] [parameters]
Para la parte HTML añadir estas dos líneas de código para leer los datos y el LED de control:
<div class="ard show A0"></div> <div class="ard rangeslider P6 value-0 range-0-255 step-1"></div>
El elemento Mostrar mostrará el valor y rangeslider le permite cambiar el brillo del LED.
Hay muchos más elementos de interfaz de usuario en la Página de referencia.
