Creativity Lab

New Website Online!

marta@immediatic.it (Marta Rettani) — Thu, 02 Feb 2012 08:00:00 +0100

San Raffaele International MD Program

Siamo davvero orgogliosi di presentarvi il nuovo sito del San Raffaele MD Program, il corso di Medicina in lingua inglese dell'Università San Raffaele. Permettendo al team IT di gestire in modo assolutamente autonomo sia il frontend che i contenuti, noi di Immediatic siamo occupati di fare un restyle grafico della home page, volto a mettere in evidenza le informazioni più utili e richieste dagli studenti di tutto il mondo: com'è strutturato il corso? Esiste un test di ammissione? Quali documenti mi servono? Dove posso alloggiare?

In più abbiamo dedicato uno spazio al video di presentazione e alle news riguardanti il corso di studi e la vita universitaria nel Campus. E' stato un onore poter collaborare con l'Università Vita-Salute San Raffaele, perciò non possiamo che invitarvi a dare un occhio al sito, Immediatic style!

CES 2012: Ubuntu TV

francescoo@immediatic.it (Francesco Facconi) — Tue, 10 Jan 2012 08:00:00 +0100

Canonical lancia la sua interpretazione della TV connessa

Il CES (Consumer Electronics Show) di Las Vegas è iniziato e subito si nota come le TV connesse la facciano da padrone. Tutti i grandi produttori hanno presentato una nuova gamma di device, tutti rinnovati profondamente e pronti a far parlare di sè. Sembra proprio che il 2012 sarà l'anno che segnerà pesantemente l'ingresso di televisori o lettori blue ray connessi negli usi quotidiani delle persone, in particolare nel vecchio continente e in Italia.

Sorprende, pur non essendo giunto del tutto inaspettato, il lancio della Ubuntu TV da parte di Canonical. Ubuntu è il sistema operativo open source basato su kernel Linux al momento più diffuso e conosciuto, grazie anche ad una campagna di fidelizzazione e marketing che il team di Mark Shuttleworth ha saputo compiere in questi anni.

L'obiettivo di Ubuntu TV è quello di far tornare il televisore ad essere uno strumento semplice, alla portata di tutti. Per questo motivo hanno scelto di integrare il software direttamente sui televisori e non su set top box; questi avrebbero potuto offrire un prodotto più economico e alla portata del pubblico, ma avrebbe richiesto l'uso di più telecomandi, cavi, connessioni, portandolo ad essere un prodotto complesso e non semplice da usare.

Le funzionalità sono quelle di un media center complesso: film, musica, fotografie, il tutto è accessibile con il telecomando usando la pratica interfaccia Unity di Ubuntu TV. I contenuti possono essere locali, presi da device connessi via Usb o salvati sul proprio account Ubuntu One, il servizio di storage cloud offerto da Canonical. Non manca l'accesso ai contenuti online in streaming, quali quelli di YouTube, e uno store dal quale sarà possibile acquistare contenuti premium, come film o serie televisive. Il tutto è integrato con la visione dei canali televisivi lineari tradizionali, arricchiti da una guida programmi che nei filmati introduttivi sembra proprio ben fatta.

Ubuntu TV è ancora un prototipo e sono attesi i primi device nei negozi per la fine dell'anno. Speriamo che l'Italia sia fra i paesi compresi nel lancio.

Ordinare e filtrare le liste in Javascript...

edoardo@immediatic.it (Edoardo Esposito) — Mon, 09 Jan 2012 08:00:00 +0100

... in soli 7Kb

Recentemente cercando un modo di ordinare delle liste in Javascript, mi sono imbattuto in list.js, un plugin JQuery molto piccolo (solo 7Kb minimizzato) che rende le liste HTML ordinabili, filtrabili e su cui permette anche di fare ricerche! Fantastico! Ma come si usa?!

Si parte ovviamente da una normale lista HTML contenuta con un numero imprecisato di elementi:

All'interno degli elementi della lista ho inserito due ulteriori elementi a cui ho assegnato una classe. List.js permette di filtrare gli elementi della lista utilizzando proprio quelle classi!

Il prossimo passo da fare è far indicizzare il markup della lista, in questo modo:

Arrivati a questo punto list.js ha creato una struttura su cui è possibile effettuare operazioni di filtraggio, ricerca e ordinamento. Vediamo come.

Per filtrare la lista non bisogna fare altro che creare degli elementi nel DOM che abbiano come classe "sort" e utilizzare la classe su cui si vuole filtrare come attributo "rel". Ad esempio per filtrare per nome è sufficiente scrivere:

Ordina per nome

e al resto penserà list.js!

Effettuare ricerche nella lista è ancora più facile: basta inserire all'interno della div "container" una input di testo che abbia come classe "search":

Il filtraggio invece è leggermente più complicato perchè va scritto del codice per ogni tipologia di filtro. Ad esempio il markup per filtrare gli elementi della lista per una città è:

Solo di Milano

e il codice javascript che controlla quell'elemento è:

featureList.filter(function(values) {

if (values.city.toLowerCase() == 'milano') {
    return true;
  }

return false;
});

Niente male vero? In pochissime righe di Javascript abbiamo ottenuto una lista ordinabile e filtrabile partendo da una normale lista HTML!

Instagram & CanvasPop

marta@immediatic.it (Marta Rettani) — Fri, 16 Dec 2011 08:00:00 +0100

Una buona idea (un po' geek) per Natale

Io non vorrei sembrare una tecnomane incallita, ma non riesco a non entusiasmarmi davanti a questo genere di cose.

Molti di voi probabilmente già conoscono Instagram, l'applicazione per iPhone dedicata agli amanti del vintage fotografico. Grazie a questa regina delle App gratuite, è possibile fare delle foto ricche di atmosfera semplicemente con un tap del pollice. Si possono scegliere un sacco di effetti, dal bianco e nero al lomo, creando una moltitudine di combinazioni, una più interessante dell'altra. Il risultato è sempre soddisfacente, a colpo sicuro. Oltretutto, com'è 2.0 che sia, le vostre foto saranno pubblicate in tempo reale sul vostro stream, dal quale potete seguire i vostri amici e commentare le loro opere. Creativa, social, dal retrogusto viral: ci piace un sacco.

Il vero motivo per cui sto scrivendo, in realtà, è l'estensione di CanvasPop, che si occupa - con un colpo di genio - di stampare le vostre Instafoto su speciali canvas quadrati. Il vero vantaggio è che potete ordinare le vostre stampe in pochissimo tempo, dal momento che vi basterà fare il login con il vostro account Instagram e scegliere le fotografie da mandare in stampa, direttamente da lì. Siete preoccupati per la risoluzione? Non è un problema, CanvasPop trasforma le vostre immagini (con dei trucchi fenomenali) in stampe ad alta risoluzione, usando una tecnologia ultra-brevettata e assolutamente esclusiva.

Insomma, fateci un pensierino per i regali di Natale, soprattutto se i destinatari sono Instagram-dipendenti come voi. Sono certa che apprezzeranno. Per quanto riguarda me, beh... mi avevano già convinto al "ciao".

Il protocol handler di Skype

francescoo@immediatic.it (Francesco Facconi) — Fri, 02 Dec 2011 08:00:00 +0100

Un tasto per chiamare, un tasto per chattare

Skype è un software di (video)telefonia IP e chat in tempo reale molto diffuso. Potente e flessibile, disponibile su tutti i maggiori sistemi operativi desktop e mobile, è diventato quasi uno standard nel mondo delle chiamate IP, in particolare in quello delle videochiamate. Un suo pregio è la totale gratuità del software e del servizio base, il che lo rende molto diffuso.

Qualche giorno fa un cliente mi ha chiesto di indicare il suo contatto Skype nella pagina delle informazioni aziendali. Non accontentandomi della soluzione facile, quella cioè di indicare semplicemente lo username sperando che i visitatori lo usino spontaneamente, ho iniziato a studiare il protocollo scoprendo che Skype ha previsto un metodo per rendere il browser più interattivo. Usando il protocol handler skype:// è infatti possibile, nei computer ove Skype è installato e funzionante, richiamare il software e fargli compiere delle azioni. Le più comuni sono chiamare o iniziare una chat. Vediamo ora l’elenco completo delle operazioni che è possibile fare con il protocol handler di Skype (userò l’account di Immediatic come esempio).

Effettuare una chiamata voce: skype://immediatic?call
Chattare con l’utente: skype://immediatic?chat
Aggiungere l’utente alla propria lista contatti: skype://immediatic?add
Consultare il profilo: skype://immediatic?userinfo
Inviare un file: skype://immediatic?sendfile
Lasciare un messaggio di segreteria telefonica: skype://immediatic?voicemail

Approfittatene subito per dirci che cosa ne pensate di questo articolo.

Andrzej Dragan

marta@immediatic.it (Marta Rettani) — Wed, 30 Nov 2011 08:00:00 +0100

A proposito di mentori...

Ha studiato fisica quantistica a Oxford, Lisbona, Varsavia. Ha vinto decine di borse di studio e di premi per la ricerca. Insomma, Andrzej Dragan era uno di quei cervelli scientifici programmati dal destino per compiere grandi, immense opere.

Poi, un giorno, lo scienziato polacco ha deciso di trovare un po’ di spazio per coltivare le altre sue grandi passioni, prima la musica e poi la fotografia.

Da comuni mortali, oggi, guardiamo film come 300 o Sin City e rimaniamo estasiati da quel contrasto fastidiosamente eccessivo, dalla nitidezza dei dettagli, dai chiaroscuri così evidenziati. Noi addetti ai lavori, poi, abbiamo la tendenza a immaginare le toolbar di Photoshop in sovrimpressione e cerchiamo, costantemente, di capire come sia replicabile quell’effetto (che, per l’appunto, si chiama Effetto Dragan).

Ed ecco che compaiono guide, discussioni sui forum, video tutorial (tonnellate di video!). Se siete degli appassionati di questa post produzione massiccia, il mio consiglio è quello di investire il vostro tempo nella registrazione di una vostra action personale per Photoshop (o, per i più pigri, procurarvi questa).

E per voi che siete arrivati fino in fondo, chiudo con una chicca a effetto speciale: Andrzej Dragan, pluripremiato fotografo, stimato e riconosciuto scienziato, grande compositore… ha 33 anni.

La rete dei contatti

francescoo@immediatic.it (Francesco Facconi) — Tue, 29 Nov 2011 08:00:00 +0100

LinkedIn e la Rubrica Contatti insieme fanno scintille

Il bello del nostro lavoro è il fatto che incontriamo un sacco di persone, clienti, partner, colleghi di altre aziende e realtà. Alcuni incontri si trasformano in collaborazioni di lunga durata, in altri casi si esauriscono nel corso di una o due riunioni.

Ho imparato nel tempo che il mondo è veramente piccolo, e prima o poi ci si incontra di nuovo tutti, soprattutto in un settore così di nicchia come il nostro (le applicazioni per tv connesse). Proprio in questo periodo mi è successo che durante la colazione mattutina si fosse seduta vicino a me una persona il cui volto mi era famigliare. Subito mi sono ricordato il suo nome e ho dato uno sguardo veloce alla rubrica del mio smartphone, potendo così ricostruire subito dove e in che occasione l’avevo già conosciuto.

Ho preso infatti una buona abitudine: ogni volta che incontro una nuova persona per motivi di lavoro, mi apro subito una scheda nella mia rubrica e mi segno tutto quello che so; inizio copiando il biglietto da visita e facendo una ricerca su LinkedIn, mi segno nelle note il tema del meeting e se posso aggiungo alla voce di contatto anche una fotografia, la mia memoria è poco fisiognomica e per questo mi aiuta. Molti usano soluzioni CRM complesse: ne ho provate tante negli anni, ma nessuna si è rivelata tanto semplice e funzionale quanto la rubrica che il mio telefono comprende di default, sincronizzata automaticamente col computer e online – ok, lo confesso, parlo di iTelefono con iComputer e iOnline!

Vorrei soffermarmi un secondo su LinkedIn, il social network per eccellenza legato al mondo professionale. Ho notato come fare richiesta di collegamento a una persona appena terminato un meeting permetta di avere un numero di maggiore di consensi e soprattutto crea un legame più forte con il potenziale partner o cliente. Il mio interlocutore infatti, non appena torna alla sua scrivania, avrà in tasca il mio biglietto da visita e si troverà in posta elettronica l’invito a connettersi tramite LinkedIn con me: due piccoli reminder di quello che è accaduto in riunione, poco invasivi nel mondo del lavoro ma efficaci.

Voi che sistema usate per gestire i vostri contatti professionali?

Inspiration Triggers: Tumblr

marta@immediatic.it (Marta Rettani) — Fri, 25 Nov 2011 08:00:00 +0100

Un social network sottovalutato

Questo è il primo (di una lunga serie, mi auguro) post in cui vorrei condividere la mia metodologia durante la ricerca delle ispirazioni. Solo i designer e gli artisti in generale possono capire quanto ci si possa sentire spiazzati, disarmati e con le mani legate durante un blocco creativo. Per chi ne è digiuno – beato lui – questo stato d’animo è trai più pericolosi con i quali ci si possa confrontare, perchè per uscirne è necessaria una stretta e intima collaborazione tra l’emotività di chi lo prova e gli stimoli esterni.

Io soffro di questo disturbo in media ogni due/tre mesi. Mi sveglio al mattino e sono intellettualmente debilitata, non ho voglia di fare nulla, non mi vengono idee e lascio coccolare dalla pigrizia. Ho una serie di metodi per abbattere il muro di banalità che ho nel cervello, di cui vi parlerò molto volentieri nei prossimi post, ma normalmente il primo con cui cerco di risvegliarmi dal torpore è una specie di lavaggio del cervello degno del miglior Intersect.

Il primo, è Tumblr. Negli Stati Uniti va fortissimo. Si tratta di un piattaforma aggregatoria di contenuti, dal retrogusto (ma solo il retrogusto, eh?) social, tramite il quale gli iscritti possono condividere immagini, citazioni, video. Negli anni ho stilato una lunghissima serie di Tumblr da seguire (e i post dei blog preferiti arrivano tutti, contemporaneamente, in un’unica dashboard), con i quali mi bombardo le pupille quando la mia creatività ha fatto le ore piccole. Che siano foto di cuccioli, artwork, vignette comiche, frasi profonde o battute idiote, una cosa è certa: alla fine, funziona!

Come disabilitare il caching

edoardo@immediatic.it (Edoardo Esposito) — Mon, 21 Nov 2011 08:00:00 +0100

Due ottime soluzioni salvavita

L’altro giorno ci siamo trovati ad avere bisogno di disabilitare il caching di alcuni file in una applicazione web. Questo è un bisogno che sicuramente hanno in molti, soprattutto in fase di sviluppo di un sito: quante volte vi sarà capitato di dover fare refresh più volte dopo aver modificato lo stile di un sito o una immagine? Per carità, per quanto sia fastidioso, non è di certo qualcosa di bloccante… a meno che ovviamente non si debba far vedere al cliente quelle stesse modifiche. E il cliente, che normalmente è un essere non dotato di pazienza, dirà: “Non funziona!”.

C'è un modo semplice e funzionante per fare in modo che i file CSS o Javascript non vengano caricati dalla cache del browser, ma sempre dal server web? Ce ne sono almeno due. Uno che richiede di modificare il file .htaccess, che è un file da mettere nella directory principale del progetto e, se necessario nelle sottodirectory. Il secondo metodo è ottenibile semplicemente agendo sul codice html che carica i file.

La modifica da fare al file .haccess per disabilitare il caching è molto semplice. Richiede però di esplicitare le estensioni dei file che si vogliono bloccare. La direttiva è la seguente:


<FilesMatch ".(js|css|png)$">
Header unset Cache-Control
</FilesMatch>

Che dice al web server Apache di disabilitare il cache control per tutti i file con estensione js, css e png.
Il secondo metodo è ancora più semplice e parte dal presupposto che il browser richiede sempre al web server i contenuti dinamici. Per simulare un contenuto dinamico è sufficiente passargli una query string: al posto di richiedere il file immediatic.js richiederemo il file immediatic.js?123456.Affichè la soluzione funzioni, il numero passato come query deve essere sempre diverso. La funzione time() di PHP restituisce il numero di secondi passati dal primo Gennaio 1970 (Unix Epoch), ovvero è un numero intero sempre crescente che cambia ogni sencondo. Il file, in questo caso Javascript, deve essere caricato in questo modo:


<script type='text/javascript' src='immediatic.js?<? echo time(); ?>'></script>

A questo punto la domanda sorge spontanea… quale dei due è migliore? Entrambe le soluzioni risolvono egregiamente il problema. Nel caso in cui il sito o l’applicazione abbiano un solo Javascript e un solo CSS, oppure se si vuole disabilitare selettivamente il caching solo per un certo numero di file, aggiungere il timestamp è sicuramente la soluzione migliore. Se invece bisogna evitare di prendere dalla cache tutti i file di un certo tipo (ovviamente anche immagini), la modifica del file .htaccess è sicuramente quella a minore impatto.

Immediatic a H-Farm

edoardo@immediatic.it (Edoardo Esposito) — Tue, 15 Nov 2011 08:00:00 +0100

Al lavoro sul Video On Demand!

Grazie alle competenze accumulate negli anni, io e Francesco siamo stati chiamati a partecipare allo sviluppo di una piattaforma di Video On Demand, che verrà lanciata entro fine anno. Con questa piattaforma, di cui per il momento non faccio il nome perché mi piace fare il misterioso, sarà possibile vedere film da un certo numero di dispositivi: ovviamente le TV connesse su cui lavoriamo noi, e anche Tablet e Smartphone (per il momento solo Android). Anche se questa esperienza irrinunciabile ci terrà lontani da Milano per i prossimi mesi, continueremo a lavorare anche ai progetti aperti di Immediatic, non sia mai!

L’azienda per cui stiamo lavorando (chiaramente non farò il nome nemmeno di questa, per rispettare l’alone di mistero di cui sopra) è una startup ospitata ad H-Farm, un “acceleratore di imprese” che si trova nell’area agricola tra le province di Treviso e Venezia. La location è a dir poco fantastica: una fattoria immersa nella natura, dove tutto ciò che si può fare è godersi il panorama e l’aria frizzante. E lavorare, ovviamente.

Beh, lo so, la domanda è: cosa stiamo combinando quaggiù? Io mi sto occupando dello sviluppo delle applicazioni che vengono eseguite sulle Smart TV di Samsung, di LG e di Philips. Francesco lavora alle parti di backend, in particolare al backoffice utilizzato dalla redazione, alle API di connessione tra il backend e le app e, non pago, anche ai gateway di pagamento.

Siamo entrambi molto contenti di poter partecipare a questo progetto, l’unica nota negativa è che ci tiene lontani dalle nostre famiglie. Siamo degli emotional-engineers, in fondo.