Siguiendo con la explicación de floorplan del anterior artículo Configuración del plano de tu casa con Floorplan en Home Assistant, y tal como prometimos, hoy te enseñaremos a crear tu propio plano personalizado.
Hay multitud de aplicaciones y páginas web para diseñar un plano para posteriormente implementarlo en HA pero en DomologyES nos decantamos por la página web: Floorplanner. Nos dirigimos a ella y nos creamos una cuenta gratuita para poder realizar nuestro plano.
En este punto, es importante mencionar que también se puede realizar mediante CAD. Una vez creado y exportado en archivo DXF, se puede importar a Inkscape para su edición.
Una vez registrados deberemos empezar con el plano, le daríamos a mis proyectos – nuevo proyecto
En la pantalla nos encontraremos con una serie de elementos, los cuales vamos a resumir aquí:
Si tenemos dos plantas en nuestra casa podemos clicarle en el menú de arriba donde pone: Planta baja y añadiremos tantas plantas como tengamos.
Una vez terminado el plano lo que haremos es exportarlo o en 2D o en 3D o en las dos opciones:
Si le damos a exportar nos mostrará el menú de a continuación, ahí deberemos de marcar que tipo de plano queremos y con qué orientación. El tipo de formato sería un JPG ya que el inkscape lo reconoce bien. Una vez tengamos todo ya rellenado deberemos darle a exportar y lo que hará el programa es mandarnos unos email con links para descargarnos las JPG de los planos realizados.
Ahora nos descargaremos el programa de Inkscape para poder adaptar el plano a formato SVG para que nos lo reconozca el HA, para lo cual descargaremos Inkscape a nuestro ordenador y recuerda que es un software open source y multiplataforma disponible para Windows, Mac OS X y Gnu Linux.
Antes de importarlo a inkscape, le quitaríamos las marcas que pudiera llevar el plano de medidas para hacerlo más limpio. Una vez realizado este paso, abriremos el inkscape y en archivo/propiedades del documento lo modificaríamos así y posteriormente importaríamos nuestro archivo:
Si vemos que en la pantalla la zona blanca del documento es más grande, vamos a propiedades del documento de nuevo y vamos jugando con las medidas hasta encajar nuestro plano.
Una vez realizado este paso nos dispondremos a empezar a importar iconos en formato SVG (Archivo / Importar) que previamente hemos descargado por ejemplo desde la página: materialdesignicons.com, ó flaticon.es.
En cuanto hayamos incorporado los iconos que necesitemos hemos de asociarlo a cada una de las entidades de Home Assistant.
Para ello, seleccionamos el icono que deseemos y clickamos botón derecho, para del menú desplegable que aparecerá seleccionar propiedades de objeto
Seleccionamos el entity de Home Assistant y lo indicamos en la casilla ID y le asignamos una etiqueta para identificar el icono cuando se te llene el plano.
Ta para finalizar no te olvides de clicar en Aplicar. Cuando hayamos integrado todos los iconos con sus respectivas ID, guardaremos el documento como SVG.
Nos dirigiremos a nuestra ruta que tengamos el plano de ejemplo que viene en el floorplan, en este caso sería /local/custom_ui/floorplan/ y cambiaremos el que hay por el nuestro que lo habremos nombrado floorplan.svg para así poder reemplazar el existente.
