Adicionar componentes a um canal adding-components-to-a-channel

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

Tópicos:
Telas de criação

Criado para:

Intermediário
Administrador
Desenvolvedor

Os componentes são os elementos fundamentais da experiência com o AEM (Adobe Experience Manager). Você pode usar vários componentes e adicioná-los ao canal em um projeto do AEM Screens.

Componentes no AEM Screens components-in-aem-screens

O AEM Screens fornece diferentes componentes de AEM que podem ser usados em um projeto do Screens.

Visualização de componentes do AEM Screens viewing-aem-screens-components

Sempre que criar um projeto AEM Screens, você verá uma lista de componentes padrão que podem ser adicionados ao projeto.

Para exibir os componentes padrão do seu projeto do Screens, siga as etapas abaixo:

Clique no canal. Por exemplo, We.Retail In Store > Canais > Canal Ocioso.
Clique em Editar na barra de ações.
No Editor de AEM, clique no ícone + na barra lateral.
Todos os componentes incluídos por padrão em um projeto do AEM Screens são exibidos, como mostrado na figura abaixo.

screen_shot_2017-12-18at21350pm

Adicionar um novo componente adding-a-new-component

O AEM fornece vários outros componentes. Você sempre pode adicionar outros componentes (não incluídos por padrão) ao seu projeto, já que esses componentes são compatíveis com o AEM Screens.

O exemplo a seguir mostra a adição de um componente Livefyre a um projeto do AEM Screens:

Clique no canal em que deseja adicionar um componente. Por exemplo, We.Retail In Store > Canais > Canal Ocioso.
Clique em Editar na barra de ações.
Clique no modo Design.
Clique no editor de design inteiro à direita e clique no símbolo de configurações para que você possa abrir a caixa de diálogo Parsys Design.
Você pode clicar nos componentes que deseja importar para o projeto do AEM Screens. O exemplo a seguir mostra a adição do componente Livefyre a um projeto do AEM Screens.

adicionando_componentes

NOTE

Da mesma forma, você pode adicionar qualquer número de outros novos componentes compatíveis com o AEM Screens ao seu projeto.

Compreender os componentes da tela AEM understanding-aem-screen-components

A seção a seguir explica os componentes do AEM Screens que você pode usar no projeto.

NOTE

Para exibir as propriedades de qualquer componente, clique no componente e no ícone de martelo para abrir/exibir propriedades.

Aplicativo application

O componente Aplicativo permite que você adicione um aplicativo ao seu canal.

O componente do aplicativo tem as seguintes propriedades:

Propriedade

Descrição

Caminho do aplicativo

Clique no caminho absoluto onde o aplicativo existe.

Duração (milissegundos)

Clique na duração do aplicativo. Por padrão, a duração é definida como -1, o que significa que o elemento é executado para sempre (ou seja, um aplicativo de página única). Definir o valor de duração >0 mostra o elemento para a duração especificada e, em seguida, avança para o próximo.

O exemplo a seguir mostra como incorporar um componente de aplicativo juntamente com a visualização de suas propriedades:

adicionando_componentsapplication

NOTE

Consulte o exemplo acima para exibir as propriedades de cada um dos componentes abaixo.

Canal channel

O componente Canal permite que você adicione um canal inteiro ao seu projeto.

O componente Canal tem as seguintes propriedades:

Propriedade

Descrição

Caminho do canal

Selecione este caminho absoluto onde o aplicativo existe.

Duração (milissegundos)

Selecione toda a duração do canal. Definir a duração como -1 indica que o canal incorporado executa seu comprimento total em um canal específico.

Página incorporada embedded-page

Uma Página Incorporada permite que você adicione uma página incorporada ao seu projeto. Por exemplo, pode ser um aplicativo web ou um catálogo de produtos.

A página Incorporada tem as seguintes propriedades:

Propriedade

Descrição

Caminho da página

Selecione este caminho absoluto onde o canal existe.

Duração (milissegundos)

Selecione toda a duração do canal. Definir a duração como -1 indica que o canal incorporado executa seu comprimento total em um canal específico.

Sequência incorporada embedded-sequence

NOTE

Para saber mais detalhes sobre sequências inseridas, consulte Sequências inseridas na seção Criação de Screens.

Uma sequência inserida permite adicionar um canal de sequência inserida dentro do canal existente (com outros ativos).

A Sequência incorporada tem as seguintes propriedades de página:

Propriedade

Descrição

Caminho do canal

Selecione o caminho absoluto da sequência que deseja incluir no canal.

Duração (milissegundos)

Selecione toda a duração do canal. Definir a duração como -1 indica que o canal incorporado executa seu comprimento total em um canal específico.

Estratégia

Defina como original ou único. Definir o valor como original significa que a subsequência é totalmente executada em cada ciclo da sequência pai. O outro valor possível é single. Esse valor mostra apenas um item da subsequência em cada execução. Por exemplo, o primeiro item no primeiro loop e o segundo item no segundo loop.

Sequência incorporada dinâmica dynamic-embedded-sequence

Uma Sequência incorporada dinâmica permite adicionar uma sequência semelhante à mencionada acima, exceto por função de canal.

Para saber mais sobre sequências inseridas, consulte Sequências inseridas na seção Criação de Screens.

A sequência incorporada dinâmica tem as seguintes propriedades:

Propriedade

Descrição

Função de atribuição do canal

Insira a função do canal.

Duração (milissegundos)

Selecione toda a duração do canal. Definir a duração como -1 indica que o canal incorporado executa seu comprimento total em um canal específico.

Estratégia

Defina como original ou único. Definir o valor como original significa que a subsequência é totalmente executada em cada ciclo da sequência pai. O outro valor possível é single. Esse valor mostraria apenas um item da subsequência em cada execução. Por exemplo, o primeiro item no primeiro loop e o segundo item no segundo loop.

Fragmento de experiência experience-fragment

Um Fragmento de experiência permite adicionar um Fragmento de experiência (um grupo de um ou mais componentes, incluindo conteúdo e layout que podem ser referenciados nas páginas) ao seu canal do AEM Screens. Arraste e solte o componente no Editor de AEM e clique no Fragmento de experiência.

Para saber mais sobre como criar um fragmento de experiência e aplicá-lo a um projeto do AEM Screens, consulte Uso de fragmentos de experiência.

exp

Propriedade

Descrição

Fragmento de experiência

Fragmento de experiência

Selecione o Fragmento de experiência.

Duração

Selecione toda a duração do Fragmento de experiência que é reproduzido no canal.

Configuração Offline

Bibliotecas do lado do cliente

Arquivos JavaScript e CSS.

Arquivos estáticos

Arquivos estáticos que você pode adicionar como configurações offline ao seu Fragmento de experiência.

NOTE

As Bibliotecas do lado do cliente e os Arquivos estáticos adicionados deste componente são uma adição às Bibliotecas do lado do cliente já configuradas e aos Arquivos estáticos adicionados das Propriedades do Fragmento de experiência.

Imagem image

Uma imagem permite adicionar uma imagem ao seu canal.

O ativo de imagem tem três guias: Imagem, Acessibilidade e Sequência:

Propriedade

Descrição

Imagem

Ativo de imagem

Clique no ativo de imagem.

Título

Título da imagem.

Vincular a

Adicione um link à imagem.

Descrição

Breve descrição da imagem.

Tamanho

Tamanho da imagem.

Acessibilidade

Texto alternativo

Texto alternativo para a imagem.

Sequência

Duração

Por padrão, a duração está definida como 8000 milissegundos. Se quiser alterar a duração da reprodução da imagem, atualize o campo Duration.

Transição transition

O componente de Transição permite adicionar uma transição ao projeto do Screens.

A imagem a seguir mostra o componente de transição (adicionado por meio de arrastar e soltar) para o editor.

screen_shot_2019-07-25at104237am

Clique no ícone de transição e no ícone de chave inglesa Configurar para abrir a caixa de diálogo Transição. Essa caixa de diálogo inclui três guias:

Transição
Sequência
Ativação

NOTE

Por padrão, a sequência é definida como 600 milissegundos. Você pode atualizar a sequência de transição para outros valores usando a guia Sequência.

transição

O componente de transição tem as seguintes propriedades:

Propriedade

Descrição

Transição

Tipo

O tipo de transição entre o elemento anterior e o posterior. A transição Type inclui as seguintes opções:

Normal
Esmaecer
Deslizar da direita
Deslizar da esquerda
Deslizar do topo
Deslizar da parte inferior

Sequência

Duração

Selecione toda a duração da transição. Por padrão, é definido como 600 milissegundos.

Ativação

Ativo desde

Carimbo de data/hora que descreve quando a transição pode estar ativa.

Ativo até

O carimbo de data e hora descreve até quando a transição pode estar ativa.

Programação

Adicione um agendamento predefinido.

Vídeo video

O componente de Vídeo permite adicionar um vídeo ao projeto do Screens.

O componente de vídeo tem as seguintes propriedades:

Propriedade

Descrição

Ativo de vídeo

Clique no link para o vídeo.

Duração

Selecione a duração do vídeo. Por padrão, a duração é definida como -1, o que significa que o elemento é executado para sempre. Definindo o valor de duração >0, mostra o elemento para a duração especificada e, em seguida, passa para o próximo.

Renderização

Se a taxa de proporção do vídeo não couber na tela, você poderá ajustar a renderização para conter ou capa.

Contém significa que o vídeo completo é exibido e as áreas ausentes são preenchidas com uma borda preta.

Capa significa que o vídeo cobre a janela de visualização inteira, mas algumas partes que transbordam nas laterais ficam ocultas.

Tamanho

Tamanho do vídeo.

recommendation-more-help

adce462a-f916-4dbe-9ab5-0b62cfb0f053