Cette documentation vous guidera tout au long des aspects clés de la création de contenu AEM, afin de vous aider à prendre des décisions éclairées et à créer des expériences numériques percutantes. Nous explorerons la manière dont les stratégies de contenu headless et headful peuvent être utilisées efficacement, en tenant compte de divers acteurs telles que les développeurs, les professionnels et les auteurs.

Maîtriser l'art et la science de la création de contenu

La création de contenus attrayants est à la fois un art et une science, en particulier dans Adobe Experience Manager (AEM). Que vous veniez d’une grande entreprise ou d’une petite entreprise, comprendre les nuances de la création de contenu peut améliorer considérablement l’expérience utilisateur de votre site web, la vitesse du contenu, le délai de mise sur le marché (TTM) et la portée du contenu.

Expérience utilisateur : Améliorez l’expérience globale pour les utilisateurs finaux en fournissant du contenu transparent, personnalisé et interactif.

Vitesse du contenu : Augmentez la vitesse de création, d’approbation et de publication du contenu, ce qui permet à votre équipe de répondre rapidement aux changements du marché et aux besoins de l’audience.

Délai de mise sur le marché (TTM) : Réduisez le temps nécessaire au lancement de nouveaux contenus et campagnes, en veillant à ce que vos messages restent pertinents et opportuns.

Portée du contenu : Étendez la portée de votre contenu sur plusieurs canaux et appareils, pour assurer sa cohérence et élargir l’engagement de votre audience.

Mécanismes de cas d’utilisation pour le contenu headless et headful :

Perspective des développeurs :

• Headless : idéal pour les projets qui nécessitent une certaine flexibilité en matière de développement front-end, ce qui permet aux développeurs d’utiliser des structures modernes et de fournir une architecture découplée qui prend en charge les expériences utilisateur innovantes.
• Headul : Parfait pour les scénarios où un système étroitement intégré est bénéfique, offrant ainsi un vaste ensemble de composants et de modèles intégrés qui rationalisent le développement et réduisent la nécessité d’un codage personnalisé.

Perspective des professionnels :

• Headless : convient aux cas d’utilisation où le contenu doit être distribué sur plusieurs plateformes (web, mobile, IoT) de manière efficace, assurant ainsi cohérence et évolutivité.
• Headful : Idéal pour les cas d’utilisation qui donnent la priorité à la gestion de contenu avec de puissantes fonctionnalités d’édition WYSIWYG, ce qui permet aux utilisateurs professionnels de créer et de gérer du contenu avec une assistance technique minimale.

Perspective des auteurs :

• Headless : fonctionne bien lorsque les auteurs se concentrent sur la création de contenu structuré pouvant être réutilisé sur divers canaux, ce qui nécessite une compréhension de la diffusion de contenu piloté par l’API.
• Headful : favorise les scénarios où les auteurs bénéficient d’un processus de création de contenu plus visuel et intuitif, en utilisant des interfaces avec glisser-déposer et l’édition contextuelle pour se concentrer sur la narration et la conception.

Objectifs de la création de contenu

Création de contenu headful :

• Contrôle visuel : les auteurs bénéficient d’un contrôle direct sur la mise en page et la conception de la page.
• Expérience interactive : ceci est idéal pour créer des pages web riches et interactives avec un accent sur la narration visuelle.

Création de contenu headless :

• Flexibilité : le contenu est géré indépendamment de sa présentation, ce qui permet sa diffusion sur plusieurs canaux.
• Expérience omnicanale : elle est adaptée aux scénarios où le contenu doit être exposé à plusieurs canaux.

Cette documentation vous guide tout au long des bonnes pratiques et des considérations à prendre en compte pour chaque approche de création de contenu. Elle fournit des cas d’utilisation pour vous aider à décider à quel moment utiliser des méthodes headful ou headless et décrit les principales considérations à prendre en compte pour une gestion de contenu efficace.

Ces indications sont censées inspirer et informer, plutôt que dicter. Il est important de tester et de trouver ce qui fonctionne le mieux pour vos besoins spécifiques.

Création de la bonne expérience :

Pour réussir une expérience de marque, il est essentiel de diffuser le bon contenu à la bonne audience. Un contenu personnalisé qui s’adapte aux préférences des utilisateurs peut améliorer l’engagement et la fidélité.

Donner davantage de poids à vos auteurs :

Ceci permet aux auteurs et autrices de prendre le contrôle du processus de création de contenu, ce qui réduit la nécessité d’une intervention continue du développeur. Mise à l’échelle efficace : implémentez des stratégies de contenu évolutives pour gérer des bibliothèques de contenu croissantes et divers canaux de distribution.

Mise en œuvre headful narration visuelle

Pages web visuelles riches pour site web marketing avec implémentation CMS

La mise en œuvre headful dans Adobe Experience Manager (AEM) utilise l’éditeur de page (comme un configurateur de formulaire visuel) pour créer des pages web visuellement riches, ce qui est idéal pour les sites web marketing. Grâce à cette approche, les créateurs d’entreprise peuvent directement contrôler et personnaliser les éléments visuels et la mise en page du contenu, ce qui facilite le lancement de nouvelles campagnes, la mise à jour de pages de produits et l’amélioration rapide et efficace de la narration de marque.

Exemple : Une grande entreprise d’électronique grand public vise à améliorer sa présence numérique en créant un site web centré sur les produits qui offre une expérience immersive et attrayante pour les utilisateurs et utilisatrices. L’entreprise choisit d’implémenter une approche CMS en tête à l’aide de l’éditeur de page d’AEM, qui permet aux auteurs de contenu de créer et de gérer visuellement des pages web avec une interface WYSIWYG, en utilisant les composants et modèles intégrés d’AEM.

Fonctionnalités principales

• Modification WYSIWYG (What You See Is What You Get) : Offres d’édition contextuelle, qui permettent aux auteurs de voir exactement comment le contenu apparaîtra lorsqu’ils le créeront et le modifieront. Il s’agit notamment de la fonctionnalité de glisser-déposer et des commentaires visuels immédiats.
• Fonctionnalités de création avancées : permet la création et la gestion de modèles, de composants et de fragments d’expérience, offrant aux auteurs des outils robustes pour contrôler la mise en page et la conception du contenu.
• Gestion des workflows : fournit de puissantes fonctionnalités de workflow pour automatiser les processus d’approbation de contenu, assurant la cohérence et la qualité du contenu publié.
• Gouvernance de l’utilisateur : Une gouvernance utilisateur forte et des fonctions de contrôle d’accès permettent de définir des rôles et des autorisations, ce qui en fait un outil adapté aux organisations qui ont des besoins complexes en matière de gestion de contenu.

Architecture :

Dans une implémentation headful de Adobe Experience Manager (AEM), le système gère à la fois la gestion de contenu et la présentation au sein d’une seule architecture monolithique. Le référentiel de contenu gère l’ensemble du contenu, des outils de création, du contrôle de version, des workflows et des autorisations utilisateur. Des composants AEM, développés à l’aide de JavaScript, du langage HTML (HTML Template Language) et de Java, effectuent le rendu du contenu du référentiel dans HTML. Cet HTML est ensuite transmis au navigateur, ce qui crée l’expérience web pour les utilisateurs. Le système de style améliore ce processus en permettant aux créateurs de modèles de définir des classes de style dans les stratégies de composant des modèles de page. Les auteurs de contenu peuvent ensuite sélectionner ces styles dans un menu déroulant lors de la modification de composants, assurant ainsi la flexibilité et la facilité des mises à jour sans avoir à modifier le code du composant.

Est-ce le bon choix pour vous ?

Lorsque vous décidez entre l’approche basée sur l’éditeur de page d’AEM et une mise en oeuvre headless à l’aide de fragments de contenu, tenez compte des facteurs suivants :

1. Avez-vous besoin d’une solution tout en un ?

Prenez ceci en considération  : si vous souhaitez une plateforme complète sur laquelle les auteurs peuvent gérer le contenu, utiliser la taxonomie pour le balisage et ajuster visuellement les mises en page, l’éditeur de page d’AEM est un excellent concurrent. Cela s’avère particulièrement utile si vous n’avez pas besoin de capacités omnicanales étendues.

2. Le déploiement de campagnes rapides est-il important ?

Prenez ceci en considération  : si votre stratégie marketing repose sur le lancement et la mise à jour rapides des campagnes, l’éditeur de page permet de mettre à jour rapidement le contenu et de déployer facilement de nouvelles initiatives. Déterminez si votre équipe a besoin de cette agilité pour rester compétitive.

3. Définissez-vous la priorité sur le contrôle créatif pour les utilisateurs non techniques ?

Prenez ceci en considération  : Si l’autonomisation des utilisateurs professionnels pour gérer la mise en page et la conception visuelle du contenu sans intervention technique est essentielle, l’éditeur de page fournit les outils nécessaires. Déterminez si cela correspond aux fonctionnalités de votre workflow et de votre équipe.

4. La collaboration entre les équipes est-elle essentielle ?

Prenez ceci en considération  : pour les organisations où les équipes de marketing, de conception et de développement doivent travailler en étroite collaboration, l’approche dynamique d’AEM facilite la collaboration harmonieuse. Déterminez si cet environnement collaboratif est essentiel à vos opérations.

Astuces pour rencontrer le succès

• Regroupement de contenu  : définissez des catégories spécifiques telles que du texte, des images, des documents et des vidéos pour rationaliser la gestion de contenu dans la gestion des actifs numériques (DAM) d’AEM. Des conventions d’affectation des noms et des structures de dossiers cohérentes facilitent la récupération et l’organisation. En regroupant efficacement le contenu, vous pouvez optimiser l’efficacité des workflows et vous assurer que les auteurs de contenu peuvent rapidement trouver et gérer des ressources.
• Développement de la taxonomie : Le développement d’une taxonomie bien structurée au début du processus est essentiel. Créez une structure hiérarchique qui reflète les besoins de votre entreprise, avec des catégories et des sous-catégories claires. Incluez les balises et mots-clés appropriés pour faciliter la recherche et la navigation. Une taxonomie robuste permet de maintenir l’organisation du contenu, ce qui facilite la gestion et la mise à l’échelle à mesure que votre bibliothèque de contenu se développe.
• Schéma de métadonnées robuste  : la mise en œuvre d’une stratégie de métadonnées complète garantit l’évolutivité et prend en charge une logique commerciale complexe. Concevez un modèle de métadonnées qui s’aligne sur votre stratégie de contenu, notamment des champs pour l’auteur, la date de publication, les mots-clés et le type de contenu. Lorsque cela est possible, utilisez l’extraction automatisée de métadonnées pour rationaliser les processus. Un modèle de métadonnées robuste améliore la visibilité et la gestion du contenu.
• Minimisation de la redondance  : réduisez la création de contenu en double en partageant des éléments communs tels que les titres et descriptions de produits sur les pages connexes. Mettez en œuvre des pratiques de partage de contenu et utilisez les fragments d’expérience d’AEM pour gérer et réutiliser du contenu sur différentes pages et différents canaux. Contrôlez régulièrement votre contenu pour identifier et éliminer les doublons. Cette approche garantit la cohérence et réduit les efforts de maintenance.
• Effacer les consignes  : définissez et documentez des consignes de création claires à l’aide de cq:template pour réduire l’ambiguïté. Fournissez des exemples et des modèles pour guider les auteurs de contenu, qui couvrent le style, le ton, la mise en forme et l’utilisation des métadonnées. Des consignes claires permettent de s’assurer que les auteurs de contenu adhèrent aux bonnes pratiques, ce qui se traduit par un résultat plus cohérent et professionnel.
• Mise en page flexible  : intégrez des composants de conteneur pour créer des mises en page adaptables qui peuvent s’adapter à différentes tailles d’écran et différents appareils. Concevez des mises en page flexibles qui peuvent être réorganisées sans modifier les composants principaux. Évitez de coder en dur des mises en page dans des composants individuels pour maintenir la flexibilité. Cette approche permet une présentation dynamique du contenu et des mises à jour plus simples.
• Expériences réutilisables  : développez des fragments d’expérience réutilisables pour les éléments communs tels que les en-têtes, les pieds de page et les bannières. Assurez-vous que ces fragments sont facilement personnalisables pour différentes pages et différents contextes. Encouragez la réutilisation de ces fragments pour maintenir la cohérence et gagner du temps. Les expériences réutilisables rationalisent la création de contenu et garantissent une apparence uniforme sur l’ensemble de votre site.
• Mise en œuvre du système de style  : appliquez un système de style qui permet différentes présentations visuelles du même composant. Développez un système de style à l’aide de CSS et de jetons de conception pour gérer les styles de manière centralisée. Assurez-vous que les variations de style peuvent être facilement appliquées et mises à jour sans modifier les composants principaux. Cette approche offre une flexibilité de conception tout en conservant une structure cohérente.
• Composants configurables  : conservez une bibliothèque de composants facilement configurables pour répondre à des besoins en évolution. Créez des composants qui peuvent être ajustés via l’interface utilisateur d’AEM, à l’aide de stratégies de composants pour gérer les variations et les paramètres. Assurez-vous que les composants peuvent être adaptés aux nouvelles exigences sans redéveloppement complet. Les composants configurables améliorent la flexibilité et la facilité d’utilisation pour les auteurs de contenu.
• Utiliser les fonctionnalités existantes  : utilisez les fonctionnalités intégrées d’AEM telles que les workflows, le contrôle de version, les composants principaux et les autorisations d’utilisateur pour réduire le besoin de code personnalisé. Tirez parti des fonctionnalités prêtes à l’emploi pour accélérer le processus de mise en œuvre et faciliter les mises à niveau et la maintenance. Le fait de tenir compte des mises à jour et améliorations AEM vous permet d’exploiter efficacement les nouvelles fonctionnalités et améliorations.
• Configurabilité vs.Hard Coding  : privilégiez les solutions configurables par rapport au codage dur pour faciliter les mises à jour et les modifications. Assurez-vous que les auteurs de contenu peuvent apporter les ajustements nécessaires sans impliquer les développeurs, et que les options de configuration de document sont claires. Les solutions configurables sont plus adaptables à l’évolution des besoins et réduisent les efforts de maintenance à long terme.
• Audits réguliers  : effectuez régulièrement des audits de votre contenu et de vos composants pour vous assurer qu’ils sont à jour et conformes aux besoins actuels de l’entreprise. Identifiez le contenu obsolète ou peu performant à des fins de mise à jour ou de suppression et faites appel à des équipes interfonctionnelles dans le processus de vérification pour obtenir des informations complètes. Des audits réguliers permettent de maintenir la qualité et la pertinence de votre système de gestion de contenu.

Mise en œuvre headless : diffusion de contenu flexible

L’approche AEM headless, ou AEM découplé, sépare la gestion de contenu de la couche de présentation. Cette approche permet de créer et de gérer du contenu dans AEM, mais elle est diffusée sur diverses plates-formes et périphériques via les API, offrant ainsi plus de flexibilité et d’évolutivité.

Exemple : Une grande entreprise d’électronique grand public souhaite améliorer sa présence numérique en créant un site web centré sur les produits qui offre une expérience transparente et attrayante sur plusieurs canaux, y compris le web, les applications mobiles, les appareils intelligents et les affichages en magasin. L’entreprise a choisi de mettre en œuvre une approche CMS sans interface utilisateur graphique à l’aide d’AEM, en exploitant des fragments de contenu pour structurer et gérer les informations sur les produits. Cette approche permet la création centralisée du contenu, puis sa distribution sur différentes plateformes via les API GraphQL.

Fonctionnalités principales :

• Diffusion de contenu pilotée par l’API : En utilisant les API JSON, GraphQL et Asset REST, vous pouvez diffuser du contenu en toute simplicité sur plusieurs canaux, tels que des appareils web, mobiles et IoT. Cela permet de garantir un contenu facilement accessible et cohérent, offrant ainsi une expérience unifiée sur toutes les plateformes.
• Fragments de contenu et modèles : À travers l’utilisation des fragments de contenu et des modèles de fragment de contenu, vous pouvez structurer votre contenu de manière cohérente et réutilisable. Les modèles agissent comme des modèles qui définissent la structure de vos fragments de contenu, assurant une bonne uniformité. Cela permet une création et une gestion de contenu efficaces, ce qui assure une réutilisation facile sur plusieurs canaux.
• Flexibilité front-end : Avec une architecture sans interface utilisateur, les développeurs peuvent utiliser n’importe quelle technologie ou structure front-end pour créer l’interface utilisateur, ce qui permet une approche plug-and-play. Cela permet de contrôler entièrement l’aspect du site web ou de l’application, ce qui le rend indépendant de la plateforme et hautement adaptable à vos besoins.

Architecture :

Une architecture CMS sans interface permet de découpler le serveur principal de gestion de contenu de la couche de présentation frontale, ce qui assure la diffusion de contenu via des API sur diverses plateformes telles que les appareils IoT, les applications d’une seule page (SPA) et les applications mobiles. Les auteurs créent et gèrent du contenu dans CMS, qui est ensuite stocké dans un format structuré. Les applications front-end récupèrent ce contenu via des API HTTP, en le recevant en tant que données JSON. Cette approche offre flexibilité, évolutivité et une solution à l’épreuve du temps, ce qui permet aux développeurs d’utiliser des structures front-end modernes sans être contraints par la couche de présentation de CMS, ce qui garantit ainsi une diffusion de contenu cohérente et efficace sur plusieurs appareils et plateformes.

Les modèles de fragment de contenu et les fragments de contenu sont des composants clés de Adobe Experience Manager (AEM) qui permettent d’organiser et de gérer efficacement le contenu. Un modèle de fragment de contenu est créé par des architectes d’informations et définit la structure et les champs des fragments de contenu. Par exemple, un modèle de fragment de contenu d’article peut inclure des champs tels que Titre, Description, Type d’aventure et Durée du voyage.

Les fragments de contenu, en revanche, sont des instances basées sur ces modèles et sont remplis par des auteurs avec du contenu spécifique. À l’aide du modèle de fragment de contenu d’article, un auteur peut saisir des détails sur un article spécifique, ce qui le rend prêt à être publié.

Modèle Organisme, Molécule et Atome (OMA)

Le modèle OMA fournit un moyen systématique de structurer le contenu :

• Les organismes sont des types de contenu de haut niveau tels que des articles ou des landing pages. Chacun possède son propre modèle qui définit la structure et les propriétés. Par exemple, un modèle de fragment de contenu d’article.
• Les molécules sont des composants de contenu réutilisables qui font partie de ces types de haut niveau. Par exemple, un bloc d’auteur peut inclure des champs tels que Nom de l’auteur et Bio, qui est défini dans son propre modèle de fragment de contenu.
• Les atomes sont les plus petits éléments de contenu utilisés dans les molécules et les organismes, comme un champ de texte dans un modèle de fragment de contenu.

Relations et GraphQL

Il est essentiel de comprendre les relations entre les différents types de contenu. Par exemple, un modèle de fragment de contenu d’auteur peut être lié à un modèle de fragment de contenu d’article pour indiquer qui a écrit l’article. GraphQL est particulièrement utile ici, car il navigue efficacement dans ces relations avec les requêtes imbriquées, récupérant toutes les données associées nécessaires pour une diffusion de contenu complète sur différentes plateformes.

Est-ce le bon choix pour vous ?

Lorsque vous décidez entre l’implémentation headless d’AEM à l’aide de fragments de contenu et l’approche basée sur l’éditeur de page, tenez compte des facteurs suivants :

1. Avez-vous besoin d’une diffusion de contenu omnicanale ?

Prenez ceci en considération  : si votre stratégie implique la diffusion de contenu sur plusieurs canaux tels que des sites web, des applications mobiles et des appareils IoT, une mise en oeuvre headless est idéale. Cela garantit la cohérence et l’accessibilité de votre contenu partout où se trouve votre audience.

2. La flexibilité dans la technologie front-end est-elle importante ?

Prenez ceci en considération  : si votre équipe de développement préfère utiliser diverses technologies ou structures frontales, une approche sans interface offre la flexibilité d’intégrer à n’importe quel système. Cela permet aux développeurs d’utiliser les meilleurs outils pour répondre à vos besoins.

3. Avez-vous besoin d’une architecture découplée ?

Prenez ceci en considération  : si vous devez gérer le contenu de manière centralisée, mais le diffuser de manière flexible sur différents points de terminaison, une implémentation sans interface prend en charge ce découplage. Cela améliore l’évolutivité et permet des mises à jour indépendantes du serveur frontal et du serveur principal.

4. La gestion de contenu centralisée est-elle essentielle ?

Prenez ceci en considération  : si vous souhaitez conserver une stratégie de contenu cohérente sur différentes plateformes, la gestion centralisée du contenu avec des fragments de contenu garantit l’uniformité et l’efficacité. Cela est particulièrement bénéfique pour les opérations à grande échelle avec des points de contact numériques variés.

Astuces pour rencontrer le succès

• Utiliser des requêtes persistantes pour l’optimisation des performances  : les requêtes GraphQL persistantes, stockées sur le serveur AEM, peuvent être demandées avec une demande de GET par les applications clientes. Cela permet de mettre en cache les réponses aux couches du dispatcher et du CDN, ce qui améliore considérablement les performances par rapport aux demandes de POST standard, qui sont plus difficiles à mettre en cache. Pour plus d’informations, voir la documentation
• Optimiser la gestion des modèles de fragments de contenu  : la gestion efficace du nombre de modèles de fragments de contenu est essentielle pour éviter les problèmes de performances. Lorsque plusieurs fragments partagent un modèle unique, les requêtes de liste GraphQL peuvent devenir gourmandes en ressources, car tous les fragments liés sont chargés en mémoire avant tout filtrage. Ce processus consomme beaucoup de temps et de mémoire, ce qui peut entraîner une dégradation des performances même avec de petits jeux de données. En contrôlant le nombre de modèles de fragment de contenu, vous pouvez réduire la consommation de ressources et améliorer l’efficacité des requêtes.
• Affectation de nom de champ cohérente : sélectionnez des noms de champ clairs et cohérents pour les types CFM (Content Fragment Models) et GraphQL. Sélectionnez des noms qui décrivent précisément l’objectif du champ, ce qui facilite la compréhension et la navigation des développeurs et des auteurs de contenu.
• Baliser les modèles de fragment de contenu de manière appropriée : Un balisage correct des modèles de fragment de contenu est essentiel pour une organisation et une récupération efficaces du contenu. L’utilisation de balises vous permet de gérer le contenu au niveau du dossier, en spécifiant les fragments de contenu autorisés en fonction de leurs balises. Par exemple, tous les modèles de fragment de contenu liés aux articles peuvent être balisés avec des « articles ». Ensuite, en appliquant la balise « articles » à un dossier, vous la configurez pour autoriser uniquement les fragments de contenu partageant la même balise. Cette approche élimine la nécessité de spécifier manuellement le chemin d’accès de chaque modèle de fragment de contenu pour chaque dossier, ce qui simplifie le processus de gestion de contenu et simplifie le workflow. Pour plus d’informations, voir la documentation
• Manipulation efficace de résultats importants dans AEM headless : les requêtes GraphQL d’AEM headless peuvent renvoyer des résultats importants, la pagination est donc essentielle pour maintenir les performances. AEM prend en charge la pagination basée sur le curseur, qui récupère l’ensemble de résultats suivant à l’aide d’un point de référence, évitant ainsi d’avoir à analyser tous les enregistrements précédents. Cette méthode est efficace pour parcourir les jeux de données volumineux. La pagination Décalage/Limite spécifie un point de départ et le nombre d’enregistrements à récupérer, mais elle peut être plus lente pour les jeux de données volumineux, car elle peut nécessiter une analyse de nombreux enregistrements, ce qui peut entraîner des problèmes de performances. Pour plus d’informations, voir la documentation

Cas pratique d’utilisation des fragments de contenu d’AEM headless

Prenons l’exemple d’une société de produits avec plusieurs applications qui s’adressent à différents services :

• L’équipe juridique gère les conditions générales par le biais d’une application dédiée.
• L’équipe d’assistance clientèle utilise une application distincte pour effectuer le suivi des cas.
• L'autorisation est gérée par une autre application hébergée sur un microservice.

Chacune de ces applications possède ses propres opérations CRUD et ses propres bases de données. En outre, il existe une quantité importante de contenu créé à gérer. L’application de l’utilisateur final doit extraire du contenu d’AEM et d’autres bases de données gérées par ces applications.

Dans ce contexte, l’adoption d’une approche headless avec les fragments de contenu AEM est très pratique. En utilisant AEM dans une configuration sans interface utilisateur graphique, vous pouvez séparer les données logiques (informations créées, supprimées ou utilisées par les couches API) du contenu marketing ou du contenu visible structuré. Ainsi, AEM peut héberger tout le contenu, tandis que d’autres applications peuvent gérer leurs données indépendamment.

Gestion et diffusion de contenu centralisées

AEM sert de référentiel central pour tout le contenu créé, en veillant à ce que les informations marketing, juridiques et d’assistance soient conservées de manière cohérente et facilement accessibles. Cette architecture permet à chaque application de fonctionner de manière optimale tout en intégrant le contenu d’AEM selon les besoins.

Gestion des fragments de contenu

• Les fragments de contenu AEM sont utilisés pour structurer et gérer le contenu de manière centralisée.
• Le contenu est créé et stocké dans AEM, ce qui permet de faciliter les mises à jour et le contrôle des versions.

Intégration d’API

• Les applications frontales et d’autres services peuvent récupérer du contenu d’AEM via des API HTTP (REST, GraphQL).
• Grâce à GraphQL, les applications peuvent demander exactement les données dont elles ont besoin, ce qui améliore les performances et la flexibilité.

Avantages pour les développeurs

• Flexibilité : Les développeurs peuvent utiliser n’importe quelle technologie ou structure frontale (par exemple, React, Angular, Vue.js) pour créer des applications, car le contenu est diffusé au format JSON via des API.
• Séparation des préoccupations : La gestion logique des données est séparée de la gestion de contenu, ce qui permet à chaque application de gérer ses propres opérations CRUD de manière indépendante.
• Récupération efficace de données : les API GraphQL permettent d’interroger et de naviguer efficacement les relations de contenu, en veillant à ce que seules les données nécessaires soient récupérées.

Cas pratique d’utilisation des fragments de contenu AEM dans une approche headful

Prenons l’exemple d’une société de produits avec des applications intégrées nécessitant une gestion de contenu cohérente :

• L'équipe marketing utilise une application pour la gestion des campagnes et du matériel promotionnel.
• L’équipe commerciale utilise une autre application pour la gestion de la relation client (CRM).
• L’équipe produit dispose d’une application pour gérer les informations sur les produits et les mises à jour.

Chacune de ces applications nécessite un contenu cohérent et bien intégré, qui peut être géré de manière centralisée. C’est là que l’approche avec des fragments de contenu AEM devient bénéfique.

Gestion de contenu centralisée

L’utilisation d’AEM dans une configuration globale vous permet de centraliser la création et la gestion de contenu dans AEM, ce qui permet à toutes les équipes d’accéder au contenu et de le mettre à jour directement via l’interface utilisateur d’AEM. Cela garantit que les informations sur le marketing, les ventes et les produits sont conservées de manière cohérente et facilement accessibles dans différentes applications.

Création et publication améliorées

Les d’outils de création enrichis d’AEM permettent aux créateurs et aux gestionnaires de contenu de créer, modifier et publier du contenu de manière transparente. Cela inclut l’utilisation de fragments d’expérience, qui permettent la création de blocs de contenu réutilisables pouvant être facilement insérés dans différentes pages et applications.

Exemples :

• Équipe graphique : crée toutes les ressources et les organise dans des dossiers au sein d’AEM.
• Équipe marketing : utilise des fragments d’expérience pour créer des bannières promotionnelles et du matériel de campagne.
• Équipe commerciale : exécute des tests A/B et personnalise le contenu pour différents utilisateurs, à l’aide des fonctions de ciblage et de segmentation AEM.

Perspective des développeurs

Du point de vue du développeur, l’approche performante d’AEM intègre la gestion et la diffusion de contenu dans un seul système, assurant ainsi un processus de développement rationalisé.

• Développement des composants : les développeurs créent des composants AEM à l’aide de JavaScript, HTL et Java, qui effectuent le rendu du contenu directement dans AEM.
• Système de style : le système de style d’AEM permet de personnaliser facilement l’aspect des composants sans avoir à modifier le code principal. Les créateurs de modèles définissent des styles CSS dans les stratégies de composant, et les créateurs de contenu peuvent sélectionner ces styles dans un menu déroulant lors de la modification du contenu.
• Diffusion de contenu : le contenu est rendu comme HTML par les composants d’AEM et diffusé directement dans le navigateur de l’utilisateur final, assurant ainsi une expérience web cohérente et dynamique.