Ringrazio pubblicamente MrBunne per avermi dato fiducia su questo progetto e aver sopportato i miei tempi, per lui un grande in bocca al lupo.. i blog sono avviati da un po’ e hanno già numeri interessanti!
Se avete voglia di dare una sbirciatina e lasciare consigli o suggerimenti, ben venga. ;)

Una demo?

Ecco la versione di prova con Nerino.

Da oggi Nerino ha un pannello di amministrazione tramite il quale si possono personalizzare diverse cose e gestire la pubblicazione degli annunci ad sense.

Le caratteristiche di Nerino:

• widget ready – puoi personalizzare la barra laterale in base alle tue esigenze tramite i widget
• adsense ready – puoi pubblicare annunci pubblicitari adsense senza mettere mano al codice
• possibilità di attivare le icone sui link a files (doc, pdf, ecc..), foto e filmati compresi Flickr e YouTube
• possibilità di avere il tema san-serif (ovvero i titoli coi caratteri senza grazie)
• comodi pulsanti per ingrandire il testo
• gestione degli archivi (per categorie, mese, tag..)
• Supporto ai Gravatars. Commenti ridisegnati, con l’aggiunta del numero del commento
• commenti dell’autore del blog evidenziati
• top-menù con un effetto gradiente
• tag alla fine dei singoli post
• favicon
• pagina 404 per la gestione degli accessi a pagine inesistenti
• comoda navigazione tra post precedenti e successivi quando ci si trova all’interno del singolo articolo
• barra di navigazione tra pagine precedenti e successive nella home-page e nelle pagine di archivio
• varie cosette e dettagli..

Download, Installazione e personalizzazione

Scarica Nerino – Template per wordpress gratuito (versione 2.3)

E’ disponibile anche la versione senza pannello di amministrazione. Nerino utilizza il noto toolkit open source per temi wordpress, tuttavia qualcuno ha segnalato problemi con l’editor di scrittura avanzato, per questo metto a disposizione una versione di Nerino senza pannello di amministrazione, tutte le personalizzazioni sono comunque effettuabili intervenendo direttamente sul file header.php (vedi istruzioni sotto).

Scarica Nerino – senza pannello di amministrazione (versione 2.3)

L’installazione è semplicissima, scompattate la cartella contenuta dentro allo zip nella cartella dei temi di wordpress: /wp-content/themes/
Andate nel pannello di amministrazione, clic su ‘Design’, da qui sarà possibile selezionare Nerino come tema predefinito. Se volete gestire la sidebar tramite i widget, basterà cliccare su ‘Widgets’ dal pannello di amministrazione wordpress.

Una volta attivato il tema comparirà la tab ‘Nerino‘ dalla quale si accede al pannello di amministrazione del tema. Chi ha la versione senza pannello può aprire il file header.php con un editor di testo (ad esempio notepad). Da qui è possibile:

• Attivare/Disattivare le icone sui link ai media e a documenti esterni
• Attivare/Disattivare i titoli con le grazie
• Impostare l’ID del proprio account adsense e decidere il colore dei link pubblicitari, in questo modo si attiveranno gli annunci adsense sul blog. Per disattivarli lasciare vuoto il campo relativo all’ID.

Il tema è stato testato su FireFox 1.5, FireFox 2, Firefox 3, IE7, Opera, Safari, Google Chrome.
IE6 che fine ha fatto? Su IE6 Nerino funziona, ma ha qualche leggero difetto. Siccome il browser è vecchiotto, è ora di aggiornarsi! Le mie ore di sonno sono più importanti.. Il codice CSS e XHTML è validato W3C.
Si accettano di buon grado consigli, suggerimenti e feedback di ogni genere..

Ovviamente restano valide tutte le funzionalità della precedente versione.

• I pulsanti che tramite javascript modificano la dimensione del testo, per agevolare la lettura agli utenti con difficoltà nella vista
  
• Un menù che utilizza le gif animate per rendere un semplice effetto di movimento
  
• Il form dei commenti, ne vado troppo orgoglioso :)
  

Licenza

Questo tema è distribuito con licenza Creative Common (attribuzione): http://creativecommons.org/licenses/by/2.5/it/
Potete liberamente utilizzare e modificare il template a patto che venga citato l’autore con un link a diploD.

Qualche ringraziamento

Un grazie speciale a Daniele Salamina, che mi ha offerto validissimi consigli e ha contribuito attivamente allo sviluppo di Nerino. Le migliorie in ottica SEO e la gestione del messaggio 404 sono solo alcune delle “dritte” impartite da Daniele.

Un’altra persona che devo ringraziare è Paolo di 4exp, uno tra i primi utilizzatori del template, con il quale ci siamo spesso scambiati commenti sulle migliorie da fare..

La chicca..

Sono le icone sui link a files, filmati e immagini. E’ stato integrato nel tema il pacchetto Iconize, che permette di visualizzare le icone a fianco dei link che puntano a diversi tipi di files. Anche i link verso foto su Flickr o filmati di YouTube e delle più famose piattaforme di video e foto sharing vengono “iconizzati”.
Giusto per avere un’idea, i link su Nerino appaiono così.

Ultimamente sono mancato un po’ su queste pagine, solo perchè sono stato preso da questo lavoro. Marina Remi è un’attrice genovese, che mi ha contattato per creare ex novo un blog su wordpress: ecco fatto. Non è stato semplice ma alla fine ho imparato molto.. Devo ringraziare lei e tutti coloro che hanno collaborato nella realizzazione: in bocca al lupo!

In queste poche righe voglio riassumere i plugin utilizzati e le tecniche implementate per realizzare il sito di Marina.

Menu con icone che zoomano al passaggio del mouse

Noterete subito il menù stile mac che raccoglie le pagine del blog. E’ stato realizzato utilizzando il framework jQuery e la sua utilissima estensione grafica Interface. Lo script deve essere configurato e si può personalizzare via CSS, lo potete vedere in azione nelle demo di Interface: Fisheye Menu.

Il form dei commenti

A volte si può essere eleganti anche con un semplice javascript.. Lo so, i puristi diranno che son meglio i tag <label>, ma ogni tanto anche l’occhio vuole la sua parte.

Le foto da Flickr

FAlbum è un plugin per wordpress che si collega ad un account Flickr e pubblica le foto sul proprio blog.
Se vogliamo inserire la visualizzazione delle immagini in una pagina bisogna creare un template di pagina. Per farlo è sufficiente inserire questo codice all’inizio della nuova pagina falbum.php

<?php
/*
Template Name: FAlbum
*/
?>


Mentre nel corpo della pagina dovremo inserire questo codice dove si vogliono far apparire le foto


<!--<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/falbum.js"></script>
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/overlib.js"></script
<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/prototype.js"></script>-->
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<?php $falbum->show_photos(); ?>


Per utilizzare gli effetti di visualizzazione dovremo togliere i commenti all’inclusione del codice javascript.

Per mettere qualche immagine nella sidebar invece si può usare questa funzione


<?php require_once(ABSPATH.'/wp-content/plugins/falbum/falbum.php');
global $falbum; ?>
<?php echo $falbum->show_recent($num = 3, $style = 0, $size= 's'); ?


Tutta la documentazione circa il plugin la si trova qui, ben fatta e dettagliata.

All in One SEO Pack

E’ un utilissimo plugin per l’ottimizzazione delle proprie pagine in ottica SEO (Search Engine Optimization). Da un comodo pannello di amministrazione è possibile inserire una descrizione globale del sito e le parole chiave. Per ogni post o pagina è possibile inserire descrizioni specifiche e parole chiave diverse. L’utilità non si vede ad occhio nudo, ma trattare bene i motori di ricerca aiuta sempre a generare visite.

Sportemplate è un tema per wordpress indirizzato a coloro con hanno un blog che tratta di sport, siano questi semplici appassionati o vere e proprie società sportive. Dalla pallavolo alla pallacanestro, dal calcio all’atletica.

Ma c’è anche una versione per il semplice blog, se ti piace il design ma non non vuoi avere lo sportivo che salta, c’è pure la versione con la classica matita.

Download e demo

Download di Sportemplate per WordPress (versione 1.5)

Per vederlo in opera potete visitare il sito del Basket Rubiera (amata squadra locale) oppure dare un occhiata alla demo online.

E’ disponibile anche la versione senza pannello di amministrazione. Sportemplate utilizza il noto toolkit open source per temi wordpress, tuttavia qualcuno ha segnalato problemi con l’editor di scrittura avanzato, per questo metto a disposizione una versione di Sportemplate senza pannello di amministrazione, tutte le personalizzazioni sono comunque effettuabili intervenendo direttamente sul file header.php (vedi istruzioni sotto).

Download di Sportemplate per WordPress (versione 1.5 senza pannello di amministrazione)

Installazione e attivazione

La procedura è sempre la solita. Si scariza il file zip e si decomprime la cartella /sportemplate/ all’interno della cartella che contiene i templates di wordpress: wp-content/themes/
Nulla di complicato.

Per attivare il tema, dal pannello di amministrazione di wordpress andare su ‘Design’ e scegliere Sport Template come tema di base.

Una volta attivato il tema, andare in ‘Design’->’Sport Template’. Questo è il pannello di amministrazione del tema, da qui si possono impostare tutte le opzioni di visualizzazione.
Chi ha scaricato la versione senza pannello può configurare le stesse cose aprendo direttamente il file header.php con un editor di testo (ad esempio notepad). Nelle prime righe del codice ci sono le istruzioni per personalizzare il tema, è sufficiente cambiare valore a qualche variabile.

Personalizzazione della testata

Per impostare la testata desiderata basta accedere al pannello di amministrazione e scegliere dal menù quella desiderata.

Ecco come appare il pannello di amministrazione del tema:

Ecco una carrellata delle diverse testate disponibili, è possibile adattare questo template a svariate esigenze:

• Blog Normale
  
• Basket
  
• Calcio
  
• Corsa
  
• Fitness
  
• Hockey
  
• Rugby
  
• Tennis
  
• Volley
  

Personalizzazione della sidebar

Il tema è widget ready, questo significa che la sidebar è completamente configurabile senza mettere mano al codice. Puoi scegliere inoltre se pubblicare in alto alla sidebar le notizie provenienti da una singola categoria, ad esempio gli ultimi risultati dal campo o le pagelle del santone. Nel pannello di amministrazione del tema devi attivare questa funzionalità e specificare:

• ID categoria: è un numero che identifica la singola categoria. Lo trovi nel link alla categoria dal pannello di amministrazione wordpress: ‘Gestione’->’Categorie’. Passando il mouse sui nomi delle categorie in basso nella barra del browser appare un link che termina con un numero, quello è l’ID. Vedi l’immagine sotto per capire meglio.
  
• Titolo da visualizzare nella sidebar: puoi scegliere il titolo da mostrare nella barra laterale, ad esempio “Ultime dal campo”
• Numero di notizie da pubblicare: puoi scegliere quante notizie far apparire in sidebar.

Extra e Licenza

Una delle peculiarità di questo tema è l’utilizzo di un foglio di stile esterno con alcune regole CSS 3 per ottenere i bordi arrotondati sui box di articoli e commenti, oltre alla selezione del testo rossa. Le tecniche utilizzate sono quelle illustrate molto bene da Alessandro Fulciniti in un articolo su html.it

Il tema è stato testato sui più diffusi browser: Firefox, IE, Opera, Safari, Chrome. Ovviamente il tema è validato W3C ed è rilasciato sotto licenza Creative Commons 2.5.

Prima o poi doveva succedere: a Settembre si riparte, qualcuno decide di aprire un nuovo blog e qualcun altro di cambiare template. Ecco a voi Nerino 1.0, un nuovo tema per WordPress creato dal sottoscritto e rilasciato liberamente. Il nome in onore di un gattino che mi ha conquistato.

Fatene ciò che volete, instalatelo, provatelo, testatelo, modificatelo.. ma per favore lasciate sempre un link al mio sito. Se volete una versione personalizzata invece contattatemi.

Presentiamolo

Nerino è un semplice tema a due colonne, con la sidebar laterale e un footer popolato dagli ultimi articoli e dal blogroll. Il tema è widget ready, questo significa che se utilizzate i widget sul vostro blog potete personalizzare la sidebar direttamente dal pannello di amministrazione di WordPress.
L’impostazione cromatica gioca su blu, rosso e arancio. Non escludo che in futuro possano uscire altre versioni, se vi interessa fatene pure richiesta.

Le peculiarità di Nerino sono:

• Alcuni semplici pulsanti che tramite javascript modificano la dimensione del testo, per agevolare la lettura agli utenti con difficoltà nella vista
  
• Un menù che utilizza le gif animate per rendere un semplice effetto di movimento (ormai mi sono lanciato con le gif animate!)
  
• Il form dei commenti, ne vado troppo orgoglioso :)
  

A parte tutto, ecco alcune schermate dalle quali potete avere un colpo d’occhio su come si presenta il layout, si tratta dell’home page e di un post singolo con relativi commenti.

Se volete testarlo live lo potete vedere all’opera su DireFareComunicare, il blog di un amico sul quale l’ho installato (e per il quale è nato).

E adesso non vi resta che scaricarlo e iniziare ad utilizzarlo!

UPDATE: Nerino è giunto alla versione 2.0, vedi le novità e scarica la nuova versione!

Se invece desideri scaricare la vecchia versione:
Clicca qui per il download di Nerino 1.0

L’installazione è semplicissima, scompattate la cartella contenuta dentro allo zip nella cartella dei temi di wordpress: /wp-content/themes/nerino10
Andate nel pannello di amministrazione, clic su ‘Aspetto’, da qui sarà possibile selezionare Nerino come tema predefinito. Se volete gestire la sidebar tramite i widget, dopo aver installato il plugin di Automattic, basterà cliccare su ‘Sidebar Widgets’.

Il tema è stato testato e reso funzionante su FireFox 1.5, FireFox 2, IE7 e Opera (presumibilmente nemmeno Safari dovrebbe dare problemi). IE6 che fine ha fatto? Su IE6 Nerino funziona, ma ha qualche leggero difetto. Siccome il browser è vecchiotto, è ora di aggiornarsi! Le mie ore di sonno sono più importanti.. Il codice CSS e XHTML è validato W3C.
Si accettano di buon grado consigli, suggerimenti e feedback di ogni genere..

NB: WordPress theme Nerino in english? Stay tuned!

Che diavolo è?

Provate a cliccare sul bottocino “che diavolo?” in alto a questa pagina e capirete in un attimo. Si tratta di un piccolo box CSS scorrevole, all’interno del quale si può far apparire tutto ciò che ci pare..
Dopo avdd-welcome-ita.ziper scaricato il plugin e fatto l’upload dei files ‘dd-welcome.php’ e ‘dd-bg.gif’ all’interno della solita cartella ‘wp-content/plugins/’, apparirà nel menù ‘Opzioni’ un comodo pannello di amministrazione dal quale è possibile configurare il box scorrevole.

SCARICALO QUI..

A cosa serve?

Bella domanda, in teoria per avere un box figo dove poter inserire le solite informazioni su chi siamo, cosa facciamo, da dove veniamo e dove vogliamo arrivare. In pratica potete metterci ciò che meglio credete, anche gli ultimi libri letti..

Dal ‘Welcome Manager’, senza toccare il codice del nostro template, potremo impostare:

1. Il testo da far apparire all’interno del box, nel quale si possono utilizzare anche i più comuni tag HTML per fare link o inserire immagini
2. Il testo da far apparire sul bottoncino
3. Il colore di sfondo
4. Una eventuale immagine di sfondo
5. Il colore del testo
6. L’altezza in pixel del box scorrevole
7. L’allineamento del bottone (destra o sinistra)
8. Il margine dal bordo della pagina
9. La posizione del bottone (fissa o scorrevole con la pagina)

Queste sono tutto proprietà CSS regolabili senza intervenire sul codice. Vi ricorda nulla? Ma certo, il celeberrimo e decantato plugin di Francesco Fullone FCC Ribbon Manager, da quale ho preso spunto e che ringrazio.

NB: se impostate l’altezza del box a ’100%’ potrete avere una bellissima pagina nascosta, dove ad esempio si potrebbe mettere il portfolio personale.. o amenità varie.

Javascript?

Ovviamente si. Questo plugin utilizza il solito scriptaculous.. Perchè questo e non Mootools? Semplicemente perchè dalla versione 2.qualcosa di wordpress esso è incluso direttamente tra i file del programma, così la pagina si dovrebbe caricare più velocemente.
Se per caso avete una versione vecchiotta di WP e non è presente scriptaculous, potete scaricare questo zip e mettere la cartella ‘/scriptaculous/’ sul vostro server, dentro a ‘/wp-includes/js/’. Il percorso sarà quindi ‘/wp-includes/js/scriptaculous/’.

Se avete idee o suggerimenti.. scrivete pure due righe.

What’s?

Click on the button “che diavolo?” at the top of this page and you can see. It’s a little CSS sliding box, where you can insert what you prefer..
Download the plugin files and upload ‘dd-welcome.php’ and ‘dd-bg.gif’ on your server folder ‘wp-content/plugins/’, then in the Option Menu you find the ‘Welcome Manager’ where you can set your sliding box.

DOWNLOAD HERE..

Ok, but how can I use it?

It’s a good question. You have a cool box to insert the classic info text or whatever you want: portfolio, last purchases, last read books, and so on..

In the Welcome Manager, without touching the code, you can set:

1. The text that will appear in the sliding box, it supports common HTML tag to link or insert images
2. The text that will appear in the button
3. The background color
4. An opzional background image
5. The text color
6. Box height (in pixel)
7. Button align (left or right)
8. Button margin (in pixel, % or em..)
9. Button position (fixed or absolute)

NB: if you set up the height to 100%, you have a cool hidden page on your blog..

Javascript?

Obviously.. This plugin uses the classic scriptaculous. Why this and not Mootools? Simply because from the 2.1 version of wordpress it is included directly in the /wp-includes/ folder, therefore the page would have to be loaded fastly.
If you have an old version or is not present scriptaculous, you can download this zip and put the folder “/scriptaculous/” on your server, in “/wp-includes/js/”. The path will be “/wp-includes/js/scriptaculous/”.

If you have ideas or suggestions, please drop me two lines.

Nel panorama web dell’Italia c’è proprio bisogno di parlare italiano, ed è per questo che voglio ringraziare Mirko di Blographik, dove ultimamente è apparsa una mia intervista. Una chiaccherata che ho fatto con lui per raccontare la mia attività, vi invito a leggere e commentare se ne avete voglia.

Qualche tempo fa riflettevo sulle lamentele di Cesare, sul fatto che nel nostro Paese manca la “cultura dello scambio” per  tutto ciò che riguarda il web e il design. Da questo punto di vista è lodevole il lavoro di Blographik, che scova settimanalmente risorse e persone, producendo articoli e approfondimenti interessanti.

Altra segnalazione da fare a proposito è Evenz.it, un sito che si propone di raccogliere le segnalazioni riguardanti gli eventi ICT in italia. E’ un’idea di Alberto Mucignat, tuttora in fase alpha, ma con larghe prospettive (sono già supportati iCal e i microformats).

Se avete qualche minuto per la navigazione seguite questi link, tutto qui. :)

Nell’annunciare questo lavoro volevo cogliere l’occasione per fare una brevissima riflessione sull’uso delle gif animate all’interno del design. Generalmente siamo abituati a pensare a questo tipo di immagini come alla solita cassetta delle lettere che si apre e si chiude all’arrivo della posta.

Sono cose piuttosto 1.0, ma con le gift animate si può fare ben altro. Il pallino in testa me lo ha messo un template gratuito di Jay Koster (sixshootermedia), dove le voci di menù vengono evidenziate con una delicata gif che pulsa ad intermittenza. A mio modo di vedere questa finezza valorizza il design senza rovinarlo o renderlo troppo appariscente (si capisce che non è flash..).

Ho voluto quindi riprendere il concetto anche per il blog di Matteo Carli, dove due sottili linee scure separano l’header e il footer dai contenuti. Qui ho impostato come sfondo una gif animata che simula il classico effetto di distorsione del monitor. Bisogna far cadere l’occhio volutamente per notarla, ma si vede bene.
Poichè il blog tratta principalmente di sicurezza informatica, mi sembrava un bel richiamo da inserire nell’impostazione grafica.

In ogni caso è un altro possibile impiego per questa tipologia di immagini. Mi piacerebbe sapere se in giro ci sono altre soluzioni da studiare e da cui prendere spunto; cercando sul web questo genere di cose saltano fuori solo vecchie raccolte di gif gratuite. Il passaparola è l’unico modo per scoprire qualcosa di interessante.

Se per caso non l’avete ancora fatto, commentate pure il layout..

SCARICA IL TEMPLATE
Da qui puoi scaricare il file zip del layout.

INSTALLAZIONE
L’installazione è tipica: scompatta la cartella diplod contenuta nello zip nella cartella templates di joomla, apri il pannello di amministrazione, segui il percorso “sito -> gestione template -> template del sito” e seleziona dall’elenco la voce diplod. Clicca sull’icona predefinito e il gioco è fatto.

MODIFICA DEI COLORI
Se vuoi modificare i colori puoi aprire il file template_css.css contenuto nella cartella css e con un editor di testo modificare i valori. In futuro forse metterò a disposizione una versione base senza colori preimpostati.
I codici dei colori attuali sono:

#69BFDE -> azzurro standard (utilizzato nell’header)
#4A8797 -> blu (utilizzato per i link)
#B9B09D -> grigio chiaro (utilizzato per bordi e linee separatrici dei moduli)
#DBD7CD -> grigio molto chiaro (utilizzato per il box in home page)
Puoi cercarli nel codice e rimpiazzarli, ricordati che se cambi il colore dell’header dovrai modificare anche le relative immagini.

LICENZA E CREDITI
Ovviamente tutto è fornito sotto licenza Creative Commons, se decidi di utilizzare il template per favore lascia un link nel footer o da qualche parte.
Per il lavoro è stato utilizzato anche una parte di codice scritto da FlexiSaga (FlexiOrange), a cui vanno i miei ringraziamenti.

PS: si accettano volentieri consigli e suggerimenti..

Detto questo, l’idea di costruire un portale turistico generato dagli utenti è da qualche tempo un mio cruccio. Quando ho visto il fermento e lo spirito propositivo che si è sollevato dalla proposta di Luca non ho potuto resistere. E su questa proposta vorrei portare il mio punto di vista.
Perchè non coinvolgere in un progetto simile un’istituzione come il Touring Club Italiano?
Da anni giro l’Italia con le mitiche guide verdi, che si contraddistinguono per l’alta qualità dei contenuti. Se si riuscisse a trovare un accordo con il touring club, per usare magari anche solo una parte dei contenuti delle guide cartacee, sarebbe senza dubbio una situazione win-win. Sia per il Touring Club, che godrebbe di un sicuro ritorno d’immagine, sia per il progetto RItalia.

La stesura e la redazione dei contenuti è la parte più critica del progetto. Se infatti da una parte abbondano programmatori e designer, dall’altra manca quella massa critica di persone per produrre guide e materiale in grado di coprire tutto il Paese. Ed è proprio per questo che credo sia necessario il coinvolgimento di un editore turistico, anche per evitare un serie di problemi legali dovuti alle immagini dei monumenti e delle località. Una volta avviato il tutto, sono certo che gli utenti faranno la loro parte; per ora mi piace pensare positivo e lasciare a tacere le perplessità.

Nel video si vede un modo di “usare” le applicazioni decisamente rivoluzionario. Si naviga con Google Earth giocando su zoom e prospettive semplicemente muovendo le mani sullo schermo. Si clicca, si aprono finestre, si trascinano, si sposta tutto con le dita, si naviga addirittura su wikipedia.

Tutto questo, oltre al fascino della tecnologia, ha un nonsochè di poetico, mi suona come un dolce ritorno all’artigianato. Sto per dire una cosa degna dell’etichettatura di visionario, ma nel ragazzo che manipola un’immagine digitale con le mani ci rivedo l’artigiano che modella il vaso. Utilizzare un bel plugin che mi replica in sequenza dei vettori grafici è comodo, ma vogliamo mettere a confronto con lo slancio creativo che il disegno di una curva a mano può offrire? Sono solo infondate speculazioni, ma l’idea mi piace così tanto..

Un altra diavoleria simile, sempre da YouTube, è questo Reactable, frutto del lavoro svolto nell’università di Barcellona. Anche qui si tratta di uno schermo sensibile, ma stavolta il fine è quello di creare uno strumento musicale. A giudicare dal video dimostrativo, le potenzialità sono notevoli. Si tratta di musica elettronica; ed è straordinario vedere come la ricerca e la tecnologia possano ampliare il campo dell’espressività artistica.
Ci sono i generatori di suoni, i sampler, il metronomo, i sequencer e gli harmonizer. In un secondo video poi compaiono i radar e il controllo vocale.

Ciò che provo vedendo all’opera queste apparecchiature è stupore; stupore e un pizzico di invidia, perchè vorrei provarli subito e magari far nascere qualcosa di simile dai laboratori delle università italiane. Magari ne esistono a bizzeffe, e io non ne sono a conoscenza.

Se il futuro è negli schermi sensibili, il futuro prossimo sembra essere nei display flessibili. Sempre più spesso si sente parlare di display sottili e pieghevoli come fogli di carta, aggiornabili come memorie flash. L’idea di studiare su un display mi spaventa un po’ (come faccio a prendere appunti?!), ma una bella relazione presentata su un foglio digitale farà la sua bella figura.

Scrivo questo post per documentare una bella esperenzia. Il primo rilascio è avvenuto domenica notte, come è prassi per i siti altemente frequentati, per evitare disfunzioni e problemi al server e agli utenti. A stretto contatto con GTalk, assieme a Giovy abbiamo messo a posto le prime cose.

Il giorno dopo gli assidui lettori di Giovy hanno iniziato a postare commenti. La fase di macro-testing era ufficialmente iniziata. Grazie ai consigli e ai suggerimenti che via via venivano proposti dagli utenti ho passato tutto il lunedì mattina e buona parte del lunedì pomeriggio ad apportare modifiche al layout. Una trentina di modifiche al css e una decina di cambiamenti nei vari file php del template. Tutto questo ha fatto sì che nel giro di una giornata venissero corretti alcuni errori di visualizzazione (come quello nel modulo dei commenti, che con explorer scappava via dove nessuna regola css gli aveva imposto.. caro vecchio IE, che dire?!) e di ottimizzare diverse piccole cose: dai colori dei link agli spazi bianchi nell’header.

Ho sperimentato quindi a tutti gli effetti ciò che viene definito rilascio continuo. Nell’era del web2.0 non esiste più il rilascio per versioni ma le applicazioni, così come un template, vengono buttate fuori in beta perpetuo e le correzioni si apportano man mano che gli utenti segnalano anomalie, consigli, suggerimenti. Alcuni di questi risultano davvero preziosi. Certo alcune cose avrei potuto sistemarle in locale, e faccio il mea cupla, ma tutto sommato dopo una giornata di assestamento le cose sembrano andare per il meglio. Giusto qualche minuto fa ho inviato a giovy un’altra piccola correzione.

Era il primo grande lavoro per un sito altamente trafficato, e tutto sommato sono soddisfatto di come è stato portato a compimento.
Lavorare sulla grafica è senza dubbio un’attività più creativa che scrivere codice o capire come connettere un’applicazione java al database di SAP: ma a volte tocca fare anche quello (leggi nei prossimi mesi, ndr).
Da questa esperienza ho imparato parecchio e spero non sia una parentesi a parte. Devo ringraziare i lettori di giovy per gli interessanti consigli, i vari designer e programmatori che rendono disponibili i loro studi e lavori sul web, infine giovy che mi ha dato fiducia, e io spero di aver ripagato. Una delle cose più belle, credetemi, è stato conoscere al barcamp quello che prima era “un cliente” e si è trasformato in “persona”.
Fin da subito ci siamo parlati con il “tu”, ci siamo aggiunti ai contatti Gtalk e spesso e volentieri sono nate discussioni e scambi di riflessione spontanei. Questo metodo di lavoro è ben diverso e decisamente più proficuo rispetto al vecchio sistema “cliente-studio”, dove le comunicazioni avvengono per email utilizzando il “lei”, le relazioni sono impersonali e nello sfondo vige la regola del “fidarsi è bene ma non fidarsi è meglio”.

Tornando al template, dopo la prima fase di macro-testing è ufficialmente iniziata la fase del micro-testing, dove verranno apportati gli aggiustamenti di misura, man mano che questi si rendono necessari.

In definitiva, il portfolio si espande.. e il sottoscritto ne giova. [ok, il gioco di parole è una battuta alla De Sica.. ma passatemala!]

Il concorso “Giovani idee cambiano l’Italia” è promosso e coordinato dalla Presidenza del Consiglio dei Ministri – Dipartimento per le politiche giovanili e le attività sportive (che di seguito viene denominato “Dipartimento”) ed ha lo scopo di promuovere e sostenere nei prossimi anni, attraverso l’erogazione di contributi per la realizzazione di progetti innovativi, la capacità progettuale e creativa dei giovani.
Nell’ambito di tale iniziativa, il presente bando intende finanziare le migliori idee progettuali riguardanti le seguenti aree tematiche:
a) innovazione tecnologica;
b) utilità sociale e impegno civile;
c) sviluppo sostenibile;
d) gestione di servizi urbani e territoriali per la qualità della vita dei giovani.

Mi chiedo: come mai di questa cosa non si parla nei tg? Spero di essere smentito nei prossimi giorni, intanto però Repubblica.it ha riportato la notizia in home page.

Devo ammettere che la faccenda mi attira particolarmente, vedremo se nei prossimi giorni riuscirò a mettere assieme qualche idea concreta.. Per ora solo un plauso all’iniziativa. Questo il link del concorso, dove trovate il relativo bando di gara e la domanda di candidatura, da presentare entro il 15 marzo 2007.

AGGIORNAMENTO: ovviamente questo articolo tratta di un bando scaduto, ecco la graduatoria dei vincitori.

Il titolo del concorso è WebForTheFuture, aperto a studenti e professionisti di tutto il mondo con età inferiore ai 30 anni, che si propone di esplorare il web e le sue potenzialità per individuare nuovi scenari che migliorino la qualità della vita.

Ecco cosa riportava il bando:

Obiettivo del concorso è quello di promuovere e rendere realizzabili idee e progetti che utilizzino il Web in modo innovativo, pensando ad Internet come un sistema integrato alle tecnologie di uso quotidiano, in grado di influenzare le abitudini di vita degli individui nell’ottica del miglioramento della qualità del vivere contemporaneo.
Crediamo infatti che il Web, grazie alla miniaturizzazione delle componenti tecnologiche, al continuo sviluppo di tecnologie wireless, all’abbassamento progressivo dei costi di produzione e sviluppo, avrà luoghi di fruizione sempre differenti e sarà in grado di influenzare diversi aspetti della vita quotidiana, modificando le nostre abitudini giornaliere fino ad identificare nuovi stili di vita.

Ovviamente non potevo resistere a una tale occasione e ho partecipato, senza troppe aspettative, inviando due progetti: uno per la categoria “vivere la casa” e l’altro per “vivere la città”. Devo dire che sono rimasto decisamente soddisfatto quando ho scoperto che entrambi i progetti erano arrivati tra i finalisti.

Ogni tanto ripenso a quell’esperienza e mi chiedo se invece di preparare tutto in fretta e furia per non rovinare lo studio (era periodo di esami) non avessi fatto meglio a rinunciare all’esame e dedicarmi con maggiore impegno alla stesura degli stessi. In ogni caso, per non far cadere nell’oblio quella vicenda, ho deciso di rendere pubblici i due lavori da me prodotti.

Il primo, in gara nella sezione “vivere la casa”, si chiama Lavagna Elettronica e descrive l’idea di un monitor/computer che funge da lavagnetta elettronica sulla quale prendere appunti, come normalmente si è soliti fare su quella di casa. Nello scenario c’era anche la possibilità di installare degli schermi piatti alle pareti per visualizzare delle foto, dei quadri o dei messaggi. Pensare che proprio ora si iniziano a vedere in commercio le cornici digitali.. alla fine non ci avevo poi visto così male. ;-)
Purtroppo, nonostante a mio parere nel progetto presentato ci fossero diversi elementi di innovatività (forse anche esagerati), la giuria ha deciso di non assegnare premi a questa categoria. Pazienza
Il secondo, in gara nella sezione “vivere la città”, si chiama Città Digitale e descrive un sistema di torrette con all’interno dei terminali collegati in rete da installare in giro per la città. Tramite un portale cittadino si può poi accedere ad una serie di servizi utili, che vanno dai documenti dell’anagrafe all’orario di apertura dei negozi. Questo progetto ha superato la prima fase delle valutazioni, arrivando tra i finalisti della prima fase.

Questi i file pdf dei due progetti, pubblicati sotto liceanza creative common.

Città Digitale – WebForTheFuture
Lavagna Elettronica – WebForTheFuture

Per non far cadere nell’oblio tutte le ore passate di notte davanti al pc ho deciso di pubblicare la mia tesi come documento scaricabile gratuitamente, purchè venga rispettata la proprietà intellettuale. Il titolo del documento è “E-Learning e Knowledge Management: sviluppo di un portale web con blog e wiki”.

Durante la stesura della mia tesi e il relativo lavoro di programmazione web del portale ho avuto modo di imparare e impratichirmi con tantissimi strumenti: linguaggio java e jsp, css, impostazione di applicazioni open-source come Roller (piattaforma di bloggin multiutente) e JSPWiki (motore wiki). E’ stata l’occasione per studiare e scoprire diversi casi di applicazione di sistemi di collaborazione e apprendimento a distanza in contesti aziendali o in ambiti accademici.

Lo scopo di questa tesi è illustrare il processo che ha portato alla progettazione di un portale web di e-Learning e Knowledge Management. Il punto di partenza è l’analisi dello stato dell’arte; nel secondo capitolo si affronteranno gli aspetti economici, organizzativi e culturali ai quali sono soggetti i sistemi di questo genere (con un’analisi economica dettagliata dei costi relativi all’adozione di un sistema di e-Learning); nel terzo capitolo verrà presentata l’architettura e il funzionamento di Cognitio, il portale realizzato durante il tirocinio presso la facoltà, il relativo codice Java e la struttura del database (MySQL) al quale si appoggia.
L’aspetto innovativo di questa piattaforma web è l’impiego di strumenti quali wiki e blog per la distribuzione e fruizione dei corsi a distanza e la collaborazione tra gli utenti: essi offrono grande flessibilità al sistema, che si trasforma da semplice contenitore di materiale didattico in un vero e proprio strumento per la condivisione e gestione della conoscenza, con interessanti destinazioni anche in ambito aziendale al di fuori di un contesto puramente formativo.
Cognitio fa uso di software open source (Roller e JSPWiki) ed è stato installato presso un server del dipartimento di Scienze e Metodi dell’Ingegneria della facoltà di Reggio Emilia, l’obiettivo è utilizzarlo in futuro per il corso di Tecnologie e Applicazioni Web.

La tesi contiene anche un confronto tra i sette LMS (Learning Management Systems) open-source più rinomati: Moodle, Sakai, Atutor, ILIAS, Docebo, Dokeos, OLAT.
Un altro interessante contributo è quello della sitografia, che racchiude uno spaccato di tutti quei siti riguardanti la sfera dell’e-learning, del knowledge management, della collaborazione con blogs e wiki.

SCARICA IL FILE PDF: clicca qui per iniziare il download

Se scaricate questo documento, se lo trovate interessante o lo utilizzate per altri lavori per favore lasciate un commento in questo post.