Pageflip, pdf sfogliabili, cataloghi sfogliabili online: alcune soluzioni

Ho notato come sia sempre più diffuso, e come gli stessi clienti richiedano sempre più di frequente, l'uso di cataloghi sfogliabili online, il cosiddetto pageflip (dal nome del primo strumento inventato allo scopo).

Esistono diversi strumenti per realizzare questo effetto, vi elenco quelli da me conosciuti, ma vi prego di segnalarmi le vostre soluzioni!

Pageflip
Il primo e originale, arrivato ormai alla versione 4. Il nuovo Pageflip è scritto interamente in AS3, supporta tutti i file immagine e gli SWF, animazioni frame by frame o animazioni realizzate via codice, anche con interazione con gli eventi del Page Flip. Possibilità di popup invisibili o visibili al mouseover. Sfondo personalizzato con immagine, colori e suoni per ogni pagina. Trasparenza a più livelli, riproduzione video.
L'ultima versione è a pagamento, con costi diversi a seconda dell'uso personale o multi sito.
La versione 2 è gratuita, ma per il suo utilizzo è richiesta una conoscenza perlomeno base di Adobe Flash e il software stesso: http://pageflip.hu/pageflip2/index.php


FlashPageFlip.com
Flash Page Flip (FPF) è un oggetto SWF pronto all'uso. Supporta file SWF e JPG. Non è un componente flash. Non è necessario usare Flash per creare il tuo libro sfogliabile con FPF, è sufficiente creare i JPG delle pagine e aggiornare l'XML (è sufficiente un programma di grafica e il blocco note di windows).
La versione Free di Flash Page Flip non dispone di funzioni avanzata ma ha alcune caratteristiche interessanti come il ridimensionamento e la navigazione.

Megazine 3 Pageflip
Megazine 3 è un pageflip realizzato in Flash che ricrea sullo schermo l'aspetto di un vero libro o rivista di carta. Ed è molto di più... può contenere oggetti multimediali come video e audio, ma anche moduli interattivi, giochi e quiz. Magazine 3 offre una flessibilità e una potenzialità uniche, grazie al suo concept di completa apertura e configurazione estesa.
Megazine 3 è gratuito fino a 50 pagine ma senza logo personalizzato (per scuole e università è gratuito senza limiti). La versione 1.x è completamente gratuita ma non più aggiornata e priva di supporto.

FlippingBook
FlippingBook HTML Edition è un set di files javascript e SWF collegati ad una pagina HTML. Quando la pagina viene caricata, il codice crea automaticamente il libro sfogliabile con le seguenti caratteristiche: zoom, stampa, salva, contenuti, navigazione.

Altri servizi:
FlipViewer
FlipBuilder
FlipCreator
Issuu

Leggi tutto...

Preload in Flash che segue il mouse, un tutorial di Juliusdesign

Anche se Flash sta perdendo rapidamente terreno, vi segnalo questo interessante tutorial di Julius Design, che spiega come realizzare un preload in flash con percentuale progressiva che segue il mouse.
Il codice è molto semplice e ben commentato: http://www.juliusdesign.net/creare-un-preload-flash-che-segue-il-mouse/

Leggi tutto...

Loop gratuiti da usare nelle nostre animazioni in flash

Vi segnalo due siti che avevo inserito tra i preferiti, e che contengono alcuni brani adatti alla ripetizione in loop, da usare come musica di sottofondo nelle nostre animazioni in flash o nei nostri video o ancora nelle nostre presentazioni in powerpoint.

http://free-loops.com/
http://www.templateswise.com/Free_Music_Loops/

Leggi tutto...

Creare grafici dinamicamente: XML/SWF Charts e Open Flash Chart

Vi sarà forse capitato, nei progetti più importanti, di dover realizzare un grafico dinamico, ovvero basato su dati contenuti in un db / XML e costantemente aggiornati (come ad esempio un grafico con le statistiche di vendita, o con gli accessi al sito).
Per realizzare facilmente, e devo dire anche elegantemente, un grafico in questo modo, ci vengono in aiuto due strumenti: XML/SWF Charts e Open Flash Chart


XML/SWF Charts è un semplice ma potente strumento per creare grafici a partire da un file di dati XML. E' necessario generare un file XML per descrivere il grafico, e quindi passarlo allo strumento per creare il grafico. L'XML può essere creato manualmente o dinamicamente tramite un linguaggio server-side come PHP, ASP, ecc.
XML/SWF Charts si avvale delle migliori caratteristiche dei file XML e SWF: XML permette una  generazione flessibile dei dati, SWF fornisce la miglior resa grafica.

Open Flash Chart è uno strumento per creare al volo un grafico a partire da una sorgente di dati, che può essere costituita da un file .txt ma anche un file .php, Perl, Python, ecc...
Per creare un grafico semplice sarebbe sufficiente creare un file data.txt e puntare Open Flash Chart a questo file. Ma se quello che vogliamo veramente è un grafico dinamico con dati dinamici, tutto quello che dobbiamo fare è puntare Open Flash Chart a una pagina .php che estrapoli i dati dal database.

Leggi tutto...

Suoni per le nostre applicazioni

Avete bisogno di un file musicale per la vostra applicazione o per la vostra animazione in flash? Vi segnalo, tra i tanti, The Freesound Project.

The Freesound Project è un database collaborativo di suoni sotto licenza Creative Commons. Freesound si occupa solo di suoni, non di canzoni. Questo è quello che differenzia Freesound da altre splendide librerie come ccMixter.

Nel momento in cui scrivo sono presenti ben 118293 file musicali completamente gratuiti!
Cosa state aspettando? Correte a registrarvi!

Leggi tutto...

Realizzare in flash un cubo 3D rotante con immagini

Tempo fa un'agenzia mi aveva interpellato, su richiesta di un cliente, circa la possibilità di creare un cubo rotante tridimensionale, le cui facce fossero composte di immagini a sua scelta.
All'epoca avevo fatto qualche ricerca, e mi ero imbattuta in questo thread, che ho ritrovato oggi tra i preferiti, e che vi ripropongo, qualora qualcuno di voi si trovi con lo stesso problema: http://board.flashkit.com/board/showthread.php?t=681720
Viene riportato completamente il codice necessario alla realizzazione.

Leggi tutto...

Convertire un file MIDI in MP3

Ecco un altro strumento che non può mancare nel "bagaglio" del web designer professionista: un covertitore di file MIDI in MP3.
A cosa serve? Io l'ho trovato utilissimo nelle mie applicazioni Flash, in quanto si trovano in rete moltissimi file MIDI gratuiti, ma non sono riconosciuti da Flash. Convertendo questi file in MP3, è possibile importarli in Flash e usarli nelle nostre animazioni.

Io l'ho provato e i risultati sono soddisfacenti!

Link: Online MIDI to MP3/WAV Converter

Leggi tutto...

Aggiungere uno sfondo in flash ad un elemento html

Volete inserire un elemento html, ad esempio un DIV, sopra ad un filmato flash, e non sapete come fare? E' veramente molto semplice!

Innanzitutto creiamo due div inseriti all'interno di un contenitore:
<div id="contenitore">
<div id="sfondo-flash"> Inserire swf con sfondo trasparente </div>
<div id="contenuto-html"> Il nostro contenuto html </div>
</div>

Quindi creiamo il CSS:
#contenitore{
width: 600px;
height: 400px;
}
#sfondo-flash{
width: 600px;
height: 400px;
position: absolute;
top:0;
left:0;
z-index: 1;
}
#contenuto-html{
position: relative;
z-index: 2;
}

In alternativa è possibile dare position:absolute; anche al div "contenuto-html".

Potete vedere il risultato qui.


NB: a causa di un bug con il flash player, questa soluzione non è valida per utenti Linux.

Leggi tutto...

SimpleViewer, una photogallery fighissima!!!

Avevo già visto photogallery simili in vari siti, ma pensavo fossero frutto del duro lavoro del programmatore di turno.
E invece la gallery c'è già, ed è free.
Si chiama SimpleViewer, e la potete scaricare dal sito ufficiale, www.airtightinteractive.com.
Di grande effetto.

Leggi tutto...

Pageflip ultima generazione

Sono entrata in possesso qualche tempo fa di una versione preistorica di Pageflip, dove l'autore, il buon Macc di iparigrafika.hu, invitava gli utenti a non acquistare lo script, in quanto il codice era opensource ("This code is opensource (don't buy it from anywhere)").
Poichè girando per la rete si trovano solo script simili a pagamento, mi sono chiesta se questa "clausola" fosse ancora valida.
Sono quindi andata su www.iparigrafika.hu, dove in modo decisamente poco intuitivo, ho scoperto che per il pageflip dovevo visitare un sito apposito, www.pageflip.hu.
Ebbene, il nostro amico ha mantenuto le promesse. Il pageflip basic è ancora free, mentre esiste anche una nuova versione, con più funzionalità e gestita via xml, a pagamento.

Quindi se avete bisogno di un pageflip ma non lo volete pagare, potete tranquillamente scaricarlo qui.
Attenzione però: la configurazione è piuttosto laboriosa.

Leggi tutto...

Soundmanager: riprodurre suoni in Javascript e Flash

SoundManager è una libreria API che fornisce una interfaccia in Javascript per controllare un suono caricato in un Flash nascosto.
Il Flash carica i file audio indicati da un file XML esterno, e questi suoni possono essere controllati dal SoundManager via javascript, usando dei metodi predefiniti.

A questo link trovate informazioni, demo e download per la versione 1 di SoundManager (che è quella che ho testato io!): http://www.schillmania.com/projects/soundmanager/
Demo: http://www.schillmania.com/projects/soundmanager/basic-example.html

A questo link invece trovate il sito ufficiale della versione 2: http://www.schillmania.com/projects/soundmanager2/

Buon lavoro!

Leggi tutto...

FlashKit: Il sito su Flash per eccellenza

Un piccolo promemoria per i più distratti.
Vi ricordo che nel fantastico sito www.flashkit.com potrete trovare tutto ma proprio tutto ciò che vi serve per i vostri lavori in Flash.

Suoni, effetti, movie già pronti da usare, tutorial, e un forum vivo e attivo!

Leggi tutto...

Photo Widgets in Flash

Un amico mi ha segnalato questo interessante sito, che contiene una raccolta di photo widgets e slideshows completamente in flash. Gli effetti sono molto carini, e ce ne sono di diversi tipi. Inoltre, è possibile avere sia una versione free, sia una versione pro a pagamento.
Quel tocco grafico in più per il proprio sito, anche per chi non ha nessuna dimestichezza con Flash.

Link: http://www.goodwidgets.com/

Leggi tutto...