Blog

Cómo mostrar un panel en directo en una pantalla de cartelería digital

Cómo mostrar un panel en directo en una pantalla de cartelería digital: Looker Studio, Power BI y Grafana, el problema del inicio de sesión sin supervisión, frecuencias de actualización y cortes sin conexión.

Un panel en vivo llega a una pantalla de una de dos maneras. Puede incrustar la propia página web del panel con el widget de página web, o enviar los datos a un DataSet y diseñarlos usted mismo. La incrustación tarda unos cinco minutos. Conseguir que un reproductor desatendido se autentique ante un panel privado, y mantenerlo autenticado durante los dos años siguientes, es la parte que lleva una tarde, y la parte de la que nadie escribe.

Este artículo cubre ambas rutas, y las dos preguntas que determinan si la pantalla resulta útil o se ignora: con qué frecuencia debe actualizarse, y qué muestra cuando la red está caída.

No existe un widget de gráficos, así que un gráfico es una incrustación o una imagen

Empiece por aquí, porque le ahorra una hora buscando una opción de menú que no existe. easyCMS no tiene un widget de gráficos. No puede apuntar el CMS a una hoja de cálculo y pedirle que dibuje un gráfico de barras.

Eso deja tres vías honestas para llevar un gráfico a una pantalla mural:

  • Una página web incrustada. El panel se construye y se renderiza en otro lugar, y la pantalla muestra esa página. Esto es lo que la mayoría entiende por un panel en cartelería digital.
  • El widget de paneles, un complemento que abarca servicios de paneles como Power BI.
  • Una imagen publicada. Exporte el gráfico como PNG y reprodúzcalo como cualquier otro medio. Aburrido, en caché, y nunca se queda en blanco. Para una cifra que cambia mensualmente, esta suele ser la respuesta correcta, y crearlo a la resolución propia de la pantalla lo mantiene nítido.

Si desea que los gráficos se dibujen dentro de la propia herramienta de cartelería, algunas plataformas por suscripción lo hacen mejor que nosotros. Las plataformas construidas alrededor de una biblioteca de aplicaciones ya hechas tienen mosaicos para esto, y nosotros no tenemos ningún mercado de aplicaciones. Si esa es la razón de ser del proyecto, es una razón válida para comprar una de ellas en su lugar.

Las tres fuentes que vale la pena usar

Casi todos los despliegues que vemos usan una de estas tres herramientas. El resto son variaciones sobre los mismos mecanismos.

Fuente Cómo llega a la pantalla Autenticación desatendida realista Ideal para
Looker Studio Widget de página web apuntando a la URL de incrustación del informe Uso compartido de enlace configurado con acceso de visualización para cualquiera que tenga el enlace Marketing, analítica web, cualquier cosa ya presente en el ecosistema de Google
Microsoft Power BI Widget de paneles (complemento), o widget de página web Publicar en la web donde la política lo permita; de lo contrario, una cuenta de servicio Informes de finanzas y operaciones en un entorno Microsoft
Grafana Widget de página web con modo quiosco en la URL Acceso anónimo de solo lectura limitado a la red interna Fabricación, operaciones de TI, cualquier cosa con una serie temporal

Looker Studio

Looker Studio es el nuevo nombre que recibió Google Data Studio en 2022, algo que vale la pena mencionar porque la mitad de los tutoriales en línea siguen usando el nombre antiguo. Si siguió uno de esos, no ha cambiado nada salvo la marca y la URL.

Cree el informe, configure el uso compartido del enlace para que cualquiera con el enlace pueda verlo, y ponga la URL del informe en un widget de página web. Los informes creados para una pestaña de navegador suelen necesitar una segunda copia, específica para la pantalla mural, con menos páginas y letra más grande. Eso lleva diez minutos y merece la pena hacerlo bien.

Microsoft Power BI

Power BI tiene un widget de paneles dedicado, pero es un complemento y no forma parte del conjunto estándar de widgets, así que consúltenos antes de crear el diseño.

La alternativa es el widget de página web apuntando a una incrustación de Power BI. Aquí es donde la mayoría de los proyectos de cartelería con Power BI se estancan, porque una URL de informe normal requiere una cuenta de Microsoft con sesión iniciada, y un reproductor no tiene quién inicie esa sesión.

Atención La función de publicar en la web de Power BI resuelve el problema de inicio de sesión haciendo que el informe sea legible por cualquier persona de internet que tenga el enlace. Eso es una publicación real, no un uso compartido privado. Muchas organizaciones la desactivan por política, y si la suya no lo ha hecho, compruebe qué contiene realmente el informe antes de usarlo en una pantalla del comedor.

Grafana

Grafana es el más fácil de los tres de llevar a una pantalla mural, por una razón: normalmente se ejecuta en su propia red, por lo que puede conceder acceso de solo lectura por ubicación de red en lugar de por cuenta de usuario. Añada el modo quiosco a la URL para eliminar los menús y el panel lateral, configure el parámetro de actualización, y apunte un widget de página web hacia ella.

Ese patrón funciona mejor en una fábrica o una sala de servidores, donde la pantalla y el servidor de Grafana están en la misma red interna. Más sobre esto en cartelería digital para fabricación.

La parte difícil: iniciar sesión en un reproductor que no tiene usuario

Un panel en su portátil funciona porque usted tiene la sesión iniciada. Un reproductor no tiene un usuario sentado delante, ni gestor de contraseñas, ni forma de responder a una solicitud multifactor. Cuatro enfoques funcionan realmente, y cada uno de ellos renuncia a algo.

Enfoque Quién puede ver los datos Sobrevive a un reinicio Esfuerzo Usar cuando
Enlace público de solo lectura Cualquiera que tenga la URL Sí Bajo Las cifras no le avergonzarían en un póster
Cuenta dedicada de bajo privilegio, con sesión iniciada en el reproductor Cualquiera que acceda al dispositivo No de forma fiable. Las sesiones caducan y aparecen solicitudes Medio, más una supervisión continua No hay ninguna otra opción disponible
Panel limitado a la red con lectura anónima Cualquiera en ese segmento de red Sí Medio, requiere un administrador de red Usted mismo aloja la herramienta de paneles
Exportación programada a un DataSet Solo las personas que pueden abrir su CMS Sí, es contenido en caché Medio, requiere un pequeño script Las cifras son sencillas y nunca debe fallar

De la aplicación práctica de estos enfoques surgen tres reglas.

Nunca inicie sesión en una pantalla con una cuenta personal. Cuando esa persona cambie su contraseña, rote su dispositivo MFA o se marche, la pantalla se queda en blanco y nadie relaciona ambos hechos durante una semana. Si debe usar una cuenta, que sea una cuenta dedicada con acceso a exactamente un informe y nada más.

Trate una sesión iniciada como temporal. El segundo enfoque parece funcionar bien el primer día y falla un martes cualquiera del cuarto mes. Si lo elige, coloque el panel en una región en lugar de en todo el diseño, para que el resultado en caso de fallo sea una pantalla parcial y no una página de inicio de sesión mostrada en 55 pulgadas.

Compruebe la ruta de red por separado. Su reproductor obtiene el contenido del CMS y no acepta conexiones entrantes, por lo que la cartelería en sí no necesita ningún puerto entrante abierto. Un panel es un segundo destino saliente distinto, y en una red segmentada a menudo necesita su propia regla de cortafuegos. Resuelva eso antes del día de instalación, no ese mismo día. Consulte requisitos de red.

El cuarto enfoque elimina el problema en lugar de gestionarlo, y volveremos a él al final.

Intervalos de actualización, y por qué diez segundos suele ser un error

Un panel sobre un escritorio lo lee alguien que busca algo. Un panel en una pared lo mira de reojo durante tres segundos alguien que pasa caminando a cuatro metros. Son tareas distintas, y la frecuencia de actualización es donde la gente se equivoca con más frecuencia.

Una cifra que cambia cada diez segundos no se puede leer, no se puede comparar con la cifra de al lado y no se puede confiar en ella, porque el espectador no tiene idea de si el movimiento significa algo. Además, genera una solicitud al servidor del panel cada diez segundos por pantalla, indefinidamente.

Qué está mostrando Frecuencia de actualización razonable Motivo
KPI mensuales o trimestrales Una vez por hora La cifra subyacente cambia una vez al mes
Ventas diarias, tickets cerrados, asistencia Cada 5 a 15 minutos Suficientemente rápido para parecer actual, suficientemente lento para poder leerse
Producción del turno, estado de la línea, cola actual Cada 1 a 5 minutos Operativo, pero aún legible
Alertas de seguridad, llamada de turno, andon Una página diseñada para ese fin, no un informe de BI Una herramienta de informes no es el instrumento adecuado

Hay dos frecuencias de actualización en juego y la gente las confunde. La herramienta del panel tiene su propio ajuste de frescura de datos, que controla con qué frecuencia vuelve a consultar la fuente. La pantalla tiene su propio ciclo, que controla con qué frecuencia se vuelve a cargar la página incrustada cuando el diseño vuelve a su turno. Ajustar el segundo a un minuto no sirve de nada si el primero está ajustado a una hora.

Consejo Ponga una marca de tiempo visible de «última actualización» en el propio panel. Cuesta un solo mosaico y convierte un panel congelado en silencio en un panel evidentemente congelado, que es la diferencia entre una reparación de cinco minutos y una de cinco semanas.

Qué muestra la pantalla cuando la red falla

Nada útil. Esta es, con diferencia, la mayor debilidad de los paneles incrustados, y conviene decirlo con claridad.

Un reproductor easyCMS descarga con antelación imágenes, vídeos, audio, PDF y diseños, y los reproduce desde el almacenamiento local, de modo que siguen funcionando durante un corte. Un panel, en cambio, se obtiene en el momento en que se reproduce. Cuando la conexión falla, la región queda en blanco o muestra un error del navegador mientras el resto del diseño sigue pareciendo normal, y nadie lo reporta, porque una pantalla encendida no parece averiada. Hay más información en cartelería digital sin internet.

Tres defensas:

  • Nunca le dé a un panel todo el diseño. Colóquelo en una región con contenido en caché al lado. Una esquina en blanco se interpreta como una decisión de diseño; una pantalla en blanco se interpreta como una avería.
  • Mantenga al menos un elemento en caché en cada rotación. Una imagen o un vídeo que siempre se reproduce y siempre funciona, para que la pared siga pareciendo intencionada cuando el mosaico en vivo no funcione.
  • Pídanos que activemos las alertas sin conexión para enterarse por el CMS y no por un encargado. Consulte supervisión de pantallas.

Pruébelo antes de la instalación desconectando el cable de red en el banco y observando un ciclo completo dos veces. Diez minutos bastan para detectar cada región muerta.

Diseñar para una pared, no para un escritorio

El fallo más común no es técnico. Es un panel diseñado para un monitor de 27 pulgadas a la distancia de un brazo, mostrado en una pared a cuatro metros, donde no se puede leer nada de él.

  • De cuatro a seis mosaicos, no dieciséis. Si no puede decir para qué sirve la pantalla en una frase, es que tiene demasiado contenido.
  • Tamaño de letra suficiente para leerse desde el otro lado de la sala. Como regla general, el texto más pequeño debe medir al menos 40 píxeles de alto en un lienzo de 1080p. Después, colóquese donde estará el público y compruébelo.
  • Sin información emergente, sin efecto al pasar el cursor, sin filtros, sin desglose. Nadie lo va a tocar, así que todo lo que solo revela su significado mediante interacción es invisible. Cada cifra necesita su etiqueta impresa al lado.
  • Diseñe en la resolución y orientación propias de la pantalla. Un lienzo ajustado a las dimensiones de la pantalla evita barras de desplazamiento y bandas negras, y el formato vertical necesita su propio diseño en lugar de un horizontal simplemente girado. Consulte resolución y orientación de pantalla.
  • Use el color de forma que signifique algo. El verde y el rojo deben significar bueno y malo de forma coherente en cada mosaico, y nada importante debe depender únicamente del color.
  • Diga cómo se ve el buen resultado. Una cifra sin objetivo es un dato anecdótico. «142» no significa nada. «142 frente a un objetivo de 130» significa algo para todo el que pase por delante.

Hay más información sobre qué tiene sentido en una pared de oficina en cartelería digital para comunicación interna.

Cuando un DataSet supera a un panel

Si sus cifras son sencillas, y la mayoría de las cifras de pared lo son, evite por completo el problema de la incrustación.

Un DataSet es una tabla dentro del CMS, que se rellena escribiendo directamente en ella o subiendo un CSV, y se muestra como texto o tabla en una región del diseño. Se guarda en caché en el reproductor como cualquier otro contenido, así que sigue mostrándose durante un corte. No hay inicio de sesión, ni sesión que caduque, ni servicio de terceros que pueda fallar.

El patrón que funciona: una tarea programada exporta las cifras de su sistema de origen a un CSV, ese CSV actualiza un DataSet, y el diseño lo muestra. La pantalla nunca se autentica frente a nada. Los detalles están en contenido dinámico con DataSets, y la guía práctica en cartelería digital a partir de una hoja de cálculo.

El compromiso es honesto: obtiene cifras y tablas sencillas, no gráficos. Si lo importante es el gráfico, incruste el panel. Si lo importante es que todos conozcan la cifra de producción de ayer, un DataSet es más fiable y cuesta menos trabajo mantener.

La versión breve

Construya el panel en Looker Studio, Power BI o Grafana, y luego colóquelo en la pantalla con el widget de página web, o el complemento dashboards para Power BI. Decida primero el enfoque de autenticación, porque condiciona todo lo demás. Actualización en minutos, no en segundos. Mantenga el panel en una región rodeada de contenido en caché y añádale una marca de tiempo. Cuando las cifras sean sencillas, use un DataSet y elimine ese modo de fallo.

Si no está seguro de cuál de las cuatro vías de autenticación encaja con su instalación, escriba a info@myeasycms.com describiendo dónde están los datos y quién puede verlos. El asistente y las guías son gratuitos para todos, y una hora de experto cuesta 25€ cuando quiere que una persona se encargue.

Lecturas relacionadas: páginas web y contenido incrustado, cartelería digital a partir de una hoja de cálculo, y cartelería digital para fabricación.

Ponga sus pantallas a trabajar hoy mismo

Un único pago de 49€, con su primera licencia de pantalla incluida. Nada se renueva, y las guías y el asistente son gratuitos.