Per fortuna il mercato offre delle soluzioni software che permettono di realizzare contenuti accattivanti senza la necessita di avere competenze specifiche nel campo della programmazione flash.

Per venire incontro ai nostri clienti, abbiamo analizzato alcuni di questi software per testare la compatibilità con la piattaforma software Web Signage, in particolare abbiamo verificato che i file con estensione swf realizzati con i software testati siano riconosciuti correttamente da Template Manager così come avviene con i file swf realizzati con Adobe Flash Professional.

SOFTWARE		Note/Commenti
	Flash Slideshow Maker
	Flash Slideshow Generator
	SWFSlide
	SWF Quicker
	Mix-FX	Parziale compatibilità
	SWish Max	Parziale compatibilita

Tutti gli altri software che permettono comunque di realizzare contenuti in flash (file con estensione swf) possono essere visualizzati sui display utilizzando il modello (clip template) @FLASH quando si va a creare la Movie clip sulla piattaforma Web Signage.

SOFTWARE		Note/Commenti
	Slide roll Gallery AV	Solamente per clip realizzate con modello @FLASH
	Wondershare flash Gallery factory Standard	Solamente per clip realizzate con modello @FLASH
	Swift 3D	Solamente per clip realizzate con modello @FLASH

Ma vediamo nel dettaglio come si realizza questa molteplicità d’uso e d’azione, e come sia possibile gestire diversi flussi di lavoro basati su processi organizzativi coerenti, in grado di realizzare un’efficiente catena di produzione di contenuti, sia all’interno di una singola organizzazione che su molteplici diramazioni interaziendali. 

Struttura gerarchica

La struttura organizzativa di Web Signage è di tipo gerarchico: 

Da questo si deducono una serie di caratteristiche:

• Ogni utente appartenente ad un solo servizio ed a sua volta ad una sola area
• Un utente può avere visibilità degli altri utenti in base a diversi livelli di privilegio, di appartenenza al proprio servizio, alla propria area o a tutte le aree e servizi (tutti gli utenti della piattaforma)
• Ogni area può rappresentare una diversa organizzazione virtuale, potenzialmente invisibile alle altre, a sua volta organizzata in servizi e utenti anch’essi isolati rispetto alle altre diramazioni

 Proprietà sui record

Come abbiamo visto, poiché è possibile isolare il contesto d’uso dell’applicazione in diverse organizzazioni ed unità, anche i record, che rappresentano tutti gli oggetti gestiti da Web Signage (player, clip, palinsesti, etc), sottendono agli stessi criteri di isolamento. Vediamo alcune caratteristiche e definizioni comuni a tutti i record gestiti in Web Signage:

• Un record può essere creato, modificato ed eliminato secondo specifici privilegi in base ai ruoli assegnati all’utente
• Ogni record creato da un utente appartiene a quest’ultimo, ovvero l’utente è proprietario del record
• Il proprietario di un record ha tutti i privilegi su di esso, relativi alla modifica ed eliminazione
• Un record può essere assegnato ad un altro utente esclusivamente dal proprietario precedente che ne diviene quindi nuovo proprietario
• Un record può essere condiviso con uno o più utenti e raggruppamenti, contestualmente all’assegnazione dei diversi privilegi di accesso
• L’assegnazione o condivisione di un record può avvenire nell’ambito degli utenti visibili all’utente corrente, in base alla selezione dell’opzione nella sezione Vista utente in gestione utenti.

Quando si seleziona un record, sia che si sia all’interno della pagina di riepilogo o in dettagli, in basso appare un’area informativa.

La sezione proprietà del record indica:

1.  Data creazione: riporta data e ora della creazione del record ed il nominativo dell’utente

2.  Ultima modifica: riporta data e ora dell’ultima modifica apportata al record ed il nominativo dell’utente che ha eseguito la modifica

3.  Proprietario: indica il nome\servizio\area del proprietario del record. Il proprietario del record ha le facoltà di modificare ed eliminare il record, assegnarlo ad un altro proprietario e condividerlo con un altro utente.

4.  Condivisione: indica l’eventuale condivisione attiva sul record.

Per cambiare il proprietario di un record cliccare sull’icona . A seguito dell’assegnazione del record, il proprietario originario perderà i diritti esclusivi sul record che passeranno a nuovo utente selezionato. Sarà possibile quindi effettuare una ricerca all’interno degli utenti presente nella piattaforma, anche se saranno visualizzati solo quelli relativi alla propria impostazione della vista utente.

Per modificare la condivisione di un record cliccare sull’icona . Sarà quindi possibile effettuare una ricerca tra gli utenti della piattaforma e gli insiemi (aree, servizi). Anche in questo caso saranno visualizzati gli utenti e gli ambiti concessi dalla propria impostazione relativa alla vista utente. 

Dopo avere aggiunto  l’utente o l’ambito a cui assegnare i privilegi, sarà possibile definire le autorizzazioni sul record, attraverso la selezione delle diverse opzioni.

 E’ importante sottolineare che è possibile decidere di assegnare e condividere il record con singoli utenti, servizi, aree o tutti, in base alla proprietà Vista utente in gestione utenti. In particolare avremo:

• Vista utente nessuna: non sarà possibile assegnare e condividere i record con nessun altro utente della piattaforma
• Vista utente servizio: sarà possibile assegnare e condividere i record con tutti gli altri utenti della piattaforma che appartengono allo stesso servizio del proprietario
• Vista utente area: sarà possibile assegnare e condividere i record con tutti gli utenti della piattaforma che appartengono alla stessa area del proprietario
• Vista utente tutti: sarà possibile assegnare e condividere i record con tutti gli utenti.

 Privilegi sui record

La creazione, modifica, eliminazione di un record, così come la vista di singole categorie (video, clip, palinsesti, etc) sono privilegi che è possibile definire all’interno della definizione dei ruoli utente.

Riguardo al singolo record è possibile definire le seguenti facoltà:

Nuovo. L’assegnazione di questa facoltà determina l’abilitazione del pulsante Nuovo sia nell’elenco dei record che nel dettaglio. Sarà quindi possibile creare un nuovo record per questa categoria.

Modifica. L’assegnazione di questa facoltà determina l’abilitazione del pulsante Modifica nell’elenco dei record, per il conseguente accesso alla scheda dettaglio.

Elimina. L’assegnazione di questa facoltà determina l’abilitazione del pulsante Elimina sia nell’elenco dei record che nel dettaglio. Sarà quindi possibile eliminare un record per questa categoria. 

Riguardo la facoltà di visualizzare un determinato elenco di record è possibile definire le seguenti opzioni di vista:

Servizio. Per un determinato insieme, saranno visibili tutti i record i cui proprietari appartengono allo stesso servizio dell’utente corrente.

Area. Saranno visibili tutti i record i cui proprietari appartengono alla stessa area dell’utente corrente.

Tutti. Si ha la più ampia facoltà di visualizzare tutti i record appartenenti a chiunque.

L’abilitazione delle suddette proprietà determina la comparsa dell’opzione all’interno dell’elenco a discesa che determina la vista per l’insieme di record.  

Da notare che le opzioni Proprietario e Condivisi sono sempre presenti. Inoltre eventuali privilegi speciali per un singolo record condiviso possono differire da quelli ereditati dal proprio ruolo.

 Attività contestuali per un record

Quelli descritti sin d’ora sono i privilegi comuni a tutti i record. E’ possibile tuttavia che per determinati insiemi di record, siano disponibili delle azioni contestuali specifiche. Queste saranno visibili in basso rispetto all’area informativa sulle proprietà del record selezionato. La natura di queste azioni contestuali dipende dalla tipologia di oggetti rappresentati dai record e quindi dalle azioni previste per lo specifico contesto. In ogni caso saranno disponibili all’utente solo se previste per il ruolo corrente. Le azioni contestuali quindi possono essere di due tipi:

1.  Azioni contestuali predefinite generali, ovvero relative all’insieme dei record e visibili all’interno della relativa sezione di riepilogo.

2.  Azioni contestuali predefinite, ovvero relative al singolo record selezionato e proprio per questo, visibili a seguito della selezione del record, sia nella sezione di riepilogo che di dettaglio. 

Concludiamo dando un occhiata alla mappa di assegnazione di un ruolo. Come potete vedere tutto si riconduce nell’abilitazione del livello di visibilità ai record in base alla struttura funzionale (vedo i miei record, quelli del servizio di apparteneza, dell’area, o tutti), delle diverse facoltà di azione sui record (nuovo, modifica, elimina) ed infine dell’abilitazione di eventuali azioni contestuali relative al record o gruppi di essi.

A dire il vero, mentre nel secondo caso l’evoluzione ipotizzata è un auspicio ampiamente condiviso, non sono poi molti che vorrebbero rinunciare al rito del carrello tra un offerta e l’altra.

A tal proposito, forse non tutti sanno, che quando ci aggiriamo tra i corridoi di un supermercato, la disposizione dei prodotti e la sequenza del percorso non sono affatto casuali, bensì attentamente studiati al fine ottimizzare il tempo di permanenza dei clienti e stimolare determinati acquisti. E’ una vera e propria scienza che incide notevolmente sulle economie di gestione e sui ricavi.

Partendo da queste semplici considerazioni, vediamo come implementare un modello di comunicazione e promozione che consenta di utilizzare il digital signage all’interno di un supermercato,  attraverso la possibilità di pianificare dei palinsesti legati alle offerte del momento e contestualmente visualizzare un sistema di numerazione per la gestione delle code ai banchi di erogazione dei prodotti freschi.

Disponendo opportunamente i display, oltre che in prossimità del banco di erogazione, anche tra i corridoi, avremo due effetti. Il primo è quello di utilizzare il tempo morto in attesa al banco per inviare messaggi mirati e perché no, anche contenuti di intrattenimento. Il secondo risultato è di consentire alle nostre massaie di allontanarsi dal banco, e con un occhio al display e l’altro alle offerte, proseguire la spesa. Il risultato sarà di limitare la congestione ai banchi, incrementare e condizionare la potenzialità di spesa e ridurre il tempo di permanenza all’interno del supermercato.

Vediamo di analizzare le potenzialità offerte da Web Signage per realizzare quanto descritto.

Utilizzeremo un layout basato sullo stage principale (all’interno della quale saranno eseguite le clip) ed un widget laterale, dove andremo a visualizzare il contatore.

L’esecuzione delle clip potrà essere pianificata implementando un palinsesto oppure sfruttando il catalogo prodotti già presente ed  integrato in Web Signage

Alternativamente sarà possibile prelevare le informazioni sui prodotti in offerta da una banca dati preesistente utilizzando XML.

Riguardo l’avanzamento del contatore, sfruttando gli eventi della tastiera supportati da Web Signage Player, sarà sufficiente utilizzare un comune telecomando per presentazioni. Qualora vogliate sviluppare un widget personalizzato o integrare il contatore dentro un modello o una clip flash, potrete semplicemente gestire le variabili generate dagli eventi di Web Signage Player seguendo queste semplici istruzioni.

In questo video vediamo come realizzare una clip derivata da un modello per la gestione dinamica di un’immagine

Web Signage supporta l’uso di template in grado di valorizzare un campo corrispondente all’indirizzo di un file con estensione FLV (Flash Video). Il risultato sarà una clip in grado di riprodurre il video oggetto di collegamento. Il collegamento altro non è che un indirizzo Internet che punta alla risorsa con estensione FLV che sarà visualizzata all’interno del contesto grafico del template. In questa breve guida vedremo come realizzare un progetto flash da utilizzare come base per il template di Web Signage, grazie all’utilizzo del software Web Signage Template Manager. L’esempio che tratteremo riguarda un template in grado di visualizzare solo il video, ma nulla impedisce di aggiungere altri campi testo, immagine e qualsiasi elaborazione grafica ed effetto a contorno.

Iniziamo subito creando un nuovo documento vuoto in Flash, che chiameremo a titolo di esempio video01.fla.

Apriamo la Libreria dal suo menu, come indicato dalla freccia, quindi selezioniamo l’opzione Nuovo Video…

All’interno della finestra delle Proprietà video, scegliere un nome qualunque per il simbolo, quindi selezionare l’opzione Video (controllato da ActionScript)

Dopo aver premuto il pulsante OK disporremo del nostro oggetto video all’interno della libreria.

Trasciniamo il nostro oggetto video all’interno dello Stage. Definiamo le proprietà per il suo dimensionamento e posizionamento, quindi diamo un nome all’istanza che utilizzeremo all’interno del codice ActionScript. Nel nostro caso, a titolo di esempio, chiameremo questa istanza myVideo.

Adesso passiamo al codice  ActionScript (senza addentrarci nella spiegazione) che ci permetterà di caricare lo streaming video attraverso un collegamento esterno:

var nc:NetConnection= new NetConnection()
nc.connect(null);
var  ns:NetStream = new NetStream(nc);
ns.setBufferTime(15);
myVideo.attachVideo(ns);
ns.play(WSFLV);

La variabile WSFLV è obbligatoria e consente di gestire il campo dinamico in Web Signage.

Creazione del modello con Template Manager

Lanciamo  Web Signage Template Manager  e testiamo il nostro modello. Dal pulsante Nuovo da Flash scegliamo il file .swf generato precedentemente.

Noterete che  all’apertura del file swf,  Web Signage Template Manager mostrerà su Proprietà e risorse esterne il Connettore Video FLV attivato.

Testiamo il clip attraverso il pulsante

Nella finestra di anteprima andiamo a valorizzare l’URL del nostro file FLV.

Non ci resta che compilare e controllare il corretto funzionamento.

A questo punto sarà possibile salvare il nostro modello nel formato .wst, pronto per essere utilizzato all’interno di Web Signage per la creazione di un Clip di Digital Signage personalizzata attraverso una fonte video streaming esterna con estensione FLV. Per ulteriori informazioni vi invitiamo a leggere la guida di Web Signage.

In questa mini guida affronteremo il tema del’integrazione di dati in formato XML in un file Flash e come sia possibile derivare da esso un template per Web Signage in grado di valorizzare dinamicamente dei campi basati su questa fonte di dati esterna. Le applicazioni nell’ambito del digital signage sono molteplici. Una fra tutte la possibilità di realizzare cataloghi che rappresentino prodotti, immagini, offerte, etc, ricavando le informazioni direttamente da un CMS o da un gestionale preesistente in grado di generare dati in formato XML.

Per iniziare esaminiamo velocemente la struttura di un file XML:

<?xml version="1.0" encoding="UTF-8" ?>
 <websignage>
    <item>
        <name>Nome Oggetto</name>
        <description>Descrizione Oggetto.</description>
        <image>http://Percorso immagine oggetto</image>
    </item>
     <item>
        <name>Nome Oggetto2</name>
        <description>Descrizione Oggetto2.</description>
        <image>http://Percorso immgine oggetto2</image>
    </item>
</websignage>

Senza dilungarci più di tanto nella spiegazione del formato XML possiamo dire:

1)  il primo TAG dell’XML <?xml version="1.0" encoding="UTF-8"?> indica la versione e la codifica dei caratteri utilizzata, e non è indispensabile per Flash, anzi possiamo tranquillamente ometterlo.

2) Tutti i nodi che contengono i campi e i relativi valori si trovano all’interno del nodo radice <websignage>

Il codice Action Script

Per poter passare i dati a Flash sarà necessario scrivere del codice actionscript da inserire nel primo frame:

var mioXML:XML = new XML();
mioXML.ignoreWhite = true;
mioXML.onLoad = function(success) {
      if (success) {
            trace("FILE XML CARICATO CON SUCCESSO");
      } else {
            trace("FILE XML NON CARICATO");
      }
}
mioXML.load("mio.xml")

Abbiamo inserito il comando Trace ai fini del debug della nostra applicazione. Per testare quindi la funzionalità di lettura di un file xml da parte del flash , salviamo il nostro file xml di esempio (mio.xml) nella stessa directory dove andremo a creare il file di progetto .fla.

Apriamo il flash e creiamo un nuovo documento (ActionScript 2.0):

Posizioniamoci sul primo frame,  premiamo F9 e incolliamo il codice su scritto nella finestra di programmazione relativa al frame:

Salviamo il nostro file flash nella stessa directory del file con estensione xml preso ad esempio all’inizio.

A questo punto testiamo il filmato e se tutto è stato eseguito correttamente, avremo nella  finestra di Output il messaggio che indica che file xml è stato correttamente caricato

Ora che ci siamo assicurati che il file xml è caricato correttamente procediamo alla lettura dei dati all’interno della struttura XML.

Per fare questo aggiungiamo altre poche righe di codice:

var mioXML:XML = new XML();
mioXML.ignoreWhite = true;
var output:String = "";
mioXML.onLoad = function(success) {
if (success) {
      var myarray:Array = mioXML.firstChild.childNodes;
      output=myarray[0].childNodes[0].firstChild.nodeValue;
      output+="\n\n";
      output+=myarray[0].childNodes[1].firstChild.nodeValue;
      output+="\n\n";
      output+=myarray[0].childNodes[2].firstChild.nodeValue;
      trace(output);
      } else {
            trace("FILE XML NON CARICATO");
      }
}
mioXML.load("mio.xml")

Avviando il filmato con Ctrl+Invio in output avremo la visualizzazione dei dati presenti  nel file XML.

A questo punto vogliamo inserire i dati estratti dal file XML all’interno di un campo di testo nello Stage di Flash.

Creiamo un testo dinamico all’interno dello Stage,  e assegniamo un nome d’istanza, nel nostro caso mio_txt.

Sostituiamo trace(output); con : mio_txt.text=output

L’esecuzione del filmato ci consentirà di valorizzare il testo dinamico con i dati estratti dal file XML.

Predisporre l’accesso a fonti di dati esterne

Dopo aver testato l’applicazione, dobbiamo immaginare che la fonte di dati sia disponibile, nel medesimo formato, da una qualunque sorgente esterna. Per fare questo è necessario predisporre una variabile d’ambito tale che Web Signage Template la riconosca come campo valorizzabile.
Per fare questo basta semplicemente sostituire  la variabile fissa in mioXML.load(“mio.xml”) con  mioXML.load (WSXML), dove la variabile WSXML è una variabile d’ambiente di  Web Signage che deve essere scritta esattamente come indicato e a caratteri maiuscoli.

Inoltre per evitare possibili ritardi di caricamento della variabile WSXML, e consigliabile che la lettura dei dati avvenga qualche frame successivo al primo.

Per evitare che in Web Signage Template Manager l’oggetto testo dimanico mio_txt risulti visibile tra i campi, si è proceduto a  modificare il nome dell’istanza in _mio_txt (facendola precedere dal trattino basso _).

Siamo arrivati alla fine della creazione del file flash alla base del Modello per Web Signage Template Manager. Compiliamo il progetto e otteniamo così un file con estensione .swf, pronto per essere trasformato in un modello per Web Signage.

Creazione e test del modello con Template Manager

Lanciamo  Web Signage Template Manager  e testiamo il nostro modello, sezionando Nuovo da Flash il file generato precedentemente.

Noterete che  all’apertura del file swf,  Web Signage Template Manager mostra su Proprietà e risorse esterne il Connettore XML attivato.

Testiamo il clip attraverso il pulsante

Nella finestra di anteprima andiamo a specificare l’URL del nostro file XML

Non ci resta che compilare e controllare il corretto funzionamento.

A questo punto sarà possibile salvare il nostro modello nel formato .wst, pronto per essere letto all’interno di Web Signage per la creazione di un Clip di digital Signage personalizzato attraverso una fonte di dati esterna in formato XML.

In conclusione sottolineiamo come Web Signage dispone già di un modulo per la gestione di un catalogo prodotti ed un elenco di news/eventi, ed è in grado di generare la struttura XML e il relativo link da valorizzare all’interno di un clip basato su un template sviluppato a partire da un flash in grado di interpretare e rappresentare opportunamente la struttura. Per maggiori informazioni vi invitiamo a consultare la guida on line, in particolare nella sezione dove si descrive il modulo WebXML. Al seguente collegamento potete scaricare i file di esempio con i sorgenti.

Come creare un campo oggetto grafico per un modello in Web Signage

Aprire Flash, nuovo documento, scegliere File Flash (ActionScript 2.0).  La versione attuale di Web Signage Template Manger, supporta solo i file flash con ActionScript 2.0.

Avremo quindi il nostro stage pronto per l’inserimento di un oggetto immagine/movie flash dinamico. Scegliamo lo strumento rettangolo e inseriamolo all’interno dell’area dello stage, quindi tenendo premuto il tasto destro del mouse, dimensioniamo  a nostro piacere il controllo.

Verificare che l’oggetto abbia il colore tratto nessuno.

Quindi selezioniamo l’oggetto e con il tasto destro scegliamo la voce di menu contestuale Converti in simbolo.

A questo punto appare una finestra con una serie di proprietà di conversione.

Digitare un Nome qualsiasi, nel nostro caso Contenitore. Il tipo dovrà essere Clip filmato. Scegliere Esporta per ActionScript e Esporta nel primo fotogramma. Nel box Identificatore lasciare lo stesso nome assegnato in precedenza. Premere quindi OK per avviare la conversione.

A questo punto il box proprietà in basso per l’oggetto Contenitore selezionato assumerà la seguente connotazione:

Assegnare obbligatoriamente le proprietà nome istanza, nell’esempio TestCont, che poi sarà il nome univoco che individua il campo all’interno del modello di Web Signage.

Quindi salviamo le modifiche al progetto (formato .fla) e compiliamo il file .swf (CTRL+INVIO) che sarà l’origine del nostro modello.

Avviare Web Signage Template Manager per testare il nostro primo clip, quindi selezionare Nuovo da flash…

Selezionare il file .swf precedentemente generato.

Scegliere Apri ed ecco apparire all’interno dell’area Oggetti Flash il nostro campo oggetto grafico, il cui nome corrisponderà al nome dell’istanza definita nelle proprietà dell’oggetto all’interno dell’ambiente flash.

Selezionare l’oggetto e premere il pulsante Aggiungi>

L’oggetto cosi selezionato si sposterà nell’area Oggetti campo del modello disponibili per il nostro modello.

A questo punto è possibile testare le funzionalità del modello. Cliccando sul pulsante Anteprima si aprirà una maschera dove sarà possibile valorizzare il campo del modello attraverso l’inserimento di un oggetto grafico tra i seguenti supportati:

• jpg
• gif
• png
• bmp
• tiff
• swf

I passaggi sono semplici:

1. Preme il pulsante Sfoglia
2. Selezionare un file immagine o flash
3. Preme il pulsante Apri
4. Apparira l’anteprima dell’immagine/movie scelti
5. Premere il pulsante Compila
6. Il campo oggetto grafico sarà sostituito con l’immagine selezionata

E’ utile notare che:

1. Il nome dato all’istanza deve essere univoco
2. Eventuali oggetti grafici che non si desidera fare apparire tra gli oggetti flash disponibili come campi per un modello devono avere il nome dell’istanza preceduta dal carattere _ (trattino basso).
3. E’ possibile inserire immagini e ulteriori flash movie all’interno di un oggetto grafico

Per inserire altri campi ripetere la procedura. Web Signage supporta l’inserimento di un un numero illimitato di campi.