Aggiungere componenti Dynamic Media Classic alle pagine

Adobe Dynamic Media Classic è una soluzione in hosting per la gestione, l’ottimizzazione, la pubblicazione e la distribuzione di risorse multimediali sul web, su dispositivi mobili, e-mail, schermi collegati a Internet e la stampa.

Puoi visualizzare AEM risorse pubblicate in Dynamic Media Classic in diversi visualizzatori:

• Zoom
• A comparsa
• Video
• Modello immagini
• Immagine

Puoi pubblicare risorse digitali direttamente da AEM a Dynamic Media Classic e le risorse digitali da Dynamic Media Classic a AEM.

Questo documento descrive come pubblicare risorse digitali da AEM a Dynamic Media Classic e viceversa. Sono inoltre descritti nel dettaglio i visualizzatori. Per informazioni sulla configurazione di AEM per Dynamic Media Classic, consulta Integrazione di Dynamic Media Classic con AEM.

Consulta anche Aggiunta di mappe immagine.

Per ulteriori informazioni sull’utilizzo dei componenti video con AEM, consulta Video.

Pubblicazione manuale in Dynamic Media Classic dalle risorse

Puoi pubblicare risorse digitali in Dynamic Media Classic come segue:

• Nell’interfaccia utente classica dalla console Assets
• Nell’interfaccia utente classica da una risorsa
• Nell’interfaccia utente classica dall’esterno della cartella di CQ Target

Componenti Dynamic Media Classic

I seguenti componenti Dynamic Media Classic sono disponibili in AEM:

• Zoom
• Zoom a comparsa
• Modello immagini
• Immagine
• Video

Una volta resi disponibili in Progettazione , puoi aggiungere i componenti alla pagina come qualsiasi altro componente AEM. Le risorse non ancora pubblicate in Dynamic Media Classic vengono pubblicate in Dynamic Media Classic se si trovano in una cartella sincronizzata, in una pagina o con una configurazione cloud di Dynamic Media Classic.

Avviso sulla fine del ciclo di vita dei visualizzatori Flash

A partire dal 31 gennaio 2017, Adobe Dynamic Media Classic ha terminato il supporto per la piattaforma di visualizzazione dei Flash.

Aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina

L’aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina equivale all’aggiunta di un componente a qualsiasi pagina. I componenti Dynamic Media Classic sono descritti in dettaglio nelle sezioni seguenti.

Aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina:

1. In AEM, apri la pagina in cui desideri aggiungere il componente Dynamic Media Classic (Scene7).

2. Se non sono disponibili componenti Dynamic Media Classic, fai clic su Progettazione , tocca un componente con un bordo blu e tocca Elemento padre e quindi la Configurazione icona. In Parsys (Progettazione), seleziona tutti i componenti Dynamic Media Classic per renderli disponibili e fai clic su OK.

   

3. Fai clic su Modifica per tornare a Modifica modalità.

4. Trascina un componente dal gruppo Dynamic Media Classic nella barra laterale sulla pagina nella posizione desiderata.

5. Fai clic sul pulsante Configurazione per aprire il componente.

6. Se necessario, modifica il componente, quindi fai clic su OK per salvare le modifiche.

7. Trascina l’immagine o il video dal browser del contenuto sul componente Dynamic Media Classic aggiunto alla pagina.

   NOTA

   Solo nell’interfaccia utente touch, devi trascinare l’immagine o il video sul componente Dynamic Media Classic inserito nella pagina. La selezione e la modifica del componente Dynamic Media Classic e quindi la scelta della risorsa non sono supportate.

Aggiunta di esperienze di visualizzazione interattive a un sito reattivo

Una progettazione reattiva per le risorse significa che queste si adattano a seconda di dove vengono visualizzate. Grazie alla progettazione reattivo, le stesse risorse possono essere visualizzate in modo efficace su dispositivi diversi.

Vedi anche Progettazione reattiva per le pagine web.

Per aggiungere un’esperienza di visualizzazione interattiva a un sito reattivo:

1. Accedi a AEM e assicurati di Cloud Services Adobe Dynamic Media Classic configurati e che i componenti Dynamic Media Classic sono disponibili.

   NOTA

   Se i componenti Dynamic Media Classic non sono disponibili, assicurati per attivarli in modalità Progettazione.

2. In un sito web con Dynamic Media Classic componenti abilitati, trascina Immagine alla pagina.

3. Seleziona il componente e tocca l’icona di configurazione.

4. In Impostazioni Dynamic Media Classic regola i punti di interruzione.

   

5. Verifica che i visualizzatori si ridimensionino in modo reattivo e che tutte le interazioni siano ottimizzate per desktop, tablet e dispositivi mobili.

Impostazioni comuni a tutti i componenti Dynamic Media Classic

Anche se le opzioni di configurazione variano, le seguenti sono comuni a tutti Dynamic Media Classic componenti:

• Riferimento file
  Individuare un file a cui fare riferimento. Il riferimento al file mostra l’URL della risorsa e non necessariamente l’URL completo di Dynamic Media Classic, inclusi i comandi e i parametri dell’URL. Non è possibile aggiungere comandi e parametri URL Dynamic Media Classic in questo campo. che devono essere aggiunti attraverso la funzionalità corrispondente nel componente.
• Larghezza
  Consente di impostare la larghezza.
• Altezza
  Consente di impostare l'altezza.

Per impostare queste opzioni di configurazione, apri (fai doppio clic) un componente Dynamic Media Classic, ad esempio quando apri una Zoom componente:

Zoom

Il componente Zoom di HTML5 visualizza un’immagine più grande quando si preme il pulsante + pulsante .

La risorsa dispone di strumenti di zoom nella parte inferiore. Tocca + per ingrandire. Tocca - ridurre. Tocca x oppure la freccia di reimpostazione dello zoom riporta l’immagine alle dimensioni originali in cui era stata importata. Toccare le frecce diagonali per visualizzarle a schermo intero. Tocca Modifica per configurare il componente . Con questo componente puoi configurare impostazioni comuni a tutti Dynamic Media Classic componenti.

A comparsa

In HTML5 A comparsa componente, la risorsa viene visualizzata come schermata divisa; ha lasciato la risorsa nella dimensione specificata; a destra viene visualizzata la parte dello zoom. Tocca Modifica per configurare il componente . Con questo componente puoi configurare impostazioni comuni a tutti i componenti Dynamic Media Classic.

Immagine

Dynamic Media Classic Immagine consente di aggiungere funzionalità Dynamic Media Classic alle immagini, ad esempio modificatori Dynamic Media Classic, predefiniti per immagini o visualizzatori e nitidezza. Dynamic Media Classic Immagine è simile ad altri componenti immagine in AEM con funzionalità Dynamic Media Classic speciali. In questo esempio, l’immagine ha il modificatore URL Dynamic Media Classic, &op_invert=1 applicato.

• Titolo, Testo Alt
  In Avanzate , aggiungi un titolo all’immagine e il testo Alt per gli utenti che hanno disattivato la grafica.

• URL, Apri in
  Puoi impostare una risorsa da per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

• Predefinito visualizzatore
  Seleziona un predefinito per visualizzatori dal menu a discesa. Se il predefinito per visualizzatori che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori. Non è possibile selezionare un predefinito per visualizzatori se si utilizza un predefinito per immagini, e viceversa.

• Configurazione Dynamic Media Classic
  Seleziona la configurazione Dynamic Media Classic da utilizzare per recuperare i predefiniti immagine attivi da SPS.

• Predefinito immagine
  Seleziona un predefinito per immagini dal menu a discesa. Se il predefinito per immagini che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per immagini. Non è possibile selezionare un predefinito per visualizzatori se si utilizza un predefinito per immagini, e viceversa.

• Formato di uscita
  Seleziona il formato di output dell'immagine, ad esempio jpeg. A seconda del formato di output selezionato, è possibile che siano disponibili ulteriori opzioni di configurazione. Consulta Best practice sui predefiniti per immagini.

• Nitidezza
  Selezionare la modalità di nitidezza dell'immagine. La regolazione della nitidezza è descritta in dettaglio in Best practice sui predefiniti per immagini e Best practice sulla nitidezza.

• Modificatori URL
  È possibile modificare gli effetti immagine fornendo ulteriori comandi immagine Dynamic Media Classic. Tali situazioni vengono descritte in Predefiniti per immagini e nella Guida ai comandi.

• Punti di interruzione
  Se il sito web è reattivo, è necessario regolare i punti di interruzione. I punti di interruzione devono essere separati da virgole ( , ).

Modello immagini

Modelli immagine Dynamic Media Classic sono contenuti Photoshop a più livelli importati in Dynamic Media Classic, dove il contenuto e le proprietà sono stati parametrizzati per la variabilità. Il componente Modello immagini consente di importare immagini e modificare il testo in modo dinamico in AEM. Inoltre, è possibile configurare il componente Modello immagini in modo che utilizzi valori contestuali ClientContext, affinché ogni utente possa avere un’esperienza personalizzata dell’immagine.

Tocca Modifica per configurare il componente . Puoi configurare impostazioni comuni a tutti i componenti Dynamic Media Classic nonché altre impostazioni descritte in questa sezione.

• Riferimento file, larghezza, altezza
  Consulta le impostazioni comuni a tutti i componenti Dynamic Media Classic.

  NOTA

  I comandi e i parametri URL di Dynamic Media Classic non possono essere aggiunti direttamente all’URL di riferimento del file. Possono essere definiti solo nell’interfaccia utente del componente del pannello Parametri.

• Titolo, Testo Alt
  Nella scheda Modello immagini di Dynamic Media Classic , aggiungi un titolo all’immagine e il testo Alt per gli utenti che hanno disattivato la grafica.

• URL, Apri in
  Puoi impostare una risorsa da per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

• Pannello Parametri
  Durante l’importazione di un’immagine, i parametri vengono precompilati con le informazioni provenienti dall’immagine. Se non vi sono contenuti modificabili dinamicamente, questa finestra è vuota.

Modifica dinamica del testo

Per modificare il testo in modo dinamico, immetti un nuovo testo nei campi e fai clic su OK. In questo esempio, il Prezzo è ora di $50 e la spedizione è di 99 centesimi.

Il testo nell’immagine cambia. Per ripristinare il testo al valore originale, tocca Reimposta accanto al campo .

Modifica del testo in base a un valore personalizzato ClientContext

Per collegare un campo a un valore di contesto client, tocca Seleziona per aprire il menu di scelta rapida ClientContext, seleziona il contesto client e tocca OK. In questo esempio, il nome cambia perché è collegato al nome formattato nel profilo.

Il testo si aggiorna con il nome dell’utente attualmente connesso. Per ripristinare il testo al valore originale, fai clic su Ripristina accanto al campo.

Collegamento al modello di immagine di Dynamic Media Classic

1. Sulla pagina con Dynamic Media Classic Modello immagini componente, tocca Modifica.

2. In URL , immetti l’URL a cui gli utenti indirizzano quando l’immagine viene toccata. In Apri in selezionare se si desidera aprire la destinazione (una nuova finestra o una stessa finestra).

   

3. Tocca OK.

Componente video

Dynamic Media Classic Video Il componente (disponibile nella sezione Dynamic Media Classic della barra laterale) utilizza il rilevamento del dispositivo e della larghezza di banda per distribuire il video corretto a ogni schermata. Questo componente è un lettore video HTML5; è un singolo visualizzatore che può essere usato su più canali.

Può essere utilizzato per set video adattivi, per un singolo video MP4 o per un singolo video F4V.

Vedi Video per ulteriori informazioni sul funzionamento dei video con l’integrazione Dynamic Media Classic. Inoltre, vedi il componente Video di Dynamic Media Classic e il componente Video di base.

Limitazioni note per il componente video

Adobe DAM e WCM mostrano se è stato caricato un video principale. Non mostrano queste risorse proxy:

• Rendering codificati in Dynamic Media Classic
• Set video adattivi Dynamic Media Classic

Quando utilizzi un set di video adattivo con il componente video Dynamic Media Classic, devi ridimensionare il componente per adattarlo alle dimensioni del video.

Browser dei contenuti Dynamic Media Classic

Il browser dei contenuti Dynamic Media Classic consente di visualizzare i contenuti da Dynamic Media Classic direttamente in AEM. Per accedere al browser del contenuto, nella Content Finder, seleziona Dynamic Media Classic nell’interfaccia touch o nella S7 nell’interfaccia utente classica. La funzionalità è identica nelle due interfacce utente.

Se si dispone di più configurazioni, per impostazione predefinita AEM visualizza la configurazione predefinita. Puoi selezionare diverse configurazioni direttamente nel browser dei contenuti di Dynamic Media Classic nel menu a discesa.

Esplorazione dei contenuti nell’interfaccia touch

È possibile accedere al browser dei contenuti nell’interfaccia touch o classica. Attualmente l’ottimizzazione touch presenta le seguenti limitazioni:

• FXG e risorse di Flash da Dynamic Media Classic non sono supportati.

Sfoglia le risorse Dynamic Media Classic selezionando Dynamic Media Classic dal terzo menu a discesa. Dynamic Media Classic non viene visualizzato nell’elenco se non hai configurato l’integrazione Dynamic Media Classic/AEM.

Inoltre, puoi sfogliare le informazioni sulla risoluzione, le dimensioni, i giorni successivi alla modifica e il nome del file passando il cursore sulla risorsa nel browser.

• Per i set video adattivi e i modelli, non vengono generate informazioni sulle dimensioni per le miniature.
• Per i set video adattivi, non viene generata alcuna risoluzione per le miniature.

Ricerca di risorse Dynamic Media Classic con il browser dei contenuti

La ricerca di risorse Dynamic Media Classic è simile alla ricerca AEM risorse, ma quando effettui una ricerca viene visualizzata una visualizzazione remota delle risorse nel sistema Dynamic Media Classic, anziché importarle direttamente in AEM.

Per visualizzare e cercare le risorse è possibile utilizzare l’interfaccia touch o classica. A seconda dell’interfaccia, la modalità di ricerca è leggermente diversa.

Durante la ricerca in una qualsiasi delle interfacce utente, è possibile filtrare in base ai seguenti criteri (mostrati qui nell’interfaccia touch):

• Immetti le parole chiave
  È possibile cercare le risorse per nome. Durante la ricerca, immetti le parole chiave con cui inizia il nome del file. Ad esempio, se digiti la parola “nuoto” verranno cercati i nomi dei file delle risorse che iniziano con queste lettere, in questo ordine. Tocca Invio dopo aver digitato il termine per trovare la risorsa.

• Cartella/percorso
  Il nome della cartella visualizzata si basa sulla configurazione selezionata. Per espandere i livelli inferiori, tocca l’icona della cartella e seleziona una sottocartella, quindi tocca il segno di spunta per selezionarla.

Se si immette una parola chiave e si seleziona una cartella, AEM esegue la ricerca in tale cartella e in tutte le relative sottocartelle. Tuttavia, se non si immettono parole chiave durante la ricerca, la selezione della cartella mostrerà solo le risorse in quella cartella, senza includere le sottocartelle.

Per impostazione predefinita, AEM cerca nella cartella selezionata e in tutte le sue sottocartelle.

• Tipo di risorsa
  Seleziona Dynamic Media Classic per sfogliare il contenuto Dynamic Media Classic. Questa opzione è disponibile solo se Dynamic Media Classic è stato configurato.

• Configurazione
  Se hai più di una configurazione Dynamic Media Classic definita in Cloud Services, puoi selezionarlo qui. Di conseguenza, la cartella cambierà in base alla configurazione scelta.

• Tipo di risorsa
  Nel browser Dynamic Media Classic, puoi filtrare i risultati per includere uno dei seguenti elementi: immagini, modelli, video e set video adattivi. Se non si seleziona alcun tipo di risorsa, per impostazione predefinita AEM ricerca tutti i tipi di risorsa.

• Stato di pubblicazione
  Puoi filtrare le risorse in base allo stato di pubblicazione: Non pubblicato o Pubblicato. Se non selezioni nessuna Stato di pubblicazione, AEM per impostazione predefinita esegue la ricerca in tutti gli stati di pubblicazione.