Abridor de puerta de garaje eléctrica Imp (8 / 11 paso)

Paso 8: La aplicación de HTML – tutorial

La aplicación de cliente se inicia cargando las 4 imágenes que se utilizan para animar las ondas WiFi que emana de la robusteza (Marvin el paranoid android de guía de los autostopistas a la galaxia) cuando se toca el robot. Usted puede conseguir arte gratis para uso no comercial aquí:
http://findicons.com/Icon/45522/hitchhikeguidetogalaxy1_lock
http://www.iconarchive.com/show/Hitchhikers-Guide-icons-by-IconShock/Marvin-Icon.html

Improvisó imágenes de Marvin con un icono de WiFi. Corté el icono de WiFi en tres partes para animar a las ondas de RF provenientes de la cabeza de Marvin. Cuando se toca la pantalla en el área de la imagen, comienza la animación en JavaScript. Los ciclos de la animación a través de las 4 imágenes con un retraso de 250ms entre imágenes para simular el envío inalámbrico de un mensaje en la puerta de garaje. El ciclo se repite dos veces, principalmente porque esto evita los impacientes familiares de meter en la pantalla cuando no hay respuesta inmediata por parte de la puerta. Como se mencionó antes, latencia puede estar unos 2 segundos a veces la animación permite a los usuarios piensan que la comunicación es todavía en curso.

Comunicarse con el Imp eléctrico se realiza enviando un mensaje a la Imp agente URL específica a su Imp.
Para la App de HTML, crear un objeto XMLHttpRequest y luego enviar el ID del botón a la Imp para su puerta de garaje. Técnicamente podríamos tener una serie de funciones de los diferentes botones para enviar el ID con el firmware permitiría el firmware tomar decisiones basadas en el botón que fue enviado. Sin embargo, para esta aplicación sólo tenemos un botón para que el ID es un poco redundante pero tenemos que enviar algo! Un tema que me topé fue que eso iOS6 almacenar en caché los mensajes salientes. La solución es asegurarse de que los datos que está posteando cambian cada vez. Esto fue hecha agregando la hora a la cadena que garantiza que cada mensaje era único y así no almacenados en caché por iOS. Tener salientes llamadas caché no tiene ningún sentido para mí pero que hace sentido para alguien en Apple. Hay una manera de pedir específicamente que la llamada saliente no se almacena en caché pero que no funcionó para esta interfaz... Ver los comentarios en el código.

XMLHTTP.Open ("POST", "https://api.electricimp.com/v1/Your_Imp_Specfic_ID_Here", true);
xmlhttp.setRequestHeader ("Content-type", "aplicación/x--www-form-urlencoded");
Enviar una fecha hora evita que el iOS6 almacenamiento en caché de la consulta. Si establece el encabezado cache-control
para esta solicitud, no funciona. Impar ya que trabajo para la consulta COSM
XMLHTTP.Send ("valor =" + button.id + Date());

Para obtener el estado de los sensores de puerta, se envía un mensaje de consulta al agente de Imp. Puede comprobar el estado pulsando el botón o tira la pantalla hacia abajo.

Y que se encarga de la App de HTML. El siguiente paso será discutir carga la App HTML y lo que parecen ser un nativo iOS App.

Artículos Relacionados

Abridor de puerta de garaje "jugador 2"

Abridor de puerta de garaje "jugador 2"

No soy sólo un jugador, soy un entusiasta de los juegos de azar. Yo nací en el mismo año que Pong, jugar juegos de Juego Vortex y PlayStation ilustrado e incluso creó y enseñó una introducción al curso de desarrollo de videojuegos de L.S.U. mientras
Abridor de puerta de garaje WiFi Arduino

Abridor de puerta de garaje WiFi Arduino

¿Nunca en la lluvia para encontrar la puerta cerrada y las llaves en otro lugar? ¿No? Suerte que luego! Para aquellos que han tenido esta experiencia o no desea nunca, este proyecto le permitirá abrir su puerta de garaje con nay pero un smartphone/ta
Abridor de puerta de garaje IOT (Edison Intel y Android)

Abridor de puerta de garaje IOT (Edison Intel y Android)

Este instructivo describe un método que utiliza un Edison de Intel y una aplicación del teléfono/tablet Android como control remoto puerta garage. Esto no es realmente una nueva idea y soy consciente de proyectos similares ya que hay en la web, pero
Instalar un abridor de puerta de garaje en tu moto

Instalar un abridor de puerta de garaje en tu moto

cuando me mudé a mi casa primero me alegré de finalmente poner mi moto en un garaje. He comprado puertas de garaje extra para hacer las cosas uno más conveniente para el carro y uno para cada moto (esposa monta demasiado). El problema que tuve con es
Abridor de puerta de garaje de Arduino RFID

Abridor de puerta de garaje de Arduino RFID

En este proyecto, utilizaremos el poder de la RFID en su sistema de abertura de la puerta de garaje. Vamos al puente, una conexión en la apertura de interruptor a través de una placa de relé RobotGeek, iniciando la puerta como si hubiera pulsado el b
Cómo instalar un abridor de puerta de garaje en un tablero

Cómo instalar un abridor de puerta de garaje en un tablero

Tuve un problema... Contamos con un abridor de puerta de garaje de artesano y dos mandos. El problema es que los mandos mantienen perderse porque no tenían clips sobre ellos. Coche de mi esposa no disponen de un botón de la puerta del garaje, así que
Abridor de puerta de garaje de coche del espía :)

Abridor de puerta de garaje de coche del espía :)

No pude encontrar un buen lugar para mantener el abrelatas de la puerta de mi garaje. Las viseras del sol en mi coche eran más gruesas que la pinza en el primer partido, así que me quitó la mordaza y trató varios puntos para evitar que el abridor. Se
Abridor de puerta de garaje de frambuesa Pi

Abridor de puerta de garaje de frambuesa Pi

Hola a todos!Este instructable explica cómo configurar un Raspberry Pi para abrir mi puerta de garaje con un smarthphone. Mientras que esto se ha hecho antes, que pensé que sería publicar mi solución. Este fue mi primer proyecto hardware y instructab
FJR1300 Integrado abridor de puerta de garaje de Genie GM3T-BX

FJR1300 Integrado abridor de puerta de garaje de Genie GM3T-BX

En este instructable voy a mostrarle cómo poner este abrelatas de la puerta de garaje en la cubierta del carenado de la fjr donde iría el nob de control climatizada. Elegí este panel ya es sacrificio. Pero si quieres ponerlo en otro lugar, esto deber
Abridor de puerta de garaje de Bluetooth y el arrancador del coche

Abridor de puerta de garaje de Bluetooth y el arrancador del coche

Si eres como yo, casi siempre llevar tu teléfono o están con frecuencia en una computadora. A menudo encuentro más conveniente cuando yo puedo interactuar con las cosas a mi alrededor como puertas de garaje, arrancador del coche, aspersores, mantas e
Abridor de puerta de garaje de Arduino DIY-huella digital

Abridor de puerta de garaje de Arduino DIY-huella digital

comentario o mensaje si usted tiene preguntas, este es mi primer instructable y im no todavía ha terminado con el proyecto, pero sí tiene trabajo. más fotos prontoPaso 1: Cómo funcionaCómo funciona el proyecto.1. los cables del botón de garaje montad
Cámara y abridor de puerta de garaje

Cámara y abridor de puerta de garaje

Mi proyecto utiliza Arduino Mega 2560, sensor de evitación de la colisión de distancia, sensor de distancia de eco, relé, RTC reloj y conexión por cable para el abrelatas de la puerta de garaje. Puedo controlar el estado de la puerta del garaje, ver
El abridor de puertas de garaje de iButton (Arduino)

El abridor de puertas de garaje de iButton (Arduino)

He hecho un iButton garagedoor abrelatas y registrador.En un holandés (tipo de) eBay (www.marktplaats.nl) encontré algunos iButtons y lectores muy baratos. No tenía idea qué hacer con ellos, pero las compré de todas formas.Mi garaje se abre con una p
Android abridor de puerta de garaje - No Andriod para programación, No requiere de soldadura.

Android abridor de puerta de garaje - No Andriod para programación, No requiere de soldadura.

Actualización: ahora puede crear su propio menú personalizado para abrir la puerta y conectar relés de encendido y apagado con pfodDesigner . El pfodDesigner libre generará todo el código para usted y pfodApp mostrará el menú colorido en tu móvil. Ve