Después de automatizar luces, clima y aspersores con Home Assistant, Anton Frolov descubrió que su hogar rara vez abría la aplicación complementaria o el panel, dejando las funciones del hogar inteligente sin usar. Buscando una forma de hacer la interfaz acogedora para todos, decidió encargar una obra de arte personalizada de su hogar en lugar de depender de paneles de UI genéricos. Encontró al ilustrador Owen Yeconiel mediante una recomendación y le proporcionó un paquete que incluía un plano arquitectónico, fotos de las habitaciones, referencias de estilo, ejemplos de paneles y una especificación técnica breve que detallaba los formatos de archivo requeridos, las capas y las necesidades de animación.
El ilustrador Owen Yeconiel produjo un conjunto de imágenes PNG y WebP: cada piso y el jardín como capas separadas, con versiones de día y noche, y dispositivos individuales representados por imágenes estáticas para los estados apagados y bucles animados cortos para los estados encendidos. Todos los recursos comparten un tamaño y alineación de lienzo comunes, lo que permite colocarlos con precisión en la tarjeta de elementos de imagen de Home Assistant, donde la ilustración sirve de fondo y las imágenes de los dispositivos o las etiquetas de estado se sitúan encima como elementos que cambian mediante la propiedad state_image. Un script auxiliar y una automatización alteran entre los modos día y noche al atardecer y al amanecer, y los elementos condicionales muestran la capa nocturna solo cuando es necesario. Para dispositivos como el riego del jardín que carecen de un emergente nativo, Frolov utilizó la integración Browser Mod para lanzar diálogos personalizados, manteniendo la UI general sencilla.
Esta imagen forma parte del conjunto de ilustraciones creadas por Owen Yeconiel para el panel de Home Assistant de Anton Frolov, representando un piso de la casa como una capa para la tarjeta de elementos de imagen.
Esta imagen muestra las capas combinadas de todos los pisos y el jardín, alineadas a un lienzo común para su uso en la tarjeta de elementos de imagen de Home Assistant.
Esta animación representa uno de los estados de dispositivo creados por el ilustrador, donde los bucles cortos indican el estado 'encendido' para dispositivos como luces o interruptores.
Para mostrar el panel continuamente, Frolov instaló el complemento HAOS Kiosk Display, que dirige la página a una entrada HDMI en su televisor LG webOS, evitando la incapacidad del navegador de establecer una página web como protector de pantalla o página predeterminada. Aunque el control remoto del televisor no puede interactuar con el panel a través de HDMI, los miembros de la familia usan la aplicación móvil de Home Assistant o los marcadores del navegador cuando necesitan ajustar la configuración, y el panel se ejecuta según un horario durante las horas de la mañana y la tarde, proporcionando «una pantalla para toda la casa» que toda la familia ahora disfruta usando. Las vistas individuales de cada piso funcionan bien en los teléfonos, mientras que la vista combinada se beneficia de una pantalla del tamaño de una laptop, y la contribución del ilustrador se acredita directamente en el pie de página del panel.