Show Menu
TEMAS×

Migration to the Touch UI

A partir de la versión 6.0, Adobe Experience Manager (AEM) ha introducido una nueva interfaz de usuario denominada IU táctil (también conocida como IU táctil). Está alineado con Adobe Marketing Cloud y con las directrices generales de la interfaz de usuario de Adobe. Esta se ha convertido en la interfaz de usuario estándar de AEM con la interfaz heredada orientada a equipos de escritorio denominada IU ** clásica.
Si ha estado utilizando AEM con la IU clásica, deberá realizar una acción para migrar su instancia. Esta página tiene como objetivo actuar como trampolín proporcionando vínculos a recursos individuales.
Este proyecto de migración puede tener un impacto significativo en su caso. Consulte Administración de proyectos: prácticas recomendadas para obtener las directrices recomendadas.

Conceptos básicos

Al migrar, debe tener en cuenta las siguientes diferencias (principales) entre la IU clásica y la táctil:
IU clásica IU táctil
Se describe en el repositorio JCR como una estructura de nodos. Cada nodo que representa un elemento de la interfaz de usuario se denomina utilidad ExtJS y se procesa en el lado del cliente por ExtJS . También se describe en el repositorio JCR como una estructura de nodos. Sin embargo, en este caso, cada nodo hace referencia a un tipo de recurso Sling (componente Sling), que se encarga de su procesamiento. La interfaz de usuario se representa básicamente en el servidor.
sling:resourceType
  • no utilizado
sling:resourceType
  • usado
  • for example cq/gui/components/authoring/dialog
Nodos de diálogo:
  • Nombre: dialog
  • jcr:primaryType: cq:Dialog
Nodos de diálogo:
  • Nombre: cq:dialog
  • jcr:primaryType: nt:unstructured
Ubicación de JavaScript:
  • Las partes imperativas se incrustan directamente mediante oyentes o se administran en clientlibs.
Ubicación de JavaScript:
  • Las partes imperativas no pueden incrustarse en la definición de cuadro de diálogo; separación de responsabilidades.
Gestión de eventos:
  • Las utilidades de cuadro de diálogo hacen referencia directa al código Javascript.
Gestión de eventos:
  • Javascript observa eventos de diálogo.
Representación realizada por el cliente:
  • El cliente crea dinámicamente los componentes de la interfaz de usuario.
  • El cliente solicita la definición del componente (como JSON) desde el servidor.
Representación realizada por el servidor:
  • El cliente solicita páginas junto con la IU relacionada.
  • El servidor envía (push) la interfaz de usuario como documentos HTML; uso de componentes de Coral UI.
En otras palabras, la migración de una sección de la interfaz de usuario de la IU clásica a la IU táctil significa la portación de un widget ExtJS a un componente ** Sling. Para facilitar esto, la IU táctil se basa en el marco de la interfaz de usuario Granite, que ya proporciona algunos componentes Sling para la interfaz de usuario (denominados componentes de la interfaz de usuario Granite).
Antes de comenzar, compruebe el estado y las recomendaciones relacionadas:
Los conceptos básicos del desarrollo de la IU táctil proporcionan una base sólida:

Migración de la creación de páginas

Los diálogos son un factor importante a la hora de migrar los componentes:

Migración de consolas

También puede personalizar las consolas:

Recursos adicionales

Para obtener información completa sobre el desarrollo de AEM, consulte la recopilación de recursos en:
Las herramientas de modernización de AEM son un esfuerzo de la comunidad y Adobe no las admite ni garantiza.