Portfolio
Valdigiovani
Valdigiovani: un progetto per le politiche giovanili sviluppato per la Cooperativa Sociale Selva di Borgo a Buggiano. Per questo progetto sto curando tutta la parte di comunicazione, sia su carta che web. Il sito finale verrà realizzato in Ruby on Rails mentre il pre-publishing è realizzato in php.
![]()
http://www.valdigiovani.net
Manifesti cm 70×100, piccoli flyer e adesivi:
QLAB

E’ andato in scena dal 19 al 23 maggio a Roma presso il nuovo Teatro allo Scalo, lo spettacolo “Prendi un piccolo fatto vero” (produzione Mimesis) monologo interpretato dall’attore Lino Guanciale che regala sempre grandi emozioni.
Lo spettacolo prevede un’intenso uso di materiale multimediale audio video che viene mixato in tempo reale dalla regia per potersi sincronizzare sui tempi di scena. Sono oltre 40 gli interventi eseguiti in un’ora di spettacolo. I video vengono proiettati sul tela, sul palco e sempre vi è la necessità di evitare in tutti i modi la visualizzazione di elementi che abbiano a che fare col computer (mouse, finestre ecc). Allo stesso tempo, l’audio esce direttamente sull’impianto via mixer.
E’ grazie al software QLAB che è stato possiobile andare in scena senza alcun intoppo rispettando tutte le esigenze di scena. QLAB permette di proiettare i video direttamente sul monitor secondario (il proiettore nel nostro caso), definire una scheda audio esterna come canale di uscita, scegliere la durata del filmato e il suo eventuale loop, programamre dissolvenze in entrata e in uscita, programmare ritardi, delay audio e video, programmare liste di loop e auto start che permettono di definire una sequenza personalizzata e semi automatizzata.
QLAB è un software proprietario la cui licenza full è, per molti casi in cui viene usato solo saltuariamente, molto costosa. Lo staff che lo realizza ha però previsto per questo motivo la possibilità di “affittare” ad un prezzo decisamente accessibile, la licenza per un tot di giorni rendendo così la spesa quasi irrisoria per il favoloso servizio che offre.

Yugen

Luglio 2008
Realizza per l’Associazione cultura Mimesis il flyer di invito per lo spettacolo “Yugen o Dell’incanto sottile”.
Realizzato con Photoshop CS3, Adobe In Design.
Nuovo portale UNICOOP Firenze
É online da circa una settimana il nuovo portale di Unicoop Firenze.
Sviluppato per Max Mile Srl insieme a Joe Yates, Aaron Craig, David Librera, mi sono occupato principalmente della parte “front end”.
Il sito è sviluppato con Ruby on Rails, il backend interamente gestito con EXTJS
Teatro, design e multimedia
La mia collaborazione consiste in diversi tipi di attività, dallo sviluppo del loro blog, alla grafica e la comunicazione dei loro spettacoli fino alla realizzazione delle installazioni multimediali per uno spettacolo tratto dal libro di Armando Massarenti “Il lancio del nano“.
Lo spettacolo “Il lancio del nano” non ha le caratteristiche di uno spettacolo teatrale canonico. Le location non sono teatri (a parte Lerici) ma l’ambientazione è sempre uno scenario particolare. La prima volta a Genova lo spettacolo si svolse all’interno del Museo S. Agostino. A maggio 2008 invece la location è stata la rocca di Scandiano (Reggio Emilia) in cui sono stati sfruttati sia i sotterranei che la carte che la bella scalinata della cupola. Ci siamo occupati (io e il bravo Luca Marini), di tutto l’allestimento tecnico, sia video che audio nonchè della gestione degli interventi multimediali durante lo spettacolo stesso.
Il programma usato per questo tipo di installazione è Qlab sotto Mac OSX. Il software (che nella versione base è free), permette la gestione di processi sia in maniera contemporanea che separata, riuscendo a mettere i video in un secondo monitor (nel nostro caso proitettati a parete) e mantenedno il controllo sul monitor principale.
Fade, pause e start possono essere programmati al decimo di secondo e gli ottimi plugin realizzati anche da terze parti offrono tutto il supporto necessario a poter creare installazioni di ottimo livello.
Sempre per Mimesis ma per altri tipi di spettacoli, nel tempo ho realizzato diversi manifesti; di seguito alcune di queste realizzazioni (click per ingrandire):
La filosofia in scena: il lancio del nano

E’ stata realizzata per Mimesis, associazione culturale toscana, la linea grafica e l’allestimento multimediale per la lettura/spettacolo “La filosofia in scena: il lancio del nano” tratto dal testo di Armando Massarenti per la regia di Claudio Longhi, che si è tenuta a Genova nei giorni 1, 2 ovembre 2007 presso il Museo S. Agostino.
L’audio è stato sincronizzato e gestito sfruttando il freesoftware djay per Mac Osx.
Totem informativo Unicoop Firenze

E’ stato realizzato per conto di Max Mile Srl e in collaborazione con D.M., il progetto di rete Totem (per ora i primi 2 a Prato, presto il prossimo a Empoli) informativi per i soci che Unicoop Firenze ha voluto realizzare insieme a Banca Toscana (Monte dei Paschi di Siena).
Il progetto è composto dai seguenti punti:
- webserver centralizzato che serve i contenuti ad una futura rete di circa 50 totem, realizzato in python.
- Client realizzato con Xullrunner integrando JS, Html, Css e Xul
- Studio e Realizzazione dell’interfaccia grafica
Di seguito alcune schermate e il video del totem attivo il giorno dell’inaugurazione
Il video
Le schermate
Boxer Adv Sito Web

Cliente: Morris & Kuper Srl (Milano)
Tipo di lavoro: Web Site
Url: http://www.boxeradv.it
Anno di realizzazione: 2007
Descrizione:
Studio grafico e realizzazione del sito web su piattaforma Flash con gestione dei contenuti tramite interfaccia web sviluppata in php e mysql. Setup e hosting del sito su server Basic Trading.
SERVER:
Hosting: Basic Trading Multimedia
Operating System: Linux
Realizzato in flash, html, css, php, mySql
Nuovo stile per c234
Oggi ho realizzato un nuovo tema per il blog “il punto di vista” per renderlo più omogeneo alla grafica del sito www.c234.net di cui è parte integrante. I 3 blog principali (punto di vista, documentazione ed eventi), sono stati realizzati con Worpress e sono aggiornati alla versione 2.1.3. La pagina di riepilogo è invece realizzata ad hoc sfruttando RSS2 e le informazioni prese direttamente da DB. La pagina è realizzata in php, mysql, javascript e totalmente “vestista” da un CSS.
Per gli utenti MacOSX, per seguire il “punto di vista” ho realizzato tempo fa, anche un Widgets rilasciato free sotto GPL. DOWNLOAD: il widget OSX c234
SCREENSHOT: c234 widget
Appoggio in maniera volontaria lo sviluppo del sito C234, il cui contentuo è decisamente interessante e ben curato.
New Style
E’ da qualche giorno che sto cercando l’ispirazione per rinnovare questo sito. E’ con l’occasione che mi sto avventurando nella crazione di temi per Worpress.
Questo design è pertanto provvisorio Questo design è ispirato al tema di Christoph Boecken che ringrazio per averlo realizzato (per altro molto bene!). Questa è una mia modifica e personalizzazione del suo tema
Colgo questa occasinone per ricordare che tra i servizi che offro c’è appunto il setup completo di sistemi blog (con personalizzazione grafica) basati sul motore Worpress.
Sto inoltre realizzando il nuovo portfolio (versione beta) che sfrutta il sistema PR8-Portfolio da me progettato!
In questa versione 2.0 del sito, sto sfruttando la libreria lightWindow che ho modificato per integrarla all’interno di WordPress. Il portfolio live edition permette di consultare il portfolio in maniera diretta!
Ogni commento su questo nuovo design è ben gradito!
Sito web Arclinea Roma

Cliente: Arclinea Roma
Tipo di lavoro: Web Site
Url: http://www.arclinearoma.it
Anno di realizzazione: 2006
Descrizione:
Realizzazione del sito web su piattaforma Flash, realizzazione parte di amministrazione e gestione del database, gestione e manutenzionelato server. La linea grafica e i video sono realizzati da Emiliano Granatelli.
SERVER:
Hosting: Basic Trading Multimedia
Operating System: Linux
Kernel Version 2.6.7-1-grsec
PHP Version 4.3.10
Apache Version 1.3.33 (Unix)
Realizzato in flash, html, css, php, mySql
Sito web Acacia
Tipo: Sito web
Url: http://www.acaciafirenze.com/
E’ stato realizzato il sito web della residenza storica fiorentina di Palazzo Pepi per l’attività di B&B. Il sito è stato realizzato con la piattaforma WordPress e alcune nuovi widget che sfruttano la tecnologia AJAX.
E’ stata realizzata la linea grafica, il setup wordpress e la strutturazione dei contenuti. Inoltre il sito è ospitato sul nostro nuovo servizio di hosting.

Stargayte Novembre
![]()
Rivista Stargayte – Novembre
Tipo di lavoro: Desktop Publishing
Anno di realizzazione: 2006
Realizzazione grafica ed esecutiva della rivista – Ha un formato A5 (cm 14.85 x 21)
Il lavoro è realizzato con InDesign CS2 per un totale di 32 pagine di cui 4 in quadricromi e 28 in bicromia.
La copertina di questo numero realizzata da Matteo Papadopoulos
Sito web Social Design


Cliente: Max Mile Srl per Social Design Srl
Tipo di lavoro: Sito web
Anno di realizzazione: 2006
Ho realizzato per Max Mile Srl, il sito web dello studio di progettazione grafica Social Design Srl: www.socialdesign.eu
Il lavoro consisteva nel realizzare un portfolio online dei progetti che lo studio realizza. L’interfaccia pubblica è stata realizzata in flash versione 8 e xhtml; la parte di backend è realizzata in php con supporto database mySql.
Il lavoro è stato fonte di ispirazione per la creazione della versione 1.0 del prodotto pr8portfolio, il sistema completamente personalizzabile dell’applicazione su cui gira il sito in questione.
Mi sono inoltre occupato della gestione e configurazione dei domini .eu, .it, .com e della configurazione interna all’azienda delgli account email con sistema pop sul proprio server.
E’ disponibile online una demo di pr8portfolio:
Petizioni online

E’ stato realizzato un sistema di “petizioni online” in occasione dell’ingiusto espatrio di un caro amico Pakistano. Il sito web è stato realizzato per il Centro delle Culture di Arezzo, di cui Amir è uno dei personaggi più attivi da anni.Oltre all’appoggio pratico, per la parte tecnica e morale della grave situazione, desidero sfruttare questo sito di lavoro per diffondere e invitare tutti i miei colleghi, clienti e utenti a firmare questa petizione che può salvare la vita di molte persone, non solo congiunturalmente quella di Amir.
Depliant Stargayte

Tipo di lavoro:
Desktop Publishing
Anno di realizzazione: 2006
Descrizione:
realizzazione di un depliant informativo quadricromia con doppia piega. Studio grafico e realizzazione del pacchetto per al stampa.
Formato:
“piegato” A5 (cm 14.85 x 21)
“aperto” A3 (cm 29.7 x 42)
Download:
Depliant informativo Stargayte A3 (formato .pdf 168Kb bassa risoluzione)
Stargayte 1 anno
stargayte Maggio 2006 pdf (1,5Mb)
Tipo di lavoro: Desktop Publishing
Anno di realizzazione: 2006
Descrizione:
In occasione del sesto numero e del primo anno di regolare pubblicazione il giornale è stato realizzato in 32 pagine completamente a colori. Stampato in 2000 copie e distribuita nella città di Firenze. E’ disponibile per questa versione in quadricromia il file PDF per la visione completa.
Ha un formato A5 (cm 14.85 x 21)
Il lavoro è realizzato con InDesign.
Archimede
Cliente: Dnart studio Firenze per Archimede Spa
Tipo di lavoro: Web
Url: http://www.archimede.ws
Anno di realizzazione: 2006
Descrizione:
Realizzazione del sito web in tutte le sue parti di codice sia per l’interfaccia pubblica che per l’interfaccia di amministrazione. Studio e realizzazione del database.
Lo studio grafico è realizzato direttamente da Dnart Studio.
Realizzato in html, css, php, mySql
Blog Studiobalesreri.it
Cliente: Studio Balestreri
Tipo di lavoro: Web
Url: http://www.studiobalestreri.it
Anno di realizzazione: 2006
Descrizione:
Realizzazione del BLOG, gestione e manutenzionelato server
SERVER:
Operating System: Linux
Kernel Version 2.6.7-1-grsec
PHP Version 4.3.10
Apache Version 1.3.33 (Unix)
Realizzato in html, css, php, mySql
Pr8yarns: Trend Summer Cd
Cliente: Trend Forever (Prato)
Tipo di lavoro: CD-ROM
Anno di realizzazione: 2006
Sempre grazie al sistema Pr8yarns è stato realizzato il nuovo CdRom per Trend Forever che mostra la collezione nella sua versione estiva. Il sistema Pr8yarns è stato con l’occasione migliorato e potenziato permettendo al cliente la totale gestione dei prodotti direttamente da interfaccia web.
Stargayte DTP

la copertina di Febbraio 2006
la copertina di Marzo 2006
Cliente: Ass. Stargayte
Tipo di lavoro: Desktop Publishing
Anno di realizzazione: 2005
Descrizione:
Sono stati realizzati due nuove edizioni per i mesi di febbraio e marzo mantenendo le impastazioni ormai consolidate dello stile di questa rivista, stampata in 2000 copie e distribuita nella città di Firenze.
La rivista è composta di 36 pagine realizzate a 2 colori più 4 pagine di copertina in quadricromia.
Ha un formato A5 (cm 14.85 x 21)
Il lavoro è realizzato con InDesign.
[Pr8::Yarns] Trend Forever
Cliente: Trend Forever (Prato)
Tipo di lavoro: CD-ROM
Anno di realizzazione: 2005
Il Cd-Rom di presentazione della collezione “Trend Forever” di Prato, è stato realizzato con il sistema ideato da Basic Trading Multimedia: pr8::Yarns.
Il sistema permette la gestione autonoma da parte del cliente, di tutte le informazioni relative ai prodotti offrendo un’inserimento dati tramite form su browser semplice e intuitivo.
Il cd permette la visualizzazione del dettaglio del filato ad un ingrandimento di oltre 3500px oltre a mostrare tutti i colori disponibile nella collezione dei vari filati.
Il CD è realizzato in Macromedia Flash 8.
Il supporto di amministrazione lato web è realizzato in Php e Mysql.
Stargayte Dicembre
Cliente: Ass. Stargayte
Tipo di lavoro: Desktop Publishing
Anno di realizzazione: 2005
Descrizione:
Realizzazione del layout grafico e dell’impaginazione. Il giornale è stato aumentato di 4 pagine rispetto alle edizioni precedenti, mantendo le stesse caratteristiche tipografiche.
La rivista è composta di 36 pagine realizzate a 2 colori più 4 pagine di copertina in quadricromia.
Ha un formato A5 (cm 14.85 x 21)
Il lavoro è realizzato con InDesign.
Nuova utility per il debug

Ho realizzato oggi questa piccola utility ispirandomi a ciò che ho visto realizzare tempo fa fare a Joe Yates
E’ uno strumento utile a chi sviluppa siti o applicativi web in php e cha ha bisogno spesso di vedere le variabili d’ambiente stampate in modo leggibile senza perdere però la formattazione della propria pagina e senza dover scrivere e commentare in continuazione righe di codice.
Leggi i dettagli sulla pagina del progetto oppure guarda subito la demo!
Ho deciso di rendere pubblica questa utility perchè può essere comoda per molti, perchè la voglio implementare piano piano con molte nuove funzionalità ecc. L’applicativo è rilasciato sotto licenza GPL e ogni contributo al suo sviluppo è ben accetto! Anche solo dei suggerimenti di cose che possono sembrarvi utili.
Il prossimo passo è quello di aggiungerci il DOM JavaScript degli elementi!
La Sfinge – Gruppo Readytec
Cliente: Consorzio La Sfinge Gruppo Readytec (Chiusi)
Tipo di lavoro: Formazione 60 ore su multimedia, Html, Css, Flash, ActionScript, Editing Video
Anno di realizzazione: 2005
Si svolgerà sabato 26 Novembre 2005 presso la sala conferenze di San Francesco di Chiusi, la consegna degli attestati percorsi formativi anno 2004 per gli studenti che hanno partecipato al corso di “Tecnico per la Riproduzione 3D del Patrimonio Archeologico ed Artistico”, Mis. A2.
Con gli studenti si sono realizzati 3 diversi CD prodotti con Macromedia Flash.
Mieleamaro

Cliente: Mieleamaro (band Firenze)
Tipo di lavoro: Web
Url: http://www.mieleamaro.com
Anno di realizzazione: 2005
Descrizione:
Realizzazione sito web, studio e realizzazione dell’interfaccia grafica, studio e realizzazione di tutto il backend per la gestione dei contenuti, news, eventi, concerti ecc.
Gestione e setup del dominio e del server.
SERVER:
Operating System: Linux
Kernel Version 2.6.7-1-grsec
PHP Version 4.3.10
Apache Version 1.3.33 (Unix)
Realizzato in html, css, php, mysql
Stargayte Novembre
Cliente: Ass. Stargayte
Tipo di lavoro: Desktop Publishing
Anno di realizzazione: 2005
Descrizione:
Mi occupo mensilmente della grafica e dell’impaginazione della rivista fin dalla sua nascita;
mi sono occupato della realizzazione del logo e delle copertine; questo è il terzo numero.
La rivista è composta di 32 pagine realizzate a 2 colori più 4 pagine di copertina in quadricromia.
Ha un formato A5 (cm 14.85 x 21)
Il lavoro è realizzato con InDesign.
Nuovo stile!
Come potete vedere sto realizzando il nuovo stile del sito Basic Trading Multimedia.
Ancora il “tema” per il motore blog WordPress non è completamente sviluppato; servono molte modifiche, aggiustamenti e quant’altro.
Essendo però già a buon punto ho deciso di pubblicare la nuova linea per avere un feedback; ogni critica/suggerimento è assai gradito!













