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 :

Migration des consoles

Vous pouvez également personnaliser les consoles :

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

Autres ressources

Pour de plus amples renseignements sur l'AEM en développement, voir la collecte des ressources sous :

ATTENTION

Les outils de modernisation AEM sont un effort communautaire et ne sont ni appuyés ni justifiés par l'Adobe.

Sur cette page