Mostrar un dashboard de Google Data Studio en una Raspberry Pi


En este tutorial podrás aprender a mostar una página web o rotar automáticamente entre varias en una Raspberry Pi.

Aquí podrás ver como se configura con una pantalla LCD de 3.5 pulgadas, pero también puedes mostar la información en un televisor o monitor ya que la Raspberry Pi cuenta con salida HDMI.

Contenido

Acerca de este proyecto

Antes de todo

Ten un poco de paciencia y sigue cada uno de los pasos, esto es como un mueble del IKEA, a la que te saltes un paso te arrepentirás toda la vida jeje.

¿Qué es una Raspberry PI?

Es un ordenador compacto de bajo coste, este es capaz de ejecutar un sistema operativo de escritorio como puede ser Linux.
Muchos lo comparan con un Arduino pero no tienen nada que ver, ya que como he dicho antes la Raspberry es lo más parecido a un ordenador.

Requisitos

Lista de la compra

Te dejo enlaces a las cosas que te harán falta:

Opcional

Instalar programas necesarios

Solo te hace falta descargar e instalar el programa Raspberry Pi Imager, este es compatible para windows, mac y linux.

Manos a la obra

Introduce la tarjeta SD a tu ordenador

Si tu ordenador tiene lector de tarjetas SD, tienes que poner la tarjeta micro SD en el adaptador a SD.

Si tu ordenador no tiene lector de SD, tendrás que usar el adaptador USB, en este puedes conectar directamente la tarjeta micro SD sin el adaptador a SD.

Instala el sistema operativo Raspbian en la SD

Abre el programa Raspberry Pi Imager, selecciona la tarjeta SD, en sistema operativo la primera opción la que pone recomendada (o en inglés Recommended) y dale al botón Write.

Esta operación puede tardar varios minutos, no hace falta que estés pendiente, en cuando termine te saldrá el mensaje “You can now remove the sd card from the reader”.

Cuando termine introduce la tarjeta micro SD en la Raspberry Pi.

Conecta la Raspberry a un teclado, ratón y monitor

El sistema operativo Raspbian es capaz de conectarse a un teclado y ratón mediante bluetooth.
También puedes usar un teclado y ratón con puerto PS/2, pero te hará falta un adaptador USB.

Conecta la Raspberry Pi a un televisor monitor de ordenador mediante el puerto HDMI, aunque hayas comprado la pantalla LCD de 3.5 pulgadas ya que posiblemente te aparezca la pantalla en blanco y no puedas hacer nada.

Por úlimo conecta la Raspberry a la corriente o al puerto USB de un ordenador.

Primeros pasos con el sistema operativo Raspbian

1. En la pantalla de bienvenida “Welcome to raspberry pi desktop”, pulsa en el botón “Next” (Siguiente).

2. En el paso “Set country”, elige tu país e idioma, por ejemplo:
Country: Spain
Language: European Spanish
Timezone: Madrid

¡Next!

3. En el paso “Change password”, tendrás que elegir la contraseña, si dejas los campso en blanco por defecto los credenciales serán:
Usuario: pi
Contraseña: raspberry

¡Next!

4. En el paso “Setup up screen”, si ves que no se está aprovechando el tamaño de la pantalla y te aparecen unos margenes negros activa la opción:
This screen shows a black border around the desktop

¡Next!

5. En el paso “Select wifi”, tienes que indicar la contraseña.

¡Next!

6. En el paso “Update software”, puedes saltartelo pulsando el botón “Skip”.

7. En el paso “Setup complete”, puede que te pregunte para reiniciar el sitema, pulsa en botón “Later”, ahora no es necesario.

Quitar pantalla de login

Cada vez que enciendes la Raspberry te preguntará por un usuario y contraseña, como he comentado antes por defecto son:
Usuario: pi
Contraseña: raspberry

Pero se puede desactivar esto para que no lo pregunte, para ello sigue estos pasos:

1. Abre la terminal, es un icono cuadrado negro que aparece en el menú con el símbolo >_

Nota: es posible que en muchos pasos sea necesario abrir la terminal, no hace falta que cierres la que tienes abierta, puedes seguir todo el tutorial con la misma ventana de la terminal.

2. Escribe este comando y pulsa intro:
sudo raspi-config

3. Con el teclado selecciona la opción:
Boot Options -> B1. Descktop / CLI -> B4 Desktop Autologin

4. Para guardar los cambios, pulsa en Finish.

5. Si te pregunta “would you like to reboot?”, marca que No.

Instalar navegador Chromium

Puede que por defecto ya esté instalado este navegador, en la terminal introduce este comando:
sudo apt install chromium-browser

Si ya lo tienes instalado te saldrá el mensaje:
0 actualizados, 0 nuevos se instalarán, 0 para eliminar y 0 no actualizados.

Si te pregunta, pulsa la tecla Y (de yes) e intro.

Instalar xdotool

Si solo quieres mostrar una sola página web puedes saltarte este paso, esto sirve para cambiar automáticamente de pestaña en el navegador para mostrar distintas páginas web.

Para instalarlo sigue estos pasos:

1. Abre la terminal.

2. Ejecuta el siguiente comando:
sudo apt install xdotool

Si te pregunta, pulsa la tecla Y (de yes) e intro.

Crear script para abrir el navegador y las páginas web

Esto es para que nada más arrancar el sistema operativo abrá el navegador.

1. Copia el código que quieras:

[sociallocker id=”1842″]
– Script para mostrar una página web
– Script para mostrar varias páginas web
[/sociallocker]

2. Abre la terminal.

3. Ejecuta este comando:
nano /home/pi/kiosk.sh

4. Con clic derecho del ratón podrás pegar el código en este editor.

5. Edita el código para mostrar las webs que quieras, más abajo verás como Crear el dashboard con Google Data Studio.
Si ahora no tienes el panel de data studio hecho, no importa, deja el código tal cual, luego lo puedes editar, puedes seguir con el tutorial.

Puedes ajustar el tiempo para cambiar a cada web, por defecto está puesto que cambie cada 60 segundos, eso define en esta línea:
sleep 60

6. Para guardar pulsa: CTRL+X, luego “S” e intro.

Nota: si más adelante quieres cambiarlo no hay problema, tendrás que cambiar la línea donde aparecen las webs, si quires cambiar lo de mostrar una web a varias, después del paso 3 tendrás que borrar el código del script y pegar el código para mostrar varias páginas web.

Ejecutar script de arranque

Antes hemos creado el script para abrir el navegador, ahora configuraremos el sistema operativo para que lo ejecute.

1. Abre la terminal.

2. Ejecuta el siguiente comando:
sudo nano /etc/xdg/lxsession/LXDE-pi/autostart

3. Al final del fichero introduce el siguiente código:
# evitar que se apague la pantalla
@xset s off
@xset -dpms
@xset s noblank

#abrir navegador
@sh /home/pi/kiosk.sh

4. Para guardar pulsa: CTRL+X, luego “S” e intro.

¿Tienes la pantalla LCD de 3.5 pulgadas?

Es posible que veas la pantalla en blanco, tranquilo hace falta instalar un driver:

1. Abre la terminal.

2. Ejecuta uno a uno cada uno de estos comandos línea por línea:
cd /home/pi
git clone https://github.com/goodtft/LCD-show.git
chmod -R 755 LCD-show
cd LCD-show/
sudo ./LCD35-show

Al ejecutar este último comando puede que reinicie la Raspberry Pi y la pantalla HDMI se quede en negro con letras blancas, ya no te hará falta usar el monitor.

Si quieres volver a usar el monitor o televisor en vez de la pantalla LCD introduce en la terminal estos comandos uno a uno:
cd /home/pi
cd LCD-show/
sudo ./LCD-hdmi

Al ejecutar este último comando puede que reinicie la Raspberry Pi.

Reiniciar Raspberry Pi

Si te has saltado el paso anterior de la pantalla LCD para ver los cambios tendrás que reiniciar la Raspberry Pi, eso lo puedes has desde el menú del sistema operativo o en la terminal ejecutando el comando:
reboot

Crear el dashboard con Google Data Studio

Realmente puedes mostrar cualquier página web en la Raspberry Pi, pero en este tutorial te voy a enseñar a mostrar un dashboard de Google Data Studio.

Crea un nuevo informe en Data Studio

Entra en la web de Data Studio, pulsa el botón “Nuevo” y selecciona la opción “Informe”.

Ajusta el tamaño del informe a tu pantalla

En este caso voy a enseñar los pasos para ajustar el tamaño del informe a la pantalla LCD de 3.5 pulgadas, al final son los mismos pasos aunque el tamaño sea diferente:

1. Haz clic derecho en el lienzo, selecciona la opción “Configuración de la página”

2. A la derecha verás un panel de propiedades de la página, selecciona la pestaña “Estilo”.

3. Introduce el tamaño en píxeles:

Ancho: 420 (sé que la pantalla LCD es de 480 píxeles, pero ajustado a este tamaño se veía mejor)
Alto: 320

Posibles problemas

Es posible que algunos elementos se vean cortados en la pantalla, en eso caso ajusta el tamaño de los elementos, muevelos hasta dar con el resultado que quieras.

Para ver los cambios realizados pulsa en el botón “Ver” en Data Studio y luego actualiza la página en el navegador en la Raspberry Pi.

Yo lo tengo así para que se me vea como en la foto de arriba.

Hacer que el dashboard sea accesible desde cualquier sitio con el enlace

1. Pulsa en el botón “Compartir” de la cabecera.

2. Entra en la pestaña “Gestionar acceso”.

3. Donde pone “Compartir mediante enlace”, selecciona:
Cualquier usuario con el enlace puede verlo.

4. Pulsa en el botón “Guardar”.

Copia el enlace del informe

1. Entra en el menú: Archivo – Insertar informe

2. Donde sale el código html, solo copia el enlace, por ejemplo:
https://datastudio.google.com/embed/reporting/xxxxx-9b4c-496b-ae24-b5f693be180f/page/jkbQB

Truco: Puedes usar bitly para acortar el enlace o será un coñazo escribirlo luego en la Raspberry Pi.

¿Quieres editar las páginas web que se muestran?

Te recomiendo volver a leer el apartado Crear script para abrir el navegador y las páginas web.

Fuentes

Este tutorial ha sido posible gracias a las personas que compartieron sus conocimientos:

Construye un contador con tus suscriptores de Youtube con Arduino
Construye un contador con las visitas en tiempo real de una web con Google Analytics y Arduino
Construye un contador para mostrar cualquier métrica con Arduino
Instalar el sistema operativo Raspbian en una SD
Bloquea la publicidad de todos los dispositivos conectados a tu red Wifi
Cómo tener la carta del menú de un bar o restaurante en formato audio accesible para personas ciegas
Publicado en: DIY