A página a seguir descreve o uso do layout de várias zonas e aborda os seguintes tópicos:
O recurso Layout de várias zonas permite criar vários conteúdos de zonas e usar diversos 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 tudo se misture e crie uma experiência digital intuitiva.
De acordo com os requisitos do projeto, às vezes você precisa usar várias zonas em um canal e editá-las como uma unidade abrangente. Por exemplo, uma sequência de produtos com um feed de redes sociais relacionado executado em três zonas separadas em um único canal.
Antes de implementar esta funcionalidade, certifique-se de ter conhecimento conceitual sobre:
Ao criar um canal, você pode usar modelos diferentes para criar zonas em seu 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
Selecione o link do Adobe Experience Manager (parte superior esquerda) e o Screens. Em alternativa, pode aceder diretamente a: http://localhost:4502/screens.html/content/screens
.
Navegue até a pasta Canais e clique em Criar na barra de ações.
Selecione 1x2 Canal de tela dividida no assistente Criar.
Clique em Próximo e digite título como MultiZone.
Clique em Criar para concluir a criação do canal.
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:
Adicionar conteúdo ao Canal
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 mostra a figura abaixo:
Se desejar que as zonas exibam uma sequência de imagens e um vídeo nas diferentes zonas, siga as etapas abaixo para obter detalhes.
Criação de uma pasta de Canais
Adicionando mais dois canais à pasta Canal
A figura a seguir mostra os canais Zone1 e Zone2:
As imagens adicionadas ao editor do canal de sequência Zone1 são mostradas abaixo:
O vídeo adicionado ao editor do canal de sequência Zone2 é mostrado abaixo:
Adicionar sequências incorporadas (componente) ao canal principal (MultiZone)
Navegue até Zonas —> Canais —> MultiZone.
Clique em Editar na barra de ações para abrir o editor.
Arraste e solte o componente Sequência incorporada em ambas as zonas.
Selecione a sequência incorporada em uma das zonas.
Clique no ícone Configurar (chave) para uma das sequências incorporadas no editor.
Selecione o caminho do canal como Zones —> Canais —> EmbeddedChannels —> Zone1, conforme mostrado na figura abaixo.
Da mesma forma, adicione Zone2 a outro componente de sequência incorporado no editor.
Você deve criar um local e uma exibição para visualização do conteúdo no player do Screens. Siga as etapas abaixo para criar um local e uma tela.
Criação de uma localização
Criação de uma exibição
É necessário atribuir os canais à exibição para visualização do conteúdo. Siga as etapas abaixo para atribuir o canal à tela.
Atribuindo Canal à tela
Navegue até Zonas —> Locais —> SanJose—> Sala de espera.
Selecione a exibição Sala de espera e clique em Atribuir Canal na barra de ações.
Digite o caminho para o canal MultiZone em Caminho do Canal.
Defina Eventos suportados como Carregamento inicial, Ecrã inativo e Temporizador.
Clique em Salvar.
Da mesma forma, você deve atribuir os outros dois canais incorporados (Zone1 e Zone2) a essa exibição.
Depois de atribuir os três canais à tela Sala de espera, você deve ser capaz de visualização dos canais atribuídos do painel de exibição.
Depois de atribuir o canal principal (neste caso, MultiZone) à tela, é obrigatório atribuir os outros dois canais incorporados Zone1 e Zone2 também à mesma tela.
Depois de configurar um local e uma tela, siga as etapas abaixo para registrar o dispositivo e atribuir a exibição ao dispositivo.
Registrando o dispositivo
Navegue até a pasta Zonas —> Dispositivos.
Selecione a pasta Dispositivos e clique em Gerenciador de dispositivos na barra de ações.
Clique em Device Registration e selecione o dispositivo pendente na lista.
O título do dispositivo deve corresponder ao token do dispositivo (campo Token) exibido na guia Device Registration.
Se o título corresponder ao token do dispositivo, selecione o dispositivo e clique em Registrar dispositivo na barra de ação.
Se o código de registro corresponder ao código no player do Screens Registro do dispositivo, clique em Validar na barra de ação.
Digite Title como Chrome-Device1 e clique em Register.
Selecione Atribuir vídeo e selecione o caminho para a configuração do dispositivo.
Se você estiver tentando visualização do conteúdo no player do Screens, certifique-se de clicar em Atualizar conteúdo offline no painel do canal para cada um dos canais atribuídos à exibição.
Depois de implementar layouts de várias zonas usando as etapas anteriores, a saída a seguir é exibida.
Verifique o player do Screens para visualização na saída que exibe o conteúdo em duas zonas diferentes. As zonas esquerda e direita (ambas usam a sequência incorporada como um componente).
A zona esquerda é um canal de sequência e a zona direita inclui um vídeo.