Diseño de varias zonas

La página siguiente describe el uso del diseño de varias zonas y abarca los siguientes temas:

• Información general
• Creación de un diseño de varias zonas
• Requisitos previos
• Uso de recursos únicos en una o varias zonas
• Uso de contenido secuencial en una o varias zonas

Información general

El diseño de varias zonas le permite crear contenido de varias zonas y utilizar una gran variedad de recursos, como vídeos, imágenes y texto, que se pueden combinar en una sola pantalla. Puede obtener imágenes, vídeos y texto que le permitan combinarse y crear una experiencia digital intuitiva.

Según los requisitos del proyecto, a veces se necesitan varias zonas en un canal, así como poder editarlas como una sola unidad completa. Por ejemplo, una secuencia de productos con una fuente de medios sociales relacionada que se ejecuta en tres zonas distintas en un solo canal.

Requisitos previos

Antes de inicio de implementar esta funcionalidad, asegúrese de tener conocimientos conceptuales sobre:

• Creación de un proyecto de AEM Screens
• Creación de una visualización
• Asignación de un Canal a una pantalla

Creación de un diseño de varias zonas

Al crear un canal, puede utilizar distintas plantillas para crear zonas en el canal. Puede agregar una sola imagen, vídeo o un canal incrustado que permita mostrar varios recursos en una secuencia.

Crear un canal

1. Seleccione el vínculo de Adobe Experience Manager (superior izquierda) y, a continuación, Screens. También puede ir directamente a: http://localhost:4502/screens.html/content/screens.

2. Vaya a la carpeta Canales y haga clic en Crear desde la barra de acciones.

3. Seleccione Canal de pantalla dividida 1x2 en el asistente Crear.

4. Haga clic en Siguiente e introduzca el título como MultiZone.

5. Haga clic en Crear para completar la creación del canal.

Uso de recursos únicos 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:

1. Añadir contenido al Canal

   1. Vaya a Zones —> Canales—> MultiZone.
   2. Seleccione el canal MultiZone y haga clic en Editar en la barra de acciones para abrir el editor.

2. Añadir 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 canal, como se muestra en la figura siguiente:

   

Uso de contenido secuencial en una o varias zonas

Si desea que las zonas muestren la secuencia de imágenes y un vídeo en las distintas zonas, siga los pasos a continuación para obtener más información.

1. Creación de una carpeta de Canal

   1. Vaya a Zones —> MultiZone —> Canales y haga clic en Crear desde la barra de acciones.
   2. Seleccione Carpeta de Canales en el asistente Crear y haga clic en Siguiente.
   3. Escriba el título como EmbeddedChannels y haga clic en Crear.

   

2. Añadir dos canales más a la carpeta Canal

   1. Vaya a Zones —> Canales —> CanalesIncrustados y haga clic en Crear en la barra de acciones.
   2. Seleccione Canal de secuencia en el asistente Crear para crear un canal con el título Zone1.
   3. Seleccione Zone1 y haga clic en Editar en la barra de acciones para abrir el editor.
   4. Arrastre y suelte algunas imágenes en este canal.
   5. Del mismo modo, cree otro canal de secuencia denominado Zone2 en la carpeta EmbeddedChannels.
   6. Arrastre y suelte un vídeo en este canal.

   La siguiente figura muestra los canales Zone1 y Zone2:

   

   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:

   

3. Añadir secuencias incrustadas (componente) al canal principal (MultiZone)

   1. Vaya a Zones —> Canales —> MultiZone.

   2. Haga clic en Editar en la barra de acciones para abrir el editor.

   3. Arrastre y suelte el componente Secuencia integrada en ambas zonas.

   4. Seleccione la secuencia incrustada en una de las zonas.

   5. Haga clic en el icono Configurar (llave inglesa) en una de las secuencias incrustadas en el editor.

   6. Seleccione la ruta de canal como Zones —> Canales —> EmbeddedChannels —> Zone1, como se muestra en la figura siguiente.

   7. Del mismo modo, agregue Zone2 a otro componente de secuencia incrustado en el editor.

      

Creación de una ubicación y una visualización

Debe crear una ubicación y una pantalla para la vista del contenido en el reproductor de pantallas. Siga los pasos a continuación para crear una ubicación y una visualización.

1. Creación de una ubicación

   1. Vaya a la carpeta Zones —> Ubicaciones.
   2. Seleccione la carpeta Ubicaciones y haga clic en Crear en la barra de acciones.
   3. Seleccione Ubicación en el asistente Crear y haga clic en Siguiente.
   4. Escriba el Título como SanJosé y haga clic en Crear.

2. Creación de una visualización

   1. Vaya a la carpeta Zones —> Ubicaciones.
   2. Seleccione la ubicación SanJosé y haga clic en Crear en la barra de acciones.
   3. Seleccione Mostrar en el asistente Crear y haga clic en Siguiente.
   4. Escriba el Título como Punto de encuentro y haga clic en Crear.

Asignación de Canales a la pantalla

Debe asignar los canales a la pantalla para la vista del contenido. Siga los pasos a continuación para asignar el canal a la pantalla.

1. Asignación de Canales a la visualización

   1. Vaya a Zonas —> Ubicaciones —> SanJosé—> Punto de encuentro.

   2. Seleccione la pantalla Punto de encuentro y haga clic en Asignar Canal en la barra de acciones.

   3. Introduzca la ruta del canal MultiZone en Ruta de Canal.

   4. Configure los Eventos admitidos como Carga inicial, Pantalla inactiva y Temporizador.

   5. Haga clic en Guardar.

      

   6. Del mismo modo, debe asignar los otros dos canales incrustados (Zone1 y Zone2) a esta pantalla.

   7. Una vez que asigne los tres canales a la pantalla Punto de encuentro, deberá poder realizar la vista de los canales asignados desde el panel de visualización.

      

      IMPORTANTE

      Una vez asignado el canal principal (en este caso, MultiZone) a la pantalla, es obligatorio asignar los otros dos canales incrustados Zone1 y Zone2 también a la misma pantalla.

Registro del dispositivo

Una vez que haya configurado una ubicación y una pantalla, siga los pasos a continuación para registrar el dispositivo y asignar la visualización al dispositivo.

1. Registro del dispositivo

   1. Vaya a la carpeta Zones —> Dispositivos.

   2. Seleccione la carpeta Dispositivos y haga clic en Administrador de dispositivos en la barra de acciones.

   3. Haga clic en Registro del dispositivo y seleccione el dispositivo pendiente en la lista.

      NOTA

      El título del dispositivo debe coincidir con el token del dispositivo (Token campo) mostrado en la ficha Registro del dispositivo.

   4. Si el título coincide con el autentificador del dispositivo, seleccione el dispositivo y haga clic en Registrar dispositivo en la barra de acciones.

   5. Si el código de registro coincide con el código de la ficha Screens player Device Registration, haga clic en Validate en la barra de acciones.

      

   6. Introduzca el Título como Chrome-Device1 y haga clic en Registrar.

   7. Seleccione Asignar visualización y seleccione la ruta a la configuración del dispositivo.

   NOTA

   Si intenta vista del contenido en el reproductor de pantallas, asegúrese de hacer clic en Actualizar contenido sin conexión desde el panel de canal para cada uno de los canales asignados a la pantalla.

Visualización del resultado

Una vez implementados los diseños de varias zonas mediante los pasos anteriores, se muestra el siguiente resultado.

Compruebe el reproductor de pantallas para vista de la salida que muestra el contenido en dos zonas diferentes. Las zonas izquierda y derecha (ambas utilizan la secuencia incrustada como componente).

La zona izquierda es un canal de secuencia y la zona derecha incluye un vídeo.