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.

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 tocar, 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. Clique ou toque 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 do produto é iniciado. Reserve alguns momentos para clicar ou tocar no conteúdo a fim de obter uma boa visão geral sobre a manipulação básica do AEM.

Clique ou toque em Avançar para avançar para a próxima página da visão geral. Clique ou toque em Fechar ou 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. Ele é acionado como uma lista suspensa em tela cheia ao clicar ou tocar no 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 - Representado 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 uma série de 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 sempre está presente na parte superior da tela. Embora a maioria das opções no cabeçalho permaneça igual, 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 exibirá o número de notificações incompletas atribuídas atualmente.

• 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 dos níveis da hierarquia do item atualmente selecionado. Clique em uma entrada para acessar 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 do seu local, o ícone Ajuda abrirá os recursos adequados:

  

• 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

  A primeira vez que você editar uma página, o editor de página será apresentado por uma série de slides.

  

  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 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 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 (três pontos ou …) abre um seletor suspenso que contém 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, além de estarem na barra de ferramentas. Os ícones de ação rápida estão disponíveis para um único item de cada vez e elimina a necessidade de pré-seleção.

As ações rápidas ficam visíveis quando você passa o mouse sobre (dispositivo de desktop) um cartão do recurso. As ações rápidas disponíveis podem depender do console e do contexto. Por exemplo, veja a seguir 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

Selecione todos os itens em qualquer exibição clicando na opção Selecionar tudo no canto superior direito do console.

• Na Exibição de cartão, todas os cartões sã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 exibição permite visualizar e navegar pela estrutura em árvore do site.

A seleção de um recurso na coluna mais à esquerda mostrará os recursos filho em uma coluna à direita. A seleção de um recurso na coluna direita mostrará então os recursos filhos 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 do recurso e a divisa serão destacados quando forem tocados ou clicados.
  • Os filhos do recurso clicado/tocado aparecerão na coluna à direita do pai.
  • Se você tocar ou clicar em um nome de recurso sem filhos, seus detalhes aparecerão na coluna final.

• Tocar ou clicar na miniatura seleciona o recurso correspondente.

  • Quando essa opção for selecionada, 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ção 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)
  • O 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 exibe cartões de informações para cada item no nível atual. Estes 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 for o caso, quando for necessário tomar medidas como parte de um fluxo de trabalho
    • Marcadores que indicam ações necessárias podem estar relacionados a entradas na sua Caixa de entrada.

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

  

• É 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 estão selecionados, essa caixa de seleção aparece marcada.

    • Clique ou toque na caixa de seleção para desmarcar tudo.

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

    • Clique ou toque na caixa de seleção para selecionar tudo.
    • Clique ou toque na caixa de seleção mais uma vez 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 muda, independentemente do idioma

  • Modificado - Data da última modificação e o usuário que a realizou

  • Publicado- Status de publicação

  • Visualizar - Status da visualização

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

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

  • Análise de páginas

  • 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.

  

  Clique ou toque na barra de seleção vertical e arraste o item até 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 Sites no console, é possível selecionar somente conteúdo (padrão), árvore de conteúdo, linha do tempo, referências, detalhes do site ou 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 várias informações sobre as páginas na pasta atual.

Usando o painel lateral da árvore de conteúdo, juntamente com uma exibição de lista ou de cartões, os usuários podem ver a estrutura hierárquica do projeto e navegar facilmente pela estrutura de conteúdo com o painel lateral da árvore de conteúdo, bem como exibir informações detalhadas sobre a página 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. Inserir um comentário seguido por Retornar registrará esse comentário. Ele será mostrado quando a opção Comentários ou Exibir todos estiver selecionada.

• 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

A opção Referências mostra conexões com o recurso selecionado. Por exemplo, no console de Sites, as referências de páginas mostram o seguinte:

• 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 criado 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 você pode usar o painel para gerenciar o tema do seu site.

Filtro

Isso abrirá um painel semelhante para pesquisar usando os filtros de localização apropriados já definidos, que permitem filtrar ainda mais o conteúdo que você deseja exibir.