Esta documentação o guiará pelos principais aspectos da criação de conteúdo do AEM, ajudando-o a tomar decisões informadas e a criar experiências digitais impactantes. Exploraremos como as estratégias de conteúdo Headless e Headful podem ser usadas com eficiência, considerando várias personas, como desenvolvedores, profissionais de negócios e autores.

Dominar a arte e a ciência da criação de conteúdo

Criar conteúdo atraente e envolvente é uma arte e uma ciência, especialmente no Adobe Experience Manager (AEM). Seja você de uma grande empresa ou de uma empresa menor, entender as nuances da criação de conteúdo pode melhorar significativamente a experiência do usuário, a velocidade do conteúdo, o prazo para comercialização (TTM) e o alcance do conteúdo do seu site.

Experiência do usuário: melhore a experiência geral para os usuários finais fornecendo conteúdo integrado, personalizado e interativo.

Velocidade do conteúdo: aumente a velocidade na qual o conteúdo é criado, aprovado e publicado, permitindo que sua equipe responda rapidamente às alterações do mercado e às necessidades do público.

Prazo para comercialização (TTM): reduza o tempo necessário para lançar novos conteúdos e campanhas, garantindo que suas mensagens permaneçam relevantes e oportunas.

Alcance do conteúdo: estenda o alcance do conteúdo em vários canais e dispositivos, garantindo a consistência e ampliando a participação do público.

Mecanismos de caso de uso para conteúdo Headless e Headful:

Perspectiva do desenvolvedor:

• Headless: ideal para projetos que exigem flexibilidade no desenvolvimento de front-end, permitindo que os desenvolvedores usem estruturas modernas e forneçam uma arquitetura separada que ofereça suporte a experiências de usuário inovadoras.
• Headful: perfeito para cenários em que um sistema totalmente integrado é benéfico, fornecendo um conjunto avançado de componentes e modelos incorporados que simplificam o desenvolvimento e reduzem a necessidade de codificação personalizada.

Perspectiva do profissional de negócios:

• Headless: atende a casos de uso em que o conteúdo precisa ser distribuído de maneira eficiente em várias plataformas (Web, dispositivos móveis, IoT), garantindo consistência e escalabilidade.
• Headful: recomendado para casos de uso que priorizam a facilidade de gerenciamento de conteúdo com recursos de edição WYSIWYG robustos, permitindo que usuários empresariais criem e gerenciem conteúdo com assistência técnica mínima.

Perspectiva do autor:

• Headless: funciona bem quando os autores se concentram na criação de conteúdo estruturado que pode ser reutilizado em vários canais, exigindo uma compreensão da entrega de conteúdo orientada por API.
• Headful: favorece cenários em que os autores se beneficiam de um processo de criação de conteúdo mais visual e intuitivo, usando interfaces de arrastar e soltar e edição no contexto para se concentrar na narrativa e no design.

Objetivos da criação de conteúdo

Criação de conteúdo Headful:

• Controle visual: os autores têm controle direto sobre o layout e o design da página.
• Experiência interativa: ideal para criar páginas da Web avançadas e interativas com foco na narrativa visual.

Criação de conteúdo Headless:

• Flexibilidade: o conteúdo é gerenciado independentemente de sua apresentação, permitindo a entrega em vários canais.
• Experiência omnicanal: adequada para cenários em que o conteúdo precisa ser exposto a vários canais.

Esta documentação aborda as práticas recomendadas e as considerações para cada abordagem de criação de conteúdo. Ela fornece casos de uso para ajudá-lo a decidir quando usar métodos Headful ou Headless e descreve as principais considerações para um gerenciamento de conteúdo eficaz.

Essas diretrizes têm o objetivo de inspirar e informar, em vez de fazer exigências. É importante testar e encontrar o que funciona melhor para suas necessidades específicas.

Criar a experiência certa:

Fornecer o conteúdo certo para o público certo é fundamental para uma experiência de marca bem-sucedida. O conteúdo personalizado que se adapta às alterações nas preferências do usuário pode aprimorar o engajamento e a fidelidade.

Capacitar seus autores:

Permita que os autores assumam o controle do processo de criação de conteúdo, reduzindo a necessidade de intervenção contínua do desenvolvedor. Dimensionar com eficiência: implemente estratégias de conteúdo dimensionáveis para gerenciar bibliotecas de conteúdo em crescimento e canais de distribuição diversos.

Implementação Headful: storytelling visual

Páginas da Web visualmente avançadas para o site de marketing com implementação de CMS

A Implementação Headful do Adobe Experience Manager (AEM) utiliza o Editor de páginas (como um configurador de formulários visuais) para criar páginas da Web visualmente aprimoradas, ideais para sites de marketing. Essa abordagem permite que os autores de negócios controlem e personalizem diretamente os elementos visuais e o layout do conteúdo, facilitando o lançamento de novas campanhas, a atualização de páginas de produtos e o aprimoramento da narrativa da marca de forma rápida e eficiente.

Exemplo: uma empresa líder em produtos eletrônicos de consumo pretende aprimorar sua presença digital criando um site centrado no produto que proporcione uma experiência imersiva e envolvente para os usuários. A empresa opta por implementar uma abordagem Headful CMS usando o Editor de páginas AEM, que permite aos autores de conteúdo criar visualmente e gerenciar páginas da Web com uma interface WYSIWYG, utilizando componentes e modelos integrados do AEM.

Recursos principais

• Edição de WYSIWYG (What You See Is What You Get): oferece edição em contexto, permitindo que os autores vejam exatamente como o conteúdo será exibido à medida que o criarem e o editarem. Isso inclui a funcionalidade arrastar e soltar e um feedback visual imediato.
• Recursos de criação avançados: permite a criação e o gerenciamento de modelos, componentes e fragmentos de experiência, proporcionando aos autores ferramentas robustas para controlar o layout e o design do conteúdo.
• Gerenciamento do fluxo de trabalho: fornece recursos avançados de fluxo de trabalho para automatizar os processos de aprovação de conteúdo, garantindo a consistência e a qualidade do conteúdo publicado.
• Governança de usuários: recursos eficientes de governança de usuários e controle de acesso ajudam a definir funções e permissões, tornando-a adequada para organizações com necessidades complexas de gerenciamento de conteúdo.

Arquitetura:

Em uma implementação Headful do Adobe Experience Manager (AEM), o sistema lida com o gerenciamento e a apresentação de conteúdo em uma única arquitetura monolítica. O repositório de conteúdo gerencia todo o conteúdo, ferramentas de criação, controle de versão, fluxos de trabalho e permissões de usuário. Os componentes do AEM, desenvolvidos usando JavaScript, HTML Template Language (HTL) e Java, renderizam o conteúdo do repositório para o HTML. Esse HTML é então entregue ao navegador, criando a experiência da Web para os usuários. O Sistema de estilos melhora esse processo ao permitir que os autores de modelos definam classes de estilo nas políticas de componentes nos modelos de página. Os autores de conteúdo podem então selecionar esses estilos em um menu suspenso ao editar componentes, garantindo flexibilidade e facilidade de atualizações sem a necessidade de modificar o código do componente.

É a escolha certa para você?

Ao decidir entre uma abordagem do AEM baseada no Editor de páginas e uma implementação Headless usando fragmentos de conteúdo, considere os seguintes fatores:

1. Você precisa de uma solução completa?

Considere isto: se você deseja uma plataforma abrangente em que os autores possam gerenciar conteúdo, usar taxonomia para marcação e ajustar visualmente os layouts, o Editor de páginas do AEM é um forte concorrente. Isso será particularmente útil se você não precisar de amplas capacidades omnicanal.

2. A implantação rápida de campanhas é importante?

Considere isto: se sua estratégia de marketing depende do lançamento e da atualização rápida de campanhas, o Editor de páginas permite atualizações rápidas de conteúdo e a fácil implantação de novas iniciativas. Avalie se sua equipe precisa dessa agilidade para se manter competitiva.

3. Você prioriza o controle criativo para usuários que não sejam técnicos?

Considere isto: se é crucial capacitar os usuários empresariais a lidar com o layout de conteúdo e o design visual sem intervenção técnica, o Editor de páginas fornece as ferramentas necessárias. Pense se isso se alinha aos recursos de fluxo de trabalho e equipe.

4. A colaboração entre equipes é essencial?

Considere isto: para organizações onde as equipes de marketing, design e desenvolvimento precisam trabalhar em conjunto, a abordagem Headful do AEM facilita uma colaboração fluida. Determine se esse ambiente colaborativo é vital para suas operações.

Dicas para o sucesso

• Agrupamento de conteúdo: defina categorias específicas, como texto, imagens, documentos e vídeos, para simplificar o gerenciamento de conteúdo no Digital Asset Management (DAM) do AEM. Convenções de nomenclatura consistentes e estruturas de pastas facilitarão a recuperação e a organização. Ao agrupar o conteúdo de maneira eficaz, você pode aprimorar a eficiência do fluxo de trabalho e garantir que os autores de conteúdo possam encontrar e gerenciar ativos rapidamente.
• Desenvolvimento de taxonomia: é fundamental desenvolver uma taxonomia bem estruturada no início do processo. Crie uma estrutura hierárquica que reflita suas necessidades comerciais, com categorias e subcategorias claras. Inclua tags e palavras-chave relevantes para facilitar a pesquisa e a navegação. Uma taxonomia robusta ajuda a manter a organização do conteúdo, facilitando o gerenciamento e o dimensionamento à medida que sua biblioteca de conteúdo cresce.
• Esquema de metadados robusto: a implementação de uma estratégia de metadados abrangente garante a escalabilidade e oferece suporte a uma lógica de negócios complexa. Crie um modelo de metadados que se alinhe à sua estratégia de conteúdo, incluindo campos para autor, data de publicação, palavras-chave e tipo de conteúdo. Use a extração automatizada de metadados sempre que possível para simplificar os processos. Um esquema de metadados robusto melhora a descoberta e o gerenciamento de conteúdo.
• Minimizar a redundância: reduza a criação de conteúdo duplicado compartilhando elementos comuns, como títulos de produtos e descrições, em páginas relacionadas. Implemente práticas de compartilhamento de conteúdo e use fragmentos de experiência do AEM para gerenciar e reutilizar conteúdo em diferentes páginas e canais. Faça auditorias regulares do conteúdo para identificar e eliminar duplicações. Essa abordagem garante a consistência e reduz os esforços de manutenção.
• Diretrizes claras: estabeleça diretrizes claras de criação usando cq:template para reduzir a ambiguidade. Forneça exemplos e modelos para orientar os autores de conteúdo, abrangendo o estilo, o tom, a formatação e o uso de metadados. Diretrizes claras ajudam a garantir que os autores de conteúdo sigam as práticas recomendadas, resultando em uma saída mais coesa e profissional.
• Layouts flexíveis: incorpore componentes de contêiner para criar layouts adaptáveis que podem ser ajustados a diferentes tamanhos de tela e dispositivos. Crie layouts flexíveis que podem ser reorganizados sem alterar os componentes principais. Evite layouts codificados em componentes individuais para manter a flexibilidade. Essa abordagem permite a apresentação de conteúdo dinâmico e atualizações mais fáceis.
• Experiências reutilizáveis: desenvolva fragmentos de experiência reutilizáveis para elementos comuns, como cabeçalhos, rodapés e banners. Certifique-se de que esses fragmentos sejam facilmente personalizáveis para páginas e contextos diferentes. Promova a reutilização desses fragmentos para manter a consistência e economizar tempo. Experiências reutilizáveis simplificam a criação de conteúdo e garantem uma aparência uniforme em todo o site.
• Implementação do sistema de estilos: aplique um sistema de estilos que permita diferentes apresentações visuais do mesmo componente. Desenvolva um sistema de estilos usando CSS e tokens de design para gerenciar os estilos centralmente. Certifique-se de que as variações de estilo possam ser facilmente aplicadas e atualizadas sem modificar os componentes principais. Essa abordagem oferece flexibilidade de design e, ao mesmo tempo, mantém uma estrutura consistente.
• Componentes configuráveis: mantenha uma biblioteca de componentes facilmente configuráveis para atender às necessidades em evolução. Crie componentes que podem ser ajustados por meio da interface do usuário do AEM, usando políticas de componentes para gerenciar variações e configurações. Garanta que os componentes possam ser adaptados aos novos requisitos sem uma ampla reformulação. Os componentes configuráveis melhoram a flexibilidade e a facilidade de uso para autores de conteúdo.
• Aproveitar recursos existentes: utilize as funcionalidades integradas do AEM, como fluxos de trabalho, controle de versão, componentes principais e permissões de usuário, para reduzir a necessidade de código personalizado. Aproveite ao máximo os recursos prontos para uso para acelerar o processo de implementação e garantir atualizações e manutenção mais fáceis. Manter-se informado sobre atualizações e aprimoramentos do AEM permite que você aproveite novos recursos e melhorias com eficiência.
• Configurabilidade vs. Codificação rígida: priorize as soluções configuráveis em vez da codificação rígida para facilitar as atualizações e alterações. Certifique-se de que os autores de conteúdo possam fazer os ajustes necessários sem envolver os desenvolvedores e garantir que as opções de configuração do documento sejam claramente definidas. As soluções configuráveis são mais adaptáveis às mudanças nos requisitos e reduzem os esforços de manutenção de longo prazo.
• Auditorias regulares: faça auditorias regulares ao seu conteúdo e componentes para garantir que eles estejam atualizados e alinhados às necessidades comerciais atuais. Identifique um conteúdo desatualizado ou com baixo desempenho para atualizá-lo ou removê-lo e envolva equipes multifuncionais no processo de auditoria para obter insights abrangentes. Auditorias regulares ajudam a manter a qualidade e a relevância do sistema de gerenciamento de conteúdo.

Implementação Headless: entrega flexível de conteúdo

O AEM Headless, ou AEM separado, separa o gerenciamento de conteúdo da camada de apresentação. Essa abordagem permite que o conteúdo seja criado e gerenciado no AEM, mas entregue a várias plataformas e dispositivos por meio de APIs, fornecendo maior flexibilidade e escalabilidade.

Exemplo: uma empresa líder em produtos eletrônicos de consumo deseja aprimorar sua presença digital criando um site centrado no produto que ofereça uma experiência perfeita e envolvente em vários canais, incluindo Web, aplicativos móveis, dispositivos inteligentes e displays na loja. A empresa optou por implementar uma abordagem Headless do CMS usando AEM, aproveitando fragmentos de conteúdo para estruturar e gerenciar informações de produtos. Essa abordagem permite que o conteúdo seja criado centralmente e, em seguida, distribuído em diferentes plataformas por meio de APIs do GraphQL.

Recursos principais:

• Entrega de conteúdo orientada por API: utilizando JSON, GraphQL e APIs REST do ativo, você pode fornecer conteúdo facilmente em vários canais, como dispositivos da Web, dispositivos móveis e IoT. Isso garante que seu conteúdo seja facilmente acessível e consistente, fornecendo uma experiência unificada em todas as plataformas.
• Fragmentos e modelos de conteúdo: Ao usar os Fragmentos de conteúdo e os Modelos de fragmentos de conteúdo, você pode estruturar o conteúdo de forma consistente e reutilizável. Os modelos atuam como modelos que definem a estrutura dos fragmentos de conteúdo, garantindo uniformidade. Isso permite a criação e o gerenciamento eficientes de conteúdo, permitindo uma fácil reutilização em vários canais.
• Flexibilidade de front-end: com uma arquitetura headless, os desenvolvedores podem usar qualquer tecnologia ou estrutura front-end para criar a interface do usuário, permitindo uma abordagem plug-and-play. Isso proporciona controle total sobre a aparência do site ou aplicativo, tornando-o independente de plataforma e altamente adaptável às suas necessidades.

Arquitetura:

Uma arquitetura de CMS headless separa o back-end de gerenciamento de conteúdo da camada de apresentação front-end, permitindo a entrega de conteúdo via APIs para várias plataformas, como dispositivos IoT, aplicativos de página única (SPA) e aplicativos móveis. Os autores criam e gerenciam o conteúdo no CMS, que é então armazenado em um formato estruturado. Os aplicativos front-end recuperam esse conteúdo por meio de APIs HTTP, recebendo-o como dados JSON. Essa abordagem oferece flexibilidade, escalabilidade e uma solução que não se torna obsoleta, permitindo que os desenvolvedores usem estruturas de front-end modernas sem serem limitados pela camada de apresentação do CMS, garantindo assim uma entrega de conteúdo consistente e eficiente em vários dispositivos e plataformas.

Os modelos de fragmento de conteúdo e os fragmentos de conteúdo são componentes principais no Adobe Experience Manager (AEM) que ajudam a organizar e gerenciar o conteúdo de maneira eficaz. Um modelo de fragmento de conteúdo é criado pelos arquitetos de informações e define a estrutura e os campos dos fragmentos de conteúdo. Por exemplo, um modelo de fragmento de conteúdo de artigo pode incluir campos como Título, Descrição, Tipo de aventura e Duração da viagem.

Por outro lado, os fragmentos de conteúdo são instâncias baseadas nesses modelos e são preenchidos por autores com conteúdo específico. Usando o Modelo de fragmento de conteúdo de artigo, um autor pode inserir detalhes sobre um artigo específico, preparando-o para publicação.

Modelo de Organismo, Molécula e Átomo (OMA)

O modelo OMA fornece uma maneira sistemática de estruturar o conteúdo:

• Organismos são tipos de conteúdo de alto nível, como artigos ou páginas de aterrissagem. Cada um tem seu próprio modelo, que define a estrutura e as propriedades. Por exemplo, um modelo de fragmento de conteúdo de artigo.
• Moléculas são componentes de conteúdo reutilizáveis que fazem parte desses tipos de alto nível. Por exemplo, um bloco de autor pode incluir campos como Nome do autor e Biografia, que é definido em seu próprio modelo de fragmento de conteúdo.
• Átomos são os menores elementos de conteúdo usados em moléculas e organismos, como um campo de texto em um Modelo de Fragmento de Conteúdo.

Relações e GraphQL

Entender as relações entre diferentes tipos de conteúdo é fundamental. Por exemplo, um Modelo de fragmento de conteúdo de autor pode ser vinculado a um Modelo de fragmento de conteúdo de artigo para indicar quem escreveu o artigo. O GraphQL é particularmente útil aqui, pois navega eficientemente essas relações com consultas aninhadas, recuperando todos os dados relacionados necessários para a entrega abrangente de conteúdo em várias plataformas.

É a escolha certa para você?

Ao decidir entre a implementação headless do AEM usando os fragmentos de conteúdo e a abordagem baseada no Editor de páginas, considere os seguintes fatores:

1. Você precisa de entrega de conteúdo omnicanal?

Considere o seguinte: se sua estratégia envolve a entrega de conteúdo para vários canais, como sites, aplicativos móveis e dispositivos IoT, uma implementação headless é ideal. Isso garante que seu conteúdo seja consistente e acessível em todos os lugares em que seu público-alvo estiver.

2. A flexibilidade na tecnologia front-end é importante?

Considere o seguinte: se sua equipe de desenvolvimento preferir usar várias tecnologias front-end ou estruturas, uma abordagem headless oferece a flexibilidade para integrar a qualquer sistema. Isso permite que seus desenvolvedores usem as melhores ferramentas para suas necessidades.

3. Você precisa de uma arquitetura separada?

Considere o seguinte: se você precisa gerenciar o conteúdo de forma centralizada, mas fornecê-lo de forma flexível em diferentes pontos de acesso, uma implementação headless oferece suporte a essa separação. Isso melhora a escalabilidade e permite atualizações independentes no front-end e no back-end.

4. O gerenciamento centralizado de conteúdo é crucial?

Considere o seguinte: se você deseja manter uma estratégia de conteúdo consistente em diversas plataformas, o gerenciamento centralizado de conteúdo com fragmentos de conteúdo garante uniformidade e eficiência. Isso é particularmente benéfico para operações de grande escala com pontos de contato digitais variados.

Dicas para o sucesso

• Usar consultas persistentes para otimização de desempenho: as consultas persistentes do GraphQL, armazenadas no servidor AEM, podem ser solicitadas com uma solicitação GET por aplicativos clientes. Isso permite que as respostas sejam armazenadas em cache nas camadas do Dispatcher e da CDN, melhorando significativamente o desempenho em comparação às solicitações de POST padrão, que são mais difíceis de armazenar em cache. Para obter mais detalhes, consulte a documentação
• Otimizar o gerenciamento do modelo de fragmento de conteúdo: o gerenciamento eficaz do número de modelos de fragmentos de conteúdo é fundamental para evitar problemas de desempenho. Quando vários fragmentos compartilham um único modelo, as consultas de lista do GraphQL podem consumir muitos recursos, pois todos os fragmentos vinculados são carregados na memória antes que qualquer filtragem possa ocorrer. Esse processo consome tempo e memória significativos, o que pode levar à degradação do desempenho mesmo com conjuntos de dados pequenos. Ao controlar o número de modelos de fragmento de conteúdo, é possível reduzir o consumo de recursos e aprimorar a eficiência da consulta.
• Nomeação de campo consistente: escolha nomes de campo claros e consistentes para os Modelos de fragmento de conteúdo (CFMs) e para os tipos de GraphQL. Selecione nomes que descrevam com precisão a finalidade do campo, para que desenvolvedores e autores de conteúdo entendam e naveguem facilmente pela estrutura de conteúdo.
• Marcar adequadamente os modelos de fragmento de conteúdo: a marcação adequada dos modelos de fragmento de conteúdo é essencial para a organização e a recuperação eficientes do conteúdo. Com as tags, é possível gerenciar o conteúdo no nível da pasta, especificando quais fragmentos de conteúdo são permitidos com base em suas tags. Por exemplo, todos os modelos de fragmento de conteúdo relacionados a artigos podem ser marcados com “artigos”. Em seguida, ao aplicar a tag “artigos” a uma pasta, você a configura para permitir somente os fragmentos de conteúdo que compartilham a mesma tag. Essa abordagem elimina a necessidade de especificar manualmente o caminho de cada modelo de fragmento de conteúdo para cada pasta, simplificando o processo de gerenciamento de conteúdo e garantindo um fluxo de trabalho mais eficiente. Para obter mais detalhes, consulte a documentação
• Tratamento eficiente de muitos resultados no Headless do AEM: as consultas do GraphQL no Headless do AEM podem retornar muitos resultados, portanto, a paginação é crucial para manter o desempenho. O AEM oferece suporte à paginação baseada em cursor, que recupera o próximo conjunto de resultados usando um ponto de referência, sem precisar digitalizar todos os registros anteriores. Esse método é eficiente para navegar em grandes conjuntos de dados. A paginação de deslocamento/limite especifica um ponto de partida e o número de registros a serem recuperados, mas pode ser mais lenta para conjuntos de dados grandes, pois pode exigir a verificação de muitos registros, causando possíveis problemas de desempenho. Para obter mais detalhes, consulte a documentação

Caso de uso prático para fragmentos de conteúdo de AEM em uma abordagem Headless

Considere uma empresa de produtos com vários aplicativos que atendem a vários departamentos:

• A equipe jurídica gerencia os termos e condições por meio de um aplicativo dedicado.
• A equipe de suporte ao cliente usa um aplicativo separado para rastrear casos.
• O licenciamento é manipulado por outro aplicativo hospedado em um microsserviço.

Cada um desses aplicativos tem suas próprias operações e bancos de dados CRUD. Além disso, há uma quantidade substancial de conteúdo criado para ser gerenciado. O aplicativo do usuário final precisa extrair conteúdo do AEM e de outros bancos de dados gerenciados por esses aplicativos.

Nesse contexto, adotar uma abordagem headless com fragmentos de conteúdo AEM é extremamente prático. Ao usar o AEM em uma configuração headless, é possível separar dados lógicos (informações criadas, excluídas ou consumidas por camadas de API) de marketing ou conteúdo visível estruturado. Dessa forma, o AEM pode hospedar todo o conteúdo, enquanto outros aplicativos podem gerenciar seus dados de maneira independente.

Gerenciamento e entrega de conteúdo centralizados

O AEM serve como um repositório central para todo o conteúdo criado, garantindo que as informações de marketing, legais e de suporte sejam mantidas de forma consistente e facilmente acessíveis. Essa arquitetura permite que cada aplicativo funcione de maneira ideal ao integrar conteúdo do AEM conforme necessário.

Gerenciamento de fragmentos de conteúdo

• Fragmentos de conteúdo do AEM são usados para estruturar e gerenciar o conteúdo centralmente.
• O conteúdo é criado e armazenado no AEM, permitindo atualizações fáceis e controle de versão.

Integração de API

• Aplicativos de front-end e de outros serviços podem buscar conteúdo do AEM por meio de APIs HTTP (REST, GraphQL).
• Com o GraphQL, os aplicativos podem solicitar exatamente os dados de que precisam, melhorando o desempenho e a flexibilidade.

Benefícios para desenvolvedores

• Flexibilidade: os desenvolvedores podem usar qualquer tecnologia ou estrutura de front-end (por exemplo, React, Angular, Vue.js) para criar aplicativos, já que o conteúdo é entregue no formato JSON por meio de APIs.
• Separação de interesses: o gerenciamento de dados lógicos é separado do gerenciamento de conteúdo, permitindo que cada aplicativo manipule suas próprias operações CRUD de forma independente.
• Recuperação eficiente de dados: as APIs do GraphQL permitem uma consulta e navegação eficientes de relações de conteúdo, garantindo que apenas os dados necessários sejam obtidos.

Caso de uso prático para fragmentos de conteúdo de AEM em uma abordagem Headful

Vamos considerar uma empresa de produtos com aplicativos integrados que precisam de um gerenciamento de conteúdo coeso:

• A equipe de marketing usa um aplicativo para gerenciar campanhas e materiais promocionais.
• A equipe de vendas usa outro aplicativo para gerenciamento de relacionamento com o cliente (CRM).
• A equipe de produtos tem um aplicativo para gerenciar informações e atualizações de produtos.

Cada um desses aplicativos requer conteúdo consistente e bem integrado, que pode ser gerenciado centralmente. É aqui que a abordagem headful com fragmentos de conteúdo AEM se torna benéfica.

Gerenciamento centralizado de conteúdo

Ao usar o AEM em uma configuração headful, você pode centralizar a criação e o gerenciamento de conteúdo no AEM, permitindo que todas as equipes acessem e atualizem o conteúdo diretamente por meio da interface do usuário do AEM. Isso garante que as informações de marketing, vendas e produtos sejam mantidas de forma consistente e facilmente acessíveis em diferentes aplicativos.

Criação e publicação aprimoradas

As ferramentas eficientes de criação do AEM permitem que criadores e gerentes de conteúdo criem, editem e publiquem conteúdo com facilidade. Isso inclui o uso de fragmentos de experiência, que permitem a criação de blocos de conteúdo reutilizáveis que podem ser facilmente inseridos em várias páginas e aplicativos.

Exemplos:

• Equipe de recursos gráficos: cria todos os ativos e os organiza em pastas dentro do AEM.
• Equipe de marketing: usa fragmentos de experiência para criar banners promocionais e materiais de campanha.
• Equipe comercial: executa um teste A/B e personaliza o conteúdo para diferentes personas de usuário, usando os recursos de segmentação e direcionamento do AEM.

Perspectiva do desenvolvedor

Do ponto de vista de um desenvolvedor, a abordagem headful no AEM integra gerenciamento e entrega de conteúdo em um único sistema, garantindo um processo de desenvolvimento simplificado.

• Desenvolvimento de componentes: os desenvolvedores criam componentes do AEM usando JavaScript, HTL e Java, que renderizam o conteúdo diretamente no AEM.
• Sistema de estilos: o Sistema de estilos do AEM permite uma fácil personalização da aparência dos componentes sem a necessidade de modificar o código principal. Os autores de modelo definem estilos CSS nas políticas de componentes, e os autores de conteúdo podem selecionar esses estilos em um menu suspenso durante a edição de conteúdo.
• Entrega de conteúdo: o conteúdo é renderizado como HTML pelos componentes AEM e entregue diretamente ao navegador do usuário final, garantindo uma experiência online coesa e dinâmica.