Sistema di login con Flash e PHP (Parte I)

Pagina 1 di 3

Come avrete visto dal titolo del tutorial, in questo tutorial realizzeremo un esempio di login molto semplice; cosa intendiamo dire con semplice? In questo caso vogliamo dire che non faremo uso di database per memorizzare utenti e relative password, ma ci serviremo di un semplice file di testo; inoltre, in questo caso vedremo solo la parte relativa al login vero e proprio, cioè il confronto tra i dati inseriti da un utente e quelli memorizzati per stabilire se è effettivamente un utente registrato. Questo chiaramente non è il massimo della sicurezza, ma può comunque tornare utile per creare delle “aree protette” molto semplici, dove magari inseriremo dati non di vitale importanza, ma che comunque non vogliamo rendere facilmente accessibili a chiunque. Vediamo come sempre per prima cosa quello che va realizzato per un sistema di login.

1. Cosa ci serve

In Flash
- l’interfaccia per l’inserimento dei dati da parte dell’utente

In PHP
- uno script che confronti i dati inseriti dall’utente con quelli presenti della fonte dei dati

File di testo
Per la prima volta ci troviamo anche con una terza parte, che non va realizzata in Flash o Php:

- una fonte di dati che contenga i dati degli utenti e le rispettive password

Questa “fonte di dati” nel nostro caso sarà un file di testo, che potremo quindi semplicemente creare con un programma come Blocco Note o Wordpad.

2. Creiamo il file di testo che conterrà i dati dei nostri utenti

Partiamo quindi nella realizzazione del nostro pannello di login.
Per prima cosa, sia perché è veloce da fare sia perché ci serve per testare poi il resto del lavoro, dobbiamo creare la nostra fonte di dati.
Come abbiamo detto, in questo tutorial “sfrutteremo” un file di testo.
Creiamo quindi il nuovo file, e inseriamo i dati in questo formato

Nomeutente-password

Quindi, supponiamo di creare 3 utenti: Gastone,Paperino e Zio Paperone
Le loro password sono rispettivamente: fortuna,sfortuna,ricchezza

Il file sarà così:

Gastone-fortuna
Paperino-sfortuna
Zio Paperone-ricchezza

3. Creiamo l'interfaccia in flash

Passiamo ora alla parte in Flash: dobbiamo creare la grafica del pannello di login e lo script per inviare le variabili, recuperare la risposta dallo script Php e quindi eseguire l’azione appropriata.

Come al solito per prima cosa impostiamo le dimensioni dello stage: 200x130 sono più che sufficienti per le poche cose che dobbiamo posizionare sulla scena; se state provando a ricreare il file di esempio, il colore di sfondo è un grigio chiaro, esadecimale #999999
Dopo di che, creiamo due testi statici: uno sarà il titolo, l’altro testo “l’indicazione” per i campi utente e password: questi ultimi saranno ovviamente due campi di testo input, il primo di tipo single line, il secondo di tipo Password (v. figura);

i loro nomi saranno

utente
pass

e le loro variabili saranno

(per un esempio di come vanno impostate le proprietà, osservare la figura)

Se vogliamo poi dare un tocco grafico, creiamo una figura (nel nostro caso un quadrato) e modifichiamola a piacere grazie all’opzione “Envelope” (click destro sulla figura->Envelope); nel caso del file di esempio abbiamo creato una forma che faccia da sfondo al pannello di login :)
Per completare la parte grafica del pannello dobbiamo creare ancora un campo di testo dinamico con variabile login.error (da posizionare sotto il titolo) e il pulsante per l’invio; il risultato finale sarà simile a quello mostrato in figura