Predefiniti per visualizzatori

Diversi tipi di pagine Web hanno esigenze differenti. In una pagina Web può essere necessario un collegamento che apre il visualizzatore HTML5 in una seconda finestra del browser. In altri casi, potrebbe essere necessario incorporare il visualizzatore HTML5 direttamente nella pagina. In quest’ultimo caso, la pagina Web potrebbe avere un layout statico oppure essere “reattiva” e assumere un aspetto diverso su dispositivi diversi o per diverse dimensioni della finestra del browser. Per soddisfare queste esigenze, i visualizzatori HTML5 di Scene7 supportano sia le pagine Web statiche che quelle reattive.

Per informazioni su come incorporare visualizzatori reattivi nelle pagine Web, consultate Responsive Static Image library (Libreria di immagini statiche reattive) nella guida API di Scene7 Image Serving .

Gli amministratori possono creare e personalizzare i seguenti tipi di predefiniti per visualizzatori.

Visualizzatore eCatalog

Simula l’esperienza di sfogliare un catalogo stampato. Potete passare da una pagina all’altra, ingrandire o ridurre la visualizzazione degli articoli di una pagina e usare le mappe immagine per leggere ulteriori informazioni sugli articoli della pagina. Potete inoltre includere un pannello Info con le informazioni dettagliate su un articolo collegato a una mappa, se all’area della mappa è assegnato un attributo rollover_key valido. Per includere un pannello Info, specificate l’URL di un server informazioni nel riquadro Impostazioni pannello Info, nella finestra Predefinito visualizzatore eCatalog.

Visualizzatore set di campioni

Consente di visualizzare un’immagine con colore, materiale, texture, finitura o stoffa diversi. Per visualizzare l’immagine con le varianti desiderate, gli utenti del sito potranno fare clic sulla relativa miniatura.

Visualizzatore set di file multimediali diversi

Visualizza contenuti multimediali diversi nello stesso visualizzatore. Potete includere set di campioni, set 360 gradi, immagini e video. Potete configurare schede per diversi tipi di contenuto, ad esempio una scheda per i set di immagini e una scheda per i video. Per la riproduzione dei video da un set di file multimediali diversi viene usato un visualizzatore standard con un indicatore temporale e controlli per interrompere, mettere in pausa, riavvolgere e riprodurre il video. Quando configurate il predefinito per visualizzatori di un set di file multimediali diversi, specificate i visualizzatori da usare per i diversi tipi di risorse del set. Per visualizzare un set di file multimediali diversi potete anche usare il visualizzatore Griglia o Carosello.

Visualizzatore set 360 gradi

Fornisce più viste di una stessa immagine, per consentire agli utenti di ruotare l’oggetto ed esaminarlo da lati e angolazioni diverse.

Visualizzatore video

Consente di visualizzare i video con le dimensioni di risoluzione del file di origine o una dimensione personalizzata. Scene7 viene fornito con diversi predefiniti per visualizzatori per la riproduzione di video; inoltre, se siete un amministratore, potete creare nuovi predefiniti per visualizzatori video personalizzati. Sono disponibili oltre dodici diverse impostazioni per la configurazione del visualizzatore video. Potete configurare la relativa dimensione, il colore di primo piano e di sfondo, i controlli audio e video, la barra di avanzamento, l’interfaccia utente, le funzioni per social networking e l’Aiuto.

Visualizzatore remix video

Per creare remix video, fornisce file di esempio per audio, sfondi, bordi, didascalie, effetti, immagini, transizioni e video. Questi contenuti vengono visualizzati nel pannello Contenuto eVideo campione nella schermata Remix video.

Visualizzatori zoom

Sono disponibili tre tipi di visualizzatori zoom:

Visualizzatore zoom

Consente agli utenti di ingrandire un’area facendo clic su di essa. Sono disponibili controlli per ingrandire/ridurre la visualizzazione e reimpostare le dimensioni predefinite dell’immagine.

Visualizzatore zoom: a comparsa

Visualizza una seconda immagine dell’area ingrandita, accanto all’immagine originale. Non vi sono controlli; gli utenti devono semplicemente spostare la selezione sull’area da visualizzare.

Quando calcolate l’utilizzo di larghezza di banda totale per questo visualizzatore, tenete presente che nel visualizzatore vengono caricate sia l’immagine principale che l’immagine a comparsa. Le dimensioni dell’immagine principale (Larghezza e Altezza area visualizzazione) e il fattore di zoom determinano le dimensioni dell’immagine a comparsa. Per impedire che le dimensioni del file dell’immagine a comparsa diventino eccessive, bilanciate questi due valori: se le dimensioni dell’immagine principale sono grandi, riducete il fattore di zoom. I valori Larghezza a comparsa e Altezza comparsa determinano le dimensioni della finestra a comparsa ma non dell’immagine a comparsa caricata nel visualizzatore.

Ad esempio, se le dimensioni dell’immagine principale sono 350 x 350 pixel, con un fattore di zoom pari a 3 l’immagine a comparsa risultante sarà di 1050 x 1050 pixel. Se le dimensioni dell’immagine principale sono 300 x 300 pixel, con un fattore di zoom pari a 4 l’immagine a comparsa risultante sarà di 1200 x 1200 pixel. In base alla qualità JPEG impostata (impostazioni consigliate: 80-90), potete ridurre sensibilmente le dimensioni del file. I fattori di zoom consigliati sono i valori compresi tra 2,5 e 4, a seconda delle dimensioni dell’immagine principale.

Nella tabella seguente sono elencati i predefiniti per visualizzatori attualmente disponibili in Scene7. Viene inoltre specificata la compatibilità con dispositivi desktop e mobili nonché la tecnologia utilizzata per ciascun visualizzatore.

Consultate anche Esempi della libreria nella guida di riferimento dei visualizzatori Scene7 .

Per informazioni sui browser Web e sulle versioni del sistema operativo supportati per i visualizzatori, consultate le relative Note sulla versione.

Consultate Note sulla versione della guida di riferimento ai visualizzatori di Scene7 .

Nella tabella seguente sono descritti i gesti per visualizzatori mobili supportati su dispositivi iOS, Android 2.x e Android 3.x.

Potete creare e gestire i predefiniti per visualizzatori nella schermata Predefiniti per visualizzatore. Per aprire questa schermata, fate clic su Configurazione > Predefiniti visualizzatore .

La schermata Predefiniti visualizzatore offre strumenti che consentono di eseguire le seguenti attività:

Aggiunta di un predefinito

Fate clic su Aggiungi e selezionate gli elementi desiderati nella finestra di dialogo Aggiungi predefinito per visualizzatori.

Consultate Aggiunta e modifica dei predefiniti per visualizzatori .

Modifica di un predefinito

Selezionate un predefinito, quindi fate clic su Modifica .

Consultate Aggiunta e modifica dei predefiniti per visualizzatori .

Eliminazione di un predefinito

Selezionate un predefinito, quindi fate clic su Elimina .

Aggiunta del supporto per la localizzazione a un predefinito

Aggiungete i valori stringa di una o più mappe di lingua al server di immagini in Impostazione pubblicazione, quindi modificate un predefinito di visualizzatore Flash AS3 e aggiungete il testo localizzato per le descrizioni.

Consultate Aggiunta del supporto per la localizzazione a un predefinito per visualizzatore Flash AS3 .

Esportazione di un predefinito

Selezionate un predefinito per visualizzatori HTML5 o Flash AS3, quindi fate clic su Esporta per scaricare l’interfaccia del visualizzatore in modo da poterlo usare come base per creare e aggiungere un nuovo predefinito per visualizzatori.

Consultate Esportazione d un predefinito per visualizzatori HTML5 o Flash AS3 .

Applicazione di filtri a un elenco di predefiniti per visualizzatori

Utilizzate i seguenti strumenti per filtrare l’elenco:

• Aprite l’elenco a discesa Attivo/Inattivo e scegliete un’opzione per mostrare i predefiniti attivi, i predefiniti inattivi o tutti i predefiniti.

• Aprite l’elenco a discesa Piattaforma e scegliete un’opzione per mostrare solo i visualizzatori per la piattaforma Flash AS3.

• Aprite l’elenco a discesa Visualizzatore e scegliete un’opzione per visualizzare soltanto alcuni visualizzatori specifici. Scegliete Tutti i visualizzatori per visualizzare tutti i visualizzatori.

Ordinamento dei predefiniti

Fate clic sul titolo di una colonna (Attivo, Universale, Tipo, Predefinito oppure Piattaforma) per ordinare l’elenco in base alla colonna. Fate clic sul titolo di una colonna una seconda volta per ordinare l’elenco in ordine decrescente (o crescente).

Consultate I visualizzatori universali .

Attivazione e disattivazione di predefiniti

Selezionate un predefinito e fate clic sull’opzione Attivo per attivarlo o disattivarlo.

Consultate Attivazione o disattivazione dei predefiniti per visualizzatori .

Fate clic su Anteprima sul lato destro della schermata Predefiniti visualizzatore per verificare l’aspetto di una risorsa in base al predefinito per visualizzatore selezionato. Per visualizzare un’altra risorsa, fate clic su Sfoglia nella schermata Predefiniti visualizzatore e selezionate una risorsa diversa nella finestra di dialogo Seleziona anteprima risorsa.

Oltre ad aggiungere i predefiniti visualizzatore tramite Aggiungi nell’interfaccia utente, potete anche usare Esporta per aggiungere un predefinito visualizzatore. Potete semplicemente esportare un predefinito per visualizzatori esistente per Flash AS3 o HTML5, quindi usarlo come base per il nuovo predefinito.

Consultate Esportazione d un predefinito per visualizzatori HTML5 o Flash AS3 .

Per aggiungere o modificare dei predefiniti per visualizzatori

1. Nell’angolo in alto a destra di Scene7 Publishing System, fate clic su Configurazione > Predefiniti visualizzatore .

   Potete filtrare l’elenco dei predefiniti. Ad esempio, per visualizzare soltanto i predefiniti per i visualizzatori video, selezionate Visualizzatore video dall’elenco a discesa Visualizzatori nella barra degli strumenti che si trova appena sopra la tabella.

2. Nella schermata Predefiniti visualizzatore, aggiungete o modificate il predefinito per visualizzatori.

   Aggiunta

   Fate clic su Aggiungi nella barra degli strumenti. Nella finestra di dialogo Aggiungi predefinito per visualizzatore, scegliete una piattaforma e un tipo di risorsa multimediale avanzata.

   Al termine, fate clic su Salva con nome .

   Aggiunta a partire da un predefinito per visualizzatori esistente

   Nella tabella, selezionate un predefinito per visualizzatori video e fate clic su Modifica nella barra degli strumenti.

   Dopo aver configurato il visualizzatore video, fate clic su Salva con nome per salvare il predefinito specificando un altro nome nel campo Nome predefinito.

   Modifica

   Selezionate un predefinito per visualizzatori esistente e fare clic su Modifica .

3. Nella schermata Configura visualizzatore, immettete o modificate il nome del predefinito nel campo Nome predefinito.

4. Impostate le opzioni rimanenti in base alle vostre esigenze.

   Nota: scegliete Come sorgente per ridimensionare automaticamente il visualizzatore video nella dimensione di risoluzione del video codificato stesso. Se scegliete questa opzione, non potete specificare i valori di larghezza e altezza dell’area di visualizzazione e tali valori verranno invece determinati dal video stesso. Se scegliete Come sorgente, impostate le opzioni relative alle dimensioni dei margini per riflettere le dimensioni dell’interfaccia fuori dall’area di riproduzione del video. Le dimensioni del margine corrispondono all’altezza e alla larghezza in pixel dei controlli video. La figura di seguito illustra come determinare le dimensioni dei margini da usare.

   Visualizzazione dell’elemento grafico a dimensioni intere

   Altezza e larghezza dell’area di visualizzazione e del margine di un visualizzatore video

5. Effettuate una delle seguenti operazioni:

   • Fate clic su Salva con nome se avete aggiunto un predefinito per visualizzatori a partire da un predefinito esistente.

   • Fate clic su Salva se avete aggiunto o modificato un predefinito per visualizzatori.

Potete aggiungere del testo localizzato per le descrizioni a un visualizzatore Flash AS3.

Innanzi tutto, definite una stringa di mappa lingua sul server di immagini. Quindi, modificate il testo delle descrizioni di un predefinito di visualizzatore Flash AS3.

Consultate Considerazioni per l’impostazione della localizzazione delle risorse .

Tenete presente che Scene7 Publishing System non include i font per le lingue orientali quali giapponese, cinese o coreano. Tali lingue generalmente richiedono la codifica UTF-8 o un set di caratteri diverso. Di conseguenza, per utilizzare queste lingue nelle descrizioni comandi dovrete accedere a Scene7 da un sistema con l’impostazione internazionale richiesta e digitare i valori desiderati per le descrizioni comandi. In alternativa, codificate il testo della descrizione comandi in UTF-8, tagliando e incollando il testo da un elaboratore di testi che supporti la lingua orientale richiesta.

Oltre alla possibilità di utilizzare le descrizioni comandi localizzate in un visualizzatore seguendo la procedura indicata di seguito, è disponibile un metodo alternativo. Potete aggiungere le descrizioni comandi localizzate e persino immagini localizzate direttamente da un visualizzatore all’SDK per visualizzatore. Per le istruzioni da seguire, consultate il capitolo Localization (Localizzazione) nella guida PDF di SDK per visualizzatore Adobe Scene7 per Adobe Flash , che fa parte del pacchetto di SDK per visualizzatore Adobe Scene7 scaricabile da Adobe Developer Connection .

Potete esportare un predefinito per visualizzatori HTML5 o Flash AS3 esistente da usare come base per la creazione di un nuovo predefinito per visualizzatori HTML5 o Flash AS3. In questo modo si evita di dover creare un visualizzatore da zero. Se esportate un predefinito con aspetto e comportamento simili a quelli desiderati, potrete usarlo come base di partenza per apportare le regolazioni necessarie.

Nel caso di un’esportazione di un predefinito visualizzatore HTML5, accertatevi che HTML5 Viewer SDK sia installato in modo da poter modificare il file CSS esportato e il codice JavaScript correlato. Nel caso di un’esportazione di un predefinito per visualizzatori Flash AS3, accertatevi che sia installato il Flash Viewer SDK in Adobe Flash Professional in modo che possiate modificare il file FLA esportato.

Consultate Risorse per sviluppatori .

Per esportare un predefinito per visualizzatori HTML5 o Flash AS3

1. Fate clic su Configurazione > Predefiniti visualizzatore .

2. Nella barra degli strumenti Predefiniti visualizzatore, selezionate HTML5 o Flash AS3 nel secondo elenco a discesa da sinistra.

3. Selezionate Tutti i visualizzatori nel terzo elenco a discesa da sinistra.

4. Selezionate il predefinito per visualizzatori da usare come base per la creazione di un nuovo predefinito per visualizzatori HTML5 o Flash AS3.

5. Nella barra degli strumenti, fate clic su Esporta .

6. Nella finestra di dialogo Esporta risorse selezionate, fate clic su Invia esportazione .

   Dopo l’esportazione, se avete esportato un visualizzatore Flash AS3 otterrete un file FLA compresso. Se invece avete esportato un visualizzatore HTML5, otterrete un file CSS. Scaricate e decomprimete il file.

7. Effettuate una delle seguenti opzioni in base al predefinito per visualizzatore esportato:

   • Aprite il file FLA in Adobe Flash Professional e apportate le modifiche desiderate. Accertatevi che Scene7 Viewer Flash SDK sia installato prima di modificare il file.

     Esportate il file FLA come filmato e salvate il file SWF generato.

   • Aprite il file CSS in un Editor CSS, apportate le modifiche e salvate il file.

8. Caricate il file SWF o CSS in Scene7 Publishing System.

   Consultate Caricamento dei file .

9. Pubblicate il file SWF o CSS in un server di immagini Scene7.

   Consultate Pubblicazione dei file .

10. Aggiungete il nuovo predefinito per visualizzatori seguendo la procedura standard. In base al visualizzatore esportato, selezionate il visualizzatore SWF o il file CSS del visualizzatore caricato.

    Consultate Aggiunta e modifica dei predefiniti per visualizzatori .

Per creare un URL per la visualizzazione delle risorse, gli utenti aprono l’elenco a discesa Predefiniti nella finestra di dialogo Anteprima, selezionano un predefinito per visualizzatore e fanno clic su Copia URL (consultate Copia dell’URL di un predefinito per visualizzatori ). Questo elenco di predefiniti offre i predefiniti per visualizzatori aggiunti e gestiti dagli amministratori nella schermata Predefiniti per visualizzatore. Ad esempio, tutti i predefiniti per visualizzatori eCatalog attivi vengono visualizzati nell’elenco a discesa Predefiniti nella finestra di dialogo Anteprima quando un utente esegue l’anteprima di un eCatalog.

Se i predefiniti per visualizzatori non vengono disattivati nella schermata Predefiniti per visualizzatore, nell’elenco a discesa Predefiniti nella finestra di dialogo Anteprima potrebbero accumularsi troppi predefiniti.

Per attivare o disattivare i predefiniti per visualizzatori

1. Scegliete Configurazione > Predefiniti per visualizzatore per aprire la schermata Predefiniti per visualizzatore.

2. Selezionate o deselezionate l’opzione Attivo per attivare o disattivare i predefiniti per visualizzatori.

Una volta pubblicata una risorsa, potete copiare un URL per visualizzare la risorsa con le impostazioni di un predefinito per visualizzatore.

L’URL viene copiato negli Appunti. Potete utilizzarlo come desiderate nel codice HTML di una pagina Web, in un dispositivo mobile o in un’applicazione.

Per copiare l’URL di un predefinito per visualizzatori

1. Selezionate la risorsa nel pannello Sfoglia.

2. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:

   • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, fate doppio clic su una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL e codice da incorporare a destra, fate clic su Copia URL a destra del visualizzatore desiderato.

   • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

   • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

   • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Copia URL .

La funzione Incorpora codice permette di analizzare il codice visualizzatore del predefinito per visualizzatori selezionato. Potete anche copiare il codice negli Appunti per poi incollarlo nelle pagine Web su cui verrà distribuito il visualizzatore.

La modifica del codice non è consentita nella finestra di dialogo Codice da incorporare.

Per copiare il codice da incorporare di un predefinito per visualizzatori

1. Selezionate la risorsa nel pannello delle risorse.

2. Sopra il pannello delle risorse, sul lato destro della barra degli strumenti, effettuate una delle seguenti operazioni:

   • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, fate doppio clic su una singola risorsa per aprirla in visualizzazione Dettagli. Nel pannello URL a destra, fate clic su Incorpora codice .

   • Fate clic su Visualizzazione griglia . Nel pannello delle risorse, selezionate una singola risorsa, quindi, sotto la miniatura, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

   • Fate clic su Visualizzazione elenco . Nel pannello delle risorse, selezionate una singola risorsa, quindi, a destra della miniatura, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

   • Fate clic su Visualizzazione griglia , Visualizzazione elenco o Visualizzazione dettagli . Nella stessa barra degli strumenti, fate clic su Anteprima > Elenco visualizzatori .

     Nella pagina Elenco visualizzatori, nella colonna Azioni della tabella, fate clic su Incorpora codice .

3. Nella finestra di dialogo Codice da incorporare, fate clic su Copia negli Appunti .

4. Fate clic su Chiudi .

Consultate Procedura ottimale: utilizzo del visualizzatore per video HTML5 .

Consultate anche Matrice di compatibilità dei predefiniti per visualizzatori di Scene7

Con i visualizzatori universali potete pubblicare video e immagini per schermi diversi quali computer desktop, smartphone e tablet, con un singolo URL.

Con le precedenti versioni, poiché diverse piattaforme supportavano tecnologie diverse come Flash o HTML5, era necessario creare i propri visualizzatori. Occorreva quindi scrivere uno specifico codice di rilevamento dispositivo per pater passare alle diverse esperienze. Il processo era più complesso dal punto di vista dello sviluppo ed era necessario mantenere diversi URL.

Con i visualizzatori universali, Scene7 offre un singolo URL universale che potete implementare e integrare nei siti Web, nei siti per dispositivi mobili e nelle app per dispositivi mobili. Inoltre, Scene7 Publishing System rileva automaticamente il dispositivo e distribuisce ai clienti i contenuti corretti nel visualizzatore adatto al dispositivo in oggetto.

L’impostazione dei visualizzatori universali viene effettuata in Impostazione applicazione. I tipi di visualizzatore che potete impostare comprendono Zoom, Set immagini, Set campioni, Set 360 gradi, eCatalog e Video.

Potete anche utilizzare un predefinito per visualizzatore universale esistente come base di partenza per creare altri profili personalizzati per visualizzatori universali. Ad esempio, potete scegliere di creare diversi visualizzatori di uno stesso tipo per versioni localizzate, per le diverse unità aziendali di una stessa società, per diverse categorie di prodotti, o per ciascuna stagione (ad esempio un visualizzatore universale per l’eCatalog della collezione Primavera e uno per la collezione Estate).

Per ciascun tipo di visualizzatore, come Zoom, vengono visualizzati le piattaforme di destinazione e i visualizzatori associati, ad esempio visualizzatori basati su HTML o su tecnologia Flash. Per ogni piattaforma di destinazione, dovete quindi trascinare il visualizzatore da usare con un particolare dispositivo come smartphone, tablet o desktop.

Per gli smartphone, sono supportati quelli basati su Android e su Apple. Per i tablet, sono supportati quelli basati su Android e su Apple. Per desktop, è supportato Flash Player.

Per modificare la configurazione dei visualizzatori universali in un secondo momento, accertatevi di pubblicare un processo nel server immagini di Scene7 in modo da rendere attive le modifiche.

Consultate anche Esempi della libreria di visualizzatori di Scene7 .