Paso 5: Código HTML para la tableta
A este paso se adjunta el código HTML/Javascript que utilicé para la tableta. Utiliza jQuery Mobile para crear una sencilla interfaz de usuario de 2 página. La primera página muestra el estado de la aplicación, mientras que la segunda página contiene los ajustes.
Los valores son útiles para capturar la URL del agente de Imp específicos de su Imp. Sólo tiene que introducir la secuencia de caracteres según la URL en el código Javascript antepone automáticamente la URL base como se muestra a continuación
'https://agent.electricimp.com/' + halloweenSettings.URLKey
La APIKey es un mecanismo de seguridad básica para asegurar que si tu URL está comprometido, usted todavía puede evitar accesos no autorizados a su API. El código de agente en la nube Imp comprueba todas las solicitudes entrantes para que coincida con la clave. La clave puede ser cualquier cadena alfanumérica aleatoria - sólo tiene que asegurarse de que la cadena es el mismo en el código de agente y el código HTML. (Idea de API Key de http://forums.electricimp.com/discussion/comment/...
El código Javascript realice periódicamente el estado del sensor PIR el diablillo. Cuando el PIR detecta movimiento, el código de cliente genera un número aleatorio que es un índice en una serie de efectos de sonido. En dispositivos móviles, los sonidos no se cargan para conservar su bandeja de datos móviles para que un elemento de la interfaz de usuario es necesario para comenzar a cargar. El botón "Pulse iniciar" inicia la carga de todos los efectos de sonido y luego se oculta. Esto también inicia el ciclo de votación para las llamadas ajax al agente imp para estado del sensor de PIR. Los sonidos que usé son todos de dominio público y fueron encontrados en soundbible.com. Hay muchos sitios de dominio público que hay y no tienes que restringir el mismo a 10 efectos de sonido... uso como muchos como usted necesita!
El ciclo de votación formatos una solicitud JSON para el agente de Imp. El enlace incluye una marca de tiempo para evitar que el navegador del almacenamiento en caché de la solicitud de salida.
La respuesta de la agente de Imp es el estado del sensor PIR. Si el estado del sensor es «1» entonces se genera un número aleatorio al índice en la mesa de sonido.
La función PlaySound reproduce el sonido y muestra la corriente de sonido en la pantalla. Esto es útil para la depuración y también le da algo para mirar cuando te aburres!
Si tienes un servidor web, usted puede simplemente copiar los archivos al servidor web con este paso, punto tu tablet/PC/Smartphone a la URL y ya está. Si no tienes un servidor web y usted está usando un PC o portátil, puede copiar los archivos directamente en una carpeta y abra el archivo de i.html desde la carpeta que utiliza.
Si no utiliza un servidor web, puede copiar los archivos directamente a la tableta. Esto es un poco complicado porque la ruta de la carpeta en la tablet no es obvia. Usar un tablet Android conectado a un puerto USB de la PC, usted podrá ver la estructura de la carpeta de la tableta. Agregar una carpeta con el nombre de Halloween y copiar todos los archivos a esa carpeta. Utilizando el Google Chrome en la tableta, use el protocolo file:/// para abrir el archivo i.html.
Para encontrar el camino en la tableta Android, descargar cualquiera de las aplicaciones de explorador de archivo gratis desde la App Store de Android y navegar a la carpeta de Halloween. La aplicación de explorador de archivos revelarán la ruta de la carpeta. Por ejemplo, file:///storage/emulated/0/halloween/i.html