A partir da versão 6.0, a Adobe Experience Manager (AEM) introduziu uma nova interface de usuário chamada interface de usuário habilitada para toque (também conhecida simplesmente como interface de usuário de toque). Ele está alinhado ao Adobe Marketing Cloud e às diretrizes gerais da interface do usuário do Adobe. Essa interface se tornou a interface padrão em AEM com a interface legada orientada para desktop, chamada interface clássica.
Se você tiver usado AEM com a interface clássica, precisará tomar medidas para migrar sua instância. Esta página tem como objetivo agir como trampolim, fornecendo links para recursos individuais.
Esse projeto de migração pode ter um impacto significativo em sua instância. Consulte Gerenciar projetos - Práticas recomendadas para obter as diretrizes recomendadas.
Ao migrar, você deve estar ciente das seguintes (principais) diferenças entre a interface clássica e a interface de toque:
Interface do usuário clássica | Interface do usuário habilitada para toque |
É descrito no repositório JCR como uma estrutura de nós. Todos os nós que representam um elemento da interface de usuário são chamados de widget ExtJS e renderizados 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), que é responsável pela renderização. Portanto, a interface do usuário é (basicamente) renderizada no servidor. |
|
sling:resourceType
|
Nós de diálogo:
|
Nós de diálogo:
|
Localização do Javascript:
|
Localização do Javascript:
|
Tratamento de eventos:
|
Tratamento de eventos:
|
Renderização realizada pelo cliente:
|
Renderização realizada pelo servidor:
|
Em outras palavras, a migração de 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 Sling. Para facilitar isso, a interface de usuário de toque é baseada na estrutura da interface de usuário Granite, que já fornece alguns componentes Sling para a interface de usuário (conhecidos como componentes da interface de usuário Granite).
Antes do start, verifique o status e as recomendações relacionadas:
As noções básicas para desenvolver a interface de usuário de toque fornecerão uma base sólida:
As caixas de diálogo são um fator importante ao migrar seus componentes:
Desenvolvimento de componentes AEM (com a interface habilitada para toque)
Ferramenta de conversão de diálogo - para ajudar a converter as caixas de diálogo dos componentes clássicos da interface do usuário para tocar na interface do usuário
Personalização de campos de diálogo na interface de usuário de toque
Criando um novo componente de campo da interface do 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 estejam diretamente relacionados a uma migração para a interface de usuário de toque, há problemas relacionados que vale a pena considerar ao mesmo tempo, já que eles também são a prática recomendada:
Consulte também Desenvolvimento - Práticas recomendadas.
Para obter informações completas sobre o desenvolvimento AEM consulte a coleta de recursos em:
AEM As Ferramentas de Modernização são um esforço comunitário e não são suportadas nem garantidas pela Adobe.