Criar e configurar páginas do Editor de ativos

Este documento descreve o seguinte:

  • Por que você criaria páginas personalizadas do Editor de ativos.
  • Como criar e personalizar páginas do Editor de ativos, que são páginas do WCM que permitem que você visualização e edite metadados, bem como executar ações no ativo.
  • Como editar vários ativos simultaneamente.
Observação

O Compartilhamento de ativos está disponível como uma implementação de referência de código aberto. Consulte Commons de compartilhamento de ativos. Não é oficialmente suportado.

Por que criar e configurar as páginas do Editor de ativos?

O Gerenciamento de ativos digitais está sendo usado em mais e mais cenários. Ao mudar de uma solução em pequena escala para um pequeno grupo de usuários treinados profissionalmente - por exemplo, fotógrafos ou taxonomistas - para grupos de usuários maiores e mais diversos - por exemplo, usuários de negócios, autores de WCM, jornalistas e assim por diante - a poderosa interface de usuário do Adobe Experience Manager Assets para usuários profissionais pode fornecer informações demais e start de participantes para solicitar interfaces de usuário ou aplicativos específicos para acessar os ativos digitais que são relevantes para eles.

Esses aplicativos centrados em ativos podem ser simples galerias de fotos em uma intranet onde os funcionários podem carregar fotos de visitas comerciais ou de um centro de imprensa em um site voltado ao público. Aplicativos centrados em ativos também podem ser estendidos para soluções completas, incluindo carrinhos de compras, processos de checkout e verificação.

A criação de um aplicativo centrado em ativos torna-se, em grande medida, um processo de configuração que não exige codificação, apenas conhecimento dos grupos de usuários e suas necessidades, bem como conhecimento dos metadados usados. Os aplicativos centrados em ativos criados com Assets são extensíveis: com o esforço de codificação moderado, é possível criar componentes reutilizáveis para pesquisa, visualização e modificação de ativos.

Um aplicativo centrado em ativos em Experience Manager consiste em uma página do Editor de ativos, que pode ser usada para obter uma visualização detalhada de um ativo específico. Uma página do Editor de ativos também permite a edição de metadados, desde que o usuário que acessa o ativo tenha as permissões necessárias.

Criar e configurar uma página do Editor de ativos

Personalize o editor de ativos para determinar como os usuários podem visualização e editar os ativos digitais. Para fazer isso, crie uma nova página do Editor de ativos e personalize as visualizações e as ações que os usuários podem executar nessa página.

Observação

Se desejar adicionar campos personalizados ao editor de ativos DAM, adicione novos nós cq:Widget a /apps/dam/content/asseteditors.

Criar uma página do Editor de ativos

Ao criar a página Editor de ativos, uma boa prática é criar a página logo abaixo da página Compartilhamento de ativos.

Para criar uma página do Editor de ativos:

  1. Na guia Sites, navegue até o local onde deseja criar uma página do editor de ativos e clique em Novo.
  2. Selecione Editor de ativos do Geometrixx e clique em Criar. A nova página é criada e é listada na guia Sites.

screen_shot_2012-04-23at15858pm

A página básica criada usando o modelo do Editor de ativos de Geometrixx é exibida da seguinte maneira:

assetshare5

Para personalizar a página do Editor de ativos, use elementos do sidekick. A página do Editor de ativos que é acessada do Geometrixx Press Center é uma versão personalizada de uma página baseada neste modelo:

assetshare6

Defina um Editor de ativos para abrir a partir de uma página Compartilhamento de ativos

Depois de criar a página personalizada do Editor de ativos, é necessário garantir que, ao clicar no duplo em ativos, o Compartilhamento personalizado de ativos que você criou abra os ativos na página personalizada do Editor.

Para definir a página do Editor de ativos:

  1. Na página Compartilhamento de ativos, clique em Editar ao lado do Construtor de Query.

screen_shot_2012-04-23at20123pm

  1. Clique na guia Geral se ainda não estiver selecionada.

  2. No campo Caminho do Editor de ativos, digite o caminho para o editor de ativos no qual você deseja que a página Compartilhamento de ativos abra ativos e clique em OK.

screen_shot_2012-04-23at21653pm

Adicionar componentes do Editor de ativos

Você determina qual funcionalidade um editor de ativos tem adicionando componentes à página.

Para adicionar componentes do editor de ativos:

  1. Na página do Editor de ativos que você deseja personalizar, selecione Editor de ativos no sidekick. Todos os componentes disponíveis do editor de ativos são exibidos.
Observação

O que você pode personalizar depende de quais componentes estão disponíveis. Para ativar os componentes, vá para o Modo de design e selecione os componentes necessários habilitados.

  1. Arraste os componentes do sidekick para o editor de ativos e faça quaisquer modificações nas caixas de diálogo do componente. Os componentes são descritos na tabela a seguir e descritos nas instruções detalhadas a seguir.
Observação

Ao projetar a página do editor de ativos, você cria componentes que são somente leitura ou editáveis. Os usuários sabem que um campo pode ser editado se uma imagem de um lápis for exibida nesse componente. Por padrão, a maioria dos componentes é configurada como somente leitura.

Componente Descrição
Campo de texto de metadados e metadados Permite que você adicione metadados adicionais a um ativo e execute uma ação, como enviar, nesse ativo.
Subativos Permite personalizar subativos.
Tags Permite que os usuários selecionem e adicionem tags a um ativo.
Miniatura Mostra uma miniatura do ativo, seu nome de arquivo e permite que você adicione um texto alternativo. Também é possível adicionar ações do editor de ativos aqui.
Título Exibe o título do ativo, que pode ser personalizado.

screen_shot_2012-04-23at22743pm

Formulário de metadados e campo de texto - Configuração do componente de metadados de Visualização

O Formulário de metadados é um formulário que inclui um start e uma ação final. No meio, insira os campos Texto. Consulte Forms para obter mais informações sobre como trabalhar com formulários.

  1. Crie uma ação de start clicando em Editar na área de Start do formulário. Você pode inserir um título de Caixa, se desejar. Por padrão, o título da Caixa é Metadados. Marque a caixa de seleção Validação do cliente se desejar que o código do cliente Java-script para validação seja gerado.

screen_shot_2012-04-23at22911pm

  1. Crie uma ação Finalizar clicando em Editar na área Final do formulário. Por exemplo, você pode criar um botão Enviar para permitir que os usuários enviem suas alterações de metadados. Como opção, você pode adicionar um botão Redefinir que redefine os metadados para seu estado original.

screen_shot_2012-04-23at23138pm

  1. Entre Start de formulário e Fim do formulário, arraste os Campos de texto de metadados para o formulário. Os usuários preenchem metadados nesses campos de texto, que podem enviar ou concluir outra ação.

  2. Clique com o duplo do mouse no nome do campo, por exemplo, Title para abrir o campo de metadados e fazer alterações. Na guia Geral da janela Editar componente, defina a namespace e o rótulo do campo, bem como digite, por exemplo, dc:title.

screen_shot_2012-04-23at23305pm

Consulte Personalização e extensão de ativos para obter informações sobre como modificar as namespaces disponíveis no formulário de metadados.

  1. Clique na guia Restrições. Aqui, você pode selecionar se um campo é obrigatório e, se necessário, adicionar quaisquer restrições.

screen_shot_2012-04-23at23435pm

  1. Clique na guia Exibir. Aqui, você pode inserir uma nova largura e número de linhas para o campo de metadados. Marque a caixa de seleção Campo é somente leitura para permitir que os usuários editem os metadados.

screen_shot_2012-04-23at23446pm

A seguir está um exemplo de um formulário Metadados com vários campos:

metadata

Na página Editor de ativos, os usuários podem inserir valores nos campos de metadados (se eles forem editáveis) e executar a ação final (por exemplo, enviar as alterações).

Subativos

O componente Sub-ativos é onde você pode visualização e selecionar subativos. Você pode determinar quais nomes aparecem no ativo principal e nos subativos.

Clique com o duplo no componente Sub Assets para abrir a caixa de diálogo Sub-ativos, onde é possível alterar os títulos do ativo principal e de qualquer subativo. Os valores padrão são exibidos abaixo do campo correspondente.

screen_shot_2012-04-23at23907pm

A seguir está um exemplo de um componente Sub Assets preenchido:

screen_shot_2012-04-23at24442pm

Por exemplo, se você selecionar um subativo, observe como o componente exibe a página apropriada e o título da Caixa muda de Sub-ativos para Irmãos.

screen_shot_2012-04-23at24552pm

Tags

O componente Tags é um componente no qual os usuários podem atribuir tags existentes a um ativo, o que ajuda posteriormente na organização e recuperação. Você pode tornar esse componente somente leitura, de modo que os usuários não possam adicionar tags, mas apenas visualizações.

screen_shot_2012-04-23at25031pm

Clique no componente Tags com o duplo para abrir a caixa de diálogo Tags, onde você pode alterar o título de Tags, se desejar, e selecionar as namespaces alocadas. Para tornar esse campo editável, desmarque a caixa de seleção Ocultar edição. Por padrão, as tags são editáveis.

screen_shot_2012-04-23at24731pm

Se os usuários puderem editar tags, poderão clicar no lápis para adicionar tags selecionando-as no menu suspenso Tags.

screen_shot_2012-04-23at25150pm

A seguir está um componente de Tags preenchido:

screen_shot_2012-04-23at25244pm

Miniatura

O componente de Miniatura é o local em que o ativo exibe a miniatura selecionada (para muitos dos formatos, a miniatura é extraída automaticamente). Além disso, o componente exibe o nome do arquivo e as ações que você pode modificar.

screen_shot_2012-04-23at25452pm

Clique com o duplo no componente de miniatura para abrir a caixa de diálogo em miniatura, onde é possível alterar o texto alternativo. Por padrão, o texto alternativo em miniatura assume Clique para baixar o ativo.

screen_shot_2012-04-23at25604pm

A seguir está um exemplo de um componente Miniatura preenchido:

screen_shot_2012-04-23at34815pm

Título

O componente Título exibe o título do ativo e uma descrição.

Por padrão, ele está no modo somente leitura, portanto os usuários não podem editá-lo. Para torná-lo editável, clique com o duplo no componente e desmarque a caixa de seleção Ocultar botão de edição. Além disso, insira um título para vários ativos.

screen_shot_2012-04-23at35100pm

Se o Título puder ser editado, você poderá adicionar um título e uma descrição clicando em Lápis para abrir a janela Propriedades do ativo. Além disso, você pode ativar e desativar o ativo selecionando a data e a hora.

Ao editar o Título, os usuários podem alterar o Título, Descrição e inserir On e Off Times para ativar e desativar o ativo.

screen_shot_2012-04-23at35241pm

A seguir está um exemplo de um componente Título preenchido:

chlimage_1-164

Adicionar ações do Editor de ativos

Você pode determinar quais ações os usuários podem executar em ativos digitais selecionados a partir de uma seleção de ações predefinidas.

Para adicionar ações à página Editor de ativos:

  1. Na página do Editor de ativos que você deseja personalizar, clique em Editor de ativos no sidekick.

screen_shot_2012-04-23at35515pm

As seguintes ações estão disponíveis:

Ação Descrição
Download Permite que os usuários baixem a seleção ativos para seus computadores.
Editores Permite que os usuários editem uma imagem (edição interativa)
Lightbox Salva ativos em um "lightbox" onde você pode executar outras ações. Isso vem útil ao trabalhar com ativos em várias páginas.
Bloqueio Permite que os usuários bloqueiem um ativo. This não está ativada por padrão e precisa ser ativada na lista de componentes.
Referências Clique para mostrar em quais páginas o ativo está sendo usado.
Versões Permite criar e restaurar versões de um ativo.
  1. Arraste a ação apropriada para a área Ações na página. Isso cria um botão que é usado para executar essa ação.

chlimage_1-165

Vários ativos de edição com a página do Editor de ativos

Com Experience Manager Assets você pode fazer alterações em vários ativos ao mesmo tempo. Depois de ter selecionado os ativos, é possível alterar simultaneamente os seguintes itens:

  • Tags
  • Metadados

Para fazer várias edições de ativos com a página Editor de ativos:

  1. Abra a página Press Center do Geometrixx:
    https://localhost:4502/content/geometrixx/en/company/press.html

  2. Selecione os ativos:

    • no Windows: Ctrl + click cada ativo.
    • no Mac: Cmd + click cada ativo.

    Para selecionar uma faixa de ativos: clique no primeiro ativo e depois Shift + click no último ativo.

  3. Clique em Editar metadados no campo Ações (parte esquerda da página).

  4. A página Geometrixx Pressione o Editor de ativos do Center é aberta em uma nova guia. Os metadados dos ativos são exibidos da seguinte maneira:

    • Uma tag, que não se aplica a todos os ativos, mas apenas a alguns, é exibida em itálico.
    • Uma tag que se aplica a todos os ativos é exibida com uma fonte normal.
    • Metadados diferentes de tags: o valor do campo só será exibido se for o mesmo para todos os ativos selecionados.
  5. Clique em Baixar para baixar um arquivo ZIP contendo as representações originais dos ativos.

  6. Clique na opção de edição de tags próxima ao campo Tags.

    • Uma tag que não se aplica a todos os ativos, mas somente a alguns tem um fundo cinza.
    • Uma tag que se aplica a todos os ativos tem um fundo branco.

    É possível:

    • Clique em x para remover a tag de todos os ativos.
    • Clique em + para adicionar a tag a todos os ativos.
    • Clique na seta e selecione uma tag para adicionar uma nova tag a todos os ativos.

    Clique em OK para gravar as alterações no formulário. A caixa ao lado do campo Tags é marcada automaticamente.

  7. Edite o campo Descrição. Por exemplo, defina-o como:

    This is a common description

    Quando um campo é editado, seu valor substitui os valores existentes dos ativos selecionados quando o formulário é submetido.

    Observação: a caixa ao lado do campo é automaticamente marcada quando o campo é editado.

  8. Clique em Atualizar metadados para enviar o formulário e salvar as alterações para todos os ativos.

    Observação: somente os metadados marcados são modificados.

Nesta página