En la siguiente página se describe el uso del diseño de varias zonas y se tratan los siguientes temas:
Diseño de varias zonas le permite crear contenido de varias zonas y utilizar varios recursos, como vídeos, imágenes y texto, que se pueden combinar en una sola pantalla. Puede extraer imágenes, vídeos y texto, lo que le permite fusionarse y crear una experiencia digital intuitiva.
Según los requisitos del proyecto, a veces necesita varias zonas en un canal y editarlas como una unidad completa. Por ejemplo, una secuencia de productos con una fuente de medios sociales relacionada que se ejecuta en tres zonas independientes en un solo canal.
Antes de comenzar a implementar esta funcionalidad, asegúrese de tener los conocimientos conceptuales sobre:
Al crear un canal, puede utilizar diferentes plantillas para crear zonas en el canal. Puede añadir una sola imagen, vídeo o un canal incrustado que permita que se muestren varios recursos en una secuencia.
Creación de un canal
Seleccione el vínculo de Adobe Experience Manager (parte superior izquierda) y, a continuación, Screens. También puede ir directamente a: http://localhost:4502/screens.html/content/screens
.
Vaya a Canales y haga clic en Crear de la barra de acciones.
Seleccionar Canal de pantalla dividida 1x2 desde el Crear asistente.
Clic Siguiente e introduzca la variable title as MultiZone.
Clic Crear para completar la creación del canal.
Puede utilizar recursos únicos, como una imagen o un vídeo, en todas las zonas individuales. Siga los pasos a continuación para la implementación:
Adición de contenido al canal
Adición de imágenes al canal
Para reproducir una sola imagen o un vídeo en dos zonas, simplemente arrastre y suelte una imagen en cada zona del editor de canales, como se muestra en la figura siguiente:
Si desea que las zonas muestren una secuencia de imágenes y un vídeo en las diferentes zonas, siga los pasos a continuación para obtener más información.
Creación de una carpeta de canales
Adición de dos canales más a la carpeta del canal
La siguiente figura muestra los canales Zona1 y Zona2:
Las imágenes añadidas al editor de Zona1 canal de secuencia se muestra a continuación:
El vídeo añadido al editor de Zona2 canal de secuencia se muestra a continuación:
Adición de secuencias incrustadas (componente) al canal principal (MultiZone)
Vaya a Zonas —> Canales —> MultiZone.
Clic Editar en la barra de acciones para abrir el editor.
Arrastre y suelte el Secuencia incrustada a ambas zonas.
Seleccione la secuencia incrustada en una de las zonas.
Haga clic en Configurar Icono (llave inglesa) a una de las secuencias incrustadas en el editor.
Seleccione la ruta del canal como Zonas —> Canales —> EmbeddedChannels —> Zona1, como se muestra en la figura siguiente.
Del mismo modo, agregue Zona2 a otro componente de secuencia incrustado en el editor.
Cree una ubicación y una pantalla para ver el contenido en el reproductor Screens.
Creación de una ubicación
Creación de una visualización
Asigne los canales a la pantalla para ver el contenido. Siga los pasos a continuación para asignar el canal a la pantalla.
Asignación de canales a la pantalla
Vaya a Zonas —> Ubicaciones —> San José—> Vestíbulo.
Seleccione el Vestíbulo mostrar y hacer clic en Asignar canal de la barra de acciones.
Introduzca la ruta al MultiZone entrada de canal Ruta de canal.
Configure las variables Eventos admitidos as Carga inicial, Pantalla inactiva, y Temporizador.
Haga clic en Guardar.
Del mismo modo, debe asignar los otros dos canales incrustados (Zona1 y Zona2) a esta pantalla.
Una vez que asigne los tres canales a Vestíbulo para mostrar, debería poder ver los canales asignados desde el panel de visualización.
Una vez asignado el canal principal (en este caso, MultiZone) a la pantalla, es obligatorio asignar los otros dos canales incrustados Zona1 y Zona2 también en la misma pantalla.
Una vez que haya configurado una ubicación y una pantalla, siga los pasos a continuación para registrar el dispositivo y asignarle una pantalla.
Registro del dispositivo
Vaya a Zonas —> Dispositivos carpeta.
Seleccione el Dispositivos y haga clic en Administrador de dispositivos de la barra de acciones.
Clic Registro de dispositivos y seleccione el dispositivo pendiente de la lista.
El título del dispositivo debe coincidir con el token del dispositivo (Token ) se muestra en la Registro de dispositivos pestaña.
Si el código de registro coincide con el código del reproductor de Screens Registro de dispositivos pestaña, haga clic en Validate de la barra de acciones.
Introduzca el Título as Chrome-Device1 y haga clic en Registrar.
Seleccionar Asignar visualización y seleccione la ruta a la configuración del dispositivo.
Si intenta ver el contenido en el reproductor Screens, asegúrese de hacer clic en Actualizar contenido sin conexión del panel de canales para cada uno de los canales asignados a la visualización.
Una vez implementados los diseños de varias zonas siguiendo los pasos anteriores, se muestra el siguiente resultado.
Compruebe el reproductor Screens para ver la salida que muestra el contenido en dos zonas diferentes. Las zonas izquierda y derecha (ambas utilizan una secuencia incrustada como componente).
La zona izquierda es un canal de secuencia y la zona derecha incluye un vídeo.