À compter de la version 6.0, Adobe Experience Manager (AEM) a introduit une nouvelle interface utilisateur appelée IU optimisée pour les écrans tactiles (également appelée simplement IU tactile). Il est aligné sur Adobe Experience Cloud et sur les directives générales de l’interface utilisateur de l’Adobe. Il s’agit dorénavant de l’interface utilisateur standard d’AEM, l’ancienne interface orientée bureau désormais appelée IU classique.
Si vous avez utilisé AEM avec l’interface utilisateur classique, prenez des mesures pour migrer votre instance. Cette page vous accompagnera à cet effet en vous fournissant des liens vers plusieurs ressources individuelles.
Un tel projet de migration peut avoir un impact important sur votre instance. Consultez la section Gestion des projets - Bonnes pratiques pour obtenir des instructions recommandées.
Lors de la migration, tenez compte des principales différences suivantes entre l’IU classique et l’IU tactile :
Interface utilisateur classique | Interface utilisateur optimisée pour les écrans tactiles |
Décrite dans le référentiel JCR comme une structure de nœuds. Chaque nœud qui représente un élément de l’interface utilisateur est appelé une Widget ExtJS et rendu côté client par ExtJS . |
Également décrite dans le référentiel JCR comme une structure de nœuds. Cependant, dans ce cas, chaque noeud fait référence à un type de ressource Sling (composant Sling), responsable de son rendu. L’interface utilisateur est (en fait) rendue côté serveur. |
|
sling:resourceType
|
Nœuds de boîte de dialogue :
|
Nœuds de boîte de dialogue :
|
Emplacement JavaScript :
|
Emplacement JavaScript :
|
Gestion des événements :
|
Gestion des événements :
|
Rendu effectué par le client :
|
Rendu effectué par le serveur :
|
En d’autres termes, la migration d’une section de votre interface utilisateur de l’IU classique vers l’IU tactile correspond au portage d’un Widget ExtJS en Composant Sling. Pour plus de facilité, l’interface utilisateur tactile est basée sur le framework de l’interface utilisateur Granite, qui fournit déjà certains composants Sling pour l’interface utilisateur (appelés composants de l’interface utilisateur Granite).
Avant de commencer, vérifiez le statut et les recommandations associées :
Les principes de base du développement de l’interface utilisateur tactile constituent une base solide :
Les boîtes de dialogue constituent un élément majeur de la migration de vos composants :
Développement de composants AEM (avec l’interface utilisateur tactile)
Outils de modernisation d’AEM - Pour vous aider à convertir les boîtes de dialogue de vos composants d’IU classique en IU tactile
Personnalisation des champs de boîte de dialogue dans l’interface utilisateur tactile
Personnalisation de la création de pages (avec l’interface utilisateur tactile)
Vous pouvez également personnaliser les consoles :
Bien que cela ne soit pas directement lié à une migration vers l’interface utilisateur tactile, il existe des problèmes connexes qui méritent d’être pris en compte en même temps, car ils font également partie des bonnes pratiques recommandées :
Consultez également la section Développement - Bonnes pratiques.
Pour plus d’informations sur le développement d’AEM, consultez la collection de ressources sous :
Les outils de modernisation AEM sont un effort communautaire et ne sont ni soutenus ni garantis par Adobe.