UNA GRAN BELLA SOLUZIONE IN FLASH E PHP PER LE NOSTRE FOTO…
Il progetto nasce nel 2005 e si sviluppa fino al 2008 arrivando ad una serie impressionante di opzioni e rendendo la gallery qualcosa di molto facile da gestire, e al tempo stesso con ben pochi limiti da qualsiasi punto di vista la si voglia analizzare.
Php (gioca un ruolo fondamentale , le variabili sono passate dal file xml ) flash, javascript (gioca un ruolo molto importante su piu’ fronti ) e xml (il file piu’ “accessibile” e determinanante ) …. si fondono per dar modo di ottenere una sorta di perfetto archivio fotografico che puo’ contenere un grandissimo numero di fotografie se necessario!
Pensata per i fotografi e per le loro presentazioni ON LINE…
presenta subito i tre elementi indispensabili per questo tipo di “prodotto” che tra l’altro,ma il dettaglio e’ clamoroso se si pensa a certe soluzioni che si vedono in giro… COMPLETAMENTE FREE alla sola condizione di non ridistribuire il prodotto al fine di lucrarci o derivati!
Per una visita al sito di “provenienza” occorre andare su tufat.com e cioe’ una vecchia conoscenza per chiunque faccia web da qualche anno almeno e dove si possono trovare moltissime altre soluzioni free di spessore oppure prodotti a pagamento. ma sempre con un occhio attento all’effettivo valore della proposta.
Tornando ai tre elementi fondamentali:
- miniatura sulla destra (va preparata ed e’ l’unico la scomodo della galleria, ATTENZIONE NEL NOMINARE LE MINIATURE, DEVONO AVERE LO STESSO NOME DELL’IMMAGINE CHE ANDRANNO A RICHIAMARE.. QUESTO DETTAGLIO E’ MOLTO IMPORTANTE… ) ma e’ ben poca cosa e investimento di tempo tutto sommato…., per le miniature e anche per il rename … ricordo il miglior programma probabilmente tra quelli free e cioe’ FastStone Photo Resizer oppure l’incredibile applicazione on line multipleimageresizer.net , probabilmente la migliore applicazione on line dedicata al resizer e che consente di rimpicciolire piu’ file immagine contemporaneamente.. dettaglio non da poco in questi casi… ).
Prew dell’immagine che appare al centro del visualizzatore e che e’ gia’ l’immagine in grandezza naturale… quindi occhio al peso…. che si puo’ ottenere in fullscreen cliccando semplicemente sulla prew.
Tempi di attesa nulli quindi per l’ingrandimento che e’ stato gia’ caricato al centro del player in una grandezza piu’ che sufficiente per decidere appunto se aprire in grande la foto o no.
Se i tre elementi di base sono immediatamente percepibili e quindi rispondono alle esigenze pratiche di un progetto di questo genere… altrettanto pratico immediato e a sua volta senza preoccupazioni per il numero delle voci,cioe’ delle gallerie… e’ il menu’ che compare sulla sinistra e che viene abbinato ovviamente alle miniature sulla destra e alle immagini della galleria alla quale fa capo la voce di menu’.
IL MENU’ PUO’ ESSERE IMPOSTATO (DAL FILE XML ) in modo da diventare punto di riferimento per le immagini oppure nel caso della prima voce potrebbe non comparire la voce in menu’ ma comparire un’immagine al centro che quindi potrebbe essere un’immagine logo oppure un’immagine presentazione della galleria o del fotografo o altro tipo di comunicazione.
Questa possibilita’ suggerisce subito l’uso della galleria come vero e proprio SITO …
Altri elementi vincenti sono la possibilita’ ovviamente di dare un nome al progetto
una descrizione breve alle immagini (lungo il lato inferiore dell’immagine prew
un tooltip contenente tutte le informazioni sull’immagine (peso formato misure e indirizzo… dell’immagine ).
Questi elementi possono essere presenti o no e customizzati come serve… colore carattere grandezza ….
Il tutto “succede” principalmente nel file XML che e’ davvero molto fornito e consente praticamente ogni genere di customizzazione.
DETTAGLIO NON DA POCO
il progetto non obbliga ad alcun loghetto riconducibile allo sviluppatore ect. e questo e’ un segnale di praticita’ e coerenza che non smettero’ mai di sottolineare in chi ha il buon senso e la logica per offrirlo essendo un elemento che spesso coglie obbiettivi ben diversi da quelli che lo sviluppatore o il distributore si ripropone e sono di solito un “ma va…. ” da parte dell’utente che spesso abbandona la risorsa infastidito da tanta illogica tentazione offerta all’utente finale che ben poco ha a che fare con gli scopi di un progetto applicato a…
insomma non solo serve a poco. ma finisce con il rendere inutile la proposta, e spesso rende antipatico,cosa molto grave dal punto di vista commerciale… chi “regala” il progetto stesso.
Segnalo ,come del resto fa l’autore nel file stesso… che eventuali modifiche al file xml diverse da quelle testuali relative alle note ect oppure a codici alfanumerici per i colori o alle situazioni di true false delle varie sezioni NON renderanno inutiizzabile la galleria ma la ricondurranno alle impostazioni di default… dettaglio anche questo che fa onore all’intelligenza di chi ha sviluppato il progetto.
RICORDO INOLTRE che il sistema fa uso di php… e quindi salvo aver installato in locale un interprete php e’ necessario caricare il tutto on line per vedere al meglio le modifiche apportate….
Meglio farlo su di un server basato su Linux perche’ potrebbe veir volgia in seguito di “automatizzare” il tutto , sempre con php e fornire il necessario per compilare, modificare, caricare immagini… tutto rimanendo on line… cosa fattibilissima se si va indietro tra gli articoli di Utilitypc e si studiano attentamente alcuni articoli relativi agli upload e alla scrittura su file usando php.. ma ovviamente NON E’ NECESSARIO per vedere on line il progetto in se…
Un aspetto simpatico e’ quello del suono che accompagna nella demo tutta la galleria ma che ovviamente potrebbe essere non solo diverso ma anche assente o privo di loop… basta riflettere sul file mp3…
I file sonori utilizzati sono MOLTI, ognuno con una funzione specifica e abbinato ad un evento ben definito… e come appena accennato sono completamente customizzabili.
Se serve un ottimo programma per editing audio ,facile da usare e dalle grandi potenzialita’ oltre che free, consiglio decisamente non Audacity… ma wavepad
Tutto il necessario e molto di piu’.. per lavorare su due tracce stereo senza le mille tentazioni di Audacity che spesso sono ottimi strumenti ma solo a patto che si sappia davvero cosa si sta facendo sul suono.
Nel caso l’esigenza sia solo quella di tagliare un file mp3 puo’ essere interessante http://cutmp3.net/
applicazione veloce,pratica e dotata di tutto il necessario a costo zero,nemmeno un account….
Se invece servono dei rumori o piccoli suoni descrittivi… le risorse on line non mancano
esempio:
kalauras.it giusto per rimanere in lingua italiana
oppure http://www.audiofill.com/ per una ricerca sul web.
E’ possibile scegliere tra un buon numero di efficaci effett per la prew centrale.
Possibilita’ di scegliere i valori e il tipo di transizione…
Ho investito almeno due orette per approfondire i meccanismi e le procedure di questo ottimo progetto e penso di poter suggerire :
- PRIMA di iniziare a personalizzare la propria versione…
preoccuparsi di scegliere tra le proprie immagini quelle “giuste” , suddividere in cartelle, creare cartelle per miniature che dovranno avere LO STESSO NOME delle cartelle con le immagini grandi, nominare le miniature CON LO STESSO NOME DELLE IMMAGINI GRANDI.
Una volta creato il parco immagini da inserire passare al file xml.
EVITARE inizialmente di immergersi nelle possibilita’ di transizioni ect. e mirare a far prima di tutto funzionare perfettamente la galleria…
perche’ questo accada e’ necessario un filo di pazienza, sostituire con i nomi delle proprie cartelle le cartelle presenti nel file demo, facendo MOLTA ATTENZIONE A NON CANCELLLARE ELEMENTI DI SINTASSI “SCONOSCIUTI”….
Inizialmente evitare di usare le descrizioni… limitarsi a far funzionare il tutto….
caricare tutto on line e se tutto e’ stato fatto con la necessaria calma e pazienza il risultato e’ certo…
Per passare alle customizzazioni iniziare dalle transizioni….
osservare e modificare sino a risultato ottimale e passare quindi ai commenti sonori…
eliminari quelli che non ci sembrano opportuni… sostituire con altri suoni ect.ect.
TENERE BEN PRESENTE, ma sara’ la pratica a ricordarlo… che il sistema di questa galleria prevede di caricare L’IMMAGINE CHE COMPARE NELL’EVENTUALE APERTURA IN GRANDE… quindi un’immagine “senza compromessi”… cosi come “esce” dalla macchina… oggi potrebbe avere un peso di oltre 4 mega… e la PRIMA VOLTA CHE SI CARICA L’IMMAGINE ON LINE… per quanto veloce possa essere la connessione della quale disponiamo … i tempi saranno necessariamente piuttosto lunghi…
NELLA DEMO HO FATTO IN MODO CHE QUESTO DETTAGLI SI NOTI BENE…..
quindi riflettere bene sull’effettiva necessita’ di grandi formati… ANCHE PERCHE’ LA POP APRE IN TUTTA L’NTEREZZA DELL’IMMAGINE… non opera alcun resize …(salvo intervenire sul javascript… ) e quindi non e’ detto che l’immagine grande grande… sia il massimo della praticita’….
diciamo che un 960 di width… e’ piu’ che sufficiente anche per monitor grandi….
TROVATE LE SOLUZIONI GIUSTE….
si puo’ passare ai colori e il file xml e’ piuttosto chiaro anche se completissimo…
PER LO SFONDO PAGINA occorre agire sul file index.html (bodu bgcolor )
NESSUN CSS E’ PREVISTO ,ma cio’ non significa che non possiamo crearne uno….
PER LO SFONDO DELL’INTERFACCIA IN FLASH… occorre intervenire invece sempre nel file index ma nel javascript che “pilota” l’swf e cioe’ nella riga 54…
un’occhiata al file bg.png contenuto nello zip fara’ capire il resto….
e cioe che quello e’ il file che entrera’ in funzione nel caso di errori nel file xml mentre QUALSIASI ALTRA SUPERFICIE DELL’INTERFACCIA E’ COMPLETAMENTE PERSONALIZZABILE NEL COLORE, sempre dal file xml…
se si considera la pagina pop come elemento molto importante del sistema… ecco che puo’ suggerire variazioni che si possono facilmente fare agendo sul file popup.html (menu’ che porta ad altri contenuti… loghi … ect.ect).
Ps.
Osservando attentamente la sezione php si trova un indirizzo e-mail…. se inseriamo il nostro indirizzo avremo una comunicazione
nel caso qualcosa non dovesse funzionare nella galleria… per esempio un file immagine cancellato erroneamente ect.
DAVVERO..
BUON DIVERTIMENTO!.
