A partir da versão 6.0, o Adobe Experience Manager (AEM) apresentou uma nova interface de usuário chamada de interface habilitada para toque (também conhecido simplesmente como interface de toque). Ele está alinhado à Adobe Experience Cloud e às diretrizes gerais da interface do usuário do Adobe. Essa se tornou a interface padrão no AEM, com a interface herdada, orientada para desktop, chamada de IU clássica.
Se você tem usado o AEM com a interface clássica, execute uma ação para migrar sua instância. Esta página serve como um trampolim, fornecendo links para recursos individuais.
Esse projeto de migração pode ter impacto significativo na sua instância. Consulte Gerenciamento de projetos - Práticas recomendadas para obter as diretrizes recomendadas.
Ao migrar, esteja ciente das principais diferenças a seguir entre a interface clássica e a interface para toque:
IU Clássica | Interface de usuário habilitada para toque |
É descrito no repositório JCR como uma estrutura de nós. Cada nó que representa um elemento da interface do usuário é chamado de um Widget ExtJS e renderizado no lado do cliente por ExtJS . |
Também descrito no repositório JCR como uma estrutura de nós. No entanto, nesse caso, cada nó se refere a um tipo de recurso Sling (componente Sling), responsável pela renderização. Portanto, a interface do usuário é (basicamente) renderizada no lado do servidor. |
|
sling:resourceType
|
Nós de diálogo:
|
Nós de diálogo:
|
Localização do JavaScript:
|
Localização do JavaScript:
|
Manipulação de eventos:
|
Manipulação de eventos:
|
Renderização feita pelo cliente:
|
Renderização feita pelo servidor:
|
Em outras palavras, migrar uma seção da interface do usuário da interface clássica para a interface do usuário de toque significa portar um Widget ExtJS para um Componente do Sling. Para facilitar isso, a interface de toque é baseada na estrutura da interface de usuário do Granite, que já fornece alguns componentes do Sling para a interface de usuário (conhecidos como componentes da interface de usuário do Granite).
Antes de começar, verifique o status e as recomendações relacionadas:
As noções básicas para o desenvolvimento da interface para toque fornecem uma base sólida:
As caixas de diálogo são um fator importante ao migrar seus componentes:
Desenvolvimento de componentes do AEM (com a interface habilitada para toque)
Ferramentas de modernização do AEM - para ajudá-lo a converter as caixas de diálogo dos componentes da interface clássica para a interface de toque
Personalização de campos de caixa de diálogo na interface para toque
Criação de um novo componente de campo da interface de usuário do Granite
Personalização da criação de página (com a interface habilitada para toque)
Você também pode personalizar os consoles:
Embora não esteja diretamente relacionado a uma migração para a interface de toque, há problemas relacionados que merecem ser considerados ao mesmo tempo, pois também são uma prática recomendada:
Consulte também Desenvolvimento - Práticas recomendadas.
Para obter informações completas sobre o desenvolvimento do AEM, consulte a coleta de recursos em:
As Ferramentas de Modernização do AEM são um esforço da comunidade e não são suportadas ou garantidas pelo Adobe.