E’ stato pubblicato oggi il sito http://www.lorenzopiggici.com dell’artista Lorenzo Piggici, compositore di soundtracks per spot commerciali per Nike, Uefa, Subaru, Alfa e molti altri.

Sul mio portfolio

Il sito è stato realizzato sulla base di un design statico che mi è stato fornito.

La richiesta da soddisfare (andando contro la regola fondamentale del web per cui prima esiste il contenuto e poi il modo di rappresentarlo!) era quella di far sì che il sito (pensato per una risoluzione di 1920 px) fosse visibile nella sua interezza indipendentemente da monitor utilizzato (escludendo smartphones).

E’ stato quindi realizzato un JS che “adatta” la griglia del sito web alla dimensione del browser, anche su resize. Il contenuto invece deve adattarsi senza ridimensionarsi.

Ho utilizzato la libreria Jquery Tools per realizzare il sistema di tab, lo scrollable della sezione media e gli overlay per la visualizzazione dei video. Per questi ultimi ho usato il Flowplayer per leggere in streming i file .flv

Il css è stato realizzato con un sistema scss per una gestione semplice e pulita delle classi.

Made with:

• html5
• css3
• jQuery
• jQuery Tools
• Flowplayer

http://www.valdigiovani.net

Manifesti cm 70×100, piccoli flyer e adesivi:

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.

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.

Vedi immagine a dimensioni originali

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

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):

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

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

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.