Paso 4: sobre status.html
Tal vez el archivo más fácil de entender es status.html. Este archivo es esencialmente la mini página que se llama Consejo de estado. Este archivo en particular, se configura como una plantilla en frasco. Eso significa que los datos de nuestra aplicación web está poblados en esta plantilla antes de que se sirve.
Este archivo en particular está construido basado en el ejemplo de "personas en el espacio" de pánico. En el Consejo de estado, un Panel DIY es básicamente una página web mini especialmente formateado. Por lo tanto nuestra página web necesita ser formateado correctamente. Si quieres saber más, puede encontrar la Guía del Panel DIY aquí. Una gran cosa acerca de este formato mini-web es que esto significa que usted también puede ver este archivo en un navegador si no utiliza el Consejo de estado. Más en eso más adelante.
El formato especial es en el CSS de la página web. La CSS está integrada en el archivo HTML en lugar de llamar a un archivo CSS independiente.
También hay unos javascripts en el archivo. El primer script, llamado jstimezonedetect, ayuda el Panel DIY para el host el nombre de zona horaria del sistema. La zona horaria es necesaria para que nuestra aplicación web puede configurar automáticamente la hora en el widget de estado junta. El javascript recibe el nombre de zona horaria de una lista normalizada de nombres y pasa al servidor de la aplicación como un parámetro en una petición de actualización de AJAX.
Las otras funciones de secuencia de comandos crear una llamada AJAX que ocurre cada cierto tiempo, en nuestro caso es 60 segundos. Este llamado de actualización es una sección especial de nuestro servidor de aplicaciones que devolverá una respuesta JSON en lugar de una página HTML. Es decir, devuelve sólo los datos. Cuando el script recibe una respuesta, se analizan los datos y los campos se actualizan para que el widget muestra los datos más recientes.
¿Recuerdas cómo te dije que no necesitas un iPad para probar este widget? Esta es la razón. El Panel DIY es realmente sólo una mini página web con algún formato especial. Esto significa que cualquier contenido puede mostrarse en Consejo de estado. O, de hecho, en un explorador web. Ahora, parte del formato del especial es un fondo transparente para que el Consejo de estado puede representar un fondo adecuado. Un fondo transparente con texto blanco generalmente no se ve bien en un navegador estándar, por lo que un parámetro especial de "? escritorio" puede agregarse al final de la URL para mostrar la imagen en el navegador. Vea las imágenes de este paso por ejemplo.
En el siguiente archivo.
