MagicMirror 2

Iniciado por puntoCL, Enero 05, 2018, 11:06:56 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Un "Magic Mirror" es un espejo que además de reflejarnos, permite también mostrar varias informaciones que nos pueden ayudar en el día a día como agenda, noticias, tránsito, estado del tiempo, entre muchas otras disponibles por la comunidad "Magic Mirror ".

¡Manos a la obra!



Materiales

Software:

Hardware:

  • Monitor TFT / LCD "La pulgada es a gusto"
  • Kit Raspberry Pi
  • Tarjeta de memoria de al menos 4 GB de capacidad.
  • Acrílico transparente "Las dimensiones es a gusto"
  • Película espejo de una vía "One Way Solar Reflective Mirror Sticker"



La Construcción:

Para empezar fue necesario abrir el monitor con las llaves de tornillo adecuadas y medir la pantalla del mismo. Para esta pantalla de 17 "las medidas son de 36 cm de altura y 29,5 cm de longitud. Utilizando estos datos, fue necesario cortar el acrílico y la película a medida. Una vez que el corte del acrílico es gratuito en la tienda donde fue adquirido, no recomiendo cortar en casa con una sierra de corte, pues va a romper el mismo. Para el corte de la película, fue necesario echar la pantalla sobre la misma y cortar con el X-acto alrededor de la pantalla.



Con el acrílico y la película ya cortados, fue necesario retirar las películas protectoras del acrílico y de la película espejo y efectuar la aplicación de la película espejo con la pantalla. Este proceso se ha efectuado con cuidado y para evitar la creación de burbujas de aire, así como dejar pequeñas partículas de polvo debajo de la película. Al final identificé bastantes burbujas de aire, las cuales retiré quirúrgicamente perforando las mismas con un alfil fino. Como pueden verificar el resultado no fue el mejor pues la película no llegó en las mejores condiciones habiendo sufrido bastante en el transporte. Sin embargo y teniendo en cuenta el propósito, lo aplicé en la misma.



Con el x-acto cortar dos tiras finas de cinta adhesiva de doble cara para poder pegar el acrílico preparado anteriormente en la pantalla.

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Como la pantalla montada, podemos volver a montar el monitor en su capa exterior terminando así esta fase de construcción.



software:
Para este propósito decidí utilizar como base una distribución del sistema operativo linux, simple y ligera como el Raspbian Strech Lite.

En primer lugar es necesario descargar el mismo disponible en el sitio oficial. Después de la descarga de la distribución tenemos que colocarla en la tarjeta utilizando el método indicado en el artículo, cambiando sólo el archivo de la misma.

Una vez finalizado el proceso anterior, vamos a pasar a la configuración del sistema operativo, instalación y personalización de MagicMirror².

configuración:

Actualizar la distribución:

Código: php
sudo apt-get update && sudo apt-get upgrade -y




Actualizar el firmware

Código: php
sudo rpi-update




Instalación de los requisitos

Código: php
sudo apt-get -y install xorg x11-xserver-utils chromium-browser git libgtk-3-0


Eliminar los archivos temporales de instalación

Código: php
sudo apt-get clean


Instalar MagicMirror²

Código: php
https://raw.githubusercontent.com/MichMich/MagicMirror/master/installers/raspberry.sh | bash




Después de la correcta instalación de MagicMirror² tendremos que parar la ejecución del mismo a través del comando

Código: php
pm2 stop MagicMirror


Personalización del sistema operativo:

Abrir el archivo /etc/rc.local y agregar las líneas antes de la línea "exit 0":

Código: php
iwconfig wlan0 power off
su -s /bin/bash -c "startx -- -nocursor" pi&


Estas líneas deshabilitar la administración de energía del controlador inalámbrico para evitar errores de sincronización y permitirá el inicio del escritorio con el usuario pi y sin el cursor del ratón, respectivamente.

Cambiar la línea "allowed_users=console" a "allowed_users=anybody" del archivo /etc/X11/Xwrapper.config

Abrir el archivo /home/pi/.xinitrc y añadir las siguientes líneas:

Código: php
export DISPLAY=:0.0
xset s off
xset s noblank
xset -dpms
cd /home/pi/MagicMirror
node serveronly &
chromium-browser --noerrdialogs --kiosk --incognito http://localhost:8080


Estas líneas permitirán a MagicMirror² arrancar inmediatamente después de iniciar el sistema, sin el protector de pantalla activa y el control de energía de la pantalla.

Personalización del "Magic Mirror":

Gracias a la No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
están disponibles muchos más módulos para poder agregar, sin embargo vamos a configurar los que están disponibles originalmente. Todas las configuraciones para estos módulos están disponibles en el fichero "/home/pi/MagicMirror/config/config.js" siendo necesario cambiarlo.

Información meteorológica:

Para obtener su información a través de la API es necesario registrarse en el sitio: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Reemplace el campo "YOUR_OPENWEATHER_API_KEY" por la clave disponible en: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Es necesario también cambiar la identificación y el nombre de la ubicación, que pueden consultar en: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

La configuración debe parecerse al siguiente ejemplo:

Código: php
config: {
location: "Lisbon",
locationID: "2267057",  //ID from http://www.openweathermap.org/help/city_list.txt
appid: "YOUR_OPENWEATHER_API_KEY" //from https://home.openweathermap.org/api_keys
}


Calendário:

Para añadir el calendario simplemente cambiar la forma en que el campo de dirección URL con la dirección de un calendario en formato ICS, como el siguiente ejemplo actualizado con las fiestas portuguesas y una vía de ejemplo para el calendario de Google:

Código: php
calendars: [
{
symbol: "calendar-check-o ",
url: "webcal://calendarr.com/portugal/ics/"
},
{
symbol: "calendar-check-o ",
url: "https://calendar.google.com/calendar/ical/MY_INFO.ics"
}
]


Noticias:

Para añadir una fuente de noticias basta con cambiar la ruta del campo url con la dirección de una fuente en el formato xml, según el siguiente ejemplo actualizado con las noticias de Pplware:

Código: php
feeds: [
{
title: "New York Times",
url: "http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml",
},
{
                title: "Pplware",
                        url: "https://pplware.sapo.pt/feed/"
                }
]


CSS:

Para optimizar el espacio disponible de la pantalla, es necesario cambiar el archivo "/home/pi/MagicMirror/css/custom.css" con las siguientes líneas:

Código: php
body {
        margin:0px;
        position:unset;
}

.region.bottom {
        bottom:3%;
}

.region.right{
        right:3%;
}


Esta imagen indica el problema que estaba teniendo y la solución después de cambiar el archivo CSS





Fuente: No tienes permitido ver los links. Registrarse o Entrar a mi cuenta