Layout de várias zonas multi-zone-layout

A página seguinte descreve o uso do layout de várias zonas e aborda os seguintes tópicos:

  • Visão geral
  • Criação de layout de várias zonas
  • Pré-requisitos
  • Uso de ativos únicos em uma ou mais regiões
  • Uso de conteúdo sequenciado em uma ou mais regiões

Visão geral overview

Layout de várias zonas O permite criar vários conteúdos de zona e usar vários ativos, como vídeos, imagens e texto, que podem ser combinados em uma única tela. Você pode inserir imagens, vídeos e texto, permitindo que todos se misturem e criem uma experiência digital intuitiva.

De acordo com os requisitos do projeto, às vezes você precisa de várias zonas em um canal e editá-las como uma unidade abrangente. Por exemplo, uma sequência de produtos com um feed de mídia social relacionado que é executado em três zonas separadas em um único canal.

Pré-requisitos prerequisites

Antes de começar a implementar essa funcionalidade, verifique se você tem o conhecimento conceitual sobre:

Criação de layout de várias zonas creating-multi-zone-layout

Ao criar um canal, é possível usar diferentes modelos para criar zonas no canal. Você pode adicionar uma única imagem, vídeo ou um canal incorporado que permite que vários ativos sejam exibidos em uma sequência.

Criação de um canal

  1. Selecione o link Adobe Experience Manager (canto superior esquerdo) e Screens. Como alternativa, você pode ir diretamente para: http://localhost:4502/screens.html/content/screens.

  2. Navegue até Canais e clique em Criar na barra de ações.

  3. Selecionar Canal de tela dividida 1x2 do Criar assistente.

  4. Clique em Próxima e insira o título as MultiZone.

  5. Clique em Criar para concluir a criação do canal.

Uso de ativos únicos em uma ou mais regiões using-single-assets-in-one-or-more-zones

Você pode usar ativos únicos, como uma imagem ou um vídeo, em todas as zonas individuais. Siga as etapas abaixo para a implementação:

  1. Adicionar conteúdo ao canal

    1. Navegue até Zonas > Canais> MultiZone.
    2. Selecione o MultiZone canal e clique em Editar na barra de ações.
  2. Adicionar imagens ao canal

    Para reproduzir uma única imagem ou um vídeo em duas zonas, basta arrastar e soltar uma imagem em cada zona no editor de canais, como mostrado na figura abaixo:

    imagem

Uso de conteúdo sequenciado em uma ou mais regiões using-sequenced-content-in-one-or-more-zones

Se quiser que as zonas exibam uma sequência de imagens e um vídeo nas diferentes zonas, siga as etapas abaixo para obter detalhes.

  1. Criação de uma pasta de canal

    1. Navegue até Zonas > MultiZone > Canais e clique em Criar na barra de ações.
    2. Selecionar Pasta de canais do Criar e clique em Próxima.
    3. Insira o título como EmbeddedChannels e clique em Criar.

    screen_shot_2018-12-19at125428pm

  2. Adição de mais dois canais à Pasta de canal

    1. Navegue até Zonas > Canais > EmbeddedChannels e clique em Criar na barra de ações.
    2. Selecionar Canal de sequência do Criar assistente para criar um canal intitulado como Zone1.
    3. Selecionar Zone1 e clique em Editar na barra de ações.
    4. Arraste e solte algumas imagens neste canal.
    5. Da mesma forma, crie outro canal de sequência chamado de Zone2 in EmbeddedChannels pasta.
    6. Arraste e solte um vídeo neste canal.

    A figura a seguir mostra os canais Zone1 e Zone2:

    screen_shot_2018-12-19at125930pm

    As imagens adicionadas ao editor de Zone1 canal de sequência são mostrados abaixo:

    screen_shot_2018-12-19at125930pm

    O vídeo foi adicionado ao editor do Zone2 o canal de sequência é mostrado abaixo:

    screen_shot_2018-12-19at125930pm

  3. Adicionar sequências incorporadas (componente) ao canal principal (MultiZone)

    1. Navegue até Zonas > Canais > MultiZone.

    2. Clique em Editar na barra de ações.

    3. Arraste e solte a Sequência incorporada componente às duas regiões.

    4. Selecione a sequência incorporada em uma das zonas.

    5. Clique em Configurar (chave inglesa) para uma das sequências incorporadas no editor.

    6. Selecione o caminho do canal como Zonas > Canais > EmbeddedChannels > Zone1, conforme mostrado na figura abaixo.

    7. Da mesma forma, adicione a variável Zone2 para outro componente de sequência incorporado no editor.

      imagem

Criação de um local e uma exibição creating-location

Crie um local e uma exibição para exibir o conteúdo no reprodutor do AEM Screens.

  1. Criação de um local

    1. Navegue até Zonas > Localizações pasta.
    2. Selecione o Localizações e selecione Criar na barra de ações.
    3. Selecionar Localização do Criar e selecione Próxima.
    4. Insira o Título as San Jose e selecione Criar.
  2. Criação de uma exibição

    1. Navegue até Zonas > Localizações pasta.
    2. Selecione o San Jose e selecione Criar na barra de ações.
    3. Selecionar Exibir do Criar e selecione Próxima.
    4. Insira o Título as Lobby e selecione Criar.

Atribuição de canais à exibição channel-channel

Atribua os canais à exibição para visualizar o conteúdo. Siga as etapas abaixo para atribuir o canal à exibição.

  1. Atribuição de canal à exibição

    1. Navegue até Zonas > Localizações > San Jose> Lobby.

    2. Selecione o Lobby exibir e selecionar Atribuir canal na barra de ações.

    3. Insira o caminho para o MultiZone entrada de canal Caminho do canal.

    4. Defina o Eventos suportados as Carga inicial, Tela inativa, e Temporizador.

    5. Selecione Salvar.

      imagem

    6. Da mesma forma, você deve atribuir os outros dois canais incorporados (Zone1 e Zone2) para essa exibição.

    7. Depois de atribuir todos os três canais à variável Lobby ser capaz de visualizar os canais atribuídos a partir do painel de exibição.

      imagem

      note important
      IMPORTANT
      Depois de atribuir o canal principal (neste caso, MultiZone) para a exibição, é obrigatório atribuir os outros dois canais incorporados Zone1 e Zone2 também para a mesma exibição.

Registrando o dispositivo registering-device

Depois de configurar um local e uma exibição, siga as etapas abaixo para registrar o dispositivo e atribuir a exibição ao dispositivo.

  1. Registrando o dispositivo

    1. Navegue até Zonas > Dispositivos pasta.

    2. Selecione o Dispositivos e selecione Gerenciador de dispositivos na barra de ações.

    3. Selecionar Registro do dispositivo e selecione o dispositivo pendente na lista.

      note note
      NOTE
      O título do dispositivo deve corresponder ao token do dispositivo (Token campo) exibido na Registro do dispositivo guia.
    4. Se o título corresponder ao token do dispositivo, selecione o dispositivo e Registrar dispositivo na barra de ações.

    5. Se o código de registro corresponder ao código no reprodutor do Screens Registro do dispositivo selecione Validar na barra de ações.

      imagem

    6. Insira o Título as Chrome-Device1 e selecione Registrar.

    7. Selecionar Atribuir exibição e selecione o caminho para a configuração do dispositivo.

    note note
    NOTE
    Se estiver tentando exibir o conteúdo no reprodutor do Screens, selecione Atualizar conteúdo offline no painel do canal para cada um dos canais atribuídos à exibição.

Exibir o resultado viewing-the-result

Quando você implementa layouts de várias regiões usando as etapas anteriores, a seguinte saída é exibida.

Marque o reprodutor do Screens para que você possa exibir a saída que exibe o conteúdo em duas zonas diferentes. As zonas esquerda e direita (ambas usam uma sequência incorporada como um componente).

A zona esquerda é um canal de sequência e a zona direita inclui um vídeo.

novo2-1

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