Struttura dell’interfaccia AEM
L’interfaccia utente dell’AEM ha diversi principi di base ed è composta da diversi elementi chiave:
Console
Layout e ridimensionamento di base
L’interfaccia utente supporta sia i dispositivi mobili che quelli desktop, ma invece di creare due stili, l’AEM utilizza uno stile che funziona per tutti gli schermi e i dispositivi.
Tutti i moduli utilizzano lo stesso layout di base:
Il layout aderisce a uno stile di progettazione reattivo e si adatta alle dimensioni del dispositivo, della finestra o di entrambi, che si sta utilizzando.
Ad esempio, quando la risoluzione scende al di sotto di 1024 pixel (come su un dispositivo mobile), il display viene regolato di conseguenza:
Barra intestazione
La barra dell’intestazione mostra gli elementi globali, tra cui:
- Il logo e il prodotto/soluzione specifico attualmente in uso. Per l’AEM, questo elemento costituisce anche un collegamento alla navigazione globale
- Ricerca
- Icona per accedere alle risorse della guida
- Icona per accedere ad altre soluzioni
- Indicatore e accesso a tutti gli avvisi o gli elementi della casella in entrata che ti aspettano
- L’icona utente, insieme a un collegamento per la gestione del profilo
Barra degli strumenti
La barra degli strumenti è contestuale alla posizione e mette in superficie gli strumenti rilevanti per il controllo della vista o delle risorse nella pagina seguente. La barra degli strumenti è specifica per il prodotto, ma presenta alcune caratteristiche in comune con gli elementi.
In qualsiasi posizione, la barra degli strumenti mostra le azioni attualmente disponibili:
Dipende anche dalla selezione di una risorsa:
Barra a sinistra
La barra a sinistra può essere aperta/nascosta come richiesto per mostrare:
- Solo contenuto
- Struttura contenuto
- Timeline
- Riferimenti
- Filtro
Il valore predefinito è Solo contenuto (barra nascosta).
Authoring delle pagine
Quando si creano le pagine, le aree strutturali sono le seguenti.
Frame del contenuto
Il rendering del contenuto della pagina viene eseguito nel frame del contenuto. Il frame del contenuto è indipendente dall’editor, per garantire che non vi siano conflitti dovuti a CSS o JavaScript.
La cornice di contenuto si trova nella sezione destra della finestra, sotto la barra degli strumenti.
Frame dell'editor
Il frame dell'editor abilita le funzioni di modifica.
Il frame dell’editor è un contenitore (astratto) per tutti gli elementi di authoring delle pagine. Si trova sopra la cornice del contenuto e include:
- Barra degli strumenti superiore
- Pannello laterale
- Tutte le sovrapposizioni
- Qualsiasi altro elemento di creazione pagina, ad esempio la barra degli strumenti del componente
Pannello laterale
Contiene tre schede predefinite. Le schede Assets e Components consentono di selezionare tali elementi e trascinarli dal pannello e rilasciarli sulla pagina. La scheda Struttura contenuto consente di controllare la gerarchia del contenuto nella pagina.
Il pannello laterale è nascosto per impostazione predefinita. Se questa opzione è selezionata, viene visualizzata sul lato sinistro o, se la larghezza della finestra è inferiore a 1024 pixel, scorre in avanti per coprire l’intera finestra come, ad esempio, su un dispositivo mobile.
Pannello laterale - Assets
Nella scheda Assets puoi selezionare una delle risorse disponibili. Puoi anche filtrare in base a un termine specifico o selezionare un gruppo.
Pannello laterale - Gruppi di risorse
Nella scheda Assets è disponibile un elenco a discesa che puoi utilizzare per selezionare i gruppi di risorse specifici.
Pannello laterale - Componenti
Nella scheda Componenti puoi selezionare uno dei componenti disponibili. Puoi anche filtrare in base a un termine specifico o selezionare un gruppo.
Pannello laterale - Struttura contenuto
Nella scheda Struttura contenuto è possibile visualizzare la gerarchia del contenuto della pagina. Facendo clic su una voce nella scheda, si passa a e si seleziona l’elemento nella pagina all’interno dell’editor.
