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.
Pingback: Plano personalizado para Floorplan | Domology 2.0