DocumentaciónAEMGuía de AEM Screens

Diseño de varias zonas multi-zone-layout

Last update: Mon Apr 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Intermediate
  • Admin
  • Developer

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 recursos únicos en una o más zonas
  • Uso de contenido secuenciado en una o varias zonas

Información general overview

Diseño de varias zonas 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.

NOTE
En canales de varias zonas, no se recomienda la programación en el nivel de recurso debido a posibles conflictos y a un comportamiento no deseado. Si es necesaria la programación a nivel de recurso, se recomienda crear un canal de secuencia independiente y aplicar la lógica de programación dentro de ese canal. A continuación, incruste el canal de secuencia en el canal de varias zonas.

Requisitos previos prerequisites

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 creating-multi-zone-layout

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

  1. 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.

  2. Vaya a Canales carpeta y seleccione Crear de la barra de acciones.

  3. Seleccionar Canal de pantalla dividida 1x2 desde el Crear asistente.

  4. Seleccionar Siguiente e introduzca la variable title as MultiZone.

  5. Seleccionar Crear para completar la creación del canal.

Uso de recursos únicos en una o más zonas using-single-assets-in-one-or-more-zones

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. Adición de contenido al canal

    1. Vaya a Zonas > Canales> MultiZone.
    2. Seleccione el MultiZone canal y seleccione Editar de la barra de acciones.

  2. 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:

    imagen

Uso de contenido secuenciado en una o varias zonas using-sequenced-content-in-one-or-more-zones

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.

  1. Creación de una carpeta de canales

    1. Vaya a Zonas > MultiZone > Canales y seleccione Crear de la barra de acciones.
    2. Seleccionar Carpeta de canales desde el Crear asistente y seleccione Siguiente.
    3. Escriba el título como EmbeddedChannels y seleccione Crear.

    screen_shot_2018-12-19at125428pm

  2. Adición de dos canales más a la carpeta del canal

    1. Vaya a Zonas > Canales > EmbeddedChannels y seleccione Crear de la barra de acciones.
    2. Seleccionar Canal de secuencia desde el Crear asistente para crear un canal con el título Zone1.
    3. Seleccionar Zone1 y seleccione Editar de la barra de acciones.
    4. Arrastre y suelte algunas imágenes en este canal.
    5. Del mismo modo, cree otro canal de secuencia llamado Zone2 in EmbeddedChannels carpeta.
    6. Arrastre y suelte un vídeo en este canal.

    La siguiente figura muestra los canales Zone1 y Zone2:

    screen_shot_2018-12-19at125930pm

    Las imágenes añadidas al editor de Zone1 canal de secuencia se muestra a continuación:

    screen_shot_2018-12-19at125930pm

    El vídeo añadido al editor de Zone2 canal de secuencia se muestra a continuación:

    screen_shot_2018-12-19at125930pm

  3. Adición de secuencias incrustadas (componente) al canal principal (MultiZone)

    1. Vaya a Zonas > Canales > MultiZone.

    2. Seleccionar Editar de la barra de acciones.

    3. Arrastre y suelte el Secuencia incrustada a ambas zonas.

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

    5. Seleccione el Configurar Icono (llave inglesa) a una de las secuencias incrustadas en el editor.

    6. Seleccione la ruta del canal como Zonas > 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.

      imagen

Creación de una ubicación y una visualización creating-location

Cree una ubicación y una pantalla para poder ver el contenido en el reproductor de AEM Screens.

  1. Creación de una ubicación

    1. Vaya a Zonas > Ubicaciones carpeta.
    2. Seleccione el Ubicaciones carpeta y seleccione Crear de la barra de acciones.
    3. Seleccionar Ubicación desde el Crear asistente y seleccione Siguiente.
    4. Introduzca el Título as San José y seleccione Crear.

  2. Creación de una visualización

    1. Vaya a Zonas > Ubicaciones carpeta.
    2. Seleccione el San José ubicación y seleccione Crear de la barra de acciones.
    3. Seleccionar Mostrar desde el Crear asistente y seleccione Siguiente.
    4. Introduzca el Título as Vestíbulo y seleccione Crear.

Asignación de canales a la pantalla channel-channel

Asigne los canales a la pantalla para ver el contenido. Siga los pasos a continuación para asignar el canal a la pantalla.

  1. Asignación de canales a la pantalla

    1. Vaya a Zonas > Ubicaciones > San José> Vestíbulo.

    2. Seleccione el Vestíbulo mostrar y seleccionar Asignar canal de la barra de acciones.

    3. Introduzca la ruta al MultiZone entrada de canal Ruta de canal.

    4. Configure las variables Eventos admitidos as Carga inicial, Pantalla inactiva, y Temporizador.

    5. Seleccione Guardar.

      imagen

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

    7. Después de asignar los tres canales al Vestíbulo para mostrar, debería poder ver los canales asignados desde el panel de visualización.

      imagen

      note important
      IMPORTANT
      Después de asignar el canal principal (en este caso, MultiZone) a la pantalla, es obligatorio asignar los otros dos canales incrustados Zone1 y Zone2 también en la misma pantalla.

Registro del dispositivo registering-device

Cuando haya configurado una ubicación y una pantalla, siga los pasos a continuación para registrar el dispositivo y asignarle una pantalla.

  1. Registro del dispositivo

    1. Vaya a Zonas > Dispositivos carpeta.

    2. Seleccione el Dispositivos carpeta y seleccione Administrador de dispositivos de la barra de acciones.

    3. Seleccionar Registro de dispositivos y seleccione el dispositivo pendiente de la lista.

      note note
      NOTE
      El título del dispositivo debe coincidir con el token del dispositivo (Token ) se muestra en la Registro de dispositivos pestaña.

    4. Si el título coincide con el token del dispositivo, seleccione el dispositivo y seleccione Registrar dispositivo de la barra de acciones.

    5. Si el código de registro coincide con el código del reproductor de Screens Registro de dispositivos pestaña, seleccione Validate de la barra de acciones.

      imagen

    6. Introduzca el Título as Chrome-Device1 y seleccione Registrar.

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

    note note
    NOTE
    Si intenta ver el contenido en el reproductor Screens, asegúrese de seleccionar Actualizar contenido sin conexión del panel de canales para cada uno de los canales asignados a la visualización.

Visualización del resultado viewing-the-result

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.

nuevo2-1

recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053