Migration vers l’interface utilisateur tactile

Depuis la version 6.0, Adobe Experience Manager (AEM) a introduit une nouvelle interface utilisateur appelée interface utilisateur tactile (également appelée simplement interface utilisateur tactile). Il est aligné sur le Adobe Marketing Cloud et sur les directives générales de l’interface utilisateur de l’Adobe. Il s’agit désormais de l’interface utilisateur standard en AEM avec l’interface héritée et orientée bureau, appelée interface utilisateur classique.

Si vous avez utilisé AEM avec une interface utilisateur classique, vous devez agir pour migrer votre instance. Cette page est destinée à servir de tremplin en fournissant des liens vers des ressources individuelles.

REMARQUE

Un tel projet de migration peut avoir un impact significatif sur votre instance. Voir Gestion des projets - Bonnes pratiques pour consulter les recommandations.

Principes élémentaires

Lors de la migration, vous devez tenir compte des différences (majeures) suivantes entre l’interface utilisateur classique et l’interface utilisateur tactile :

IU classique	Interface utilisateur optimisée pour les écrans tactiles
Est décrit dans le référentiel JCR comme une structure de noeuds. Chaque noeud qui représente un élément de l’interface utilisateur est appelé widget ExtJS et rendu côté client par `ExtJS`.	Également décrit dans le référentiel JCR comme une structure de noeuds. Cependant, dans ce cas, chaque noeud fait référence à un type de ressource Sling (composant Sling), qui est responsable de son rendu. L’interface utilisateur est donc (essentiellement) rendue côté serveur.
`sling:resourceType` non utilisé	`sling:resourceType` utilisé par exemple `cq/gui/components/authoring/dialog`
Noeuds de la boîte de dialogue : Nom: `dialog` jcr:primaryType: `cq:Dialog`	Noeuds de la boîte de dialogue : Nom: `cq:dialog` jcr:primaryType : `nt:unstructured`
Emplacement Javascript : Les pièces impératives sont directement incorporées à l’aide d’écouteurs ou gérées dans clientlibs.	Emplacement Javascript : Les pièces impératives ne peuvent pas être incorporées dans la définition de la boîte de dialogue ; séparation des responsabilités.
Gestion des événements : Les widgets de boîte de dialogue font directement référence au code JavaScript.	Gestion des événements : Javascript observe les événements de dialogue.
Rendu effectué par le client : Le client crée dynamiquement les composants de l’interface utilisateur. Le client demande une définition de composant (extraction) (en tant que JSON) à partir du serveur.	Rendu effectué par le serveur : Le client demande des pages avec l’interface utilisateur associée. Le serveur envoie (Push) l’interface utilisateur sous la forme de documents HTML ; à l’aide des composants de l’interface utilisateur Coral.

En d’autres termes, la migration d’une section de l’interface utilisateur classique vers l’interface utilisateur tactile signifie la migration d’un widget ExtJS vers un composant Sling. Pour pallier ce problème, l’interface utilisateur tactile est basée sur la structure 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 début, vérifiez l’état et les recommandations connexes :

Les bases du développement de l’interface utilisateur tactile fourniront une base solide :

Migration de la création de page

Les boîtes de dialogue sont un facteur important de la migration de vos composants :

Développement de composants AEM (avec l’interface utilisateur tactile)
Migration à partir d’un composant classique
Outil de conversion de boîte de dialogue - pour vous aider à convertir les boîtes de dialogue de vos composants classiques de l'interface utilisateur en interface utilisateur tactile
- Il existe une couche de compatibilité dans l’interface utilisateur tactile pour ouvrir une boîte de dialogue classique dans un "wrapper d’interface tactile", mais cette fonctionnalité est limitée et n’est pas recommandée à long terme.
Personnalisation des champs de la boîte de dialogue dans l’interface utilisateur tactile
Création d’un composant de champ d’IU Granite
Personnalisation de la création de pages (avec l’interface utilisateur tactile)

Migration des consoles

Vous pouvez également personnaliser les consoles :

Personnalisation des consoles (pour l’interface utilisateur tactile)

Bien qu’il ne soit pas directement lié à une migration vers l’interface utilisateur tactile, il existe des problèmes connexes qui méritent d’être examinés en même temps, car ils sont également recommandés :

REMARQUE

Voir aussi Développement - Bonnes pratiques.