Manuseio básico

Este documento foi criado para apresentar uma visão geral do manuseio básico ao usar um ambiente de criação do AEM. Usa o console Sites como base.

Para criar conteúdo de AEM para Edge Delivery Services, clique aqui.

Uma interface de usuário habilitada para toque

A interface do usuário do AEM é habilitada para toque. Uma interface habilitada para toque permite que você use toques para interagir com o software por meio de gestos como selecionar, tocar e segurar e deslizar o dedo. Como a interface do usuário do AEM é habilitada para toque, você pode usar os gestos de toque nos dispositivos de toque, como celular ou tablet. No entanto, as ações do mouse em um dispositivo de desktop tradicional também estão disponíveis, o que proporciona flexibilidade na maneira como você escolhe criar conteúdo.

Primeiras etapas

Logo após o logon, você acessa o painel de Navegação. Selecionar uma das opções abre o respectivo console.

Para obter uma boa compreensão do uso básico do AEM, este documento se baseia no console de Sites. Selecionar em Sites para começar.

Navegação do produto

Sempre que um usuário acessa um console pela primeira vez, um tutorial de navegação de produto é iniciado. Reserve um minuto para fazer uma seleção e obter uma boa visão geral do tratamento básico do AEM.

Selecionar Próxima para avançar para a próxima página da visão geral. Selecionar Fechar ou selecione fora da caixa de diálogo de visão geral para fechar.

A visão geral será reiniciada na próxima vez que você acessar um console a menos que visualize todos os slides ou marque a opção Não mostrar esta mensagem novamente.

Navegação global

É possível navegar entre os consoles usando o painel de navegação global. É acionado como uma lista suspensa de tela cheia ao selecionar o link do Adobe Experience Manager na parte superior esquerda da tela.

Você pode fechar o painel de navegação global clicando ou tocando em Fechar para retornar ao seu local anterior.

A navegação global possui dois painéis, representados por ícones na margem esquerda da tela:

• Navegação - Representado por uma bússola e o painel padrão ao fazer logon no AEM
• Ferramentas: representadas por um martelo

As opções disponíveis nesses painéis estão descritas abaixo.

Painel Navegação

O painel de Navegação:

O título da guia do navegador será atualizado para refletir sua localização à medida que você navega pelos consoles e conteúdo.

Em Navegação, os consoles disponíveis são:

Painel Ferramentas

No painel Ferramentas, há um painel lateral que contém um intervalo de categorias que agrupa consoles de Ferramentas semelhantes. Os consoles Ferramentas fornecem acesso a várias ferramentas e consoles especializados que ajudam a administrar seus sites, ativos digitais e outros aspectos do seu repositório de conteúdo.

O Cabeçalho

O cabeçalho está sempre presente na parte superior da tela. Embora a maioria das opções no cabeçalho permaneça a mesma, independentemente de onde você esteja no sistema, algumas são específicas do contexto.

• Navegação global

  Selecione o link do Adobe Experience Manager para navegar entre consoles.

  

• Pesquisar

  

  Você também pode usar a tecla de atalho / (barra) para invocar a pesquisa em qualquer console.

• Soluções

  

• Ajuda

  

• Notificações

  

  Esse ícone é marcado com o número de notificações incompletas atribuídas no momento.

• Propriedades do usuário

  

• Seletor de painéis

  

  As opções apresentadas dependem do seu console atual. Por exemplo, em Sites, é possível selecionar somente o conteúdo (o padrão), a linha do tempo, as referências ou o painel lateral de filtros.

  

• Navegações estruturais

  

  Situadas no meio do painel e sempre mostrando a descrição do item atualmente selecionado, as navegações estruturais permitem que você navegue dentro de um console específico. No console Sites, você pode navegar pelos níveis do seu site.

  Basta clicar no texto da navegação estrutural para exibir uma lista suspensa que lista os níveis da hierarquia do item selecionado no momento. Clique em uma entrada para ir para esse local.

  

• Botão Criar

  

  Uma vez clicado, as opções exibidas são adequadas ao console/contexto.

• Exibições

  O ícone de exibição está na extrema direita da barra de ferramentas do AEM. Como também indica a exibição atual, ele muda. Por exemplo, no modo de exibição padrão, e Exibição de coluna ele aparece da seguinte forma:

  

  É possível alternar entre o modo de exibição de coluna, exibição de cartão e exibição de lista. No modo de exibição de lista também mostra as configurações de exibição.

  

  OBSERVAÇÃO

  A opção Configurações de exibição só está disponível no modo Exibição de lista.

• Navegação pelo teclado

  Você pode navegar por um site usando apenas o teclado. Isso usa a funcionalidade padrão do navegador da tecla TAB (ou OPT+TAB) para que você possa percorrer os elementos na página que são focalizáveis.

  No console do Sites há a opção adicionada para Ir para o conteúdo principal. Isso se torna visível à medida que você navega pelas opções de cabeçalho e acelera a navegação, possibilitando ignorar os elementos padrão na barra de ferramentas (produto) e acessar diretamente o conteúdo principal.

  

Acessar ajuda

Há vários recursos de ajuda disponíveis:

• Barra de ferramentas do console

  Dependendo da sua localização, a variável Ajuda ícone abre os recursos apropriados:

  

• Navegação

  Na primeira vez que você navega pelo sistema, uma série de slides apresenta a navegação no AEM.

  

• Editor de página

  Na primeira vez que você edita uma página, uma série de slides apresenta o editor de páginas.

  

  Navegue por essa visão geral como faria com a visão geral de navegação do produto ao acessar qualquer console pela primeira vez.

  No menu Informações da página, é possível selecionar Ajuda para exibir isso novamente, a qualquer momento.

• Console de ferramentas

  No console Ferramentas é possível acessar os Recursos externos:

  • Documentação - exibir a documentação do Adobe® Experience Manager
  • Recursos do desenvolvedor - recursos e downloads do desenvolvedor
  OBSERVAÇÃO

  É possível acessar uma visão geral das teclas de atalho disponíveis a qualquer momento, usando a tecla de atalho ? (ponto de interrogação) em um console.

  Para obter uma visão geral de todos os atalhos de teclado, consulte a seguinte documentação:

  • Atalhos de teclado para editar páginas
  • Atalhos de teclado para os consoles

Barra de ferramentas de Ações

Sempre que um recurso é selecionado (por exemplo, uma página ou um ativo), várias ações são indicadas por ícones com texto explicativo na barra de ferramentas. Essas ações dependem do seguinte:

• Do console atual
• Do contexto atual
• Se você estiver no modo de seleção

A ação disponível na barra de ferramentas muda para refletir as ações que você pode realizar nos itens específicos selecionados.

A forma como você seleciona um recurso depende da exibição.

Devido às restrições de espaço em algumas janelas, a barra de ferramentas pode tornar-se rapidamente maior do que o espaço disponível. Quando isso acontecer, opções adicionais serão exibidas. Clicar ou tocar nas reticências (os três pontos ou …) abre um seletor suspenso com todas as ações restantes. Por exemplo, após selecionar uma página no console Sites:

Ações rápidas

Na Exibição de cartão determinadas ações estão disponíveis como ícones de ação rápida e na barra de ferramentas. Os ícones de ação rápida estão disponíveis para um único item de cada vez e eliminam a necessidade de pré-seleção.

As ações rápidas são visíveis quando você passa o mouse sobre (dispositivo de desktop) um cartão de recursos. As ações rápidas disponíveis podem depender do console e do contexto. Por exemplo, estas são as ações rápidas para uma página no console Sites:

Visualização e seleção de recursos

Visualizar, navegar e selecionar são conceitualmente iguais em todas as exibições, mas têm pequenas variações de manuseio, dependendo da exibição usada.

É possível visualizar, navegar e selecionar (para novas ações) os recursos com qualquer uma das exibições disponíveis, que podem ser selecionadas por meio do ícone no canto superior direito:

• Exibição de coluna
• Exibição de cartão
• Exibição de lista

Seleção de recursos

Selecionar um recurso específico depende de uma combinação da exibição e do dispositivo:

Selecionar tudo

É possível selecionar todos os itens em qualquer exibição clicando em Selecionar tudo no canto superior direito do console.

• Na Exibição de cartão todos os cartões serão selecionados.
• Na Exibição de lista, todos os itens na lista são selecionados.
• Na Exibição de coluna, todos os itens na coluna mais à esquerda são selecionados.

Desmarcar tudo

Em todos os casos, ao selecionar itens, a contagem dos itens selecionados é exibida na parte superior direita da barra de ferramentas.

Você pode desmarcar todos os itens e sair do modo de seleção ao:

• Clicar ou tocar no X ao lado da contagem
• Usar a tecla escape

Em todas as visualizações, todos os itens podem ser desmarcados. Para isso, pressione a tecla Escape no teclado se você estiver usando um computador desktop.

Exemplo de seleção

1. Por exemplo, na exibição de cartão:

   

2. Após selecionar um recurso, o cabeçalho superior é coberto pela barra de ferramentas das ações, que fornece acesso às ações atualmente aplicáveis ao recurso selecionado.

   Para sair do modo de seleção, selecione o X no canto superior direito, ou use a tecla escape.

Exibição de coluna

A exibição de coluna permite uma navegação visual de uma árvore de conteúdo por uma série de colunas em cascata. Essa visualização permite visualizar e percorrer a estrutura de árvore do site.

Selecionar um recurso na coluna mais à esquerda exibirá os recursos secundários em uma coluna à direita. Selecionar um recurso na coluna à direita exibirá os recursos secundários em outra coluna à direita e assim por diante.

• É possível navegar para cima e para baixo na árvore tocando ou clicando no nome do recurso ou na divisa à direita do nome do recurso.

  • O nome e a divisa do recurso são realçados quando tocados ou clicados.
  • Os secundários do recurso clicado/tocado são exibidos na coluna à direita do recurso clicado/tocado.
  • Se você selecionar um nome de recurso que não tenha filhos, seus detalhes serão exibidos na coluna final.

• Tocar ou clicar na miniatura seleciona o recurso.

  • Ao selecionar, uma marca de seleção será sobreposta à miniatura, e o nome do recurso também será destacado.
  • Os detalhes do recurso selecionado serão mostrados na coluna final.
  • A barra de ferramentas de ações ficará disponível.

  Quando uma página é selecionada na exibição de coluna, a página selecionada é exibida na coluna final junto com os seguintes detalhes:

  • Título da página
  • Nome da página (parte do URL da página)
  • Modelo no qual a página se baseia
  • Detalhes da modificação
  • Idioma da página
  • Publicação e detalhes da visualização

Exibição de cartão

• A exibição de cartão mostra cartões de informação para cada item no nível atual. Eles fornecem informações como:

  • Uma representação visual do conteúdo da página
  • O título da página
  • Datas importantes (como a última edição/publicação)
  • Se a página estiver bloqueada, oculta ou fizer parte de uma live copy
  • Se apropriado, quando você é solicitado a agir como parte de um workflow
    • Marcadores que indicam ações necessárias podem estar relacionados a itens em sua caixa de entrada.

• Ações rápidas também estão disponíveis nessa visualização, como recursos de seleção e ações comuns, como “Editar”.

  

• É possível navegar para baixo na árvore tocando/clicando em cartões (com cautela para evitar as ações rápidas) ou para cima novamente usando a navegação estrutural no cabeçalho.

Exibição de lista

• A exibição de lista apresenta informações para cada recurso no nível atual.

• É possível navegar para baixo na árvore tocando/clicando no nome do recurso e fazer backup usando a navegação estrutural no cabeçalho.

• Para selecionar facilmente todos os itens na lista, use a caixa de seleção no canto superior esquerdo da lista.

  

  • Quando todos os itens da lista forem selecionados, essa caixa de seleção aparecerá marcada.

    • Marque a caixa de seleção para desmarcar tudo.

  • Quando apenas alguns itens são selecionados, ela aparece com um sinal de menos.

    • Marque a caixa de seleção para selecionar tudo.
    • Marque a caixa de seleção novamente para desmarcar tudo.

• Selecione as colunas a serem mostradas usando a opção Configurações de exibição, localizada abaixo do botão Visualizações. As seguintes colunas estão disponíveis para exibição:

  • Nome: o nome da página, que pode ser útil em um ambiente de criação multilíngue, pois faz parte do URL da página e não é alterado independentemente do idioma

  • Modificado: a última data de modificação e último usuário que modificou

  • Publicado: o status da publicação

  • Visualizar - Status da visualização

  • Modelo - Modelo no qual a página se baseia

  • Fluxo de trabalho: o fluxo de trabalho atualmente aplicado à página. Mais informações estão disponíveis ao passar o mouse ou abrir a Linha do tempo.

  • Análise de página

  • Visitantes únicos

  • Tempo na página

    

  Por padrão, é exibida a coluna Nome, que faz parte do URL da página. Em alguns casos, o autor pode precisar acessar páginas que estão em um idioma diferente, e ver o nome da página (que normalmente é imutável) pode ser de grande ajuda quando ele não conhece o idioma.

• Altere a ordem dos itens usando a barra vertical pontilhada na extremidade direita de cada item da lista.

  OBSERVAÇÃO

  Alterar a ordem funciona somente em uma pasta ordenável que tenha o valor jcr:primaryType como sling:OrderedFolder.

  

  Selecione a barra de seleção vertical e arraste o item para uma nova posição na lista.

  

Seletor de painéis

O Seletor de painéis está disponível no canto superior esquerdo da janela e exibe opções dependendo dos seus consoles atuais.

Por exemplo, no console de Sites, é possível selecionar somente conteúdo (padrão), árvore de conteúdo, linha do tempo, referências, detalhes do site ou o painel lateral de filtro.

Se somente conteúdo for selecionado, apenas o ícone do painel será exibido. Se qualquer outra opção for selecionada, o nome da opção aparecerá ao lado do ícone do painel.

Árvore de conteúdo

A árvore de conteúdo pode ser usada para navegar rapidamente pela hierarquia do site no painel lateral e exibir muitas informações sobre as páginas na pasta atual.

Usando o painel lateral da árvore de conteúdo em conjunto com uma exibição de lista ou de cartões, é possível ver facilmente a estrutura hierárquica do projeto e navegar pela estrutura de conteúdo com o painel lateral, além de ver informações de página detalhadas na exibição de lista.

Linha do tempo

A linha do tempo pode ser usada para exibir e/ou iniciar eventos que ocorreram no recurso selecionado. Para abrir a coluna da linha do tempo use o seletor do painel:

A coluna de linha do tempo permite:

• Exibir vários eventos relacionados a um item selecionado.

  • Os tipos de eventos podem ser selecionados na lista suspensa:

    • Comentários
    • Anotações
    • Atividades
    • Lançamentos
    • Versões
    • Fluxos de trabalhos
      • Com exceção de fluxos de trabalho transitórios pois nenhuma informação de histórico é salva para eles
    • Exibir todos

• Adicionar/exibir comentários sobre o item selecionado. A caixa Comentário é exibida na parte inferior da lista de eventos. Digitar um comentário e Retornar registrará o comentário. É exibido quando Comentários ou Mostrar tudo é selecionado.

• Os consoles específicos têm funcionalidade adicional. Por exemplo, no console Sites é possível:

  • Salvar uma versão
  • Iniciar um fluxo de trabalho

Essas opções podem ser acessadas por meio da divisa ao lado do campo Comentário.

Referências

As referências mostram todas as conexões com o recurso selecionado. Por exemplo, no console Sites, são mostradas referências para as páginas:

• Lançamentos

• Live copies

• Cópias de idioma

• Referência de conteúdo:

  • Links de outras páginas para a página selecionada
  • Conteúdo emprestado de e/ou concedido à página selecionada pelo componente Referência

Site

Site mostra detalhes de sites criados usando um modelo de site.

Consulte o documento Usar o painel do site para gerenciar o tema do site para obter mais detalhes sobre como usar o painel para gerenciar o tema do seu site.

Filtro

Isso abre um painel semelhante a pesquisa com os filtros de localização apropriados já definidos, permitindo filtrar ainda mais o conteúdo que deseja exibir.