Mentre PodiPodi raccoglie numerosi riconoscimenti sul web, sono inaftti molti i siti web che ne parlano e che lo indicano come idea innovativa e, mentre sempre più siti iniziano ad ospitare PodiPodi per i loro visitatori, Digitalfog non si ferma e porta avanti progetti su vari fronti come elasticoWeb, già utilizzato da grandi realtà per gestire le proprie informazioni on-line (presto il sito web con la presentazione ufficiale), Yoople!, che continua a trovare successo tra i siti specializzati in motori di ricerca e graficOS per la generazione di grafici dinamici sul web.
Allo stesso tempo sono sempre più le aziende che si rivolgono a noi per la creazione di siti web istituzionali o di servizio e per materiale da stampa, di seguito una breve galleria di alcuni dei nostri lavori:

La bottega del Camice	Salumificio C.I.S.
Gozzi - Fattoria la Colombara	Pasticceria Pagani
Azienda Agricola Pilandro	Agriturismo Viridarium

Siamo lieti di presentarvi PodiPodi (nome in codice “scatolino magico”), il nostro ultimo progetto sperimentale nel campo dell’Interazione Uomo-Macchina.

L’obiettivo di PodiPodi è quello di fornire a chiunque gestisce un sito web un nuovo livello di interazione per i propri visitatori attraverso un’interfaccia non-intrusiva, semplice da usare e basata su linea di comando. Il principio base è quello del gadget (come i google gadget o le applicazioni di facebook) che ognuno può aggiungere al proprio sito o blog con semplicità.

Ok, tutto bello…ma cos’è questo podipodi?!? Provatelo subito premendo contemporaneamente sulla vostra tastiera Shift e Spazio (oppure cliccate qui)

Si aprirà in alto a sinistra un box in cui potete scrivere, durante l’interazione podipodi reagirà presentandovi una lista di possibili comandi (scrivete help e poi invio per conoscerli tutti) che potrete selezionare (freccia basso e alto per muoversi nei suggerimenti) e una volta scritto il comando desiderato e premuto il tasto INVIO, PodiPodi vi presenterà il risultato della vostra operazione (ad esempio: google pizza produrrà la ricerca su google per il termine pizza, calculate 3+2 risponderà 5, youtube euro2008 produrrà una ricerca di video con la possibilità di vederli).

Uno degli aspetti che ci emoziona ogni volta di più di PodiPodi è la possibilità di espansione praticamente senza limiti, ogni giorno inventeremo nuovi comandi e servizi per gli utenti che decideranno di inserire lo scatolino magico nel proprio sito web.

Al momento le richieste di account non sono ancora aperte ma abbiamo lanciato un programma di Beta Testing a cui chi vorrà, potrà inoltrare richiesta e, se accettata, provare in anteprima nel proprio sito PodiPodi per aiutarci a scovare problemi e miglioramenti.

Il sito web ufficiale del progetto PodiPodi.com è in crescita e ancora mancano varie sezioni ma ormai ci sentivamo pronti per svelare al web il progetto per cui abbiamo dedicato i nostri sforzi, nei prossimi giorni lo completeremo con screencast, domande frequenti, documentazione esaustiva e, naturalmente, produrremo nuovi comandi per PodiPodi.


Speriamo di aver colto il vostro interesse con questo progetto che quando sarà abbastanza maturo pubblicheremo con modalità Open Source con la possibilità di ottenere liberamente il codice sorgente.

Grazie per la lettura e non dimenticatevi Shift+Spazio per PodiPodi!!!

In questi giorni siamo fortemente impegnati nella progettazione e sviluppo di un nuovo progetto, nome in codice “scatolino magico”, ispirato ad un software che da subito ci è piaciuto: Enso (by Humanized).
L’idea su cui si basa Enso è quella di fornire un sistema per fare operazioni comuni in modo semplice e rapido.

Il progetto “scatolino magico”, partendo dallo stesso concetto, nasce dal proposito di offrire agli utenti del web un nuovo paradigma di interazione con i siti web.

Al momento il progetto resta dietro al sipario ma presto farà la sua spettacolare entrata sul palcoscenico di internet, per cui restate sintonizzati su questi canali per avere maggiori informazioni, nel frattempo volevamo discutere di alcune fasi e scelte progettuali:

In una prima fase la scelta è stata quella di utilizzare Prototype+Script.aculo.us, librerie che abbiamo già impiegato con successo in numerosi progetti (es. Yoople! ed elasticoWeb) e che ormai maneggiamo senza problemi.
Tuttavia, sebbene questa accoppiata di librerie resti la nostra prima scelta, non ci è sembrata la scelta migliore per questo progetto soprattutto a causa delle dimensioni considerevoli anche in seguito ad una compressione, per questo motivo ci siamo spostati su MooTools riscrivendo il codice senza grandi rivoluzioni in quanto i due framework si assomigliano parecchio e offrono entrambi un’astrazione Object Oriented per Javascript.
In breve tempo siamo riusciti a ridurre del 50% le dimensioni del progetto, ma a questo punto, in seguito alla lettura di un’intervista a Valerio Proietti (inventore di MooTools), si è presentato un nuovo aspetto che non avevamo ancora considerato: queste librerie vanno a modificare aspetti di Javascript che potrebbero creare conflitti con altri framework:
«…so che Prototype, come MooTools, - dice il padre di MooTools - modifica i prototypes degli oggetti, mentre YUI, Dojo e JQuery non lo fanno. Questo aspetto dovrebbe avere un impatto enorme nella scelta del framework. Se hai una pagina della quale non hai il completo controllo o che include altri framework, MooTools darà sicuramente dei problemi dato che modificando i prototypes va in conflitto con gli altri, mentre YUI o JQuery si comporteranno alla perfezione.»

Questa considerazione ci ha portato ad optare per JQuery. Dopo questa scelta ci siamo scontrati con la scomparsa di Classi, Sottoclassi ed ereditarietà…cosa che in una fase iniziale abbiamo provato a considerare come strada percorribile, ma poi siamo giunti alla conclusione di non poterne fare a meno in questa fase dello sviluppo del progetto, ormai troppo maturo per riscrivere il codice da zero.

Per fortuna ci è corsa incontro la libreria Base di Dean Edwards vero e proprio guru di Javascript: 2Kb per ritornare alla progettazione OO!

Conclusione (la morale della favola)
Ogni libreria fornisce aspetti caratteristici, semplicità d’uso, velocità, leggibilità, dimensioni ridotte e compatibilità, quello che importa è individuare gli aspetti su cui faremo leva durante il nostro progetto, nel nostro caso gli aspetti fondamentali sono paradigma OO e compatibilità tra diverse tecnologie, per questo motivo la nostra scelta è andata verso: Base + JQuery.

Ci auguriamo che sia stata una lettura interessante e vi invitiamo a tornare presto per gli ultimi sviluppi del progetto “scatolino magico”!!!!

Immersa nel verde dei boschi di carpino e querce, la Fattoria Colombara dei F.lli Gozzi si trova nel cuore delle Colline Moreniche Mantovane.

E’ online il nuovo sito della Fattoria Colombara dei Fratelli Gozzi, un sito in quattro lingue elegante e facile da navigare che comunica l’immagine moderna ed elegante dell’azienda e dei prodotti.

Fondata negli anni ‘20 l’Azienda, la cui superficie attuale è di 34 ettari, mantiene tuttora la conduzione familiare ma si è indirizzata totalmente verso il settore vitivonicolo e ha prodotto notevoli investimenti negli impianti dei vigneti, nella costruzione della cantina per la vinificazione e in quella per l’affinamento in botti di legno.

La produzione più importante riguarda i vini D.O.C. del Garda e i cru affinati in legno (Rosso Saline, Bianco Colombara, Vigna Magrini) e Spumante Metodo Classico

Il sito è interamente basato sulla piattaforma elasticoWeb che offre al cliente la possibilità di gestire in completa autonomia i contenuti dinamici del sito come news, eventi e tutti i prodotti. A livello di interazione navigatore-sito abbiamo puntato ad una soluzione tradizionale, con lo scopo di accogliere il visitatore in un ambiente semplice ed immediato da navigare.

Di grande importanza sono le fotografie impiegate nelle varie pagine, realizzate durante set fotografici che abbiamo coordinato assieme al valente supporto del fotografo Aleberto Bonatti.

Oggi giornata di ottimizzazione per yoople!

Un sito web deve rispettare alcune regole molto semplici, come il rispetto degli standard, essere accessibile e performante, per questo motivo dopo aver dedicato il nostro tempo al buon funzionamento e compatibilità’ su piu’ browser del nostro motore di ricerca collaborativo, abbiamo speso qualche ora nell’ottimizzazione:

• rispetto degli standard: in questa prima fase abbiamo fatto in modo che ogni pagina del sito rispettasse i vincoli definiti dal Consorzio W3C validando il codice html e css del sito (W3C Markup Validation Center). In questo modo siamo sicuri del buon funzionamento in ogni browser (o quasi…) e che gli spider dei maggiori motori di ricerca indicizzino senza problemi yoople!
• accessibilità: in questa fase abbiamo lavorato sulla dimensione e colore di caratteri e pulsanti per andare incontro alle necessità di ogni visitatore, allo stesso tempo abbiamo reso i testi del sito completamente ridimensionabili (provare per credere: firefox ctrl+rotellina)
• performance: attraverso un sapiente uso di tecnologie lato server e client abbiamo accorciato i tempi di download rendendo yoople! ultra-rapido. Per fare questo ci siamo avvalsi del supporto di YSlow per Firebug, raggiungendo ottimi voti per ogni pagina

Il prossimo passo sarà l’introduzione di novità in Yoople! per migliorare alcuni aspetti di interazione con l’utente ricercatore e per aggiungere nuove funzionalità. Restate sintonizzati su questo Flog!

I nostri complimenti alla nazionale italiana di rugby per l’emozionante partita di sabato del Sei Nazioni contro la Scozia (23-20 per gli azzurri), uomo del match Sergio Parisse…ma dobbiamo ringraziare soprattutto Marcato per il drop a dieci secondi dalla fine!

L’iPod Shuffle® è un lettore MP3 di marca Apple^TM caratterizzato da un design elegante e funzionale e, come ogni prodotto proveniente da Cupertino, da una semplicità d’uso che, grazie alla clip integrata, ce lo fa preferire a tanti altri lettori “da corsa”.
Tuttavia nella sua “perfezione” pensiamo che si possa migliorarne l’interazione atleta-macchina con una piccola modifica che, a parer nostro, ne renderebbe ancora più semplice l’utilizzo.

Il fatto
Il controllo dell’iPod Shuffle si basa su una ghiera circolare controllabile con un dito:

Cliccando al centro si azionano i comandi play e pause, mentre sulla “ciambella”, nelle posizioni nord-sud controlliamo il volume e nelle direzioni est-ovest ci spostiamo al brano successivo o precedente nella lista degli mp3 caricati.

Il problema
Il controllo dovrebbe liberarci dal dover guardare dove si è posizionato il dito, tanto che il lettore è privo di un display. Purtroppo la forma a ciambella priva di riferimenti spaziali rende praticamente impossibile intuire dove si sia posizionato il dito (avanti o indietro? alzo o abbasso il volume?).
Capita spesso di cliccare l’avanzamento alla canzone successiva quando invece si voleva semplicemente alzare il volume, cosa parecchio frustrante se si era a metà dell’ascolto di un mp3 per un piano d’allenamento di 45 minuti.

La soluzione
L’accorgimento che suggeriamo è quello di dare spessore ai simboli disegnati sulla ciambella, come se fosse alfabeto braille.

In questo modo, anche senza guardare il lettore, sarebbe possibile, scorrendo il dito sulla ciambella, incontrare l’area di spessore diverso con la sagoma del comando ricercato e cliccarlo senza dubbi. Finalmente potremmo tenere il nostro iPod shuffle in tasca o agganciato ad una manica senza preoccuparci del suo orientamento o posizione.

La morale…e una domanda
1. interaction design: con un piccolo accorgimento è possibile generare un grande miglioramento
2. forse i piccoli accorgimenti che portano a grandi miglioramenti si possono fare solo su prodotti già validi e ben progettati?

La nota
Non vogliamo insegnare ad Apple il mestiere per cui sono sicuramente tra i migliori, però in un’ottica user-centered, noi siamo gli utenti e ci sentiamo ben felici di collaborare per migliorare i prodotti.

Idee che val la pena diffondere

Technology, Entertainment, Design, Ted è una conferenza che unisce alcune tra le migliori menti per parlare degli argomenti più svariati, dal Design alla Storia, dall’Ambiente alla Matematica. Il sito www.TED.com rende pubblici gratuitamente gli interventi più interessanti.

“We believe passionately in the power of ideas to change attitudes, lives and ultimately, the world ” (”Crediamo appassionatamente nella forza delle idee per cambiare gli atteggiamenti, le vite e, in sintesi, il mondo”)

Il sito è tra le nostre fonti di ispirazione più importanti. Tra i talk che preferiamo:

• John Maeda: Simplicity patterns
• David Pogue: When it comes to tech, simplicty sells
• David Kelley: The future of design is human-centered
• Theo Jansen: The art of creating creatures
• Arthur Benjamin: Lighning calculation and other “Mathemagic”

Non mancheremo di segnalare nel nostro blog i nuovi talk che ci faranno impazzire!

Oggi abbiamo terminato e pubblicato il nuovo sito del Salumificio C.I.S.

L’obiettivo era quello di dare grande risalto ai prodotti, per fare questo abbiamo totalmente basato il sito web su bellissime foto e ridotto al minimo lo sforzo del visitatore inserendole in una struttura semplice e facile da navigare, riducendo al minimo le attese e mantenendo un’ottima qualità delle foto.

Per questo sito ci siamo avvalsi della straordinaria collaborazione dello Studio Fotografico Opera di Alberto Bonatti, il nostro fotografo di fiducia, che ci ha consegnato scatti che non possono che far venire l’acquolina in bocca…mmmmmh….

I momenti che ci hanno portato alla pubblicazione del sito sono state diversi e hanno coinvolto persone diverse, nella prima fase abbiamo analizzato le richieste del cliente, siti e pubblicazioni di settore, solo a quel punto abbiamo proposto un’idea grafica che facesse leva sulla genuinità dei prodotti.
In seguito abbiamo organizzato il set fotografico e seguito ogni scatto collaborando con Alberto.
Una volta decisi, in collaborazione con il cliente, quante e quali scatti avremmo impiegato, abbiamo studiato le logiche di interazione visitatore-sito e proposto un prototipo del sito.
Per nostra grande fortuna la proposta è piaciuta subito, dandoci la possibilità di produrre la versione finale a vele spiegate.

Visitate il sito all’indirizzo www.salumificiocis.it e lasciateci un commento! Intanto noi andiamo a mangiarci una fettina di salame…

Benvenuti nel blog di digitalfog,

digitalflog nasce come blog aziendale in cui pubblicheremo gli eventi che riempiono le nostre giornate: le gioie e le fatiche, i lavori, la vita d’ufficio, i viaggi, le novità che ci coinvolgono e segnalazioni di articoli e siti web interessanti.

Gli argomenti che tratteremo saranno i più disparati come quelli a noi più vicini, come il mondo del web e della grafica, del design o meglio, dell’interaction design, spinti dalla curiosità di capire gli oggetti che ci circondano e soprattutto di scoprire come le persone li usano quotidianamente, fino a quelli apparentemente più distanti come le nostre impressioni su quello che succede nel mondo.

Il nostro gruppo è formato da persone che vengono da esperienze diverse e con punti di vista spesso opposti, da queste differenze potranno nascere spunti interessanti e divertenti.

In conclusione questo blog raccoglierà tante cose, forse non sarà facile trovare un filo conduttore, ma questa è la realtà che affrontiamo quotidianamente: ogni giorno nuovi problemi. Ogni giorno nuove soluzioni.

Bene, pronti, attenti, via!!!