• Web Design » Flash » Programmazione Flash

Pagina 1 di 3

1. Introduzione

In questo tutorial sfrutteremo le capacità diFlash e Php, unite a MySql, per realizzare una semplice‘applicazione’ in grado di generare dinamicamenteun grafico (nel nostro caso, realizzeremo un grafico a barreverticali, chiaramente però non è l’unicotipo di grafico che si può creare, anzi potreste usarecome “base” la parte per il caricamento esuddivisione delle variabili e provare voi a creare un altrotipo di grafico.

tutorial.zip(97,5Kb)

2. Obiettivo del tutorial

Lo ‘schema’ del funzionamento della nostrapiccola applicazione è molto semplice, avremo

- database MySql dove memorizzeremo i datiper il grafico
- pagina Php che si occuperà dileggere i dati dal database
- Filmato Flash che si occuperà dimostrare i risultati restituiti dalla pagina Php.

Nota: Se testate la vostra applicazione inlocale, è necessario che da flash il percorso del filesia completo…cioè ad esempio
Dati = new LoadVars()
Dati.load(‘http://localhost/Select.php’)
Questo perchè altrimenti il file php non verràinterpretato ma letto come un file di testo e quindi ilfilmato non funzionerebbe correttamente.
Sul server potrete invece lasciare il solo nome del file oil percorso completo del vostro sito, la scelta èvostra. 

3. Cosa ci serve

Vediamo quindi, per prima cosa, di creare tabelle neldatabase.
In questo tutorial realizzeremo un filmato in grado divisualizzare grafici relativamente semplici, senza troppidati, per cui anche la struttura delle tabelle saràsemplice.
Avremo una tabella con al suo interno

- una colonna “nome” per il nome del grafico (intal modo potremo inserire più grafici, dal filmatoFlash potremo decidere quale visualizzare, come vedremo inseguito)
- colonne contenenti ‘etichette’ e dati delgrafico

Supponiamo di avere 5 rilevamento per grafico: creeremoquindi 6 colonne.

Ecco la query che potete usare per creare la tabella:

CREATE TABLE `grafici` ( `nome` VARCHAR(100) NOT NULL, `dati1` VARCHAR(200) NOT NULL, `dati2` VARCHAR(200) NOT NULL, `dati3` VARCHAR(200) NOT NULL, `dati4` VARCHAR(200) NOT NULL, `dati5` VARCHAR(200) NOT NULL );

A questo punto la nostra tabella è pronta peraccogliere i dati.
Creeremo ora due serie di dati, in modo da avere almeno duegrafici (così nel filmato Flash implementeremo etesteremo la possibilità di scegliere quale graficovisualizzare tra quelli presenti nel database).

Ecco la query per creare dei semplici dati di esempio:

INSERT INTO grafici VALUES ('Graph1', '50|Gennaio', '100|Febbraio', '80|Marzo', '200|Aprile', '160|Maggio');INSERT INTO grafici VALUES ('Graph2', '200|1998', '600|1999', '500|2000', '700|2001', '800|2002');

Come noterete abbiamo usato un formatox|y
x sarà il valore vero e proprio, y sarà invecela ‘scritta’ che apparirà sotto la barraper identificarla; nel nostro caso è un mese diriferimento.
Ho preferito unire le 2 cose (le divideremo poi in Flash) inmodo da creare meno campi nella tabella del database.

Continua >>>