Diseño de varias zonas
- Temas:
- Screens de autor
Creado para:
- Intermedio
- Administrador
- Desarrollador
En la siguiente página se describe el uso del diseño de varias zonas y se tratan los siguientes temas:
- Información general
- Creación de diseños de varias zonas
- Requisitos previos
- Uso de un solo Assets en una o varias zonas
- Uso de contenido secuenciado en una o varias zonas
Información general
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.
Requisitos previos
Antes de comenzar a implementar esta funcionalidad, asegúrese de tener los conocimientos conceptuales sobre lo siguiente:
Creación de diseños de varias zonas
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.
Creando un canal
-
Haga clic en el vínculo 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 la carpeta Canales y haga clic en Crear desde la barra de acciones.
-
Haga clic en Canal de pantalla dividida 1x2 del asistente Crear.
-
Haga clic en Siguiente e introduzca el título como MultiZone.
-
Haga clic en Crear para completar la creación del canal.
Uso de un solo Assets en una o varias zonas
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:
-
Agregando contenido al canal
- Vaya a Zonas > Canales> MultiZone.
- Haga clic en el canal MultiZone y luego en Editar en la barra de acciones.
-
Agregando 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:
Uso de contenido secuenciado en una o varias zonas
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.
-
Creando una carpeta de canal
- Vaya a Zonas > MultiZone > Canales y haga clic en Crear desde la barra de acciones.
- Haga clic en la carpeta Canales del asistente Crear y luego haga clic en Siguiente.
- Escriba el título como EmbeddedChannels y haga clic en Crear.
-
Agregando dos canales más a la carpeta del canal
- Vaya a Zonas > Canales > Canales incrustados y haga clic en Crear en la barra de acciones.
- Haga clic en Canal de secuencia del asistente Crear para crear un canal con el título
Zone1
. - Haga clic en
Zone1
y luego en Editar en la barra de acciones. - Arrastre y suelte algunas imágenes en este canal.
- Del mismo modo, cree otro canal de secuencia denominado
Zone2
en la carpeta EmbeddedChannels. - Arrastre y suelte un vídeo en este canal.
La siguiente figura muestra los canales
Zone1
yZone2
:Las imágenes agregadas al editor del canal de secuencia
Zone1
se muestran a continuación:El vídeo agregado al editor del canal de secuencia
Zone2
se muestra a continuación: -
Agregar secuencias incrustadas (componente) al canal principal (MultiZone)
-
Vaya a Zonas > Canales > MultiZone.
-
Haga clic en Editar en la barra de acciones.
-
Arrastre y suelte el componente Secuencia incrustada en ambas zonas.
-
Haga clic en la secuencia incrustada en una de las zonas.
-
Haga clic en el icono Configurar (llave inglesa) para añadir una de las secuencias incrustadas en el editor.
-
Haga clic en la ruta de acceso al canal como Zonas > Canales > Canales incrustados >
Zone1
, como se muestra en la figura siguiente. -
Del mismo modo, agregue
Zone2
a otro componente de secuencia incrustado en el editor.
-
Creación de una ubicación y una visualización
Cree una ubicación y una pantalla para poder ver el contenido en el Reproductor de AEM Screens.
-
Creando una ubicación
- Vaya a la carpeta Zonas > Ubicaciones.
- Haga clic en la carpeta Ubicaciones y luego en Crear en la barra de acciones.
- Haga clic en Ubicación en el asistente de Crear y luego en Siguiente.
- Escriba Title como SanJose y haga clic en Crear.
-
Creando una pantalla
- Vaya a la carpeta Zonas > Ubicaciones.
- Haga clic en la ubicación SanJose y luego en Crear en la barra de acciones.
- Haga clic en Mostrar en el asistente de Crear y luego haga clic en Siguiente.
- Escriba Title como Lobby y haga clic en Crear.
Asignación de canales a la pantalla
Asigne los canales a la pantalla para ver el contenido. Siga los pasos a continuación para asignar el canal a la pantalla.
-
Asignando canal a la pantalla
-
Vaya a Zonas > Ubicaciones > SanJose> Vestíbulo.
-
Haga clic en la pantalla Lobby y luego en Asignar canal en la barra de acciones.
-
Escriba la ruta al canal MultiZone en Ruta del canal.
-
Establezca los Eventos admitidos como Carga inicial, Pantalla inactiva y Temporizador.
-
Haga clic en Guardar.
-
Del mismo modo, asigne los otros dos canales incrustados (
Zone1
yZone2
) a esta pantalla. -
Después de asignar los tres canales a la pantalla Lobby, debería poder ver los canales asignados desde el panel de visualización.
IMPORTANTDespués de asignar el canal principal (en este caso, MultiZone) a la pantalla, es obligatorio asignar los otros dos canales incrustadosZone1
yZone2
también a la misma pantalla.
-
Registro del dispositivo
Cuando haya configurado una ubicación y una pantalla, siga los pasos a continuación para registrar el dispositivo y asignar la pantalla al dispositivo.
-
Registrando el dispositivo
-
Vaya a la carpeta Zonas > Dispositivos.
-
Haga clic en la carpeta Dispositivos y luego en Administrador de dispositivos en la barra de acciones.
-
Haga clic en Registro de dispositivo y haga clic en el dispositivo pendiente de la lista.
NOTEEl título del dispositivo debe coincidir con el token del dispositivo (campo Token) mostrado en la ficha Registro de dispositivo. -
Si el título coincide con el token del dispositivo, haz clic en el dispositivo y haz clic en Registrar dispositivo en la barra de acciones.
-
Si el código de registro coincide con el código de la ficha Registro de dispositivo del reproductor de Screens, haga clic en Validar en la barra de acciones.
-
Escriba Title como
Chrome-Device1
y haga clic en Registrar. -
Haga clic en Asignar pantalla y haga clic en la ruta de acceso a la configuración del dispositivo.
NOTESi intenta ver el contenido en el reproductor de Screens, asegúrese de hacer clic en Actualizar contenido sin conexión en el panel de canales para cada uno de los canales asignados a la pantalla. -
Visualización del resultado
Cuando se implementan diseños de varias zonas siguiendo los pasos anteriores, se muestra el siguiente resultado.
Compruebe el reproductor Screens para poder 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.