Joomla e Flash: Mini Guida sull'integrazione

[alieno]

In questa miniguida verrà affrontato l'argomento relativo all' integrazione di Flash in Joomla. Ma, prima di tutto, un brevissimo accenno ai metodi comunemente utilizzati:

Il metodo Standard (il pianto del W3C)
E' il metodo in assoluto più utilizzato, molto vecchio ma di fatto funziona, per quanto non standard-compliant.

<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="150" height="300" id="movie" align="">
<param name="movie" value="movie.swf">
<embed src="pallina.swf" quality="high" width="150"
height="300" name="movie" align="" 
type="application/x-shockwave-flash"
plug inspage="http://www.macromedia.com/go/getflashplayer"> 
</object>

Il Metodo Satay (il "trucco" intelligente)
Questo metodo, pur con qualche limite, la cui analisi e trattazione approfondita la potete leggere direttamente sul blog dell'autore Metodo Satay è la migliore soluzione, per quanto da pochissimi adottata.

<object type="application/x-shockwave-flash" data="flash/pallina.swf" width="150" height="300">
<param name="movie" value="flash/pallina.swf" />
<param name="quality" value="high" />
<p>Contenuto alternativo</p>
</object>

The Flash Module (la praticità in molte funzioni)
Il metodo che verrà trattato in questa guida si basa sull'uso di The Flash Module, un modulo creato da Michael Carico su Licenza GPL V. 2.0
Questo Modulo, disponibile in 2 versioni native sia per Joomla 1.0 che 1.5, permette numerosi controlli sul movie swf, come ad esempio la trasparenza del movie o l'intercettazione di una particolare versione del flash player.
Il modulo può essere pubblicato più volte nella stessa pagina, nelle varie posizioni Modulo disponibili nel template.

A questo link The Flash Module è possibile prelevare il modulo. Attualmente, in fase di scrittura di questo articolo, troveremo The Flash Module V. 3.0.2 per Joomla 1.5 e The Flash Module V. 2.0 per Joomla 1.0

Com'è prassi, dal backend di Joomla installeremo il modulo che successivamente ritroveremo nella Gestione Moduli, disattivato.
Apriamo il Modulo e, sulla destra, potremo visualizzare una serie di parametri:



Alcuni parametri essenziali:
File path, ovvero il percorso dove andremo a piazzare il nostro movie sul server. Di default ci viene proposto nella directory images/flash/.
Filename: in cui inseriremo il nome del file generato da Flash, quindi con estensione .swf
Larghezza e Altezza: le impostazioni di stage che abbiamo impostato in Flash in fase di authoring
Flash Version: la versione minima del flash player necessaria per visualizzare il movie. Questo valore dipende ovviamente dalla complessità del movie che abbiamo realizzato.
Loop: Permette di riprodurre all'infinito l'animazione oppure, se settato su No, di eseguire solo 1 ciclo, pertanto alla fine il movie si arresterà al primo fotogramma.

Parametri Avanzati:
Display using JavaScript: La possibilità di usare o meno Javascript nel richiamo del movie
No Flash-HTML: In funzione di Noscript Display, un testo o un link se Flash non viene rilevato.

Per rendere molto più gustosa e interessante questa guida abbiamo pensato di realizzare 4 movie utilizzando Flash CS3:
1) Pallina Rimbalzina
2) Pallina Rimbalzina Interattiva
3) Menu
4) MiniPlayer MP3

E a questo punto iniziamo la mini analisi:

Pallina Rimbalzina
Questo swf ha dimensioni 150x300 px e un framerate di 37 FPS. Lo scopo di questo movie non è quello di iptnotizzare l'utente, ma di studiare le varie configurazione settabili nel parametri di The Flash Module. In questo esempio il movie è stato pubblicato sia nella versione con sfondo che, senza sfondo, con modalità transparent. Inoltre, nel primo movie il Parametro Loop è stato settato a No. (demo)

Pallina Rimbalzina Interattiva
Questo movie, ha la caratteristica di offrire all'utente un minimo di interazione, tramite il pulsante sul braccio. (demo)

Menu in Flash
Restando in tema di interazione, un esempio altrettanto classico è il menu. In questo caso un semplice:

getURL();

permette di aprire una nuova pagina agli indirizzi: joomlahost.it. (Pagina 1) _blank
assistenza.joomlahost.it (Pagina 2) _blank
forum.joomlahost.it (Pagina 3) _blank
Le azioni sono state assegnate, tramite AS2, su ogni pulsante per le 3 sezioni del sito utilizzando l'azione:

on (release) {
}

In tutti e 3 gli esempi è stato impostato l'attributo _blank, quindi con apertura di una nuova pagina. (demo)

MiniPlayer MP3
Quest'ultimo esempio mostra come sia possibile gestire un file audio MP3 realizzando con Flash un semplice ma funzionale Player MP3.
Questo movie, un po' più complesso dei precedenti, utilizza un file MP3 opportunamente "tagliato" in modo tale da riprodurre all'infinito una gradevole base audio, questo per non "appesantire" eccessivamente il Player che in questo caso pesa 90 Kbyte. Il Player può essere stoppato e riavviato a piacere. (demo)
N.B.
Nel sorgente non troverete il file audio per ovvi motivi di copyright. Esistono numerosissimi siti che offrono brani audio sia in formato Wav che MP3 in licenza free. Scelto quindi un file audio e tagliato in modo da essere riprodotto in loop, non dobbiamo fare altro che importarlo nella Libreria in Flash. Fatto questo lo selezioniamo col tasto destro e apriamo le proprietà. Mettiamo il segno di spunta su Esporta per ActionScript e su Esporta in fotogramma 1. Nella casella Identificatore inseriremo mioloop. Premiamo ok e il file audio potrà essere riprodotto.

Metodo Satay:
In questo esempio non è stato utilizzato The Flash Module ma il codice direttamente inserito in un Modulo HTML. (demo)

Metodo Satay in Articolo:
Sempre lo stesso codice ma questa volta inserito in un Articolo invece che in un Modulo. ((demo))

Note:

1) I sorgenti, in allegato a questa guida sono stati realizzati, a titolo di esempio, da Joomlahost.it e concessi su Licenza GPL V. 2.0, pertanto liberamente utilizzabili e distribuibili.

2) Questa guida potrebbe contentere degli errori o inesattezze, pertanto il contenuto potrà essere variato su vostre segnalazioni. In questo caso, chi apporterà miglioramenti o aggiunte, verrà citato in questa stessa guida.

[Update 3 febbraio 2008]
I Sorgenti in allegato alla guida sono stati sostituiti in quanto compressi in formato ZIP da Mac OS X. Questo comportava l'inconveniente, per chi decomprimeva da Windows, di visualizzare un certo numero di file _MAC.
I nuovi file sono stati compressi nel correto formato ZIP universale.