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
- Utilização de Assets único em uma ou mais regiões
- Uso de conteúdo sequenciado em uma ou mais regiões
Visão geral overview
O Layout de várias zonas permite que você crie conteúdo de várias zonas e use 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. É possível adicionar uma única imagem, vídeo ou canal incorporado que permita a exibição de vários ativos em uma sequência.
Criando um Canal
-
Clique no link do Adobe Experience Manager (canto superior esquerdo) e depois em Screens. Como alternativa, você pode ir diretamente para:
http://localhost:4502/screens.html/content/screens
. -
Navegue até a pasta Canais e clique em Criar na barra de ações.
-
Clique em Canal de tela dividida 1x2 no assistente Criar.
-
Clique em Avançar e insira o título como MultiZone.
-
Clique em Criar para concluir a criação do canal.
Utilização de Assets único 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:
-
Adicionando conteúdo ao canal
- Navegue até Zonas > Canais> MultiZone.
- Clique no canal MultiZone e clique em Editar na barra de ações.
-
Adicionando 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:
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.
-
Criando uma Pasta de Canal
- Navegue até Zonas > MultiZona > Canais e clique em Criar na barra de ações.
- Clique em Pasta de canais no assistente Criar e clique em Avançar.
- Insira o título como EmbeddedChannels e clique em Criar.
-
Adicionando mais dois canais à Pasta de Canal
- Navegue até Zonas > Canais > EmbeddedChannels e clique em Criar na barra de ações.
- Clique em Canal de Sequência no assistente Criar para criar um canal denominado
Zone1
. - Clique em
Zone1
e em Editar na barra de ações. - Arraste e solte algumas imagens neste canal.
- Da mesma forma, crie outro canal de sequência chamado
Zone2
na pasta EmbeddedChannels. - Arraste e solte um vídeo neste canal.
A figura a seguir mostra os canais
Zone1
eZone2
: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: -
Adicionando sequências inseridas (componente) ao canal principal (MultiZone)
-
Navegue até Zonas > Canais > MultiZone.
-
Clique em Editar na barra de ações.
-
Arraste e solte o componente Sequência Incorporada em ambas as zonas.
-
Clique na sequência incorporada em uma das zonas.
-
Clique no ícone Configurar (chave inglesa) para uma das sequências inseridas no editor.
-
Clique no caminho do canal como Zonas > Canais > EmbeddedChannels >
Zone1
, conforme mostrado na figura abaixo. -
Da mesma forma, adicione
Zone2
a outro componente de sequência inserido no editor.
-
Criação de um local e uma exibição creating-location
Crie um local e uma exibição para exibir o conteúdo no AEM Screens Player.
-
Criando um Local
- Navegue até a pasta Zonas > Locais.
- Clique na pasta Locais e clique em Criar na barra de ações.
- Clique em Local no assistente Criar e em Avançar.
- Insira o Título como SanJose e clique em Criar.
-
Criando uma Exibição
- Navegue até a pasta Zonas > Locais.
- Clique no local SanJose e clique em Criar na barra de ações.
- Clique em Exibir do assistente Criar e clique em Avançar.
- Insira o Título como Lobby e clique em 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.
-
Atribuindo canal à exibição
-
Navegue até Zonas > Locais > SanJose> Lobby.
-
Clique na exibição Lobby e clique em Atribuir canal na barra de ações.
-
Insira o caminho para o canal MultiZone em Caminho do Canal.
-
Defina os Eventos com Suporte como Carregamento Inicial, Tela Inativa e Timer.
-
Clique em Salvar.
-
Da mesma forma, atribua os outros dois canais inseridos (
Zone1
eZone2
) a esta exibição. -
Depois de atribuir todos os três canais à exibição Lobby, você poderá exibir os canais atribuídos no painel de exibição.
note important IMPORTANT Depois de atribuir o canal principal (neste caso, MultiZone) à exibição, é obrigatório atribuir os outros dois canais inseridos Zone1
eZone2
também à 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.
-
Registrando o Dispositivo
-
Navegue até a pasta Zonas > Dispositivos.
-
Clique na pasta Dispositivos e clique em Gerenciador de Dispositivos na barra de ações.
-
Clique em Device Registration e clique no dispositivo pendente da lista.
note note NOTE O título do dispositivo deve corresponder ao token do dispositivo (campo Token) exibido na guia Registro de Dispositivo. -
Se o título corresponder ao token do dispositivo, clique no dispositivo e em Registrar Dispositivo na barra de ações.
-
Se o código de registro corresponder ao código na guia Registro de Dispositivo do Screens player, clique em Validar na barra de ações.
-
Insira o Título como
Chrome-Device1
e clique em Registrar. -
Clique em Atribuir exibição e clique no caminho para a configuração do dispositivo.
note note NOTE Se estiver tentando exibir o conteúdo no reprodutor do Screens, clique em Atualizar Conteúdo Offline no painel de canais 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 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.