Aggiunta di funzionalità di Dynamic Media Classic alla pagina

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, su e-mail e su schermi e stampe collegati a Internet.

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 di Dynamic Media Classic sono disponibili in AEM:

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

Una volta resi disponibili in modalità 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 visualizzatori di 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 di Dynamic Media Classic sono descritti in dettaglio nelle sezioni seguenti.

Per aggiungere 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 di Dynamic Media Classic, fai clic su Modalità Progettazione, tocca un componente con bordo blu, tocca l'icona Elemento padre e quindi l'icona Configurazione. In Parsys (Design), seleziona tutti i componenti di Dynamic Media Classic per renderli disponibili e fai clic su OK.

   

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

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

5. Fai clic sull'icona 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 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.

Vedere anche Progettazione reattiva per pagine web.

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

1. Accedi a AEM e assicurati di aver configurato i Cloud Services Dynamic Media Classic e che i componenti Dynamic Media Classic siano disponibili.

   NOTA

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

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

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

4. Nella scheda Impostazioni di 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 di Dynamic Media Classic

Anche se le opzioni di configurazione variano, quanto segue è comune a tutti i componenti Dynamic Media Classic:

• File
  RiferimentoIndividuare un file a cui si desidera 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 URL. Non è possibile aggiungere comandi e parametri URL di Dynamic Media Classic in questo campo. che devono essere aggiunti attraverso la funzionalità corrispondente nel componente.
• ​
  LarghezzaConsente di impostare la larghezza.
• ​
  AltezzaConsente di impostare l’altezza.

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

Zoom

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

La risorsa dispone di strumenti di zoom nella parte inferiore. Tocca + per ingrandire. Tocca - per ridurre. Quando si tocca x o la freccia di reimpostazione dello zoom, l'immagine torna 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 le impostazioni comuni a tutti i componenti Dynamic Media Classic.

A comparsa

Nel componente HTML5 A comparsa, 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 le impostazioni comuni a tutti i componenti di Dynamic Media Classic.

Immagine

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

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

• URL, Apri
  inPuoi 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.

• Visualizzatore
  predefinitoSeleziona un predefinito visualizzatore esistente 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.

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

• Preimpostazione immagineSeleziona un predefinito immagine esistente 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.

• Output
  FormatSelezionare 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.

• ​
  NitidezzaSeleziona 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 di Dynamic Media Classic. Tali situazioni vengono descritte in Predefiniti per immagini e nella Guida ai comandi.

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

Modello immagini

I modelli di immagini 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 le impostazioni comuni a tutti i componenti di Dynamic Media Classic e ad altre impostazioni descritte in questa sezione.

• Riferimento file, Larghezza,
  AltezzaVedere le impostazioni comuni a tutti i componenti di Dynamic Media Classic.

  NOTA

  I comandi e i parametri dell’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 AltNella scheda Modello immagini di Dynamic Media Classic aggiungete un titolo all’immagine e il testo Alt per gli utenti che hanno disattivato la grafica.

• URL, Apri
  inPuoi 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.

• Parametro
  PanelQuando si importa 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 Ripristina 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, 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 Dynamic Media Classic

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

2. Nel campo URL , immetti l’URL a cui gli utenti indirizzano quando l’immagine viene toccata. Nel campo Apri in , seleziona se desideri aprire la destinazione (una nuova finestra o una stessa finestra).

   

3. Toccare OK.

Componente video

Il componente Dynamic Media Classic Video (disponibile dalla sezione Dynamic Media Classic della barra laterale) utilizza il rilevamento del dispositivo e della larghezza di banda per distribuire il video giusto 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.

Per ulteriori informazioni sul funzionamento dei video con l’integrazione Dynamic Media Classic, consulta Video . Inoltre, vedi il componente Video di Dynamic Media Classic rispetto al 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 di Dynamic Media Classic

Il browser dei contenuti di Dynamic Media Classic consente di visualizzare il contenuto da Dynamic Media Classic direttamente in AEM. Per accedere al browser dei contenuti, nell’ Content Finder, seleziona Dynamic Media Classic nell’interfaccia utente touch o l’icona 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 supportate.

Sfoglia le risorse di 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 delle risorse di Dynamic Media Classic è simile alla ricerca AEM risorse, ma quando esegui 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 chiavePuoi 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/
  percorsoIl 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
  risorsaSeleziona Dynamic Media Classic per sfogliare il contenuto di Dynamic Media Classic. Questa opzione è disponibile solo se è stato configurato Dynamic Media Classic.

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

• Tipo di risorsa
  Nel browser Dynamic Media Classic è possibile filtrare i risultati in modo da 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.

• Pubblica
  StatoPuoi filtrare le risorse in base allo stato di pubblicazione: ​​Annulla pubblicazione o Pubblicato. Se non selezioni alcun Stato pubblicazione, AEM per impostazione predefinita cerca tutti gli stati di pubblicazione.