A partire dalla versione 6.0, Adobe Experience Manager (AEM) ha introdotto una nuova interfaccia utente denominata interfaccia touch (noto anche come interfaccia touch). È allineato a Adobe Marketing Cloud e alle linee guida generali dell’interfaccia utente di Adobe. Questa è diventata l’interfaccia standard in AEM con l’interfaccia legacy, orientata al desktop, denominata interfaccia classica.
Se utilizzi AEM con l’interfaccia classica, devi intervenire per eseguire la migrazione dell’istanza. Questa pagina ha lo scopo di fungere da trampolino di lancio fornendo collegamenti a singole risorse.
Un tale progetto di migrazione può avere un impatto significativo sulla tua istanza. Vedi Gestione dei progetti - Best practice per le linee guida consigliate.
Durante la migrazione è necessario tenere presente le seguenti differenze (principali) tra l’interfaccia classica e quella touch:
Interfaccia classica | Interfaccia utente touch |
È descritto nell’archivio JCR come una struttura di nodi. Ogni nodo che rappresenta un elemento dell’interfaccia utente è denominato Widget ExtJS ed è eseguito il rendering sul lato client tramite ExtJS . |
Anche descritto nell’archivio JCR come una struttura di nodi. Tuttavia, in questo caso ogni nodo fa riferimento a un tipo di risorsa Sling (componente Sling), che è responsabile del suo rendering. Quindi l'interfaccia utente viene (sostanzialmente) sottoposta a rendering lato server. |
|
sling:resourceType
|
Nodi di dialogo:
|
Nodi di dialogo:
|
Posizione JavaScript:
|
Posizione JavaScript:
|
Gestione degli eventi:
|
Gestione degli eventi:
|
Rendering eseguito dal client:
|
Rendering eseguito dal server:
|
In altre parole, la migrazione di una sezione dell’interfaccia utente dall’interfaccia classica all’interfaccia touch significa portare un Widget ExtJS a Componente Sling. Per facilitare questa fase, l’interfaccia utente touch si basa sul framework dell’interfaccia utente Granite, che fornisce già alcuni componenti Sling per l’interfaccia utente (denominati componenti dell’interfaccia Granite).
Prima di iniziare, controlla lo stato e i consigli correlati:
Le nozioni di base per lo sviluppo dell’interfaccia touch forniscono una solida base:
Le finestre di dialogo sono un fattore importante durante la migrazione dei componenti:
Sviluppo di componenti AEM (con interfaccia touch)
Strumenti di modernizzazione AEM : per convertire le finestre di dialogo dei componenti dell’interfaccia classica in un’interfaccia touch
Personalizzazione dei campi di dialogo nell’interfaccia utente touch
Creazione di un nuovo componente campo dell’interfaccia Granite
Personalizzazione dell’authoring delle pagine (con interfaccia touch)
È inoltre possibile personalizzare le console:
Anche se non è direttamente correlato a una migrazione all’interfaccia utente touch, esistono problemi correlati che è bene considerare allo stesso tempo, in quanto sono anche la pratica consigliata:
Vedi anche Sviluppo - Best practice.
Per informazioni complete sullo sviluppo di AEM vedere la raccolta di risorse in:
Gli strumenti di modernizzazione AEM sono uno sforzo comunitario e non sono supportati o garantiti dall'Adobe.