Immagini e movie dinamici in un template per il digital signage

In questo articolo proseguiamo la serie delle mini guide relative alla creazione di template personalizzati per la piattaforma di digital signage web signage. Parliamo quindi della creazione di un file flash .swf che potrà essere usato come base per realizzare un template personalizzato compatibile con il software Web Signage, grazie all’applicazione a corredo Web Signage Template Manager.

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.

Apri file flash

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.

Strumento rettangolo

Verificare che l’oggetto abbia il colore tratto nessuno.

Colore tratto

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

converti in simbolo

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

popup converti

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:

proprietà clip filmato

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…

nuovo da flash

Selezionare il file .swf precedentemente generato.

salva flash

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.

oggetti flash

Selezionare l’oggetto e premere il pulsante Aggiungi>

aggiungi oggetto flash

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

salva .wst

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.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...