FlexCMP
  1. Soluzioni
  2. Trasforma il tuo business
  3. Ecosistema
  4. Storie
  5. News
  6. Chi Siamo
Ita
Cerca
Assistenza clienti
  1. Manuale FlexCMP
    1. Introduzione
    2. Pagine
      1. Editing di una singola pagina
        1. Editor Visuale a impaginazione libera
          1. Oggetti multimediali
    3. Indici
    4. Utenti e Gruppi
    5. Strumenti
    6. Impostazioni
    7. Moduli
    8. Personalizzazioni

Oggetti multimediali

  1. Oggetto "Video YouTube"
  2. Oggetto "Video sottotitolato"
  3. Oggetto "Mappa GMaps"
  4. Oggetto "Oggetto Multimedia"
  5. Oggetto "Importa RSS"
  6. Oggetto "Esporta feed"
  7. Oggetto "Riga di [n] immagini"
  8. Oggetto "Mappa Immagine"

Oggetto "Video YouTube"

FlexCMP mette a disposizione dell’utente un oggetto specifico per la pubblicazione di video originariamente pubblicati su YouTube: si tratta dell’oggetto “Video YouTube”, appunto.

L'oggetto Video YouTube

Le opzioni disponibili per questo oggetto sono le seguenti:

  • URL: indirizzo Internet del video di YouTube che si intende inserire all’interno della pagina;
  • Dimensioni Filmato: Larghezza e Altezza (in pixel) dal riquadro riservato per la riproduzione del video di YoutTube che si intende inserire all’interno della pagina;
  • Descrizione alternativa: descrizione testuale (estesa e realmente sostitutiva) del video di YouTube che si intende inserire all’interno della pagina.

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare il video rispetto la pagina nella quale esso è contenuto; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default],
    2. Centra,
    3. Allinea Destra.
  • Tipo di Oggetto: modalità di inserimento dell’oggetto all’interno della pagina; questa proprietà può assumere uno dei seguenti valori:
    1. Accessibile [default]: il Video è incluso all’interno della Pagina utilizzando un formato accessibile;
    2. Embed (non accessibile): il Video è incluso all’interno della Pagina come oggetto “embed” (non accessibile);
  • Nascondi Video Correlati: questa funzione, se abilitata, consente di nascondere l’elenco, visualizzato a fine riproduzione, dei video correlati a quello appena visualizzato: questo elenco viene automaticamente creato e messo a disposizione da YouTube; di default, l’opzione “Nascondi Video Correlati” è disabilitata.
NOTA: per ciò che riguarda le tematiche in termini di diritti d’autore sui contenuti che si intendono pubblicare, si rimanda ai singoli utilizzatori di FlexCMP la responsabilità di utilizzare YouTube in conformità ai termini di licenza dello stesso.
Attenzione: si sconsiglia l’utilizzo di questo oggetto in siti accessibili dal momento che, generalmente. i video di YouTube non rispettano le specifiche in termini di accessibilità descritte nell’introduzione al «Oggetto “Video Sottotitolato”».

Oggetto "Video sottotitolato"

Un filmato, per essere considerato accessibile, deve essere:

  • Audiodescritto: in questo modo gli utenti con disabilità della vista possono comprendere il contenuto del filmato (l’audiodescrizione, infatti, riguarda generalmente le azioni che si stanno svolgendo all’interno di un contenuto video);
  • Sottotitolato: in questo modo gli utenti con disabilità dell’udito possono, nel caso in cui vi siano più interlocutori, comprendere chi stia parlando e cosa stia dicendo; i sottotitoli devono essere equivalenti al contenuto informativo del dialogo in corso.

Per l’inserimento di filmati accessibili all’interno delle pagine editoriali di FlexCMP, il sistema rende disponibile l’oggetto “Video Sottotitolato”, il quale consente di creare un contenuto multimediale composto da un filmato e dai relativi sottotitoli.

NOTA: si consiglia l’uso del software open source MAGpie (Media Access Generator) scaricabile dal sito http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie, il quale consente di definire la temporizzazione (timing) dei sottotitoli e di generare i relativi file.

Le opzioni disponibili per questo oggetto sono le seguenti:

  • File del filmato da caricare;
  • File dei sottotitoli da applicare al filmato;
  • Dimensioni Filmato: Larghezza e Altezza (in pixel) dal riquadro riservato per la riproduzione del video;
  • Bordo: spessore (in pixel) del bordo da applicare al filmato;
  • Altezza Area Sottotitoli: altezza (in pixel) del riquadro riservato per la visualizzazione dei sottotitoli, posto al di sotto dell’area di presentazione del sito;
  • Plugin da utilizzare per visualizzare il filmato (QuickTime oppure Windows Media Video).
L'oggetto Video sottotitolato

Per caricare un filmato nel formato utilizzato daWindows Media Video, ad esempio, è necessario caricare il filmato (con estensione.wmx) e il relativo file dei sottotitoli con estensione .smi; è necessario, poi, selezionare il campo “Windows Media Video”.

Il risultato, una volta salvata la pagina, sarà il seguente (cliccare sul pulsante “Play” del plugin di Windows Media Player per riprodurre il filmato):

Esempio di filmato WMV

Per caricare un filmato nel formato utilizzato da QuickTime è necessario caricare il filmato (con estensione .mov) e il relativo file dei sottotitoli con estensione .txt; è necessario, poi, selezionare il campo “QuickTime”.

Il risultato, una volta salvata la pagina, sarà il seguente (cliccare sul pulsante “Play” del plugin di QuickTime per riprodurre il filmato):

Esempio di filmato MOV
NOTA. È buona norma, in caso di uso di filmati sottotitolati, che questi siano realizzati in entrambi i formati disponibili (Windows Media Video e QuickTime); indipendentemente dal formato del video pubblicato, poi, sarebbe opportuno inserire uno o più oggetti “Paragrafo” (v. «Oggetto “Paragrafo”») in cui descrivere la scena mentre si sta svolgendo per fornire una descrizione della scena per gli utenti con disabilità della vista.

Oggetto "Mappa GMaps"

L’oggetto “Mappa GMaps” consente all’utente di inserire una mappa di Google all’interno di una pagina editoriale.

L'oggetto mappa GMaps

Le opzioni disponibili per questo oggetto sono le seguenti:

  • Dimensioni: Larghezza e Altezza (in pixel) della mappa;
  • Posizione sulla mappa: indicazioni della latitudine e della longitudine del luogo che si intende visualizzare utilizzando la mappa di Google;
  • Testo Marker: descrizione del luogo che si intende visualizzare attraverso la mappa di Google (generalmente, si tratta dell’indirizzo del luogo stesso); questo testo verrà visualizzato sottoforma di callout associato al marcatore del punto visualizzato sulla mappa.
NOTA: è possibile formattare il contenuto di questo campo secondo modalità del tutto simili a quelle previste per l’oggetto “Paragrafo”.

Proprietà:

  • Icona (Marker): questa proprietà consente di selezionare dal proprio computer un’immagine da utilizzare come marcatore del punto che si intende visualizzare sulla mappa (in sostituzione a quello fornito di default da Google);
  • Ombra Icona (Marker): questa proprietà consente di selezionare dal proprio computer un’immagine da utilizzare come ombra del marcatore del punto che si intende visualizzare sulla mappa (in sostituzione a quello fornito di default da Google);
NOTA: se si desidera modificare l’aspetto del marcatore del punto che si intende visualizzare sulla mappa è necessario caricare sia l’immagine “Icona” che l’immagine “Ombra Icona”: è necessario che nessuno dei due campi rimanga vuoto; eventualmente, nel caso non si desiderasse specificare un’immagine “Ombra Icona” per il marcatore, è possibile caricare la stessa immagine per entrambi i campi “Icona” e “Ombra Icona”.
  • Tipo di mappa: tramite questo menù è possibile selezionare lo stile di presentazione della mappa di Google; questa proprietà può assumere uno dei seguenti valori:
    1. Normale [default]: la mappa viene presentata su sfondo beige, le strade sono colorate in bianco o in giallo (a seconda della tipologia), le ferrovie in nero, ecc.;
    2. Satellite: la mappa viene presentata come una serie di fotografie scattate da satellite;
    3. Ibrida: la mappa viene presentata secondo entrambe le tipologie appena illustrate: lo sfondo invece che essere di colore beige, consiste nella stessa mappa presentata in modalità “Satellite”, con sopra l’indicazione delle strade.
  • Controllo Zoom: se attivata, questa proprietà inserisce, all’interno della mappa, un controllo che l’utente può utilizzare per modificare il livello di zoom applicato alla mappa stessa; di default, questa opzione risulta disabilitata;
  • Controllo tipo di Mappa: se attivata, questa proprietà inserisce, all’interno della mappa, un controllo che l’utente può utilizzare per modificare la modalità di visualizzazione della mappa stessa (secondo le tipologie “Normale”, “Satellite” o “Ibrida”, v. sopra; è prevista, inoltre, la modalità “Rilievo”, che consiste in una carta altimetrica del luogo da visualizzare attraverso la mappa di Google); di default, questa opzione risulta disabilitata;
  • Controllo Navigazione: questa proprietà permette all’utente di inserire, all’interno della mappa, un controllo che l’utente può utilizzare per spostarsi virtualmente all’interno della mappa stessa; questa proprietà può assumere uno dei seguenti valori:
    1. Nessuno [default];
    2. Piccolo: vengono visualizzate quattro frecce, ciascuna corrispondente ad una delle direzioni lungo la quale l’utente può spostarsi;
    3. Grande: vengono visualizzate quattro frecce, ciascuna corrispondente ad una delle direzioni lungo la quale l’utente può spostarsi; al centro delle quattro frecce, inoltre, viene visualizzato un pulsante che consente all’utente di centrare nuovamente la mappa sul punto originariamente specificato dall’autore della pagina.
  • Mostra Scala: se attivata, questa proprietà inserisce, all’interno della mappa, un indicatore della scala di rappresentazione della mappa stessa; di default, questa opzione risulta disabilitata;
  • Livello di zoom iniziale: questo campo indica il livello di dettaglio con il quale visualizzare la mappa nel momento in cui viene caricata; questo campo può assumere valori interi compresi tra -1 e 99, dove un numero maggiore rappresenta un maggiore livello di dettaglio; il valore di default di questo campo è “17”;
  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare la mappa rispetto la pagina nella quale essa è contenuta e il testo inserito all’interno del callout associato al marcatore del punto che si intende visualizzare sulla mappa stessa; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default];
    2. Centra;
    3. Allinea Destra.

Oggetto "Oggetto Multimedia"

L’oggetto “Oggetto Multimedia” consente di inserire file multimediali che saranno gestiti, in fase di navigazione, da specifici plug-in del browser. L’oggetto multimedia può inserire un numero illimitato di tipologie di file multimediali grazie alla possibilità di definire una quantità infinita di varianti attraverso appositi template contenuti nella cartella \TemplatesUSR\CM\.

L’oggetto “Oggetto Multimedia”

Le opzioni disponibili per questo oggetto sono le seguenti:

  • File: l’oggetto multimediale da caricare;
  • Larghezza e Altezza: dimensioni dell’oggetto, all’interno della pagina nella quale viene inserito;
  • Descrizione del contenuto multimediale: descrizione alternativa (estesa e realmente sostitutiva) dell’oggetto multimediale che si intende inserire all’interno della pagina.

Come già anticipato, è possibile creare infinite varianti dell’oggetto “Oggetto Multimedia” creando nuovi template html all’interno della cartella \TemplatesUSR\CM\. Il nome file di ogni variante deve avere la seguente sintassi: clsBLOBElementEmbed-NomeVariante.html. Nell’elenco a discesa delle proprietà dell’oggetto “Oggetto Multimedia” appare la porzione del nome file successiva a “clsBLOBElementEmbed-” (senza l’estensione .html).

Proprietà:

  • Tipo di oggetto: attraverso questo menù a tendina è possibile selezionare il tipo di oggetto multimediale (o, meglio, il plug-in che verrà richiamato per visualizzare il file).

Attraverso l’oggetto “Oggetto Multimedia” è, ad esempio, possibile inserire nel sito un file cad: perché ciò sia possibile, è sufficiente creare un template clsBLOBElementEmbed-cad.html che contenga al suo interno il codice xhtml necessario ad invocare il plug-in per la gestione dei file in formato cad, passando come parametri il path del file inserito in FlexCMP, le dimensioni e la descrizione alternativa.

NOTA: è possibile inserire, all’interno della pagina, un particolare tipo di oggetto multimediale: il video di YouTube; in questo caso è necessario utilizzare un elemento specifico, l’oggetto “Video YouTube”.

Oggetto "Importa RSS"

L’oggetto “Importa RSS” consente all’utente di sottoscrivere un feed RSS fornito da un sito esterno e visualizzare, all’interno della pagina su cui sta operando, l’elenco delle notizie pubblicate.

L'oggetto importa rss

Le opzioni disponibili per questo oggetto sono le seguenti:

  • Indirizzo feed RSS: URL del feed RSS che si vuole sottoscrivere e le cui notizie si intende pubblicare;
  • Numero di Articoli da visualizzare: numero di notizie pubblicate tramite il feed RSS sottoscritto che si intende visualizzare all’interno della pagina;
  • Numero di Articoli da saltare: numero di notizie pubblicate tramite il feed RSS sottoscritto che si intende ignorare in fase di visualizzazione;
  • Durata cache (sec): frequenza di aggiornamento delle notizie visualizzate a partire dal feed RSS sottoscritto;
  • Nome telaio: template grafico da applicare alla visualizzazione delle notizie pubblicate tramite il feed RSS sottoscritto.

Oggetto "Esporta feed"

L’oggetto “Esporta Feed” consente all’utente di inserire un link di sottoscrizione alle notizie riguardanti gli aggiornamenti apportati al sito: in particolare, è possibile creare feed RSS riguardanti le lettere di newsletter inviate (v. «Gestione Lettere») o la pubblicazione di nuove pagine che presentino specifici criteri di classificazione (v. «Classificazione»).

L’oggetto “Esporta Feed”

Le opzioni disponibili per questo oggetto sono le seguenti:

  • Tipo Feed: questo menù consente all’utente di specificare la tipologia di aggiornamenti da segnalare attraverso l’utilizzo dei feed; questa proprietà può assumere uno dei seguenti valori:
    1. Elenco Pagine: il feed riguarda l’aggiornamento delle Pagine del sito;
    2. Newsletter Pubblicate: il feed riguarda l’invio di nuove Lettere di Newsletter;
NOTA: una volta selezionato il tipo di feed, è necessario attivare il pulsante “Aggiorna” in modo da aggiornare coerentemente i contenuti del menù “Feed” (v. sotto).
  • Feed: una volta che l’utente ha selezionato il tipo di feed che intende pubblicare e ha attivato il pulsante “Aggiorna” (v. sopra), il contenuto di questo menù viene aggiornato con la lista dei feed del tipo prescelto; all’interno di questo menù è possibile per l’utente selezionare lo specifico feed che intende pubblicare;
  • Formato feed: in questo menù è possibile scegliere il formato da utilizzare per la definizione dei singoli feed; questa proprietà può assumere uno dei seguenti valori:
    1. RSS 2.0  [default];
    2. RSS 2.0 Esteso (non standard).
  • Template: telaio grafico da applicare alla visualizzazione dell’URL del feed pubblicato.
  • Icona: immagine da associare al feed pubblicato; questa proprietà può assumere uno dei seguenti valori:
    1. Feed_(Grande).png [default];
    2. Feed_(Piccola).png;
    3. RSS_(Piccola).gif.
  • Testo del Link: contenuto testuale utilizzare per la visualizzazione del link al feed pubblicato.
  • Descrizione Icona: alternativa testuale da applicare all’icona associata al feed pubblicato.

Oggetto "Riga di [n] immagini"

L’oggetto “Riga di [n] immagini” consente di inserire un numero di immagini pari a quello specificato (n), le quali verranno presentate affiancate orizzontalmente.

L’oggetto “Riga di [n] immagini”

Prima di inserire l’oggetto all’interno della pagine, occorre innanzitutto definire il numero di immagini che si intende visualizzare, inserendo tale informazione nel relativo campo testuale all’interno della toolbar.    

Una volta trascinato l’oggetto nella struttura di pagina, apparirà un numero di campi per il caricamento delle immagini equivalente al numero precedentemente specificato nell’apposito campo della toolbar: tale valore è impostato, per default, a “2”.

Il caricamento del file immagine e l’inserimento della descrizione testuale alternativa (necessaria in siti accessibili) segue il medesimo principio di quanto indicato per l’oggetto “Immagine”.

L’oggetto “Riga di [n] immagini” è utile nei casi in cui si voglia inserire una serie di immagini di piccole dimensioni come, ad esempio, nel caso di più loghi affiancati.

Esempio di applicazione dell’oggetto “Riga di [n] immagini”

Oggetto "Mappa Immagine"

L’oggetto “Mappa Immagine” consente di inserire una mappa immagine all’interno della pagina sulla quale si sta operando.

L'oggetto mappa immagine

Una mappa immagine consiste in una rappresentazione grafica all’interno della quale è possibile identificare una o più aree cliccabili.

Le opzioni disponibili per questo oggetto sono le seguenti:

  • File Immagine: immagine che si intende trasformare in una mappa suddivisa in aree cliccabili;
NOTA. I formati immagine ammessi sono GIF e JPG. È altresì supportato il formato PNG: tuttavia, poiché quest’ultimo non risulta essere supportato dai browser meno recenti, se ne sconsiglia (situazione del 2010) l’utilizzo fino a quando il formato PNG non sarà più universalmente supportato. FlexCMP, inoltre, non implementa meccanismi di ridimensionamento delle immagini, per cui, se necessario, occorre ridimensionare il file immagine che si intende caricare con un software di foto ritocco (si consiglia Adobe Photoshop per l’elevata qualità degli algoritmi di ridimensionamento, taglio e conversione) prima del suo caricamento all’interno del sitema.
  • Descrizione: descrizione testuale alternativa (estesa e realmente sostitutiva) dell’immagine che si intende trasformare in una mappa suddivisa in aree cliccabili; La descrizione testuale dell’immagine (campo ALT del tag IMG) deve essere esplicativa e funzionale alla situazione nella quale è utilizzata, e conforme alle idicazioni di accessibilità delle pagine web.
  • Aree: indicazione delle aree cliccabili da associare alla mappa immagine.
NOTA. La sintassi da utilizzare per definire le aree cliccabili all’interno della mappa immagine è quella fornita dallo standard XHTML; si consiglia, eventualmente, la creazione dell’oggetto mappa utilizzando un apposito editor visuale (es. DreamWeaver o FrontPage), per poi copiarne il codice all’interno del campo “Aree” dell’oggetto.

Esempio. Tag "area" con un riferimento ad un indirizzo assoluto:

Esempio. Tag "area" con un riferimento ad un indirizzo assoluto

Esempio. Tag "area" con un riferimento ad una pagina interna realizzata con FlexCMP:

Esempio. Tag “<area>“ con un riferimento ad una pagina interna realizzata con FlexCMP
NOTA. Il numero da inserire dopo BLOB:ID= è il numero della Pagina che si intende referenziare all’interno della mappa (tale id è ottenibile dall’Elenco Pagine o dall’indirizzo URL del sito pubblico).

Proprietà:

  • Allineamento orizzontale: attraverso questa funzione è possibile decidere come allineare la mappa immagine rispetto la pagina nella quale essa è contenuta; questa proprietà può assumere uno dei seguenti valori:
    1. Allinea Sinistra [default];
    2. Centra;
    3. Allinea Destra.