![\"\"](\"https:\/\/blogs.etsii.urjc.es\/dseytr\/wp-content\/uploads\/sites\/8\/2026\/05\/image-83-461x1024.png\"){kind=spacer}
<\/figure>\n<\/div>\n\n\nPara ello haremos uso de una Raspberry Pi junto al Arduino y otros componentes de los que hablaremos a continuaci\u00f3n.<\/p>\n\n\n\n
COMPONENTES<\/h2>\n\n\n\n
Antes de meternos en detalles de software o similar, debemos recopilar cu\u00e1les han sido todos los componentes que forman el modelo final.<\/p>\n\n\n\n
Para empezar, la estructura externa sobre la que se sustenta el espejo y en la que est\u00e1n todos los aparatos, cables y dem\u00e1s materiales ha sido realizada con impresi\u00f3n 3D, usando filamento PLA. <\/p>\n\n\n\n
El dise\u00f1o consiste en 4 m\u00f3dulos que se unen a trav\u00e9s de unos cilindros situados en los extremos (es decir, equiparando cilindros y agujeros que encajan entre piezas). De esta forma conseguimos transportarlo de forma m\u00e1s c\u00f3moda y no llevarlo montado siempre. Viene dise\u00f1ado espec\u00edficamente para que todo encaje bien, sobre todo el \u201cespejo\u201d.<\/p>\n\n\n\n
Adem\u00e1s, es lo suficientemente profundo para ser capaz de albergar la Raspberry Pi, Arduino, una protoboard y varios cables.<\/p>\n\n\n\n
Respecto al cristal, realmente usamos un metacrilato de doble v\u00eda. El efecto conseguido es el mismo, y nos facilitaba mucho la vida en t\u00e9rminos econ\u00f3micos. Otras alternativas son usar un cristal de doble v\u00eda (la opci\u00f3n m\u00e1s profesional, pero se va de presupuesto por bastante) o usar un cristal normal con un vinilo de efecto espejo. <\/p>\n\n\n\n
El tama\u00f1o es 30x30cm, un tama\u00f1o bastante v\u00e1lido para nuestro trabajo y sobre el que hemos construido la estructura 3D.<\/p>\n\n\n\n
Ahora podemos pasar a los componentes m\u00e1s t\u00e9cnicos, y no solo partes de la estructura. <\/p>\n\n\n\n
La lista de componentes y materiales usados en la fabricaci\u00f3n del prototipo final es la siguiente, sin incluir componentes no usados pero s\u00ed comprados para pruebas o de los que hab\u00eda intenci\u00f3n de usar, como LEDs o sensores.
<\/p>\n\n\n\n
Raspberry Pi Zero 2W<\/h4>\n\n\n\n
Esta placa es el n\u00facleo del proyecto ya que se encarga de ejecutar la interfaz gr\u00e1fica, conectarse a internet para obtener informaci\u00f3n en tiempo real y gestionar la comunicaci\u00f3n con Arduino y el resto de componentes. <\/p>\n\n\n\n
La raspberry pi ejecuta un sistema operativo basado en Linux y sobre ella corren los scripts en Python encargados de mostrar toda la interfaz del espejo inteligente. Este sistema operativo est\u00e1 instalado en una tarjeta micro SD que se incorpora a la raspberry.<\/p>\n\n\n\n
Pantalla<\/h4>\n\n\n\n
La pantalla utilizada es una pantalla TFT de 10,1 pulgadas. Esta tiene una resoluci\u00f3n de 1024×600 p\u00edxeles y se trata de una pantalla con una tecnolog\u00eda IPS integrada, lo que mejora los \u00e1ngulos de visi\u00f3n y la calidad de la imagen.<\/p>\n\n\n\n
Controlador LCD<\/h4>\n\n\n\n
Para poder utilizar la pantalla correctamente fue necesario emplear una placa controladora LCD HDMI. Este componente act\u00faa como intermediario entre la Raspberry Pi y la pantalla, ya que convierte la se\u00f1al HDMI de la Raspberry en una se\u00f1al compatible con la pantalla TFT.<\/p>\n\n\n\n
El controlador viene con un mando a distancia que se utiliza para controlar par\u00e1metros como brillo, contraste o modo de imagen de la pantalla.<\/p>\n\n\n\n
Sensor APDS-9960<\/h4>\n\n\n\n
Es el sensor principal que se conecta con Arduino. Funciona tanto como sensor de proximidad como sensor de gestos (tambi\u00e9n de colores, pero no lo usaremos). Para poder usarlo hemos tenido que soldarlo junto a los 6 pines que tiene, de forma que las conexiones fueran perfectas y no tener riesgo de que se perdiera en alg\u00fan momento. Usa una interfaz de comunicaci\u00f3n I2C a trav\u00e9s de los pines SDA y SCL. Tiene los t\u00edpicos pines de conexi\u00f3n a tierra y a voltaje (GND y VCC respectivamente), un pin INT que se conecta al pin digital D2 del arduino y es el que hace que funcionen los gestos. <\/p>\n\n\n\n
Por \u00faltimo, el pin VL es el que controla la corriente que le llega al LED infrarrojo, que precisamente es donde reside la magia del sensor. Este LED es el encargado de detectar tanto la proximidad como los gestos (es decir, a trav\u00e9s de sus 4 receptores puede detectar movimientos hacia arriba, abajo, izquierda y derecha).<\/p>\n\n\n\n
COSTES<\/h2>\n\n\n\nCOMPONENTE<\/td> PRECIO (euros)<\/td><\/tr> Raspberry Pi Zero 2W<\/td> 20<\/td><\/tr> Pantalla TFT<\/td> 15<\/td><\/tr> Controlador LCD<\/td> 30<\/td><\/tr> Sensor APDS-9960<\/td> 1,5<\/td><\/tr> Tarjeta micro SD<\/td> 25<\/td><\/tr> Metacrilato<\/td> 15<\/td><\/tr> Cables varios<\/td> 15<\/td><\/tr> Filamento PLA<\/td> 15<\/td><\/tr> Soldador<\/td> 11<\/td><\/tr> Total<\/td> 147,5<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\nAl final ha quedado un presupuesto bastante por encima de lo esperado pero que a\u00fan as\u00ed no nos permiti\u00f3 realizar el trabajo de forma \u00f3ptima.<\/p>\n\n\n\n
C\u00d3DIGO<\/h2>\n\n\n\n
El funcionamiento del espejo se sustenta en 3 archivos de c\u00f3digo: uno de Arduino, que controla el sensor, un script de Python que muestra la interfaz y permite navegar por ella, y otro script de Python que act\u00faa como puente entre las se\u00f1ales del sensor recibidas por Arduino y el script encargado de hacer funcionar el espejo. Vamos a entrar en detalle en cada uno de ellos:<\/p>\n\n\n\n
arduino_sensor.ino<\/h4>\n\n\n\n
El c\u00f3digo de arduino no es muy complejo y su funci\u00f3n es la de manejar el funcionamiento del sensor. <\/p>\n\n\n\n
La funci\u00f3n setup() simplemente inicializa el sensor, ajusta los par\u00e1metros de sensibilidad (c\u00f3mo recibe las se\u00f1ales tanto de proximidad como de gestos) y establece en el sensor que se active \u00fanicamente el modo de proximidad.<\/p>\n\n\n\n
En la funci\u00f3n loop() delimitamos ambos modos. Primero arranca como detector de proximidad; si alcanza un valor superior a 240 (es decir, acercamos el dedo directamente al sensor) cambiar\u00e1 a modo gestos y se desactivar\u00e1 la lectura de proximidad. <\/p>\n\n\n\n
Despu\u00e9s entra en el modo gestos, donde se encarga de leer las direcciones de forma correcta (en el c\u00f3digo est\u00e1n girados ya que la posici\u00f3n original del sensor es distinta a la que tenemos que usar para su disposici\u00f3n en el proyecto). Tambi\u00e9n tiene una forma de apagar acercando el dedo al sensor de nuevo, haciendo que vuelva al estado inicial.<\/p>\n\n\n\n
La vuelta a ese estado inicial se hace a trav\u00e9s de una funci\u00f3n resetearModo()<\/strong> que desactiva el modo de gestos y vuelve a activar el sensor de proximidad.<\/p>\n\n\n\npuente.py<\/h4>\n\n\n\n
Este archivo es bastante simple; solo recibe la se\u00f1al de START de Arduino (que ya hemos visto que es cuando el valor de proximidad del sensor llega a 255, es decir, a efectos pr\u00e1cticos, que hemos acercado el dedo al sensor) y genera un subproceso que ejecuta el script de la interfaz. Adem\u00e1s, genera una ventana negra para que sea m\u00e1s natural el paso del estado base a la interfaz real del sistema (en la pr\u00e1ctica, por la limitada capacidad de la raspberry pi, no funciona exactamente como deber\u00eda, pero esa es la idea tras esas l\u00edneas de c\u00f3digo).<\/p>\n\n\n\n
mirror_gui.py<\/h4>\n\n\n\n
Dentro de este script recogemos todo lo relativo a dise\u00f1o, navegaci\u00f3n, interpretaci\u00f3n de gestos y todo lo que dirige la interfaz. <\/p>\n\n\n\n
Antes de entrar en el c\u00f3digo, es importante hablar de los datos que se ofrecen. Tanto los datos de clima y temperatura ofrecidos, como las noticias, como las playlists y canciones que suenan a trav\u00e9s de Spotify, se obtienen conect\u00e1ndonos a las respectivas APIs (API de openWeather, Spotify for Developers y de El Pais). <\/p>\n\n\n\n
Adem\u00e1s, ha sido necesario el uso de distintas librer\u00edas. Destacamos la librer\u00eda spotipy<\/strong>, fundamental para manejar todo lo relacionado con la funcionalidad asociada a spotify (coger las playlists de la cuenta real, activar spotify y moverse entre canciones de forma real, coger im\u00e1genes de las canciones que se reproducen), y la librer\u00eda tkinter,<\/strong> que es la encargada de hacer todo lo gr\u00e1fico (colocaci\u00f3n de los elementos, abrir la ventana con esa est\u00e9tica).<\/p>\n\n\n\nRespecto al c\u00f3digo, se divide en distintas zonas que se encargan de funciones concretas dentro de la interfaz del espejo.<\/p>\n\n\n\n
La primera parte corresponde a toda la configuraci\u00f3n inicial del programa. Aqui se importan las librer\u00edas necesarias y se configuran elementos como las credenciales de Spotify, la API meteorol\u00f3gica o las variables globales. Tambi\u00e9n se inicializa la ventana principal de tkinter en pantalla completa.<\/p>\n\n\n\n
Posteriormente se definen todas las variables de navegaci\u00f3n. Estas variables almacenan informaci\u00f3n sobre el men\u00fa en el que nos encontramos actualmente, que ciudad del tiempo est\u00e1 seleccionada o qu\u00e9 playlist se encuentra activa.<\/p>\n\n\n\n
Tras esto nos encontramos con la secci\u00f3n que inicializa Spotify. Para ello usamos la librer\u00eda spotipy <\/strong>junto al sistema OAuth de Spotify for Developers. Luego existe una secci\u00f3n dedicada a la carga de im\u00e1genes c\u00f3mo los iconos de tiempo y Spotify. Estas im\u00e1genes son redimensionadas autom\u00e1ticamente para adaptarse correctamente a la interfaz.<\/p>\n\n\n\nA continuaci\u00f3n se construye toda la interfaz gr\u00e1fica utilizando tkinter. La parte superior de la pantalla contiene la hora y la fecha. Debajo se sit\u00faa el contenido que va cambiando dependiendo de la secci\u00f3n en la que se encuentre el usuario.<\/p>\n\n\n\n
El sistema de comunicaci\u00f3n con Arduino se implementa mediante la funci\u00f3n iniciar_serial(). <\/strong>Esta funci\u00f3n abre un puerto serie y mantiene un hilo secundario constantemente escuchando los datos enviados por Arduino. Cuando recibe palabras como \u201cRIGHT\u201d, \u201cLEFT\u201d, \u201cUP\u201d o \u201cDOWN\u201d, ejecuta autom\u00e1ticamente las funciones correspondientes de navegaci\u00f3n.<\/p>\n\n\n\nLas funciones gesto_derecha()<\/strong>, gesto_izquierda()<\/strong>, gesto_arriba()<\/strong> y gesto_abajo() <\/strong>son las encargadas de gestionar toda la navegaci\u00f3n del sistema. Dependiendo de la vista activa, un mismo gesto puede tener distintos efectos.<\/p>\n\n\n\nLa funci\u00f3n mostrar_menu() <\/strong>genera la pantalla principal del sistema. En ella aparecen los accesos principales al clima y Spotify, adem\u00e1s de una secci\u00f3n inferior con noticias recientes obtenidas autom\u00e1ticamente mediante RSS desde El Pa\u00eds.<\/p>\n\n\n\nPor otro lado, mostrar_tiempo()<\/strong> se encarga de toda la interfaz meteorol\u00f3gica. Esta funci\u00f3n realiza peticiones a la API de OpenWeather y muestra tanto el tiempo actual como una previsi\u00f3n por horas y por d\u00edas. Adem\u00e1s, se puede ver el tiempo en distintas ciudades.<\/p>\n\n\n\nLa parte relacionada con Spotify se divide entre las funciones mostrar_spotify()<\/strong>, play()<\/strong> y reproductor()<\/strong>. La primera muestra las playlists disponibles; la segunda inicia la reproducci\u00f3n de la playlist seleccionada; y la tercera construye la interfaz del reproductor musical.<\/p>\n\n\n\nFinalmente, el programa se ejecuta creando una instancia de la clase principal MagicMirror, que contiene toda la l\u00f3gica del sistema, y lanzando el bucle principal de tkinter mediante root.mainloop()<\/strong>. Esto mantiene activa la interfaz de forma permanente mientras el espejo est\u00e9 funcionando.<\/p>\n\n\n\nInterfaz<\/h4>\n\n\n\n
Nada m\u00e1s arrancar, se muestra la siguiente interfaz:<\/p>\n\n\n\n
La secci\u00f3n de noticias no es accesible m\u00e1s all\u00e1 (lo llegamos a implementar, pero abrir la noticia de forma extensa implica una capacidad de la raspberry con la que no contamos, por lo que la experiencia de uso empeorar\u00eda bastante, ya que de hecho ya limita algo los cambios de interfaces). <\/p>\n\n\n\n
La forma de navegar a trav\u00e9s de los gestos es:<\/p>\n\n\n\n
| COMPONENTE<\/td> | PRECIO (euros)<\/td><\/tr> |
| Raspberry Pi Zero 2W<\/td> | 20<\/td><\/tr> |
| Pantalla TFT<\/td> | 15<\/td><\/tr> |
| Controlador LCD<\/td> | 30<\/td><\/tr> |
| Sensor APDS-9960<\/td> | 1,5<\/td><\/tr> |
| Tarjeta micro SD<\/td> | 25<\/td><\/tr> |
| Metacrilato<\/td> | 15<\/td><\/tr> |
| Cables varios<\/td> | 15<\/td><\/tr> |
| Filamento PLA<\/td> | 15<\/td><\/tr> |
| Soldador<\/td> | 11<\/td><\/tr> |
| Total<\/td> | 147,5<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n Al final ha quedado un presupuesto bastante por encima de lo esperado pero que a\u00fan as\u00ed no nos permiti\u00f3 realizar el trabajo de forma \u00f3ptima.<\/p>\n\n\n\n C\u00d3DIGO<\/h2>\n\n\n\nEl funcionamiento del espejo se sustenta en 3 archivos de c\u00f3digo: uno de Arduino, que controla el sensor, un script de Python que muestra la interfaz y permite navegar por ella, y otro script de Python que act\u00faa como puente entre las se\u00f1ales del sensor recibidas por Arduino y el script encargado de hacer funcionar el espejo. Vamos a entrar en detalle en cada uno de ellos:<\/p>\n\n\n\n arduino_sensor.ino<\/h4>\n\n\n\nEl c\u00f3digo de arduino no es muy complejo y su funci\u00f3n es la de manejar el funcionamiento del sensor. <\/p>\n\n\n\n La funci\u00f3n setup() simplemente inicializa el sensor, ajusta los par\u00e1metros de sensibilidad (c\u00f3mo recibe las se\u00f1ales tanto de proximidad como de gestos) y establece en el sensor que se active \u00fanicamente el modo de proximidad.<\/p>\n\n\n\n En la funci\u00f3n loop() delimitamos ambos modos. Primero arranca como detector de proximidad; si alcanza un valor superior a 240 (es decir, acercamos el dedo directamente al sensor) cambiar\u00e1 a modo gestos y se desactivar\u00e1 la lectura de proximidad. <\/p>\n\n\n\n Despu\u00e9s entra en el modo gestos, donde se encarga de leer las direcciones de forma correcta (en el c\u00f3digo est\u00e1n girados ya que la posici\u00f3n original del sensor es distinta a la que tenemos que usar para su disposici\u00f3n en el proyecto). Tambi\u00e9n tiene una forma de apagar acercando el dedo al sensor de nuevo, haciendo que vuelva al estado inicial.<\/p>\n\n\n\n La vuelta a ese estado inicial se hace a trav\u00e9s de una funci\u00f3n resetearModo()<\/strong> que desactiva el modo de gestos y vuelve a activar el sensor de proximidad.<\/p>\n\n\n\n Este archivo es bastante simple; solo recibe la se\u00f1al de START de Arduino (que ya hemos visto que es cuando el valor de proximidad del sensor llega a 255, es decir, a efectos pr\u00e1cticos, que hemos acercado el dedo al sensor) y genera un subproceso que ejecuta el script de la interfaz. Adem\u00e1s, genera una ventana negra para que sea m\u00e1s natural el paso del estado base a la interfaz real del sistema (en la pr\u00e1ctica, por la limitada capacidad de la raspberry pi, no funciona exactamente como deber\u00eda, pero esa es la idea tras esas l\u00edneas de c\u00f3digo).<\/p>\n\n\n\n Dentro de este script recogemos todo lo relativo a dise\u00f1o, navegaci\u00f3n, interpretaci\u00f3n de gestos y todo lo que dirige la interfaz. <\/p>\n\n\n\n Antes de entrar en el c\u00f3digo, es importante hablar de los datos que se ofrecen. Tanto los datos de clima y temperatura ofrecidos, como las noticias, como las playlists y canciones que suenan a trav\u00e9s de Spotify, se obtienen conect\u00e1ndonos a las respectivas APIs (API de openWeather, Spotify for Developers y de El Pais). <\/p>\n\n\n\n Adem\u00e1s, ha sido necesario el uso de distintas librer\u00edas. Destacamos la librer\u00eda spotipy<\/strong>, fundamental para manejar todo lo relacionado con la funcionalidad asociada a spotify (coger las playlists de la cuenta real, activar spotify y moverse entre canciones de forma real, coger im\u00e1genes de las canciones que se reproducen), y la librer\u00eda tkinter,<\/strong> que es la encargada de hacer todo lo gr\u00e1fico (colocaci\u00f3n de los elementos, abrir la ventana con esa est\u00e9tica).<\/p>\n\n\n\n Respecto al c\u00f3digo, se divide en distintas zonas que se encargan de funciones concretas dentro de la interfaz del espejo.<\/p>\n\n\n\n La primera parte corresponde a toda la configuraci\u00f3n inicial del programa. Aqui se importan las librer\u00edas necesarias y se configuran elementos como las credenciales de Spotify, la API meteorol\u00f3gica o las variables globales. Tambi\u00e9n se inicializa la ventana principal de tkinter en pantalla completa.<\/p>\n\n\n\n Posteriormente se definen todas las variables de navegaci\u00f3n. Estas variables almacenan informaci\u00f3n sobre el men\u00fa en el que nos encontramos actualmente, que ciudad del tiempo est\u00e1 seleccionada o qu\u00e9 playlist se encuentra activa.<\/p>\n\n\n\n Tras esto nos encontramos con la secci\u00f3n que inicializa Spotify. Para ello usamos la librer\u00eda spotipy <\/strong>junto al sistema OAuth de Spotify for Developers. Luego existe una secci\u00f3n dedicada a la carga de im\u00e1genes c\u00f3mo los iconos de tiempo y Spotify. Estas im\u00e1genes son redimensionadas autom\u00e1ticamente para adaptarse correctamente a la interfaz.<\/p>\n\n\n\n A continuaci\u00f3n se construye toda la interfaz gr\u00e1fica utilizando tkinter. La parte superior de la pantalla contiene la hora y la fecha. Debajo se sit\u00faa el contenido que va cambiando dependiendo de la secci\u00f3n en la que se encuentre el usuario.<\/p>\n\n\n\n El sistema de comunicaci\u00f3n con Arduino se implementa mediante la funci\u00f3n iniciar_serial(). <\/strong>Esta funci\u00f3n abre un puerto serie y mantiene un hilo secundario constantemente escuchando los datos enviados por Arduino. Cuando recibe palabras como \u201cRIGHT\u201d, \u201cLEFT\u201d, \u201cUP\u201d o \u201cDOWN\u201d, ejecuta autom\u00e1ticamente las funciones correspondientes de navegaci\u00f3n.<\/p>\n\n\n\n Las funciones gesto_derecha()<\/strong>, gesto_izquierda()<\/strong>, gesto_arriba()<\/strong> y gesto_abajo() <\/strong>son las encargadas de gestionar toda la navegaci\u00f3n del sistema. Dependiendo de la vista activa, un mismo gesto puede tener distintos efectos.<\/p>\n\n\n\n La funci\u00f3n mostrar_menu() <\/strong>genera la pantalla principal del sistema. En ella aparecen los accesos principales al clima y Spotify, adem\u00e1s de una secci\u00f3n inferior con noticias recientes obtenidas autom\u00e1ticamente mediante RSS desde El Pa\u00eds.<\/p>\n\n\n\n Por otro lado, mostrar_tiempo()<\/strong> se encarga de toda la interfaz meteorol\u00f3gica. Esta funci\u00f3n realiza peticiones a la API de OpenWeather y muestra tanto el tiempo actual como una previsi\u00f3n por horas y por d\u00edas. Adem\u00e1s, se puede ver el tiempo en distintas ciudades.<\/p>\n\n\n\n La parte relacionada con Spotify se divide entre las funciones mostrar_spotify()<\/strong>, play()<\/strong> y reproductor()<\/strong>. La primera muestra las playlists disponibles; la segunda inicia la reproducci\u00f3n de la playlist seleccionada; y la tercera construye la interfaz del reproductor musical.<\/p>\n\n\n\n Finalmente, el programa se ejecuta creando una instancia de la clase principal MagicMirror, que contiene toda la l\u00f3gica del sistema, y lanzando el bucle principal de tkinter mediante root.mainloop()<\/strong>. Esto mantiene activa la interfaz de forma permanente mientras el espejo est\u00e9 funcionando.<\/p>\n\n\n\n Nada m\u00e1s arrancar, se muestra la siguiente interfaz:<\/p>\n\n\n\n La secci\u00f3n de noticias no es accesible m\u00e1s all\u00e1 (lo llegamos a implementar, pero abrir la noticia de forma extensa implica una capacidad de la raspberry con la que no contamos, por lo que la experiencia de uso empeorar\u00eda bastante, ya que de hecho ya limita algo los cambios de interfaces). <\/p>\n\n\n\n La forma de navegar a trav\u00e9s de los gestos es:<\/p>\n\n\n\n |