UCI Editor: Creación y Administración

La Interfaz de Control de Usuario o UCI, provee los medios para que un usuario final controle parte del diseño de Q-SYS a través de un dispositivo en red,

como puede ser un Touchscreen de Q-SYS, una PC con Windows o un dispositivo IOS… La elección es tuya de darle acceso a las funciones, así como la cantidad de controles que deseas que el usuario tenga a la mano.

Por cierto, no olvides que la creatividad que uses en el diseño de tu UCI ayudará a mejorar la experiencia del usuario.

No te preocupes, ¡no requieres experiencia en programación para hacer una UCI!

Puedes construir una UCI muy completa con solo arrastrar cualquier elemento de control de Q-SYS desde el esquemático hacia el editor de UCI.

Por suerte, no necesitsa aprender una plataforma nueva para crear una UCI y no necesitsa un hardware de control adicional para correr las mismas.

Todo lo que se requiere es añadir una licencia de uso de UCI en tu procesador Core conocida como licencia de UCI Deployment.

Esta te permite desplegar sus UCI en cualquier dispositivo. En este video veremos los pasos esenciales para crear y editar las propiedades básicas de una UCI.

Nuestro primer paso es abrir el editor de UCI, navegando en el Panel izquierdo.

Lo primero que verás es que ya cuenta con una UCI nombrada Inventory Status (o estado del inventario), la cual muestra el estado de cualquier equipo en el diseño.

Estas están clasificadas por la ubicación brindada en las propiedades. Esta UCI No se puede quitar, renombrar o editar.

Esta pantalla es lo que llamamos el editor de UCI.

La interfaz de UCI ha reemplazado nuestra página principal de esquemático, y podrás ver un nuevo panel lateral que enlista todas las páginas, capas y objetos en esta UCI.

Hablaremos de estos en un minuto.

Primero, vamos a crear una nueva UCI presionando este ícono de “más” en el panel lateral.

Ahora, tenemos una UCI vacía con una página en blanco dentro de ella.

Podemos añadir casi cualquier control desde nuestro diseño hacia este espacio en blanco en el UCI, así como una variedad de imágenes externas.

Para añadir un control, solo abra el panel de control del componente, seleccione los controles que quiere y cópielos y péguelos en la ventana del UCI.

Yo usé los atajos de Ctrl+C y Ctrl+V, pero puede usar el menú desplegable con click derecho para seleccionar Copiar y Pegar.

De manera alterna, puede arrastrar estos controles hasta la pestaña superior con el nombre de su UCI para después soltarlos en su diseño.

O… y esto es lo que normalmente hago… puede desacoplar la ventana de la UCI, arrastrando su pestaña fuera de la pantalla principal.

O puede mover la ventana a un segundo monitor o puede dividir la pantalla soltando el botón del mouse en estos 4 íconos de división de pantalla. Al dividir tu pantalla se hace mucho más fácil el arrastrar controles de tu esquemático al UCI.

Pero antes de añadir muchas cosas a su UCI, debe estar seguro de que su panel tiene el tamaño adecuado para el dispositivo.

Si selecciona el nombre de su UCI y va a sus propiedades, puede elegir el tamaño del panel dentro de las opciones disponibles.

Una vez hecha esta selección, las dimensiones del editor de UCI se ajustarán automáticamente al dispositivo nuevo. Esto cambiará el tamaño del lienzo, pero no escalará ninguno de los objetos.

Así que, asegúrese de hacer esto antes, o terminará reorganizando todos los elementos de su UCI para ajustarse al su tamaño, si es que la construyó con un dispositivo incorrecto.

Hay una variedad de controles Touchscreen de QSC en esta lista, así como iPhones, iPads y opciones de relación de aspecto genérico para mostrar en una PC en red.

Para algunos de estos dispositivos, asegúrese de especificar si desea trabajar en modo horizontal (landscape) o vertical (portrait).

En la mayoría de los UCI, no podrás colocar todos los controles en una sola pantalla, aun si quisieras.

Así que, vamos a añadir una página nueva a su UCI, presionando el botón “Más” en la parte inferior y seleccionando “Add Page” (añadir página).

Ahora tenemos una página nueva y podemos añadir más contenido a ella.

Ahora su UCI tiene muchas páginas, así que necesitará decidir cómo quiere que el usuario navegue entre ellas.

Por defecto, las pestañas de navegación se añaden a un costado. Puede personalizar algunas propiedades básicas de estas páginas aquí a la derecha.

Puede cambiar el título (Title) para renombrar la UCI. Puede seleccionar un ícono que aparecerá en la pestaña de página.

Y puede seleccionar un color de relleno el cuál será usado tanto para el fondo de la página como para la pestaña.

Puede ajustar también la profundidad de esta pestaña arrastrando su borde con el mouse.

Para personalizar más estas pestañas, vamos a seleccionar la UCI y a ajustar sus propiedades.

Puede cambiar su ubicación y fijar la barra de navegación a la izquierda, derecha, abajo o arriba.

También puede cambiar la letra y añadir un borde (stroke) colorido con estos campos aquí.

Sin embargo, si no le gusta ninguna de estas opciones, hay otras formas de permitir al usuario la navegación entre páginas.

Realmente el usuario puede navegar entre páginas deslizando la pantalla a la izquierda o a la derecha, en lugar de botones de navegación.

En este caso, debería de cambiar la ubicación de las pestañas a “None” (ninguna) ya que no las usaremos.

Por otra parte, puede deshabilitar la habilidad de deslizar buscando la propiedad “Swipe Disabled” y activándola.

Ahora tenemos una UCI sin pestañas de navegación o posibilidad de deslizar – sin embargo, esto puede ser exactamente lo que usted quiere.

Verá, una cosa importante a tener en cuenta cuando se usan pestañas de navegación o el método de deslizar, es que eso dará al usuario acceso a todas las páginas de su UCI.

Pero digamos que tienes una página de mantenimiento que no quieres que los usuarios vean, o tal vez tienes una gran cantidad de páginas y quieres personalizar la interacción entre ellas. En este caso, vamos a usar botones de navegación.

Encontrarás este en la sección de diseño o “Layout”, en la librería del esquemático, en la carpeta de UCI.

El Botón de Navegación puede colocarse en cualquier parte del UCI y puedes cambiar su apariencia como cualquier otro botón.

La propiedad que necesitas ajustar es cuál página quieres abrir cuando se presiona.

Esto te permite crear su propia sección de navegación personalizada, y limitar la navegación del usuario basado en las opciones que tú le quieras presentar.

También vale la pena señalar que puedes escribir cualquier etiqueta en estos botones de navegación,

mientras que las pestañas de navegación solo mostrarán el nombre real de la página.

Hay algunas propiedades aquí que debemos mencionar, como la propiedad de habilitar deslizamiento en botones o “Enable Button Swipe”.

Esta propiedad te permite activar varios botones sin levantar el dedo de la pantalla.

Imagina una interfaz de voceo donde tienes que seleccionar varias zonas para tu mensaje.

Si Button Swipe está deshabilitado, entonces tendrás que seleccionar cada zona una por una.

Pero, si Button Swipe está habilitado, puedes hacer un barrido continuo y cada botón que toques en el camino se seleccionará.

Veamos también la propiedad de Private o “privado”.

Cuando hablemos acerca de desplegar estas UCI en otro video, aprenderás que un dispositivo Windows o IOS,

puede seleccionar manualmente la UCI de entre todas las que estén disponibles en la red.

Si quieres excluir una UCI en particular de esta lista, entonces activas la opción de Private.

Esto significa que la UCI puede ser desplegada solo por el touchscreen QSC a la que se le asigne.

Esto no es lo mismo que restringir el acceso a algún usuario en específico.

Si desea que se solicite una clave de acceso para usuario en un UCI, esto se debe hacer con la herramienta del Administrator.

Navega a la pestaña de User Control Interfaces y selecciona la UCI que desea proteger.

Habilita el botón “Requiere User Logon” o Solicita inicio de sesión de usuario, y la UCI mostrará un teclado en la pantalla en lugar de la UCI.

El usuario debe ingresar su número PIN, tal y como se configuró en la lista de usuario, si es que desea acceder al UCI.

Para salir, debes colocar un botón para hacer “Log Off”, encontrado en el folder Layout>UCI.

Algunas cosas más, ya que estamos en esta sección.

El botón Clean Screen o “limpiar pantalla” deshabilitará la UCI por 30 segundos, permitiéndote limpiar físicamente la pantalla.

Y el botón URL, permite especificar una dirección de red.

Al presionar este botón, se mostrará el navegador de red nativo y cargará su enlace.

Esto, obviamente, solo está disponible en una Tablet o PC con acceso a internet, no en un touchscreen QSC.

Y esto es el diseño estructural básico de cómo añadir UCI y ajustar sus propiedades y navegación.

Tómese un descanso rápido si lo desea. En los siguientes videos, veremos cómo puede personalizar la apariencia y cómo cargar el diseño a un touchscreen. Hasta la próxima.