Electric Imp progreso WiFi pantalla (11 / 12 paso)

Paso 11: Cliente HTML aplicación

La aplicación de cliente es una aplicación móvil de HTML/CSS/Javascript de Jquery con 3 páginas. La página de apertura muestra los botones para el registro de su resultado en el sistema. El Imp se pasa el valor de lo click de botón. El Imp incrementa el nivel logrado e ilumina el LED para mostrar el progreso hacia la meta. Cuando se alcanza el nivel de objetivo final, el Imp muestra una secuencia de animación hasta que se reinicie presionando el botón de la meta de reiniciar en la aplicación cliente. Este botón está protegido con un pasador para que el nivel no es restablecer accidentalmente.

Comunicarse con el Imp eléctrico se realiza enviando un mensaje a la dirección URL del agente que es específica a su Imp particular. Para simplificar la configuración, la aplicación tiene una página de configuración donde puede ingresar todos sus datos de configuración como la URL específica de Imp y sus detalles de SendHub. SendHub se utiliza para enviar mensajes de texto.

Usted necesitará crear una cuenta en SendHub si quieres mensajes de texto. Tienen una cuenta gratuita para 500 mensajes al mes. https://www.sendhub.com/

Para que la página HTML aparezca como una aplicación nativa en tu iPhone, necesitas cargarlo desde un sitio web, y luego añadir a la pantalla principal. El proceso se describe en mi anterior instructivo aquí:

Los archivos de iPhone se unen a este paso. El icono de casquillo académico es cortesía de http://www.flaticon.com/free-icon/graduation-hat_422