Si desea experimentar con la señalización digital, puede recurrir a soluciones gratuitas como Concerto y Xibo. Ambos tienen sus méritos, pero Concerto es algo más complejo, menos flexible y más enfocado a grandes espacios públicos.
En este taller nos centramos enteramente en Xibo, que ya estaba disponible en 2006 bajo una licencia de código abierto AGPLv3. Xibo consta de dos componentes. Primero está la parte del servidor: una aplicación web PHP/MySQL, que se ejecuta tanto en Windows como en Linux. Este servidor actúa como módulo de gestión central de la red de displays. Aquí no sólo realiza todo tipo de tareas de control, sino que también carga aquí sus diseños y contenido multimedia, por ejemplo.
El cliente Xibo es un software que hace poco más que mostrar el contenido correcto en el momento adecuado en la pantalla conectada, según lo que ordene el servidor. Los creadores de Xibo recomiendan el cliente de Windows para una instalación estable, aunque también hay un cliente de Linux y Android. Sin embargo, esto último no es gratuito. El servidor y el cliente se pueden instalar en el mismo dispositivo físico, pero eso ciertamente no es un requisito. El servidor también puede ser otra máquina en la LAN o en algún lugar de Internet.
Los requisitos del servidor no son demasiado pesados. Ya necesita un servidor web, para el cual en principio pueden servir tanto Apache como IIS. Sin embargo, los desarrolladores no prueban activamente este último y, por lo tanto, no podemos recomendarlo. También necesitas PHP y una base de datos MySQL. Xibo es bastante exigente cuando se trata de soporte PHP. Necesita PHP 5.2.9, pero al mismo tiempo PHP 5.3 o superior a veces choca con ciertos componentes del servicio web Xibo.
Paso 1: instalar el servidor
Optamos por un servidor XAMPP sencillo y lo instalamos en un dispositivo con Windows 7 de 32 bits y 4 GB de RAM. Un sitio de descarga obvio es www.apachefriends.org/en/xampp-windows.html, pero en realidad se queda en el camino porque envía PHP 5.4.7 de forma predeterminada. Afortunadamente, existe una versión anterior que le gusta a Xibo: XAMPP 1.7.1. Puedes descargarlo en http://pcmagonline.net/link/xampp171 (34,8 MB). Luego comience la instalación.
Es posible que reciba una advertencia relacionada con UAC: no instale XAMPP en el directorio %Archivos de programa%pero preferiblemente deja la carpeta predeterminada c:xamp seleccionado. Una ventana más adelante podrás indicar inmediatamente que quieres ver ciertos componentes instalados como un servicio, pero tendrás la oportunidad de hacerlo más adelante. Con ‘Finalizar’ completas la instalación.
Paso 2: configurar el servidor
Ahora automáticamente se le dará la oportunidad de abrir el Panel de control de XAMPP. ¿No? Inicie esta aplicación usted mismo a través del menú de inicio de Windows. Coloque una marca de verificación Servicio, tanto con Apache como con MySQL. En ambos casos también indicas que realmente quieres iniciarlo como un servicio. Si absolutamente desea ejecutar el servidor en un puerto diferente (que no sea el 80): puede hacerlo mediante una intervención manual en el archivo de configuración. httpd.conf en el mapa xamppapacheconfighttpd.conf. Luego presione el botón ‘Inicio’ al lado de ambos servicios. Si todo está bien, aparecerá ‘En ejecución’ un momento después.
Paso 3: agregue seguridad MySQL
Por el momento, la base de datos MySQL todavía está abierta y expuesta porque no existe una contraseña para protegerla. Entonces tenemos que arreglar eso primero. Entonces presione el botón ‘Admin’ al lado de MySQL en el módulo de administración de XAMPP. Aparece la pantalla de configuración de PHPMyAdmin. Para establecer una contraseña de root, primero haga clic en ‘Derechos’ en la parte superior derecha. Luego haga clic en el ícono ‘Cambiar permisos’ al lado del usuario root servidor local. Desplácese hacia abajo e ingrese una contraseña segura (2x) en ‘Cambiar contraseña’. Luego haga clic en ‘Iniciar’.
Paso 4: instale el servidor Xibo
Ahora es el momento de instalar Xibo usted mismo. Para esto preferiblemente descargas la versión estable más reciente. xibo.org.uk/get-xibo. En el momento de escribir este artículo todavía es la 1.4.2, aunque ya existe una vista previa de la próxima versión (1.5.1).
Extraiga el archivo zip descargado y copie el contenido de la carpeta. servidor-xibo-142 a la carpeta (aún por crear) c:xampphtdocsxibo. Sin embargo, el servidor también necesita una carpeta para almacenar todos los archivos (media). Los creadores desaconsejan encarecidamente el uso de una subcarpeta dentro de XAMPP para esto. Nosotros optamos por c:xibobib.
Para instalar Xibo de manera efectiva, luego ajuste su navegador. http://localhost/xibo. Aparece el módulo de instalación de Xibo. Si todo está bien, no tienes que hacer mucho más que hacer clic dos veces en ‘Siguiente’ e indicar mediante el botón ‘Crear nuevo’ que deseas crear una nueva base de datos. Déjalo aqui servidor local en ‘Host’, ingresa root en ‘Nombre de usuario administrador’ y la contraseña que ingresaste anteriormente. Puede salir de xibo de forma segura con el nombre de la base de datos y el usuario. También proporciona una contraseña para esto. En otra ventana también se le pedirá una contraseña de administrador (xibo_admin). Dos pantallas más adelante indican dónde Xibo debe almacenar sus archivos multimedia (en nuestro ejemplo, eso era c:xibobib) e ingrese una cadena aleatoria como ‘Clave del servidor’ (por ejemplo, Xibo_PCMagazine). Presione ‘Siguiente’ dos veces nuevamente.
Paso 5: instalar y configurar el cliente Xibo
Para nuestra configuración de prueba lo mantenemos simple: instalamos el cliente en el mismo dispositivo. Encontramos el cliente correspondiente en https://launchpad.net/xibo/1.4/1.4.2. Es adecuado para Windows 2000 a 7 (Windows 8 aún no es compatible oficialmente). También necesita: .NET Framework 3.5, Internet Explorer 7, Flash Player 9, Windows Media Player 11 y, si lo desea, PowerPoint 2003; También son posibles versiones superiores.
Inicie el archivo msi descargado, presione ‘Siguiente’ tres veces y luego ‘Instalar’ y ‘Finalizar’. Eso es todo, pero aún se requiere cierta configuración inicial. Ahora puede iniciar el módulo de Opciones del Cliente Xibo desde el menú de inicio. En la pestaña ‘General’, ingrese la URL del servidor correcta (en nuestro caso: http://localhost/xibo) así como la correspondiente ‘Clave de Servidor’. Puedes dejar las otras configuraciones intactas. Guarde los cambios. Cambie a la pestaña ‘Registro’. Déle a su cliente un nombre claro y haga clic en ‘Registrarse’. Aquí aprenderá que la solicitud aún debe ser aprobada. Confirme con ‘Guardar’ y cierre el módulo.
Paso 6: configurar el servidor
Por lo tanto, para otorgar esta aprobación debemos iniciar sesión en el servidor Xibo como administrador. Esto se puede hacer en el propio servidor, pero también a través de un navegador web en otro dispositivo de red. navegar a http:///xibo/index.php e inicie sesión con el ID de xibo_admin.
En el módulo de gestión de Xibo, primero abra la sección ‘Pantallas’. Observa aquí el cliente que acaba de solicitar un registro. Haga clic en ‘Editar’ aquí. Desplácese hacia abajo, ingrese “Sí” en “Visualización de licencia” y confirme con “Guardar”. De vuelta al cliente: lo inicias desde el menú de inicio de Windows. Aparece el logotipo de Xibo, seguido un poco más tarde por lo que se proporciona en la ‘capa predeterminada’ en el lado del servidor. Puedes personalizarlo completamente. Cierra el reproductor con Alt+F4.
Paso 7: diseño
Desafortunadamente, no tenemos espacio aquí para discutir todas las partes de Xibo. Por ejemplo, no estamos hablando de la gestión de usuarios que permite otorgar diferentes derechos administrativos a diferentes grupos de usuarios. Le mostraremos cómo diseñar su propio diseño. Inicie sesión en el módulo de administración de Xibo y haga clic en ‘Panel de control’ y ‘Diseños’. Actualmente están limitados al diseño estándar. Haga clic en ‘Agregar diseño’ y complete los datos solicitados: nombre, descripción, etiquetas y plantilla. Con este último puedes elegir entre varios formatos, como ‘Pantalla completa 16:9’ y ‘Retrato 3:4’. Confirme su elección con ‘Guardar’. Puedes empezar a diseñar de inmediato; si es necesario, seleccione el nuevo diseño y haga clic en “Diseño”.
Paso 8: agrega fondo (imágenes).
Ahora verá inicialmente un área vacía. Ya puedes proporcionarle los antecedentes adecuados. Haga clic en ‘Fondo’ en la parte superior izquierda y establezca el color deseado. También es posible incluir una imagen, pero aún debes agregarla en esta etapa. Haga clic en ‘Agregar imagen’ y busque una imagen adecuada (bmp, gif, jpg o png; máximo 64 MB). O puedes inspirarte en cincuenta diseños en xibo.org.uk/layouts. Asigne un nombre a su imagen y determine cuánto tiempo debe durar (en segundos). Luego haga clic en ‘Guardar’.
Paso 9: Determinar el formato y el contenido de la región
Observa que, de forma predeterminada, solo tiene un área disponible dentro de su diseño. Quizás sería más conveniente poder poblar dos o tres regiones, cada una con su propio contenido. Primero elimine la región actual: haga clic derecho en ella y elija ‘Eliminar’. En el mismo menú contextual, elija ‘Agregar región’. Arrastre la región (de 50 por 50 píxeles) hasta que tenga las dimensiones y la ubicación deseadas dentro de su diseño. Ahora puedes agregar otras regiones de la misma manera.
Por supuesto, una región sin contenido sirve de poco. Lo resuelves de la siguiente manera. Haga clic derecho en la región deseada y elija ‘Línea de tiempo’. La línea de tiempo todavía está vacía, pero a la izquierda ya se pueden ver muchos tipos de contenido enumerados: un contador, html incrustado, conjuntos de datos, flash, imágenes, PowerPoint, texto, teletipo (canal RSS), microblog (tweets), vídeo y Página web. A modo de ejemplo (simple), elegimos aquí ‘Texto’. Introduce el texto deseado, dale forma e indica en qué dirección y a qué velocidad debe desplazarse el texto, durante cuánto tiempo debe estar visible y si debe adaptarse al formato de la región. Presione ‘Guardar’: el elemento se agrega a la línea de tiempo.
Paso 10: Contenido avanzado
Uno de los tipos de contenido más interesantes es el HTML incrustado. Esto le permite agregar todo tipo de código HTML y así recuperar varios widgets (gadgets) en línea en Xibo. Esto incluye, por ejemplo, códigos de Google Drive u otros servicios de almacenamiento en línea. Útil, porque entonces los coadministradores (con derechos limitados) solo tienen que ajustar ese elemento en línea en lugar de tener que trabajar con la interfaz Xibo. Aquí nuevamente lo mantendremos simple: un radar de lluvia. Puedes encontrarlo, por ejemplo. rss.weeronline.nl/index.php?module=overview&page=gadget. Buscar en Google también te permite seguir rápidamente la pista de otros dispositivos. Por ejemplo, si haces clic aquí en ‘Buienradar’, aparecerá un fragmento de código HTML: basta con pegarlo en la ventana del tipo HTML incrustado de Xibo. Guarde sus cambios y cierre la ventana.
Paso 11: Diseño del plan
La intención es, por supuesto, que usted también pueda ver su diseño en sus clientes. Puede hacerlo planificando ese diseño. Para hacer esto, abra la sección ‘Programación’. Ahora se muestra un calendario en miniatura a la izquierda, con una descripción general de los (grupos de) pantallas debajo. Coloque una marca de verificación junto a las pantallas para las que desea programar uno o más diseños y haga clic en el día en el que desea que estén activos. Ingrese una hora de inicio y finalización y seleccione el diseño deseado en el menú desplegable. También puede realizar cambios en cualquier momento haciendo clic en el nombre del diseño programado. Desde la misma ventana también es posible eliminar el diseño. En este último caso, también deberás indicar si realmente quieres eliminarlo de todas las pantallas que seleccionaste en el panel izquierdo. Luego podrás ver el resultado en el reproductor Xibo.
