OAuth 2.0 è la nuova versione del protocollo OAuth, finalizzata a semplificare la complessità di quest’ultimo. Nonostante sia ancora in fase di sviluppo, viene già impiegato in molti versanti e molte piattaforme, Facebook, Google in primis ma non ne era stata ancora verificata la sicurezza formalmente. Mediante l’utilizzo di uno strumento di verifica formale automatica, chiamato Proverif, ho sopperito a questa lacuna.

Il progetto è scaricabile cliccando qui, mentre la relazione è questa.

Politici e gente comune si riempiono sempre la bocca con parole come Internet, Twitter, Facebook, digitalizzazione, e-mail ecc, tuttavia NESSUNO pensa ad un’informazione chiara e comprensibile nel web, ai naviganti ma sopratutto al contatto con i cittadini.
Ora farò una breve analisi dei principali movimenti politici ed i relativi loro siti web.

Il popolo della libertà

PDL.it si presenta come un sito davvero carino, con diversi contenuti recenti utili al navigatore (elezioni amministrative, incontri diplomatici ecc) ed alcune notizie di carattere politico nazionale che andrebbero sviluppate ulteriormente. E’ anche vero che si nota subito la passione e predilezione nel creare domini e siti web tematici per dividere le informazioni. Ma è possibile? Se una persona volesse cercare informazioni sulla politica del PDL si ritroverebbe con più di una ventina di siti tematici (pdlcamera, pdlsenato, governoberlusconi.it, promotoridellalibertà, forzasilvio.it…) che frammentano ogni tipo di informazione. Ha senso? Male.

Di notevole utilità è però l’attenzione dedicata alle elezioni amministrative, con un’area apposita e siti dedicati al singolo candidato. Ecco l’esempio del candidato pordenonese.

In questa confusione di notizie e siti, non sono riuscito a trovare un contatto del partito. Dovrò cercare nei siti web provinciali/regionali? Penso di si. Spero di avere una risposta.

Partito democratico

La mia voglia di scrivere è davvero limitata per cui sono andato su Google ed ho digitato “Partito democratico”, trovando addirittura al terzo risultato la home page del sito: beta.partitodemocratico.it. E’ ben creato, il menù di navigazione è efficace (sia in alto che in fondo pagina) e le informazioni sono abbastanza chiare e gerarchiche. Notevole la possibilità di commentare tutti gli articoli ed interventi previa registrazione. Complimenti.

Mi chiedo solo perché Mobilitanti PD abbia un design diverso e sopratutto perché i siti web dei Giovani democratici (tra l’altro incredibilmente bello) siano “staccati”, poco riconducibili al sito principale e spesso molto più “vecchi” di quelli dei dinosauri della politica.
Aggiungo che mi è stato impossibile contattare i Giovani Democratici. Possibile che io, giovane, non possa comunicare direttamente con loro?

Iniziano i primi problemi nel tentativo di contattare il PD. Dov’è la classica pagina contattaci? Dopo 5-10 minuti di navigazione mi chiedo se debba cliccare su “vicino a te”. Provo tutti i links ed arrivo infine alla pagina dove è possibile contattare i vari circoli regionali. Ho inviato diverse e-mail per cercare la collaborazione, non ho ricevuto nessuna risposta. Bene.

Lega Nord

Anche se inizialmente il sito web della Lega nord non colpisce particolarmente, è il vincitore di questo “scontro” tra i politici. I motivi? Completezza delle informazioni, chiarezza espositiva e, sopratutto, la pagina contattaci! Bravi!
Vediamo se risponderanno.

Nel tessere le lodi all’unico movimento politico con un minimo di ordine mentale sul web, facciamo notare che la stessa cura dovrebbe essere “trasferita” ai siti web provinciali e regionali. L’esempio perfetto potrebbe essere LeganordGorizia. Terribile.

Italia dei valori

L’Italia dei valori si presenta con un sito carino ma decisamente troppo carico di informazioni, senza una buona gerarchia grafica che faccia comprendere all’utente l’importanza delle moltissime notizie presenti all’interno del sito. I siti web regionali sono gestiti direttamente all’interno di quello principale, mantenendo struttura grafica e coerenza.
Stupefacente (almeno rispetto gli altri) è la pagina dei contatti, divisa in “nazionale”, “regionali”, “scrivi ad Antonio Di Pietro” con tutti i contatti ed una rapida risposta territoriale. Bravi, hanno risposto ed in più stanno collaborando.

Le note negative arrivano solamente per i siti web provinciali, totalmente diversi l’uno con l’altro e poco coerenti graficamente (esempio). Speriamo si unifichino.

Futuro e Libertà

Il nuovo partito di Fini si presenta con un sito web dal “vecchio stile”, avente una bassa leggibilità tuttavia facile da seguire perchè contiene ben poche informazioni. C’è un blog ma da l’impressione che i contenuti siano “buttati li” senza particolare cura e che gli scrittori siano distanti da colui che legge. Nota positiva: è possibile commentare gli interventi al blog, senza dover essere registrati.

Inizio a cercare i contatti e non li vedo, navigo molte pagine e giungo alla conclusione di uscire dal sito per recarmi nel sito Generazione Italia. Qui mi stupisco: sembra quasi che sia questo il sito del partito e non l’altro. Mha! Qui trovo i contatti, vediamo se risponderanno.

Perdoniamo Futuro e Libertà solo perchè immagino ci sia confusione e disorganizzazione dovuta alla sua recente formazione.
(Piccola nota e consiglio: in preda ad breve lapsus ed ho cercato su google “partito di fini”. E’ chiaro che Futuro e Libertà deve migliorare l’ottimizzazione SEO per questa parola chiave.)

Sinistra Ecologia e libertà

In breve Sinistra Ecologia e libertà è un sito innovativo, chiaro e con un’ottimo collegamento verso i social media. Non ho ben chiaro però perché nei contatti possa scegliere solamente tra “redazione sito”, “ufficio tesseramento”, “commissione garanzia” e “amministrazione/tesoreria”. Per contattarli normalmente cosa dovrei scegliere? Penso che dovrei recarmi su info, peccato.
Aggiungo inoltre che il menù laterale dovrebbe essere più chiaro.

Movimento 5 stelle

Il movimento 5 stelle non possiede un sito web vero e proprio, è piuttosto un distaccamento del sito di Beppe Grillo. A prima vista si presenta abbastanza chiaro tuttavia ad ogni singolo click, veniamo rimbalzati su di un diverso sito (beppegrillo.it, listeciviche ecc) creando un minimo di confusione.

La pagina dei contatti è pressoché inutile e permette solo di segnalare problematiche o richiede informazioni che, in diversi mesi, non sono mai state risposte. Male sopratutto per un movimento nato dalla Rete, che vuole essere voce del cambiamento politico.

Il popolo viola

Parola d’ordine: confusione! Inizio con il cercare su Google “popolo viola”. Trovo ilpopoloviola, blog confusionario e poco aggiornato sulle iniziative del popolo viola. Scartato.
Passo al secondo risultato: ilpopoloviola.it. Dal nome potrebbe/dovrebbe essere il sito di riferimento, a me dà l’impressione di un qualcosa di casuale senza particolare attenzione al navigatore. Chiarezza zero.
L’unico sito web che si salva per il tipo di informazione, contatto con l’utente ed interfaccia grafica chiara è violapost. Nella mia ricerca di contatti con il popolo viola ho trovato solo un indirizzo email e facebook. Siccome il movimento proviene dalla rete e dal popolo, si spera siano più attenti rispetto altri verso questo tipo di comunicazione.

Conclusioni

E’ stata un’impresa contattare tutti i vari schieramenti politici ed avere una loro risposta. Anche la semplice pagina dei contatti impallidisce e scompare sotto la mole di informazioni che si vogliono diffondere tramite un sito web.
Nel 2011, nel pieno dell’era web 2.0 e con la diffusione capillare di Internet, non è possibile che aziende, movimenti e partiti non pensino al contatto con il cliente/cittadino.

Il punto chiave di questo sito era dare un’esperienza nuova, fresca ed immediata che facesse comprendere immediatamente i prodotti. In nostro aiuto è arrivato Sebastiano, un designer veneto MOLTO bravo. In quattro e quattr’otto è riuscito ad avere un’idea ed a portarla su Photoshop… Dovevate vederlo, in 30 minuti ha buttato l’idea e creato tutto… Sbalorditivo.

Direte voi… l’idea qual’era? Era semplice: menu minimalista al massimo, una prima pagina con una frase o una news aziendale e poi largo ai prodotti con un’interfaccia semplice che giocasse sul collage: sfondo e prodotto ambientato senza tuttavia averlo “dentro la foto” ma solamente sovrapposto. In questo caso l’immaginazione faceva da padrona.

Ovviamente ci voleva anche il “tocco di classe” per cui, ad un’interfaccia minimalista, si è affiancata un’idea incredibile: far arrivare sfondo, oggetto e prodotto “al volo” con effetto di rallentamento… E’ dura spiegarla a parole ma vedendo il sito capirete dal risultato…

Ovviamente “tecnicamente” tutto ciò era possibile crearlo per bene solo in Adobe Flash. Io non amo l’utilizzo di Flash poichè è poco amato dai motori di ricerca e presuppone il possesso del plugin Flash che, anche se con l’arrivo di Youtube è ormai diffusissimo, alcuni non possiedono. Proprio da qui è arrivata la sfida: riuscire a realizzare tutto senza Flash.

Dopo molto tempo a pensare il come, sono riuscito, tramite JQuery, a realizzare tutto, creando anche due plugins dal nulla. Ho utilizzando anche sifr e flir per renderizzare le scritte ed i titoli con il font aziendale da noi scelto.

Dopo tutto questo c’era comunque un problema: il sito richiede Javascript attivato ed i motori di ricerca non lo supportano. Per risolvere tutto ciò ho accentuato la compatibilità ed ho lavorato per realizzare la versione del sito senza l’utilizzo di Javascript. Tutto ciò è stato in più migliorato grazie ad un’ottimizzazione lato SEO in modo da essere più “appetibile” ai motori di ricerca.

La parte dei prodotti è elencata in modo molto chiaro e possiede, sullo stesso stile di MCZ.it, una ricerca per filtrare i prodotti a seconda delle esigenze. Il prodotto in sè è pulito, come descritto precedentemente, con un’effetto di rotazione se si volesse dare uno sguardo a maggiori informazioni.

Ovviamente non poteva mancare l’ottimizzazione. Su questo livello ho lavorato moltissimo su codice, peso e javascript realizzando un sito con pochissime richieste HTTP (una per javascript, una per stile css e le immagini) rendendo il sito una vera e propria scheggia…

Mi sono davvero divertito a creare questo sito, una sfida che sono riuscito a superare e spero di riavere presto in mano un lavoro nato da un’idea creativa che lanci una sfida di programmazione e di studio per me.

Caratteristiche Tecniche

• Sito basato su Zend Framework e creato da zero
• Ottimizzato al massimo per ridurre il peso della pagina via compressioni ed utilizzi di meno immagini. Utilizzo di Google minify per ridurre anche le richieste javascript
• Alta personalizzazione in tutte le cinque lingue della grafica e dei contenuti, gestibili via pannello di amministrazione
• Utilizzo di AJAX in modo non invasivo per permettere maggiore velocità per i possessori di Javascript senza per questo escludere gli altri dalla fruizione dei contenuti.
• Realizzazione di plugin Jquery per la creazione del sito. Grandissimo lavoro sul piano javascript per la realizzazione degli effetti grafici di “sfoglio” e di rallentamento
• Ottimizzazione SEO per titoli, indirizzi pagina, contenuti e fruizione.
• Compatibilità assicurata ai maggiori Browser IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+, Camino

Immagini.

Link: www.sundaygrill.com

Per prima cosa ho tolto lo sfondo “riducendolo” ad un’immagine centrale, ho reso molto più visibile la scritta “Komixjam” facendola letteralmente “spuntare” dalla pagina bianca, ho tolto qualunque ombra inutile ed ho reso molto più visibile il menu, semplificandolo ulteriormente.

Il menu, in particolare, è stato diviso per rendere più visibili le aree più visitate. “Tecnicamente parlando” ho ridotto ulteriormente le richieste HTTP utilizzando Google Minify, un bellissimo progetto che ho, per lungo tempo, sottovalutato. Grazie a questo progetto sono riuscito ad unire tutti i files javascript e stili css rispettivamente in due files, rendendo il sito notevolmente più veloce. Il prossimo passo, nella versione 3.2, sarà di utilizzare i CSS Sprites ed un CDN, in modo da rendere il sito velocissimo e performante al massimo. Credo che i visitatori saranno piacevolmente soddisfatti nel vedere un sito veloce che riesce a soddisfarli in meno tempo possibile non credete?

Ho rinnovato anche la struttura e la grafica del forum rendendolo simile al sito principale con una carina grafica grigio chiaro.

Caratteristiche tecniche dell’aggiornamento:

• Template minimalista e molto più leggero con un menu di facile fruizione e molto ordinato
• Nuovo design del forum, minimalista, leggero e chiaro
• Diminuzione delle richieste HTTP

Immagini.

Link: www.komixjam.it

L’interfaccia grafica è stata creata con Photoshop da Pubblimarket2, un’azienda di Udine. Io mi sono occupato della trasposizione del design in interfaccia web tramite HTML, CSS e, naturalmente, PHP.

Come dicevo prima, abbiamo cercato di rendere, la visualizzazione del catalogo prodotti, il più semplice ed immediata possibile così abbiamo diviso i prodotti in macro-categorie, categorie ed abbiamo aggiunto una comoda ricerca che permette di selezionare le tipologie di stufe, ovviamente senza cambiare pagina. Questa ricerca non impegna per nulla il server poichè è tutta immediata e non basata su AJAX, inoltre non impegna nemmeno l’utente che sta visualizzando il catalogo perchè non cambia pagina e non carica nulla. In basso avete lo screen altrimenti potete provarla qui.

Come ultima “chicca” ho inserito una selezione di stufe in base all’ambiente da riscaldare. Quanti di voi si sono sempre chiesti “ma questa stufa sarà abbastanza potente? Scalderà abbastanza? Il costo è giustificato?”. Ecco che questa ricerca fa per voi:

La pagina del prodotto è semplice, basata su blocchi a comparsa/scomparsa che permettono la fruizione di tutti i contenuti senza fatica o scroll.

L’intero sito è disponibile in cinque lingue e, anche se pensato per un utilizzo di Flash, sono riuscito ad evitare un suo utilizzo grazie a javascript , Jquery e CSS. In questo modo anche chi non avrà questa tecnologia multimediale potrà visualizzare il sito, a tutto vantaggio dell’azienda.

Il sito è ottimizzato per i motori di ricerca rendendo estremamente facile, a questi, il reperimento delle informazioni e permettendo quindi all’azienda di essere in buone posizioni con le ricerche correalte al suo campo ed al suoi prodotti.

Caratteristiche Tecniche

• Sito basato su Zend Framework e creato da zero
• Ottimizzato al massimo per ridurre il peso della pagina via compressioni ed utilizzi di meno immagini
• Alta personalizzazione in tutte le cinque lingue della grafica e dei contenuti, gestibili via pannello di amministrazione
• Utilizzo di AJAX in modo non invasivo per permettere maggiore velocità per i possessori di Javascript senza per questo escludere gli altri dalla fruizione dei contenuti
• Ottimizzazione SEO per titoli ed indirizzi pagina
• Compatibilità assicurata ai maggiori Browser IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+

Immagini.

Link: www.mcz.it

Il blog è basato sul noto script WordPress che permette un’ottima interfaccia semplice per la creazione di articoli e pagine con discrete performance.

Il forum è basato su Vbulletin 3.7, il più completo script per forum. Ho “trasformato” il template per renderlo simile al blog in modo che il tutto dia un’illusione di continuità tra le varie sezioni del sito. La stessa cosa è stata fatta con la gallery, basata su Gallery2.

La forma contenutistica del sito non è cambiata, si punta sempre alla qualità degli articoli scritti  anche penalizzando la quantità. Cerchiamo sempre di stabilire un contatto con i visitatori e non abbiamo cambiato la modalità di partecipazione: con o senza registrazione è possibile partecipare in egual modo alla vita sociale del blog.

Caratteristiche tecniche:

• Blog basato su WordPress ed avente diverse plugin, in parte da me create, per facilitare il lavoro ed incrementare le prestazioni del visitatore
• Forum basato su Vbulletin con un template personalizzato, basato sulla grafica del Blog
• Gallery basata su Gallery2, integrata al resto del sito
• Template creato da me, con aiuto di Alex.S
• Poche richieste HTTP per diminuire il tempo di caricamento del sito
• Varie ottimizzazioni SEO in tutte le tre sezioni
• Compatibilità assicurata ai maggiori Browsers IE 6+, Safari 2+, Firefox 1.0+ ed Opera 9+

Immagini.

Link: www.komixjam.it

Mi ero ripromesso di costruire un nuovo Blog Network, curato, che puntasse alla qualità ed ad un contatto maggiore tra visitatore ed autore. Non avevo contato la concorrenza, la difficoltà nel trovare ottimi autori che avessero la mia stessa “visione” di gestione dei blogs e l’enorme mole di lavoro nel gestire un progetto simile, sia dal punto di vista tecnico che umanitario ma sopratutto tempistico.

La decisione si è perciò diretta, grazie a Komixjam.it, nella cura del singolo e dell’eccellenza. Cosa diventerà per cui Kerojam.it? Resterà una visione, un progetto del web e tenterò di curarlo nel minimo dettaglio.

Tutti i blogs saranno sospesi tranne Komixjam, Musicjam ed Erojam. Cosa vuol dire “sospesi”? Gli articoli resteranno attivi e visibili da tutti voi ma non verranno pubblicati nuovi articoli fino a nuove decisioni…

Volevo cogliere l’occasione per ringraziare pubblicamente coloro che mi hanno aiutato, in passato, in quest’impresa, in primis Fabrizio, Overlord e Napolux che hanno collaborato attivamente in uno o più aspetti della vita del network.

Nei seguenti giorni pubblicherò alcuni articoli tematici nei singoli blogs ed il loro futuro.