A partire dalla versione 6.0, Adobe Experience Manager (AEM) ha introdotto una nuova interfaccia utente denominata interfaccia touch (detta anche semplicemente interfaccia touch). È allineata all'Adobe Marketing Cloud e alle linee guida generali 'interfaccia utente del Adobe. Questa è diventata l'interfaccia standard in AEM con l'interfaccia precedente orientata al desktop, denominata interfaccia classica.
Se avete già usato AEM con l’interfaccia classica, dovrete agire per migrare l’istanza. Questa pagina è destinata a fungere da trampolino di lancio, fornendo collegamenti alle singole risorse.
Tale progetto di migrazione potrebbe avere un impatto significativo sull’istanza. Per le linee guida consigliate, vedere Gestione dei progetti - Best practice.
Durante la migrazione, è importante tenere presente le seguenti (principali) differenze tra l’interfaccia classica e quella touch:
Interfaccia classica | Interfaccia utente touch |
Viene descritta nell'archivio JCR come una struttura di nodi. Ogni nodo che rappresenta un elemento dell'interfaccia utente è denominato widget ExtJS ed è rappresentato sul lato client da 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), responsabile del rendering. Quindi l'interfaccia utente è (in pratica) rappresentata 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, migrare una sezione dell'interfaccia utente dall'interfaccia classica all'interfaccia touch significa portare un widget ExtJS su un componente Sling. Per facilitare questa fase, l’interfaccia utente touch si basa sulla cornice dell’interfaccia Granite, che include già alcuni componenti Sling per l’interfaccia (chiamati componenti dell’interfaccia Granite).
Prima di iniziare, controllate lo stato e le raccomandazioni correlate:
Le basi dello sviluppo dell’interfaccia touch forniranno una solida base:
Le finestre di dialogo sono un fattore importante per la migrazione dei componenti:
Sviluppo di componenti AEM (con l’interfaccia touch)
Strumento di conversione delle finestre di dialogo per convertire le finestre di dialogo dei componenti dell’interfaccia classica in interfaccia touch
Personalizzazione dei campi di dialogo nell’interfaccia utente touch
Personalizzazione dell’authoring di pagina (con l’interfaccia touch)
Potete inoltre personalizzare le console:
Sebbene non siano direttamente correlati a una migrazione all’interfaccia utente touch, è consigliabile tenere presenti anche alcuni problemi correlati:
Vedere anche Sviluppo - Best Practices.
Per informazioni complete sullo sviluppo AEM vedere la raccolta di risorse in:
AEM Strumenti di modernizzazione sono uno sforzo comunitario e non sono supportati o giustificati da Adobe.