Criar e configurar páginas do Editor de ativos creating-and-configuring-asset-editor-pages

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 WCM que permitem visualizar e editar metadados e executar ações no ativo.
  • Como editar vários ativos simultaneamente.
NOTE
O Compartilhamento de ativos está disponível como uma implementação de referência de código aberto. Consulte Asset Share Commons. Ele não é oficialmente compatível.

Por que criar e configurar páginas do Editor de ativos? why-create-and-configure-asset-editor-pages

O Gerenciamento de ativos digitais está sendo usado em 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 diversificados (por exemplo, usuários empresariais, autores do WCM e jornalistas), a poderosa interface de usuário do Adobe Experience Manager Assets pode fornecer muitas informações. As partes interessadas começam a solicitar interfaces de utilizador ou aplicações específicas para aceder aos ativos digitais que são relevantes para elas.

Esses aplicativos centrados em ativos podem ser galerias de fotos simples em uma intranet em que os funcionários podem fazer upload de fotos de visitas a feiras comerciais ou de um centro de imprensa em um site voltado para o público. Os aplicativos centrados em ativos também podem se estender a soluções completas, incluindo carrinhos de compras, check-out e processos de verificação.

A criação de um aplicativo centrado em ativos torna-se um processo de configuração que não requer codificação, apenas conhecimento de grupos de usuários e suas necessidades e conhecimento dos metadados que estão sendo usados. Aplicativos centrados em ativos criados com o Assets são extensíveis: com esforço moderado de codificação, os componentes reutilizáveis para pesquisa, visualização e modificação de ativos podem ser criados.

Um aplicativo centrado em ativos no Experience Manager consiste em uma página do Editor de ativos, que pode ser usada para obter uma exibiçã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 creating-and-configuring-an-asset-editor-page

Você pode personalizar o Editor de ativos para determinar como os usuários podem visualizar e editar os ativos digitais. Para fazer isso, crie uma página do Editor de ativos e personalize as exibições e as ações que os usuários podem executar nessa página.

NOTE
Se quiser 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 creating-the-asset-editor-page

Ao criar a página do Editor de ativos, uma prática recomendada é 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 em que deseja criar uma página do Editor de ativos e clique em Novo.
  2. Selecione o Editor de ativos do Geometrixx e clique em Criar. A nova página é criada e a página é listada na guia Sites.

screen_shot_2012-04-23at15858pm

A página básica criada usando o modelo do Editor de ativos do Geometrixx tem a seguinte aparência:

compartilhamento de ativos5

Para personalizar a página do Editor de ativos, use elementos do sidekick. A página do Editor de ativos acessada do Centro de imprensa do Geometrixx é uma versão personalizada de uma página com base neste modelo:

compartilhamento de ativos6

Configurar um editor de ativos para abrir a partir de uma página de compartilhamento de ativos setting-which-asset-editor-opens-from-an-asset-share-page

Depois de criar a página personalizada do Editor de ativos, certifique-se de que, ao clicar duas vezes nos ativos, o Compartilhamento de ativos personalizado que você criou abra os ativos na página personalizada do Editor.

Para definir a página Editor de ativos:

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

screen_shot_2012-04-23at20123pm

  1. Clique na guia Geral se ela 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 adding-asset-editor-components

Você determina a funcionalidade que um Editor de ativos tem ao adicionar 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.
NOTE
O que você pode personalizar depende de quais componentes estão disponíveis. Para ativar componentes, vá para o modo Design e selecione os componentes que precisam ser ativados.
  1. Arraste os componentes do sidekick para o Editor de ativos e faça edições nas caixas de diálogo de componentes. Os componentes são descritos na tabela a seguir e descritos nas instruções detalhadas a seguir.
NOTE
Ao criar a página 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
Formulário de metadados e Campo de texto de metadados
Permite adicionar metadados adicionais a um ativo e executar uma ação, como enviar, nesse ativo.
Sub Assets
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 exibição metadata-form-and-text-field-configuring-the-view-metadata-component

O Formulário de metadados é um formulário que inclui uma ação de início e término. Entre eles, você deve inserir campos de Texto. Consulte Forms para obter mais informações sobre como trabalhar com formulários.

  1. Crie uma ação de início clicando em Editar na área Início do formulário. É possível inserir um título de Caixa, se desejado. Por padrão, o título da Caixa é Metadados. Marque a caixa de seleção Validação de cliente se desejar que o código de cliente JavaScript para validação seja gerado.

screen_shot_2012-04-23at22911pm

  1. Crie uma ação End clicando em Editar na área End do formulário. Por exemplo, você pode criar uma opção Enviar para permitir que os usuários enviem suas alterações de metadados. Opcionalmente, é possível adicionar uma opção Redefinir que redefina os metadados para seu estado original.

screen_shot_2012-04-23at23138pm

  1. Entre o Início do Formulário e o Término do Formulário, arraste os Campos de Texto de Metadados para o formulário. Os usuários preenchem metadados nesses campos de texto, para os quais podem enviar ou concluir outra ação.

  2. Clique duas vezes no nome do campo, por exemplo, Título para abrir o campo de metadados e fazer alterações. Na guia Geral da janela Editar Componente, defina o namespace e o rótulo e o tipo do campo, por exemplo, dc:title.

screen_shot_2012-04-23at23305pm

Consulte Personalizando e estendendo o Assets para obter informações sobre como modificar os namespaces disponíveis no formulário de metadados.

  1. Clique na guia Restrições. Aqui é possível selecionar se um campo é obrigatório e, se necessário, adicionar 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 O campo é somente leitura para permitir que os usuários editem os metadados.

screen_shot_2012-04-23at23446pm

Veja a seguir um exemplo de um formulário de Metadados com vários campos:

metadados

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

Subativos sub-assets

O componente Sub Assets é o local em que você pode visualizar e selecionar subativos. Você pode determinar quais nomes aparecem sob o ativo principal e os subativos.

Clique duas vezes 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 sub-ativo. Os valores padrão aparecem abaixo do campo correspondente.

screen_shot_2012-04-23at23907pm

Este é 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 Assets para Irmãos.

screen_shot_2012-04-23at24552pm

Tags tags

O componente de Tags é um componente em que os usuários podem atribuir tags existentes a um ativo, o que ajuda na organização e na recuperação posteriores. Você pode tornar esse componente somente leitura, de modo que os usuários não possam adicionar tags, mas apenas visualizá-las.

screen_shot_2012-04-23at25031pm

Clique duas vezes no componente Tags para abrir a caixa de diálogo de tags, onde é possível alterar o título de Tags, se desejado, e onde você pode selecionar os namespaces alocados. Para tornar este 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

Este é um componente de Tags preenchido:

screen_shot_2012-04-23at25244pm

Miniatura thumbnail

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

screen_shot_2012-04-23at25452pm

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

screen_shot_2012-04-23at25604pm

Este é um exemplo de um componente de Miniatura preenchido:

screen_shot_2012-04-23at34815pm

Título title

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

Por padrão, está no modo somente leitura, portanto, os usuários não podem editá-lo. Para torná-lo editável, clique duas vezes 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 no 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 Ativado e Desativado para ativar e desativar o ativo.

screen_shot_2012-04-23at35241pm

Este é um exemplo de um componente de Título preenchido:

chlimage_1-164

Adicionar ações do Editor de ativos adding-asset-editor-actions

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 ativos selecionados para seus computadores.
Editores
Permite que os usuários editem uma imagem (edição interativa)
Lightbox
Salva ativos em uma "lightbox", onde é possível executar outras ações neles. Isso é útil ao trabalhar com ativos em várias páginas.
Bloqueio
Permite que os usuários bloqueiem um ativo. Essa funcionalidade não está habilitada por padrão e deve ser habilitada na lista de componentes.
Referências
Clique nessa opção para mostrar em quais páginas o ativo está sendo usado.
Controle de versão
Permite criar e restaurar versões de um ativo.
  1. Arraste a ação apropriada para a área Ações da página. Ele cria uma opção usada para executar a ação arrastada na página.

chlimage_1-165

Ativos de edição múltipla com a página Editor de ativos multi-editing-assets-with-the-asset-editor-page

Com Experience Manager Assets, você pode alterar vários ativos de uma só vez. Após selecionar os ativos, é possível alterar as tags e os metadados simultaneamente.

Para editar ativos várias vezes com a página Editor de ativos:

  1. Abra a página Centro de imprensa 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 um intervalo 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 Press Center Asset Editor do Geometrixx é 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 somente a alguns, é exibida em itálico.
    • Uma tag que se aplica a todos os ativos é exibida com uma fonte normal.
    • Metadados diferentes das 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 em editar a opção de tags ao lado do campo Tags.

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

    É possível:

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

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

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

    This is a common description

    Quando um campo é editado, seu valor substitui os valores existentes dos ativos selecionados no envio do formulário.

    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 de todos os ativos.

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2