HomeBlog Construya su aplicación IoT

Construya su aplicación IOT en un día

por Hema


iot application

IoTEl desarrollo de aplicaciones se requiere hoy en todos los niveles. Las personas con conocimientos de codificación muy bajos necesitan construcción lo que es necesario para ellos.MQTT brokerayuda clientes para incrustar susML ' AIalgoritmos y crear su propia aplicación. MQTT broker le ayuda a organizar y gestionar su aplicación fácilmente. Esto deja su desafío de desarrollo para su aplicación IOT Server.MQTT Brokerviene con un por defecto interfaz de usuario, Sin embargo, la visualización debe construirse para verticales específicos. Recientemente dirigimos un hackathon interno en Bevywise toconstruir aplicaciones nuestra marco. Curiosamente, pudimos construir una aplicación IOT en un día. La aplicación construida era un monitoreo de hornos industriales. Este blog retrata los hacks utilizados para construir la aplicación.

Aplicación IoT para monitorización de la temperatura industrial

El monitoreo y control de la temperatura de los hornos es crucial con respecto a su uso en el industrias afecta directamente la calidad del producto que se está creando. Creamos undispositivo simuladosimilar a un dispositivo de borde de monitoreo que empuja los datos al MQTT Broker. Los objetivos fijados para aplicación eran:


  • Gráfico vivo de la temperatura entrante
  • Promedio histórico por hora de la temperatura
  • Alarma cuando la temperatura supera un rango
  • Alarma cuando la temperatura actual supera el promedio de hora anterior

Vista de la temperatura en vivo

MQTT Broker está programado de una manera que empuja los datos del dispositivo entrante a la interfaz de usuario utilizando el toma de red. Usted será capaz de añadir su propio código para crear gráficos en vivo. En este hackathon,conspiraciónes utilizado por el desarrollador. Los datos sobre la temperatura del horno recogidos se presentan como un gráfico de línea en eldashboard. Esto es... por configuracióncustom_ui_server.pyarchivo.

código de referencia para el gráfico de línea

xaxis: {
Tipo:Fecha,
rango:[olderTime, futureTime]
}
};
Plotly.relayoutgraph_id, minuto Vista);
Plotly.extendTracesgraph_id, update, d)


live temperature data

Datos históricos

El gráfico histórico de los datos promedio por hora puede ser creado por elProceso de reducción de datos. El módulo de programación se utiliza para automatizar la creación de datos promedio por hora. Aplicación personalizada para promedio de datos desarrollado en un método separado y configurado en el programa que se llamará cada 60 minutoscustom_scheduler.py

archivo.
defschedule_conf( ):
agendas={}
agendas= {}
‘STATUS’ : ‘DISABLE’,
"SCHEDULES" : [
{‘OnceIn’ : 1,‘methodtocall’ :
unminschedule },
{‘OnceIn’ : 5,‘methodtocall’ :5minschedule
Regresocalendarios

Después de procesar los datos, los datos se empujan a la interfaz de usuario a través de la toma web. El gráfico de la barra es creado plotly para mostrar los datos crunched

código de referencia para el gráfico bar

x:[ data1 [i] [‘time1’]
Y:[ data1 [i] [valor]
Parcela nueva( ‘historia’, data123,layout, {displayModeBar:false, responde:
{scrollZoom: true} );

Creemos que usted será capaz de añadir su propio algoritmo similar a lo anterior.

hourly average chart

Generar alarmas de eventos

La variación de la temperatura se puede notar y mostrar en unwidgets. Para una cierta gama de valores de temperatura de los datos se mostrará en colores variados para alarmar por variaciones de temperatura. Aquí, los datos se mostrarán como rojos texto de colores si temperatura es superior a 500 grados Celsius (valor predeterminado) y texto de color azul si la temperatura está por debajo 500 grado Celsius. El rango de temperatura predeterminado se puede cambiar según su necesidad. Puedes agregar tus propios widgets y notificaciones a la interfaz de usuario mediante la personalización_ui_server.py archivo. Para programar sus alarmas usocustom_scheduler.py.

código de referencia para texto-widget

Si.( tecla ==“mensage-integer”Silencioso clave ==“Mensaje-float”Silencioso clave ==“Cantidad de mensaje”
var message= data1 [key] [‘message’][0] ;
document.getElementById(id).innerHTML = message + String.fromCharCode(176)+unit+ ;
}


live temperature data

Alertas para los operadores de pisos de la tienda

Se hace la comparación de datos entrantes con los datos promedios por hora anteriores. Se pueden crear alertas basado en los datos comparados. Si la temperatura supera la temperatura media horaria entonces los datos parpadean creando una alerta. Esto puede se hace añadiendo eventodisparadoresusando el módulo de programación. Añade tu propio algoritmo para crear alertas encustom_scheduler.py.

código de referencia para alarm_widget

Si.( p_avg) datos 3[‘msg’] [‘message’] [0]){
document.getElementById (“alert”).innerHTML=data3 [‘msg’] [‘message’] [0] +¡ALERT! + “Temperatura alta”;
}



creating an alert

Dashboard for IOT Application in a day

Todos los widgets creados por el desarrollador se puso en una página separada, ya que puede ser utilizado comodashboardpara ser proyectado/displayado en una pantalla más grande. Esto se ha hecho como una URL personalizada dentro de la custom_ui_server.py similar a la siguiendo el código snippet.

Añade tu URL aquí

defcustom_urls():
urllist= {}
“AUTHENTICATION”: “DISABLE ”,
"urls":[{“/extend/Dashboard”:dashboard}]
}
Regresourllist

La aplicación de hackathon IoT construida en un día está disponible enGitHubpor intentarlo. Pruebe nuestro MQTT Broker ahora para empezar a construir su aplicación hoy.