Paso 8: Crear una interfaz Web
Todos estos datos streaming es inútil sin una manera de acceder a él, así que construí una página web muy simple que muestra el nivel de la olla de café con EON, un framework de PubNub JavaScript para tableros de IoT. La página web utiliza HTML, CSS para el estilo y JavaScript manejar las interacciones PubNub. El código fuente completo se puede encontrar en la páginas de gh rama del repositorio del proyecto.
El primer paso es inicializar PubNub y crear un gráfico de EON.
La tabla entonces se actualizará con nuevos datos publicados por la escala en el canal seleccionado. La interfaz también es responsable de traducir el peso bruto a un nivel de porcentaje de 0 a 100. Al principio, yo estaba haciendo esto en la escala de sí mismo, pero un cambio en la jarra de café requiere una actualización de firmware con nuevos factores de conversión. Puesta de este cálculo en JavaScript: un par de actualizaciones variable en el código de la página web accesible se encargará de él.
Además, la interfaz alertará a usuarios si el bote es de la escala o algún objeto desconocido es en la escala. Esto se hace comparando el peso de la báscula el peso conocido de la jarra vacía.
Hubo una gran falla en mi diseño original - era posible que la página web a tomar hasta dos minutos antes de mostrar los datos como lo esperado en un evento de publicación tendrá lugar. Esto fue solucionado con la adición de PubNub de almacenamiento y reproducción. Esta característica me ha permitido mirar la historia de mensajes publicados en mi canal para poblar el gráfico antes de cualquier nuevo publicar eventos tuvo lugar. Sólo estoy mirando de mensajes publicados en los últimos cinco minutos, y si no se encuentran, entonces la escala es en un estado de error. JavaMon es en vivo en la oficina de PubNub ahora mismo: lapágina web!
