Floorplan. Configuración en Home Assistant

Hoy os presentamos una serie de entradas gracias a las cuales podrás crear y configurar el floorplan de tu casa.

Con esto dispondremos de un plano a través del cual podremos interactuar con nuestro HA

Podrás controlar todos los interruptores, lámparas y sensores de tu casa desde una sola vista.

Además podrás mostrar simultáneamente toda la información que para ti sea relevante, como el estado de la alarma, la previsión del tiempo o la ubicación de los móviles.

Ten en cuenta que esto no es apto para principiantes ya que crear, configurar y mostrar correctamente el floorplan en tu Home Assistant es una tarea muy laboriosa que requiere toda tu atención.

Es por ello, por lo que para la elaboración de esta guía, contaremos con la inestimable ayuda de nuestros amigos @DawiES en la elaboracion y redacción el tutorial, y @mig77angel haciendo de betatester

Eso sí, te garantizamos que la satisfacción producida por el resultado obtenido supera con creces el trabajo invertido.

Recomendamos seguir previamente las guías para la configuración de Wunderground, Life360, la guia de  traccar y la guía para la instalación de la alarma, pues podremos integrar todo ello en el plano y además ya tendrás parte del trabajo hecho, pues la estructura de las carpetas es la misma

Una vez seguidas las anteriores guías, podremos comenzar a configurar nuestro plano.

Para esta guía se ha creado el siguiente plano para poder configurarlo todo. Mas adelante te explicaremos como crear el tuyo propio.

Configuración del floorplan

Empezaremos descargando los archivos necesarios desde aquí

A continuación crea las siguientes carpetas:

sudo mkdir -p /home/homeassistant/.homeassistant/www/custom_ui/floorplan/lib

sudo mkdir -p /home/homeassistant/.homeassistant/www/custom_ui/floorplan/images

Si lo has hecho mediante terminal con el usuario pi, debes cambiarlo al usuario homeassistant:

sudo chown -R homeassistant:homeassistant /home/homeassistant/.homeassistant/www

en el directorio floorplan debes copiar los siguientes archivos:

ha-floorplan.html
floorplan.svg
floorplan.css

y en el directorio lib estos otros:

jquery-3.2.1.min.js
moment.min.js
svg-pan-zoom.min.js

El archivo floorplan.yaml lo debes copiar en el directorio

/.homeassistant

La carpeta weather con los iconos del clima, debes copiarla en

/home/homeassistant/.homeassistant/www/custom_ui/floorplan/images

Para mostrar el floorplan en el frontend de Home Assistant recomendamos configurarlo como panel lateral

Debes copiar el archivo floorplan.html en el siguiente directorio:

/.homeassistant/panels

A continuación debes editar el archivo panel_custom.yaml que debes tener en /.homeassistant y añade lo siguiente:

- name: floorplan
  sidebar_title: Plano
  sidebar_icon: mdi:home
  url_path: floorplan
  config: !include floorplan.yaml

Si has llegado hasta aquí, reinicia tu HA y en el menú lateral verás que aparece «Plano». Esto lo puedes modificar a tu antojo en la linea sidebar_title.

Accede a esta pestaña y se mostrará el croquis de ejemplo.

En siguientes entradas te enseñaremos a crear el plano de tu casa y como sustituirlo para mostrarlo en HA

Hasta la próxima.