I-dome - Creare una rivista online sfogliabile

FlipBook è un CMS distribuito con licenza Creative Commons ideale per generare listini, giornali, cataloghi o riviste sfogliabili online, con un effetto di animazione davvero affascinante e con una musica di sottofondo. Per utilizzarlo non occorre fare altro che scrivere i testi, scegliere le immagini e la musica...

FlipBook penserà al resto trasformando il tutto in un libro online. Si tratta di un’applicazione web-oriented, realizzata in Adobe Flex/Air, che offre un editor grazie al quale l’utente può creare pagine, inserire immagini e personalizzazioni che comporranno poi le pagine del “sito web sfogliabile”. Una demo del sistema è fruibile direttamente online all’indirizzo www.flashextended.com/preview/flip_book_cms/flipbook/index.php

Come si installa
FlipBook non ha particolari pretese per quel che riguarda l’hosting: è sufficiente un provider che metta a disposizione un motore PHP versione 5 o superiore ed un database MySQL 4. La scelta potrebbe ricadere ad esempio sul servizio di hosting gratuito offerto da Netsons (www.netsons.com/hosting-gratis.php). Dopo aver scelto il provider bisogna seguire una semplice procedura d’installazione, ma alla quale è comunque necessario prestare attenzione per non incorrere in errori. Dapprima, si scompatta l’archivio di installazione, in una cartella del proprio PC, quindi si raggiunge il file config.php che si trova nel percorso …/deploy/cpanel/services/config. Questo file va modificato con un editor di testo, come Notepad. All’intero del testo bisogna modificare i valori $CPanel_Username e $CPanel_Password, inserendo dati di login a scelta, che saranno usati in fase di installazione del CMS.
Bisogna poi specificare i campi $mysql_host, $mysql_database_name, $mysql_user e $mysql_pass, inserendo le credenziali del database MySQL fornite dal provider. Una volta salvato il file, l’intera directory deploy va caricata nella root del proprio spazio FTP, accessibile, con un client FTP come FileZilla, utilizzando i dati di login forniti dal provider. Al termine è sufficiente visitare l’indirizzo www.tuosito.tuaestensione/deploy/cpanel/install/index.php e qui inserire i dati di accesso assegnati in precedenza alle variabili $CPanel_Username e $CPanel_Password del file config.php. Un clic su Login e su Install avvia l’installazione vera e propria del CMS. Al termine comparirà il seguente messaggio: “Installation was finished succesfully please remove the ‘install’ folder and login to your CPanel!”. Si consiglia ora di rimuovere la cartella install dal percorso server/deploy/cpanel.

Si inizia a lavorare!
Per accedere al back-end amministrativo, raggiunto l’indirizzo www.tuosito.tuaestensione/deploy/cpanel/ si inseriscono i dati di login utilizzati durante la procedura di installazione e si clicca su Login. All’ingresso nell’area di progettazione compare subito la sezione About. Qui è possibile redigere un contenuto informativo in formato HTML, attraverso l’uso di un editor avanzato ed integrato, detto Rich Text Editor. Il testo inserito viene poi visualizzato nella prima pagina del proprio FlipBook.
I pulsanti presenti nel Rich Text Editor permettono di scegliere il tipo di carattere e la dimensione, il formato (grassetto, corsivo e sottolineato) ed il colore. Ogni paragrafo che viene scritto può essere allineato a destra, a sinistra, al centro o giustificato. È possibile inserire elenchi puntati ed anche collegamenti ipertestuali a pagine esterne. In quest’ultimo caso, per attivare il link è sufficiente selezionare il testo alla quale associare l’indirizzo Internet e scriverne il link nella casella di inserimento indicata dalla dicitura http://. Il pulsante Save permette di salvare il lavoro
svolto.

Aggiungere altre pagine
Per riempire le pagine interne del FlipBook si clicca su Projects. Questa sezione mostra in elenco tutte le pagine del catalogo interattivo ed al momento risulta quindi vuota. Per riempirla con la prima pagina, si clicca su Add new project. Nella finestra di dialogo che compare, inserito il titolo della prima pagina si clicca su Ok. La pagina creata verrà aggiunta in elenco alla prima posizione: per modificarla basta cliccare sulla terza icona, quella con la matita, che riporta la dicitura Edit project / title, description, images e che farà comparire un’ulteriore schermata che ripropone il medesimo Rich Text Editor incontrato nel pannello About. In questo caso, però, l’editor presenta una funzionalità in più, Add images to project, per il caricamento di un’immagine (JPG, JPEG, GIF e PNG) che sarà visualizzata nella pagina a fronte di quella contenente il testo. Le immagini devono essere di dimensione pari a 400x550 pixel.

Impostazioni generali
In FlipBook le ottimizzazioni possono essere eseguite agendo sui parametri d’impostazione, raggiungibili con un clic sul pannello Locales. Qui si possono scegliere sia il nome del sito (Website name) che verrà poi indicato nel tag HTML, sia le impostazioni SEO, che consentono un migliore posizionamento del sito nei motori di ricerca, da Website description e grazie al Website keywords, in cui si devono inserire le parole chiavi. È consigliabile anche scegliere un nome per la sezione About (About section name), per la sezione delle pagine (Projects section name) e per la pagina finale dedicata ai contatti (Contact section name). Di importanza fondamentale è l’indirizzo email Your email, da indicare obbligatoriamente perché i messaggi inviati dal form dei contatti presente in ultima pagina saranno poi direzionati a questa casella di posta.
In questa pagina è possibile anche indicare il volume della musica di sottofondo (Sound volume) ed il colore del sito (Site color). Dalla sezione dedicata ai social media si impostano gli URL di eventuali account Twitter, LinkedIn, MySpace e Facebook. Oltre a tutto ciò, c’è anche la possibilità di configurare un indirizzo per generare Feed RSS, per consentire agli utenti sottoscrittori di ricevere gli aggiornamenti del catalogo. Qualora non si voglia sfruttare qualche specifico social network, si può non compipng lare il campo. Al termine, naturalmente, un clic su Save changes è necessario per salvare le modifiche apportate. Un clic sulla tab Contact, permette di inserire i dati di contatto.

Personalizzazioni
Sul FlipBook è possibile anche personalizzare lo sfondo del sito, il logo, la musica e le copertine:

• per modificare lo sfondo, scegliere un file immagine a piacere, nominare il file come background.png e caricarlo via FTP client nella directory resources/background, sovrascrivendo
l’immagine già presente;
• per caricare il proprio logo, rinominare il file che lo rappresenta come logo.png e caricarlo nello spazio FTP all’indirizzo resources/logo, sostituendo quello già memorizzato;
• per la musica, è possibile invece caricare in resources/sound un file di nome sound.mp3;
• le copertine possono essere personalizzate con covers in formato png delle dimensioni 400x550 pixel, da inserire nel percorso resources/book covers.

Definire le tooltip
Ogni sito-FlipBook visualizza alcuni consigli (tooltip) per sfogliare il libro, che vengono mostrati, ad esempio, quando si pone il cursore sui pulsanti di navigazione. Questi messaggi, così come il testo che comunica gli errori più comuni sulla compilazione del form di contatto, possono essere personalizzati, agendo con un editor di testo sul file language_config.php, posizionato nella cartella services. Anche in questo caso è sempre meglio evitare l’uso di strumenti come Word, prediligendo invece editor come Notepad++ o similari.

Conclusioni
Dopo pochi step, è facile ottenere un libro, un catalogo o una rivista da sfogliare, personalizzata secondo i propri gusti o le proprie esigenze. FlipBook CMS è studiato per essere semplice e veloce da usare, garantendo però al tempo stesso un ampio margine di personalizzazione, per risultati strabilianti, alla portata di tutti.