6.13 Configuración avanzada de la interfaz principal
Estimación adicional de dedicación a la actividad: 3 horas
Esta última actividad del módulo se dedicará a mostrar como configurar la interfaz principal de openHAB para mejorar la presentación del hogar.
Aprenderás a cambiar el tema por defecto (poner el modo oscuro), personalizar las pestañas de la página principal, crear contenido en la pestaña "vista General", crear Widgets para mejorar la representación de los distintos elementos, crear una página que represente el plano de la casa, hacer páginas de gráficos, crear nuevas páginas, etc.
Aquí tienes disponible el widget que se ha usado en la actividad para ser usado en un Equipment de un multisensor donde los nombres de los ítems tienen que terminar con las palabras _Sensordetemperatura, _Sensordesensaciontermica y _SensordeHumedad. Es decir, los nombres completos de los ítems son SensormultiplesalonMQTT_Sensordetemperatura, SensormultiplesalonMQTT_Sensordesensaciontermica y SensormultiplesalonMQTT_SensordeHumedad. Si tus ítems no se llaman así o no terminan por esas palabras, tendrás que editar el widget para ajustarlos.
Además en el video se propone usar el equipamiento de nombre SensormultiplesalonMQTT para asignarlo al widget. De esta forma, se compondrá el nombre completo de cada ítem concatenando el nombre del equipamiento con la parte final del nombre del ítem. Esto se indica, por ejemplo para el de temperatura, en las línea 67 y 69 del widget, donde puede verse que el nombre completo del ítem está indicado por [props.item + '_Sensordetemperatura'], donde props.item hace referencia al equipamiento que se va a usar para aplicar el widget.
Pero si tus ítems usan otra nomenclatura, por ejemplo Salon_Termperatura, además de cambiar las líneas adecuadas en el widget para poner _Temperatura en vez de _Sensordetemperatura, puedes usar la localización de nombre Salón, de tal forma que al concatenar
el nombre de la localización con el del texto que se ha puesto en el widget, se obtenga el nombre del ítem correcto.
Si tu sensor es de tipo Number:Temperature, en vez de Number
, que es lo que espera este widget, cambia en la línea 45 y 66 la palabra displayState por
state. Y en este caso también debes borrar el texto +" ºC" del final de la línea porque el tipo Number:Temperature ya lo añade.
