Con Google Apps Script il concetto è semplice, bisogna accedere a Drive e creare un nuovo documento. Andare su Altro e poi Collega altre applicazioni.

Filtrando tra quelle di Google, dobbiamo aggiungere Google Apps Script.

Ora tra i documenti disponibili abbiamo anche Google Apps Script.

Creiamo quindi un nuovo documento script.

Si aprirà un documento dove possiamo scrivere codice javascript.

Come si legge nella documentazione:

Quando uno script viene pubblicato come una web app , la funzioni speciali di callback doGet( ) e doPost( ) vengono invocate quando viene effettuata una richiesta per l’URL dello script . Invece di restituire un oggetto dell’interfaccia utente creato con l’UI Service o l’HTML Service, il Content Service può essere utilizzato per restituire contenuto testuale crudo. Questo consente di scrivere script che agiscono come “servizi” , rispondendo alle richieste GET e POST e servono dati di vario tipo MIME.

Possiamo quindi costruire il nostro servizio web, scrivendo ad esempio queste poche righe di codice:

function doGet(){
returnContentService.createTextOutput('Hello, world!');}

Di fatto abbiamo realizzato un servizio che risponde a una chiamata GET scrivendo “Hello, world!”.

Ora siamo pronti per pubblicarlo, per capire come funziona la pubblicazione. Poi potremmo fare qualcosa di più utile, come ad esempio rispondere con un JSON contenente qualche dato elaborato a partire da un parametro passato nella chiamata.

Le istruzioni per la pubblicazione sono riportate qui, ma di fatto è sufficiente andare da menu Pubblica > Distribuisci come applicazione web.. e vedremo apparire questa finestra. Dopo aver salvato la versione del progetto, ci verrà chiesto come pubblicare la nostra applicazione.

Esegui applicazione come: stabilisce qual’è l’utente che esegue lo script. Se scegliamo di farlo eseguire dall’utente che accede, quest’ultimo dovrà approvare l’esecuzione dello script prima di poterlo lanciare, se invece si sceglie di farlo eseguire come se stessi, l’utente sviluppatore dovrà approvare lo script la prima volta, poi chiunque accede potrà lanciarlo senza doverlo approvare. Con questa seconda opzione sarà quindi possibile distribuire il web service che stiamo creando anche a utenti anonimi (non loggati in Google).

Chi accede all’applicazione: abbiamo diversi gradi, possiamo scegliere di tenere il servizio privato, oppure pubblico per utenti loggati in google o addirittura per qualsiasi utente, e di conseguenza anche qualsiasi applicazione di terzi.

Di fatto ora possiamo chiamare da browser l’url che Google ci restituisce dopo la pubblicazione, per vedere apparire il nostro “Hello, world!”.

Vediamo come fare qualcosa di più evoluto, ad esempio un servizio che prende in pasto un numero e restituisce un JSON con scritto se è pari o dispari.

Scriviamo questo codice:

function doGet(request) {
var number = request.parameter.number;
if (number % 2 == 0) { var type = "pari"; } else { var type = "dispari"; }
var result = {
numero: number,
tipologia: type,
};
return ContentService.createTextOutput(JSON.stringify(result))
.setMimeType(ContentService.MimeType.JSON);
}

Abbiamo aggiunto l’oggetto request tra i parametri della funzione doGet(), ci salviamo il parametro “number” in una variabile e calcoliamo se è pari o dispari. Poi scriviamo tutto nell’oggetto result, restituendolo come JSON.

Dovremo salvare una nuova versione dello script, andando su File > Gestisci Versioni.. e poi tornare a pubblicare lo script in questa nuova versione. Se all’url ora aggiungiamo la stringa ?number=42, otterremo questo risultato, chiamandolo dal browser:

{"numero":"42","tipologia":"pari"}

Di fatto abbiamo realizzato un web service o lo abbiamo reso pubblico in un attimo, il tutto senza mai lasciare il nostro browser.

Se poi volessimo spingerci oltre, potremmo addirittura anche andare a leggere un foglio spreadsheet e restituire i valori delle celle che contiene. Pensiamo a quante mirabolanti applicazioni potremmo costruire se avessimo una infrastruttura basata sulle Google Apps for Enterprise, potremmo ad esempio costruire web service che pubblicano i dati di un foglio condiviso, dove più utenti di una stessa azienda collaborano alla definizione di dati che poi vengono distribuiti ad applicazioni terze.

E per restituire le prime 9 celle di un foglio chiamato “Foglio1″ sarebbe sufficiente un pezzo di codice così:

function doGet(request) {
var key = request.parameter.key;
if (key == "chiave_di_autenticazione") {
var ss = SpreadsheetApp.openById(id_del_documento);
var values = ss.getSheetByName("Foglio1").getRange(1,1,3,3).getValues();
return ContentService.createTextOutput(values);
} else {
return ContentService.createTextOutput("Invalid Key");
}
}

Bello vero? :)

Servizi operanti in Italia

Mangopay: di stampo francese, è indubbiamente il più competitivo. E’ stato concepito e viene utilizzato solamente da piattaforme di crowdfunding (ad esempio Ulule) e marketplaces (ad esempio Vinted). Ha però alcuni vincoli per quanto riguarda gli account base, oltre certe soglie di denaro ricevuto/scambiato bisogna inviare documentazione per validare la propria identità. Le API sono ben documentate e improntate a un facile utilizzo da parte dei programmatori.

Payza: attivo in diversi paesi tra cui anche l’Italia, offre tariffe vantaggiose se confrontato a PayPal, ma ha un processo di apertura del conto business per ricevere pagamenti un po’ macchinoso. E’ necessario inviare documentazione per validare la propria identità. E’ un servizio piuttosto utilizzato, esistono infatti plugin che permettono di usare questo gateway con noti plugin (ad esempio Easy Digital Download su WordPress, per creare il proprio marketplace).

Braintree: di fatto un ramo di PayPal dal 2013. E’ il gateway usato da Airbnb, Github e Uber, quindi non di certo l’ultimo arrivato. E’ stato acquisito da Paypal ed ora opera anche in Italia, con tariffe leggermente inferiori.

Google Wallet: è l’evoluzione del servizio Google Checkout. E’ forse ancora un po’ acerbo, è stato infatti concepito per un utilizzo principalmente mobile, tramite cellulare o tablet. L’utente deve possedere un account Google tramite il quale registra i dati della/e propria/e carta/e di credito che utilizzerà al momento dei pagamenti. In questa pagina i dettagli per aprire un account business per poter ricevere pagamenti.

2Checkout: opera in tutto il mondo, ma le tariffe non sono attualmente competitive rispetto a quelle di PayPal (sono infatti più alte).

Clickandbuy: è di fatto un portafoglio elettronico, dove gli utenti possono versare denaro per poi fare acquisti online sui siti che lo consentono. Il vincolo vero consiste appunto nell’apertura di un account da parte dei propri clienti. Esiste poi una piccola schiera di servizi domestici, mediamente cari soprattutto in virtù dei canoni o dei costi fissi di attivazione e con commissioni variabili in base al settore merceologico o ai volumi. Non tutti però, quindi un giro sui vari siti dei servizi è bene farlo. In genere si appoggiano tutti a singole banche, che hanno aperto un servizio per i pagamenti online, non si tratta quindi di vere e proprie piattaforme tipo paypal, ma di servizi che permettono al negozio online di ricevere denaro senza preoccuparsi della gestione dei dati delle carte di credito dei clienti.

• GestPay di Banca Sella
• xPay di CartaSi: si tratta del POS virtuale offerto dal circuito CartaSi
• Setefi di Intesa San Paolo
• IWSmile di IW Bank: POS elettronico per ricevere pagamenti che deve essere abbinato a un conto corrente della banca
• Secur Pay di Credem: POS virtuale

Per completezza, è bene citare anche un servizio di mobile POS, senza canoni fissi, da utilizzare per ricevere pagamenti al volo utilizzando il proprio smartphone. Cito solo Payleven, poichè è il più evoluto e semplice; esistono in ogni caso anche diversi servizi similari offerti da istituti di credito.

Servizi non ancora attivi in Italia

All’estero purtroppo le alternative esistono e sono davvero interessanti, certamente hanno tariffe competitive e servizi promettenti. Non resta che tenerle monitorate per capire quando e se saranno disponibili anche nel nostro paese.

Stripe: al momente attuale è in “private beta” per l’Italia, quindi candidato ad essere un servizio disponibile nel nostro paese a breve. Offre tariffe vantaggiose e stabilità, è infatti già presente in diverse nazioni del mondo, ha API ben documentate per diversi linguaggi e gestisce molte valute internazionali.

WePay: servizio pensato appositamente per le piattaforme (crowdfunding, marketplaces, SMB platform), può contare su clienti già affermati e delle API documentate al meglio.

Amazon Payments: è il sistema di pagamento di Amazon, aperto a tutti coloro che vogliono implementarlo sul proprio sito web. Può contare su una base utenti davvero notevole.

Swipe HQ: un sistema di pagamento che opera con diverse valute e può contare su una serie di plugin già preconfezionati per sistemi come Magento o WordPress

Ne conoscete altre? Segnalatelo nei commenti!

Le mappe di Google sono un must per qualsiasi pagina contatti, ma possono diventare anche un accattivante elemento di design di una pagina web, se non addirittura l’elemento fondamentale di un sito. Ogni tanto è bello poterle personalizzare, coi propri colori e il proprio design. Con la versione 3 delle API di Google Maps, è possibile cambiare lo stile alle mappe e personalizzarle.. ma bisogna perderci tempo, per i pigri coloro che credono nella condivisione ecco Snazzy Maps, una raccolta di mappe pronte all’uso modificate nei colori e negli elementi visualizzati, ad esempio togliendo il nome delle città o delle strade, cambiando il colore all’acqua e quant’altro..

Questo è il mio personale elenco di stili da tenere in considerazione:

• Subtle Grayscale: va bene sempre, una mappa sulla scala dei grigi, non c’è luogo in cui non si possa mettere.
• Blue Water: sempre scala di grigi, ma il blu dell’acqua accende tutto.
• Lunar landscape: dark style, una mappa nera nera per chi non può rinunciare alla notte.
• Paper: da architetto, punto.
• Unimposed topography: senza nulla, nemmeno le strade.

Buone mappe a tutti.

Fotolia è un noto servizio online tramite il quale si possono acquistare immagini di qualità a prezzi relativamente bassi e contenuti. Si tratta di materiale Royalty Free, generato da utenti comuni che desiderano vendere qualcosa on line oppure altre volte da agenzie vere e propria che hanno scoperto in questo portale un ottimo canale di vendita.

Presentazioni aziendali, fotografie accattivanti, trame per background, file vettoriali: questo è ciò che si può acquistare per pochi spiccioli sul portale.
Ho avuto modo di utilizzarlo negli scorsi giorni per preparare una presentazione aziendale, basta guardare una serie come questa per farsi venir voglia di iscriversi. Si riescono a fare cose piuttosto accattivanti con poco sforzo; quando è necessario figurare bene, quale miglior biglietto da visita della propria presentazione? :)

Il sistema di acquisto può essere a crediti, ovvero si paga una quota per ottenere determinati crediti da utilizzare scaricando files, oppure ad abbonamento, pagando quindi una quota fissa che da diritto a scaricare un certo numero di file al giorno o al mese. Per chi ne fa un utilizzo spot credo che la modalità a crediti sia la più indicata.

Un interessante parente di Fotolia è AudioMicro: stesso concetto ma ribaltato sui file audio, in cui Fotolia ha investito un buon gruzzoletto. Se state facendo un montaggio video e avete bisogno di effetti o colonne sonore è il posto giusto.

Ne conoscete altri? Sono ben accetti suggerimenti..

Sono arrivati in vendita i notebook con Chromium OS preinstallato, anche in Italia. Per la cronaca: trattasi del sistema operativo di Google, concepito per vivere completamente on-line. La notizia non è pù fresca fresca, e ti viene voglia di provare questo sistema operativo di cui tutti parlano.

Come fare? E’ un attimo. Abbiamo due possibilità, metterlo su un supporto esterno USB oppure utilizzare VMware Player e avere a disposizione una macchina virtuale sul proprio computer. Ho scelto la seconda strada e metto per iscritto due appunti per chi volesse cimentarsi.

1. Se già non è installato, scaricare e installare VMware Player, il tool di virtualizzazione gratuito di VMware. Per un’utenza domestica è più che sufficiente.
2. Scaricare la Vanilla Nightly Build di Chromium OS. Vanilla che? Si tratta di una versione del sistema operativo di Google che ogni notte viene compilata fresca fresca dalla fabbrica e messa a disposizione per il download, così tutti coloro che non possono permettersi il notebook  riescono comunque a godersela. Ovviamente bisognerà scaricare la versione per VMware.
3. Una volta scaricato lo zip, scompattarlo, ad esempio nella cartella C:\ChromeOS\
4. Rinominare il file ChromeOS-Vanilla-xxxxxxxxxxxxxxxxxxxxx-VMWare.vmdk in ChromeOS-Vanilla-VMWare.vmdk
5. Aprire VMware player e cliccare su Open a Virtual Machine
6. Selezionare la macchina virtuale dalla cartella C:\ChromeOS\ ed il gioco è fatto.

Al primo avvio il sistema chiede di fare il logon con le proprie credenziali Google, ovviamente è necessario un account. La prima impressione è che si tratti di un sistema ancora un po’ acerbo, ma prima di sbilanciarmi serve un minimo di esplorazione in più.

Come ti sembra questo grafico? Prova a cliccare sugli elementi della legenda e vedrai che è interattivo, potresti utilizzarlo per simulare il rispetto degli obiettivi in assenza di fatturato ottenuto su alcune zone.. Prova a selezionare col mouse una zona del grafico e vedrai puoi fare lo zoom sui dati che ti interessano.. Queste e tante altre funzionalità si possono ottenere grazie ad Highcharts, un validissimo javascript open source che lavora con jQuery per renderizzare grafici più o meno complessi e molto accattivanti.

Il tutto senza flash, cosa a cui difficilmente si poteva rinunciare in era pre-jQuery se si volevano ottenere i medesimi risultati. Le tipologie di grafici sono molteplici: si va dalla immancabile torta alla più ricercata rappresentazione demografica, dal grafico a barre al potente grafico zoomabile sull’andamento delle quotazioni in borsa. E’ inoltre possibile caricare i dati direttamente da una tabella definita in HTML all’interno della pagina, con poche righe di codice javascript.

Sotto è riportato il codice, opportunamente commentato, dell’esempio mostrato in questo articolo.
//Carico il javascript di highcharts, dopo aver caricato jQuery
<script src="js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[

Data la sua natura di puro css e javascript, questo grafico è agilmente fruibile anche da dispositivi mobili come iPhone o Android, inoltre è ben renderizzato dai principali browser. Si tratta di un prodotto davvero interessante che potrebbe tornare utile in diverse applicazioni stand-alone, a costo zero. Ben diverso dal classico Google Charts, servizio comodissimo che però pecca in quanto ad interattività: all’utente viene infatti restituita in quel caso una immagine statica.

Cosa Manca? Mancano i “geo-grafici“, ovvero la possibilità di visualizzare i dati su una cartina; mancano i tachimetri, per visualizzare in un colpo d’occhio l’andamento più o meno positivo di un indicatore. Sono comunque cose a cui si può sopperire spulciando bene l’elenco dei plugin jQuery..
E voi? Che cosa utilizzate in questi casi?

Volete stupire con componenti dinamici pronti all’uso? Creare applicazioni web avanzate non è poi così laborioso, oggi si trovano un sacco di risorse in rete. Una di queste è il DHTMLX UI Toolkit, una serie di librerie javascript corredate da tantissimi esempi. La documentazione è ciò che fa la differenza: gli script non documentati e con pochi esempi sono quasi inutilizzabili, se non perdendo un sacco di ore per studiarseli. UI Toolkit viene distribuito in uno zip con diverse pagine di pratiche demo.

Per chi lavora in ambiente .NET molto interessante è questo Ajax Control Toolkit, un insieme di controlli utilizzabili direttamente in Visual Studio con il drag and drop, per costruire form e applicazioni accattivanti. Da Codeplex si possono scaricare anche i sorgenti, corredati da diversi esempi. In questa pagina si può avere una panoramica di tutte le funzionalità disponibili, sono davvero parecchie:

• Accordion
• AlwaysVisibleControl
• Animation
• AsyncFileUpload
• AutoComplete
• Calendar
• CascadingDropDown
• CollapsiblePanel
• ColorPicker
• ComboBox
• ConfirmButton
• DragPanel
• DropDown
• DropShadow
• DynamicPopulate
• FilteredTextBox
• HoverMenu
• HTMLEditor
• ListSearch
• MaskedEdit
• ModalPopup
• MultiHandleSlider
• MutuallyExclusiveCheckBox
• NoBot
• NumericUpDown
• PagingBulletedList
• PasswordStrength
• PopupControl
• Rating
• ReorderList
• ResizableControl
• RoundedCorners
• Seadragon
• Slider
• SlideShow
• Tabs
• TextBoxWatermark
• ToggleButton
• UpdatePanelAnimation
• ValidatorCallout

Per chi vuole essere indipendente da javascript e piattaforma tecnologica, esiste questo Vaadin, tutto basato su Java. Quest’ultimo molto più simile ai più noti framewok come Mootools o JQuery: dispone di diversi componenti elementari che opportunamente combinati tra loro danno vita ad applicazioni web avanzate.

Da segnalare infine questo iWebKit, utile per chi vuole cimentarsi nella realizzazione di siti e applicazioni concepite specificatamente per iPhone.

Risorse di questo tipo ne esistono davvero a bizzeffe, ma non è facile distinguere quelle che sono effettivamente utilizzabili out of the box da quelle che invece necessitano di altro e magari nascondono limiti tali da sconsigliarne l’utilizzo. Personalmente ho utilizzato in un ambiente di produzione l’UI Toolkit di DHTMLX e posso confermare che si tratta di librerie pronte all’uso, davvero comode e funzionali. Ho intenzione di provare a breve l’Ajax Control Toolkit per .NET e vi farò sapere le mie considerazioni. Mi piacerebbe ovviamente sentire le vostre e capire se esistono altri strumenti oltre a quelli citati, che magari avete utilizzato direttamente.

Davide: Che cosa dovrebbe avere una buona intranet?
Jane: Una buona intranet deve avere 3 cose:

1. essere incentrata sull’utente,
2. avere una strategia allineata al business
3. Avere una governance e politiche di gestione integrate al modo con cui viene gestita l’impresa

Davide: Quali sono le best practices per adottare l’enterprise 2.0? Esiste una roadmap comune?
Jane: Ma dispiace ma non esistono roadmap comuni e collaudate. Alcune aziende definiscono prima la strategia, poi la implementano. Altre iniziano con sperimentazioni dal basso, poi ufficializzano ciò che funziona. Altri mettono in campo un minimo di strategia e un po’ di sperimentazione dal basso, per poi farne una sintesi!

La chiave del successo è iniziare da ciò che è necessario al business, non dalla tecnologia. Fate progetti pilota dove c’è allo stesso tempo un bisogno e una sfida.

Davide: Wiki e blog dovrebbero essere utilizzati in una intranet? Se si, esiste un approccio da consigliare per spiegare agli utenti qual è il tool migliore da utilizzare , in base ai contenuti da pubblicare e al feedback che si desidera ricevere?
Jane: I Wiki servono per la co-creazione: fare cose assieme, fornendo uno strumenti per  “la voce del popolo”. Sono di proprietà del popolo o del singolo gruppo. Sono multi-dimensionali: i contenuti si creano spontaneamente. Potrebbero emergere talvolta anche cose inattese.
I blog servono per fare esprimere una voce individuale, il punto di vista di un team, per condividere l’esperienza. Si fanno portatori del punto di vista di un singolo o di un gruppo di persone. Sono bi-dimensionali: viene riportato un certo punto di vista o una notizia, mentre tutte le altre persone possono commentare o fare domande.
E’ interessante notare che le mie ricerche degli ultimi anni, condotte per la Global Intranet Strategies survey, evidenziano che solo nell’ultimo anno i blog hanno assunto rilevanza al pari dei wiki nelle aziende. Entrambi hanno raggiunto il 45 % dell’utilizzo nell’inchiesta del 2009, su un campione di circa 300 organizzazioni in tutto il mondo.
Fino all’anno scorso, i wiki la facevano da padrone. Credo che le società stiano famigliarizzando coi blog. I blog ottengono spesso più visibilità: persone che esprimono punti di vista. Richiedono probabilmente maggior tempo per la gestione rispetto ai wiki, basati sulla collaborazione, cosa che le imprese fanno da diverso tempo.

Davide: Connessioni col sistema ERP: è utile averle all’interno della intranet?
Jane: Assolutamente. Più che utile, è essenziale. E’ la chiave di volta per far sì che la intranet diventi il luogo di lavoro all’interno dell’impresa.

Davide: Credi che esista una killing application? Si parla spesso di Sharepoint.. Lavoro su Sharepoint da quasi due anni, credo che sia una buona piattaforma per realizzare applicazioni web, molto malleabile per poter mappare i processi di business
Jane: Sharepoint è solo una delle tante soluzioni. Non penso che una soluzione da sola si possa considerare una killer app.

Davide: Accesso dall’esterno e tramite dispositivi mobili: credi che sia un obiettivo primario?
Jane: Non è primario ma è molto importante. E’ uno dei 5 key trends che ho individuato per il 2010.

Davide: Qual è il miglior progetto che hai realizzato? Perchè?
Jane: Ce ne sono parecchi! I migliori sono quelli in cui la intranet ha cambiato il modo di lavorare dell’azienda, e il modo di fare business. La intranet esiste, in estrema sintesi, per servire i clienti. Per clienti, intendo i clienti esterni.
Le intranet aiutano le organizzazioni a lavorare meglio: le aziende lavorano per servire i loro clienti.

Davide: Grazie mille per questa intervista Jane, spero di sentire qualche utile consiglio all’E2.0 Forum!

Alcune utili consigli per chi sviluppa applicazioni ajax destinate ad essere fruibili attraverso dispositivi mobili:

• Blackberry: il browser deve essere abilitato per usare javascript. Inoltre, se si fa largo uso dello script lato client, è bene evitare di spuntare tra le opzioni il flag “Termina script in esecuzione lenti”, un semplice Bubble Sort lo manderebbe in tilt.
• Nokia (symbian): nel browser standard il metodo open(“GET”,”xml/test2.xml”,true) funziona solo in modalità asincrona, ovvero con l’ultimo parametro settato a true; scaricando il browser Opera Mini invece non ci sono problemi in entrambi i casi: sincrono/asincrono.
• iPhone: che dire.. finora nessun problem riscontrato: browser e processore appartengono a una categoria superiore.

Purtroppo non ho ancora avuto modo di fare test su dispositivi con Android..

Ma veniamo al dunque.. Tutto prende il via dagli esempi sul sito W3C, utilissimi per fare pratica.

L’obiettivo è realizzare una applicazione che va a interrogare un file xml, riportante i dati di produzione (magari estratti direttamente dal gestionale aziendale), visualizzandoli in maniera ottimizzata per schermi di modeste dimensioni.

L’esempio con il risultato finale è visibile qui.

Questa è la struttura dela file XML:
<?xml version="1.0" encoding="UTF-8"?>
<db>
<item>
<period>04.2010</period> <!-- Periodo: mese o giorno -->
<logunit id="0010">Italy Milan</logunit> <!-- Divisione di produzione-->
<delivered matcode="000123">268</delivered> <!-- Quantita' spedita -->
<finished matcode="100123">265</finished> <!-- Quantita' versata -->
<description>Product One</description> <!-- Descrizione codice materiale  -->
<update>15.04.2010 - 16:43</update> <!-- Ultimo aggiornamento -->
</item>
</db>

Supponiamo di voler offrire all’utente un menù per selezionare la divisione logistica su cui fare l’analisi e filtrare così i dati relativi alla singola divisione raggruppati in righe in base agli intervalli temporali, cliccando sulla singola riga è poi possibile vedere il dettaglio.

Ecco il codice della pagina web, con il suo javascript:
<html>
<head>
<title>Mobile Web Access</title>
<script type="text/javascript">
var xmlDoc;
var x; //array dove memorizzo la risposta xml
//inizio chiamata
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
if (xhttp.overrideMimeType) {
xhttp.overrideMimeType('text/xml');
}
}
else // Internet Explorer 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = alertContents; //gestione eventuali errori
xhttp.open("GET","xml/test2.xml",true); //chiamata asincrona
xhttp.send("");
// Questo metodo viene eseguito in modo asincrono quando arriva la risposta dal server
function alertContents() {
if (xhttp.readyState == 4) {
if (xhttp.status == 200) {
processResponse(); //gestione risposta
}
else {
document.write('<small>There was a problem with the request, sorry. Try later or contact your system administrator..</small>');
}
}
}
function processResponse() {
xmlDoc=xhttp.responseXML;
x=xmlDoc.getElementsByTagName("item");
}
//mostra i dati nel div in alto
function show(i) {
logunit=(x[i].getElementsByTagName("logunit")[0].childNodes[0].nodeValue);
logunitID=(x[i].getElementsByTagName("logunit")[0].getAttribute("id"));
period=(x[i].getElementsByTagName("period")[0].childNodes[0].nodeValue);
description=(x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);
delivered=(x[i].getElementsByTagName("delivered")[0].childNodes[0].nodeValue);
deliveredCode=(x[i].getElementsByTagName("delivered")[0].getAttribute("code"));
finished=(x[i].getElementsByTagName("finished")[0].childNodes[0].nodeValue);
finishedCode=(x[i].getElementsByTagName("finished")[0].getAttribute("code"));
update=(x[i].getElementsByTagName("update")[0].childNodes[0].nodeValue);
txt="<strong>Logistic Unit</strong>: "+logunitID+" - "+logunit+"<br /><strong>Period</strong>: "+period+"<br /><strong>Description</strong>: "+description+"<br /><img style='float:left; margin-right: 2px;' src='icon.png' alt='icon'/><strong>Delivered</strong>: "+delivered+"<br /><strong>Finished</strong>: "+finished+"<br /><div style='border: 1px dotted #fff; padding: 2px; background: #f9f9f9; color: #666;'><small><em>Last update: "+update+"</em></small><br/><small><a href='#item"+i+"'>Go Down To List..</a> | <a href='#show' onclick='show(" + (i-1) + ")'>Prev..</a> | <a href='#show' onclick='show(" + (i+1) + ")'>Next..</a></small></div>"  ;
document.getElementById("show").innerHTML=txt;
}
//crea tabella coi record relativi alla singola divisione
function createTable(t) {
document.getElementById("show").innerHTML="<em>"+t+": click on a table row to display the full production information.</em>";
txt="<table style='border: 2px solid #ccc; width: 100%;'>";
altStyle=0;
for (var i=0;i<x.length;i++)
{
if (x[i].getElementsByTagName("logunit")[0].getAttribute("id")==t) {
altStyle++;
if (altStyle % 2 == 0) { txt=txt+"<tr style='background: #e3efff;' onclick='show(" + i + ")'>"; }
else { txt=txt+"<tr style='border-bottom: 1px dotted #ccc;' onclick='show(" + i + ")'>"; }
txt=txt+"<td id='item"+i+"'><img src='cal.png' alt='ico'/><a href='#show'>";
txt=txt+(x[i].getElementsByTagName("period")[0].childNodes[0].nodeValue);
txt=txt+"</a></td><td><img src='car.png' alt='ico'/><a href='#show'>";
txt=txt+(x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);
txt=txt+"</a></td></tr>";
}
}
txt=txt+"</table>";
document.getElementById("table-content").innerHTML=txt;
}
</script>
</head>
<body>
<img src='mobile-logo.gif' alt='logo' /><br/>
<div id='show' style='background: #e3efff; padding: 3px; margin: 3px 0; border: 2px solid #ccc;'><em>Select Logistic Unit then click on a table row to display the full production information.</em></div>
<!--Per aggiungere una divisione, modificare questo menu -->
<img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0010")'>Italy Milan</a> | <img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0020")'>Italy Rome</a> | <img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0030")'>USA</a> | <img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0040")'>Germany</a> | <img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0050")'>China</a> | <img src='industry.png' alt='ico'/><a href='#show' onclick='createTable("0060")'>Brasil</a>
<!-- fine menu selezione divisione -->
<div id='table-content'></div>
</body>
</html>


Il codice è interamente commentato, e più che descriverlo a parole vale la pena scorrerlo e leggere i commenti. Se vuoi scaricare l’esempio completo, con sorgenti e immagini: ecco lo zip.

La scelta di incorporare css e javascript all’interno della stessa singola pagina è voluta, per ottimizzare il caricamento da parte di dispositivi mobili. Certo questa è solo una base di partenza, dalla quale si potrebbero sviluppare altre funzionalità: l’esigenza di avere dati disponibili anche su dispositivi mobili è sempre più sentita; è inevitabile che in futuro si debba far fronte a queste richieste.
In fondo è pure divertente!

Enterprise 2.0 per chi è sul pezzo, nuovi strumenti lavorativi per chi semplicemente li usa. Fatto sta che sono sempre più diffusi, all’interno delle organizzazioni, strumenti come i blog e i wiki; utilissimi ai team di lavoro per la gestione quotidiana delle attività, altrettanto utili all’azienda per conservare traccia del lavoro svolto e rendere questa conoscenza riutilizzabile in futuro. Sono arrivati già da tempo anche i software di instant messaging, un altro noioso compagno d’ufficio dopo il telefono. In fondo si tratta di tools per comunicare, ma non solo.

E’ sempre difficile la scelta su quale strumento utilizzare, soprattutto per chi ne è a digiuno; vi sono strumenti più o meno adatti in base alle informazioni da condividere e ai feedback necessari. La tipologia della relazione spesso fa la differenza sul raggiungimento dei risultati.
Per scrivere le riflessioni seguenti ho preso spunto da una discussione sul tema che ho letto via LinkedIn, dove veniva citato questo interessante contributo.

Veniamo al dunque, quando è meglio usare uno strumento piuttosto che un altro?

• Blog: è uno strumento informativo più che collaborativo. E’ particolarmente indicato per team di lavoro distribuiti, dove il project manager deve tenere informati i vari attori, talvolta pure il cliente. Dagli articoli possono scaturire discussioni, ma generalmente si tratta di discussioni operative, destinate a perdersi col tempo poichè non sono strutturate. La discussione è asincrona. Le informazioni possono essere catalogate con tag e categorie, ma la componente cronologica è sempre prevalente e prima o poi le notizie finiscono nel dimenticatoio.
• Wiki: è un contenitore di conoscenza. Un repository all’interno del quale memorizzare la conoscenza, sia quella esplicita che tacita. L’informazione può essere strutturata attraverso menù di navigazione, link tra pagine ed eventualmente con una tassonomia. Il contenuto è vivo, viene continuamente modificato dagli utenti ma si conserva la traccia dell’evoluzione. Non è certamente adatto per sviluppare discussioni sulle faccende più operative e non si presta nemmeno come luogo di scambio col cliente, a meno di particolari situazioni. E’ un luogo dove archiviare cose che possono tornare necessarie in futuro, come le best practices per lo sviluppo di un prodotto o per l’archiviazione di istruzioni operative.
• Instant Messaging: è perfetto per chiedere informazioni al volo senza disturbare troppo i colleghi o chi per loro. E’ certamente meno invadente del telefono pur svolgendo la medesima funzione. La comunicazione è rallentata ma efficace: sincrona. Va usato con moderazione, ma è forse uno degli strumenti più rivoluzionari. Con i software di IM è inoltre possibile condividere file o la propria sessione del desktop, si tratta di funzionalità spesso poco utilizzate.
• Email: la rogna più grossa dei nostri tempi. Serve solo ed esclusivamente per comunicazioni ufficiali, come ad esempio la notifica di un appuntamento o l’assegnazione di un task. Sviluppare discussioni dove si chiede il parere di più persone così come collaborare su un file tramite mail è la cosa più sbagliata che si possa fare. Quando serve un feedback “evoluto”, mai usare la mail.
• Telefono: serve per chiedere “Dove sei?” ed eventualmente comunicare al volo alcune cose, come il classico “Arrivo più tardi!”. A volte, se servono molte informazioni immediatamente è meglio parlarsi, perchè l’instant messaging potrebbe rubare tempo ad entrambi. Si tratta di comunicazione sincrona; in fondo a volte è anche piacevole scambiarsi informazioni in modo naturale.

A questi strumenti, inoltre, dobbiamo aggiungere i cosidetti workspace. Tipicamente siti web che raccolgono una o più funzionalità citate sopra e ne estendono le potenzialità con calendari o cartelle condivisi, dove archiviare file sui quali è richiesto l’intervento di più persone.

L’ultima frontiera della collaborazione è sicuramente il buon Google Wave, che ancora in pochi utilizzano (me compreso) ma che alla lunga credo andrà a sostituire la mail, o perlomeno quel modo errato di usarla, che tutti prima o poi sperimentano. In sostanza unifica l’IM, l’editing collaborativo e la mail, aprendosi verso quel mondo infinito di applicazioni web: mappe, video, ecc..

E voi, cosa ne pensate? Avete mai provato a spiegare a qualcuno che sia a digiuno di tutti quando è il momento di usare una cosa piuttosto che un’altra?
Nell’ottica della gestione delle informazioni, credo che sia importante istruire gli utenti circa gli strumenti che hanno a disposizione. Ma come farlo? Attraverso lunghe pagine descrittive del servizio? Può essere utile moderare i contributi e spostarli da un blog a un wiki e viceversa? Io sono ancora in fase di studio dei comportamenti..

Segnalo allora per tutti gli interessati questo comodissimo widget di Wikinvest, che tra i vari tool per bloggers offre anche questa robina.

Flash Player 9 or higher is required to view the chart
Click here to download Flash Player now

Nulla di trascendentale, ma ad offrire una cosa così senza registrazioni obbligatorie e con un comodo codice da copia-incollare non sono in molti. Fatene buon uso.
NB: Ovviamente è flash.

Avete mai definito una strategia per diffondere le logiche di web 2.0 in azienda? Ovvero, per arrivare alla tanto decantata enterprise 2.0.. Se si, sono il primo a volerlo sapere.! E dopo un commento a questo articolo, potreste andare a pubblicare la vostra roadmap sul sito di AIIM entro il 2 aprile 2009: è in corso un contest che potrebbe farvi vincere 2000 dollari.

Diffondere la cultura 2.0 in una azienda è una sfida notevole, sia dal punto di vista tecnico che dal punto di vista organizzativo. Se da un lato vi sono sempre più strumenti “all-in-one”, che permettono un veloce deploy delle applicazioni sociali e collaborative web based, dall’altra è sempre vivo il timore della perdita del controllo sui dati, ma anche e soprattutto sui processi o sulle prassi aziendali. Ecco perchè il coinvolgimento del top management divenda un punto fermo, senza questa sponsorship non riusciremo a raggiungere gli obiettivi. Così come è fondamentale definire i passi assieme al dipartimento HR, per tutti quegli aspetti legali dovuti alla privacy; infine sarà indispensabile individuare i key users, persone che possono dare grande valore aggiunto.

Vi sono, a mio avviso, due tipologie di key user da scovare:

• Gli Esperti: coloro che sanno come funziona l’azienda, il knowledge, come girano le informazioni, come le persone ottengono le cose. Sono tipicamente i “nonni”, lavorano in azienda da tempo e magari non hanno molta confidenza con gli strumenti informatici.
• I Visionari: coloro che sanno (nella loro testa) come dovrebbero apparire le informazioni, come dovrebbero essere taggate, come dovrebbero essere archiviate e presentate. Sono persone che sentono l’esigenza di comunicare e lavorare meglio, hanno la casella di posta elettronica intasata da discussioni con maree di allegati ma si sentono impotenti davanti a tutto ciò.

Il fattore critico è sempre il tempo che questi utenti possono mettere a disposizione, dal top management ai key users, tipicamente nessuno ha mai tempo da dedicare all’IT per migliorare la propria condizione lavorativa. E’ difficile far comprendere che si sta cercando di dare risposte a loro e forse proprio in questo senso la definizione della roadmap dovrebbe essere un punto di partenza ineluttabile.

Per chi volesse approfondire ecco l’articolo di presentazione del contest dal blog di AIIM. Ovviamente, finito il contest sarà interessante vedere i contributi pervenuti! I risultati sono attesi per l’11 Maggio 2010.

Ebbene, la sentenza che fa discutere è arrivata poche ore fa. Un caso unico al mondo, in cui i dirigenti delle società che offrono un servizio, vengono condannati poichè gli utenti che usufruiscono del servizio vanno contro la legge. C’è molta apprensione perchè con questo precedente si aprono impressionanti scenari: dalle parti di Enel si temono esemplari condanne per l’uso improprio dell’energia, pare abbiano scoperto che Unabomber fosse un abbonato e utilizzasse l’energia offerta dalla ditta per confezionare i suo ordigni.

Pensate all’effetto che potrebbe fare una notizia del genere sulla prima pagina dei nostri quotidiani! Ebbene: da oggi l’Italia può vantare anche questo record. Repubblica del 24 Febbraio:
“Google, carcere per video shock. Gli Usa: “La libertà di internet è vitale.
Tre dirigenti condannati per violazione della privacy. Non bloccarono, nel 2006, le immagini di un giovane down aggredito dai compagni di scuola a Torino.”

La cosa che più mi impressione è che in giro, tra i vari commenti, qualcuno si è pure azzardato a dire che è cosa buona e giusta. Che bisogna finirla con questa usanza che su internet finisce di tutto e di più. E allora condanniamo i dirigenti, condanniamo chi offre un servizio.. E poi penseremo a responsabilizzare i responsabili?!
Il concetto è identico: come se condannassimo Autostrade per gli automobilisti che superano il limite di velocità, le Poste per le lettere che contengono materiale osceno, l’ Enel per gli utenti che utilizzano l’energia per il bilancino elettrico che misura le confezioni di cocaina. Ma siamo impazziti?! Che senso ha condannare un internet service provider (un offerente del servizio internet, per chi ancora segue la dieta mediterranea) per un reato commesso da un utente di tale servizio?

Con questo principio, chi investirebbe in Italia per offrire servizi web? E dove sarebbe l’Italia senza il web?

Mi piacerebbe parlare con quel giudice che ha emanato quella sentenza e con quei magistrati che hanno sostenuto l’accusa. Ma so già che invece dovrò sorbirmi qualche talk show televisivo in cui qualcuno difenderà questa decisione esemplare, evviva il telerimbambimento!

Ancora non ci credo.. Non ci credo!

Questa dei libri in azienda l’ho sentita per la prima volta ad una conferenza su Sharepoint organizzata da Amicucci Formazione. A detta di molti, Sharepoint sembra essere il non plus ultra per creare una intranet 2.0 come si deve: ormai è pubblicizzato in ogni dove come miglior piattaforma, io ancora devo convircermi fino in fondo: il basso supporto di browser diversi da IE e la non validità del codice secondo i canoni di accessibilità W3C mi fa pensare.. Vuoi per il buon marketing che sanno fare dalle parti di Microsoft, vuoi perchè effettivamente si tratta di una piattaforma duttile, questo cosino inizia a piacermi sul serio.

Così, tra le verie idee, ve n’era una che mi ha catturato più di altre: Libri in Azienda. Alla base di tutto c’è la volontà di diffondere proposte di lettura ai dipendenti; la novità è che il tutto viene realizzato secondo le logiche 2.0. Ai dipendenti è lasciata facoltà di commentare e recensire i libri proposti, loro stessi possono proporli. L’azienda può limitarsi a dare consigli di lettura oppure istituire una biblioteca vera e propria, in qualche stanzino vicino alla sala caffè: dove le persone possono recarsi per prendere in prestito i libri.

Ho pensato di mettere in pratica la faccenda (solo a livello virtuale), con ciò che avevo a disposizione: WSS e Sharepoint Designer. Ecco allora che che i titoli sono presentati attraverso la intranet, che l’azienda apre un profilo su Anobii e tramite i feed RSS la libreria viene presentata su una xml web part.

Le strade possibili erano due:

• Utilizzare due liste Sharepoint, dove vengono catalogati libri e recensioni.
• Utilizzare un social network esterno come Anobii, presentandone l’attività tramite i feed RSS

Cosa è meglio? Beh.. non si tratta di business, semmai di formazione collaterale del personale. Non ci sono dati sensibili, non ci sono dati da salvare; la scelta è presto fatta: servizio esterno!

Tramite un tenplate XSL si può processare il feed di Anobii e il codice è piuttosto snello:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:foo="http://purl.org/rss/1.0/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:admin="http://webns.net/mvcb/"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
version="1.0" xmlns:ddwrt2="urn:frontpage:internal">
<xsl:template match="/rss" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:foo="http://purl.org/rss/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:ddwrt="http://schemas.microsoft.com/WebParts/v2/DataView/runtime">
<html>
<head>
<style type="text/css">
img {border: none;}
</style>
</head>
<body>
<div>
<ul style="list-style: none; margin: 0; padding:0">
<xsl:for-each select="channel/item">
<li style="border: 1px dotted #ccc; margin: 5px; padding: 5px; background: #f9f9f9;">
<xsl:element name="a">
<xsl:attribute name="href">
<xsl:value-of select="link"/>
</xsl:attribute>
<xsl:value-of select="title"/>
</xsl:element>
<br/>
<small style="color: #666; text-align: right"><xsl:value-of select="pubDate" /></small>
<xsl:value-of select="content:encoded" disable-output-escaping="yes" />
</li>
</xsl:for-each>
</ul>
</div>
<div id="footer" style="display: none;">
<xsl:value-of select="channel/copyright" />
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>


Dal punto di vista tecnico è tutto ok, adesso si tratta solo di seguire gli sviluppi e i risultati dell’esperimento! Qualcuno ha provato cose del genere?

Un tema italiano, professionale, versatile: con uno slideshow di presentazione degli articoli

Si chiama DiploMagazine ed è nato per chi utilizza wordpress come motore per realizzare un sito evoluto: non un semplice blog, ma un notiziario, il sito di un quotidiano, di un magazine online o un sito dove lo notizie sono organizzate in maniera professionale e non come un semplice elenco di articoli in ordine cronologico.

La demo è visibile qui, dai un’occhiata per renderti conto.

Download del Tema

Scarica diploMagazine – Template per wordpress gratuito (versione 1.0)

Uno Slideshow centrale dove mostrare foto e titoli a rotazione

Come tutti i magazine che si rispettino, è possibile impostare il tema per mostrare al centro uno slideshow con le immagini di articoli provenienti da una determinata categoria. Nessun campo aggiuntivo, nessun nome obbligatorio per la categoria: puoi scegliere tu quanti e quali articoli mostrare. Il titolo e il breve riassunto del post saranno inseriti nel caption delle immagini.

Per impostare la categoria, è sufficiente andare nel pannello di amministrazione del tema (vedi sotto) e impostare l’ID della categoria interessata.

Per ricavare l’ID di una categoria andare nella pagina di gestione delle categorie wordpress, cliccare col tasto destro sul titolo della categoria interessata e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo della categoria. Sarà un url simile a questo: http://lab.diplod.it/demo/wp-admin/categories.php?action=edit&cat_ID=25

L’ultimo numero in fondo al link è l’ID della categoria in questione, da riportare nel campo “ID Categoria per Slideshow”.

Un pannello di amministrazione per costruire l’home page e organizzare le notizie

diploMagazine ha un pannello di amministrazione tramite il quale è possibile personalizzare il tema e costruire l’home page a proprio piacere. Per accedervi cliccare sul link “diploD Magazine Option” sotto alle impostazioni di Aspetto del pannello di amministrazione WordPress (vedi figura).

Impostare le parole chiave del sito e l’immagine di sfondo della testata

Se non utilizzi nessun plugin di gestione delle keywords (come ad esempio All in One SEO Pack), puoi impostare direttamente nel pannello di amministrazione del tema le parole chiave del tuo sito, utili per ottenere un buon posizionamento sui motori di ricerca.

Puoi inoltre impostare una immagine di sfondo della testata. Il tema ne ha già una utilizzabile. Inserendo infatti l’indirizzo http://lab.diplod.it/demo/wp-content/themes/diplo-magazine/images/header-photo.png si ottiene una testata come quella nella foto sottostante.

Puoi caricare online la tua immagine personalizzata da utilizzare come sfondo della testata del sito, basta riportarne l’url.

Attivare Google Adsense sul proprio sito

E’ possibile attivare la pubblicità di Google sul tema, senza mettere mano al codice. Basta riportare il proprio Google Adsense ID (lo puoi trovare in alto a destra quando entri nel pannello di amministrazione di Google) e i colori desiderati per i propri banner.

Impostare le colonne e le categorie da visualizzare in home page

L’home page può essere a colonna singola, a due colonne, con o senza lo slideshow centrale (nell’immagine sopra sono visualizzate tutte le possibilità).

Impostando il “Numero di Categorie in Rilievo nella Home Page” a zero, sarà visualizzata una sola colonna centrale, mentre cambiando tale numero saranno visualizzate due colonne. Nella colonna laterale è possibile pubblicare articoli provenienti da diverse categorie, basta indicare l’ID delle categorie e il numero di articoli desiderati.
Per ricavare l’ID di una categoria, come descritto sopra, andare nella pagina di gestione delle categorie wordpress, cliccare col tasto destro sul titolo della categoria interessata e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo della categoria. Sarà un url simile a questo: http://lab.diplod.it/demo/wp-admin/categories.php?action=edit&cat_ID=25

L’ultimo numero in fondo al link è l’ID della categoria in questione, da riportare nel campo “ID Categoria #”

E’ inoltre possibile pubblicare una galleria di immagini proveniente da un articolo wordpress oppure un video di youtube nel footer. Per fare ciò, è sufficiente compilare i campi “Galleria Immagini” con l’ID del post al quale è associata la galleria e “Video Youtube” con l’URL embedded del video.

Per ricavare l’ID dell’articolo, dalla pagina di amministrazione degli articoli, cliccare col tasto destro sul titolo e scegliere “Copia collegamento”. In questo modo, facendo incolla sulla barra degli indrizzi o su un qualsiasi file di testo, si otterrà il link completo dell’articolo. Sarà una url simile a questo: http://lab.diplod.it/demo/wp-admin/post.php?action=edit&post=52
L’ultimo numero dell’url è l’ID dell’articolo, nel caso dell’esempio sopra è 52. Inserendo questo numero, saranno visualizzate nel footer di sinistra tutte le foto caricate in quell’articolo.

Per ricavare il link del video youtube è necessario partire dal codice embedded del video, quello offerto da youtube per inserire un video nel proprio sito. Qui sotto, in grassetto, è evidenziato l’url da inserire nel pannello di amministrazione del tema.

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/W7HNEfOf-Rw&hl=it_IT&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/W7HNEfOf-Rw&hl=it_IT&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

Quattro spazi widget ready, tra sidebar e footer

Il tema dispone di ben quattro sidebar dinamiche, dove è possibile inserire widget direttamente dal pannello di amministrazione di wordpress. La sidebar numero 1 è relativa alla colonna laterale destra del sito, mentre le numero 2, 3 e 4 sono relative alle tre colonne del footer.

Archivi, commenti e altro

Il tema è organizzato secondo le categorie degli articoli wordpress, che compaiono come menù della testata; le sottocategorie sono gestite nelle stesso menù fino al secondo livello.

I link alle pagine vengono invece pubblicati nel menù in alto, sulla prima barra nera del tema.

diploMagazine dispone inoltre di una professionale gestione delle pagine di archivio e di ricerca, mentre i commenti agli articolo supportano i Gravatar.

Non resta che provarlo e lasciare commenti, suggerimenti, feedback o l’url del sito dove viene utilizzato.

NB: Questo lavoro è rilasciato con Licenza Creative Commons: puoi modificarlo e riutilizzarlo, purchè venga citata la fonte.

Abbiamo finalmente capito che Internet non è una rete di computer, ma un intreccio infinito di persone.
Uomini e donne, a tutte le latitudini, si connettono tra loro, attraverso la più grande piattaforma di relazione che l’umanità abbia mai avuto.
La cultura digitale ha creato le fondamenta per una nuova civiltà. E questa civiltà sta costruendo la dialettica, il confronto e la solidarietà attraverso la comunicazione.
Perchè da sempre la democrazia germoglia dove c’è accoglienza, ascolto, scambio e condivisione. E da sempre l’incontro con l’altro è l’antidoto più efficace all’odio e al conflitto.
Ecco perchè Internet è strumento di pace.
Ecco perchè ciascuno di noi in rete può essere un seme di non violenza.
Ecco perchè la rete merita il prossimo Nobel per la pace.
E sarà un Nobel dato anche a ciascuno di noi.

Questo è il manifesto che candida Internet al prossimo premio Nobel per la Pace. Il regolamento però parla chiaro: il premio può essere assegnato solo a persone. E allora? C’è chi si è buttato in estenuanti dibattiti sull’opportunità o meno della candidatura: ciò che mi preme è tuttavia il messaggio.

E’ vero: probabilmente internet non è ne bene, ne male.. E’ uno strumento. Potrebbe tuttalpiù essere candidato per entrare a far parte dei beni “Patrimonio dell’Umanità” protetti dall’Unesco, forse farebbe più bella figura. Tutti i giorni però siamo invasi da messaggi che associano internet al male, alla criminalità e alla delinquenza.. Credo sia sacrosanto, una volta tanto, sostenere a occhi chiusi un messaggio positivo. Anche se tecnicamente poco credibile.

Qualche altro visionario ha pensato bene di amplificare il messaggio con una stravagante idea: Peace Dot. L’idea di Peace Dot è semplice: ognuno registra un sottodominio del tipo http://peace.NomeDominio.com e lo popola con ciò che meglio crede.
E’ partito tutto dall’università di Standford. Grazie ad Internet è infatti possibile diffondere il messaggio di pace tramite una soluzione sistematica e globale che rende più facile la condivisione e la connessione. Ognuno può personalizzare la propria pagina come meglio crede, ciò che conta è appunto contagiare quante più persone possibile!

Lo hanno fatto Facebook (con un bellissimo grafico che mostra le amicizie tra israeliani e palestinesi), PB Works, Dalai Lama Foundation e tanti altri. Così è nato anche http://peace.diplod.it.. Cosa ci metterò? Quello che man mano mi viene in mente per pubblicizzare messaggi di pace e solidarietà. Fallo anche tu e scambiamoci i link! Presto rilascerò anche il template, se vuoi utilizzarlo per questo o per altri scopi..

Magari in molti ne avranno già sentito parlare, ma mi sembra doveroso citarlo. Oscon è l’acronimo di Open Source CONtract; il nome open source sta ad indicare la logica aperta a cui si ispira il contratto (è infatti distribuito tramite licenza Creative Commons).

Oscon è un contratto aperto e gratuito standard per la vendita di servizi, software e siti web.
Rilasciato in licenza Creative Commons, nasce nell’ottobre 2004. Dal 2008 risulta il contratto aperto più diffuso in Italia, con più di 60.000 copie scaricate.

Il “pacchetto Oscon” è composto da:

• un contratto (Oscon, per l’appunto)
• una nota di lavoro
• una ricevuta per prestazioni occasionali
• una carta intestata

Fonte: wikipedia

Si tratta di uno strumento molto utile per chi deve redarre un contratto di vendita o una nota di lavoro per prestazioni occasionali. E’ senza dubbio un buon punto di partenza per presentarsi in maniera professionale senza perdere tempo per trovare belle parole di condimento per curare l’aspetto di presentazione.

Sul sito ufficiale potete trovare maggiori informazioni, il link per il download e un forum dove chiedere consigli ad altri utenti. Io ho pensato bene di utilizzarlo, cosa c’è di più bello che presentarsi con la logica della condivisione e dell’open source già dalla lettera di presentazione? Qualcun altro lo usa?

Foto Flickr

Come mai oggi sempre più giovani coltivano il mito dell’espatrio? Siamo davvero messi così male? Molte statistiche confermano: l’Italia non è Paese per giovani laureati. Ogni tanto mi sovviene il dubbio.. Io, nel mio quarto di secolo, sono soddisfatto del mio primo lavoro post laurea, e vedo intorno a me diversi giovani che “fanno”. A volte mi chiedo se non sia  colpa del sistema mediatico, che promuove modelli “ignoranti” come riferimento.
Proprio ieri è arrivato wired di Dicembre, evidentemente ci sono diversi lettori che la pensano più o meno come me. Nelle lettere indirizzate al magazine si parlava di Lorenzo Thione, un ragazzo che ha fondato Powerset per poi venderla a Microsoft e farsi un bel gruzzoletto (100 milioni). La tecnologia di ricerca sviluppata da Thione è ora utilizzata per Bing, il motore di ricerca di Microsoft. Ora il fulcro non sta nel determinare se Bing è meglio di Google (su questo non c’è dubbio, il secondo è nettamente superiore), ma nel cercare di capire come mai in Italia nessuno ha mai sentito parlare di questo tizio.

Se uno vincesse 100 milioni al SuperEnalotto diventerebbe una star. I tiggì strillerebbero l’allegra notizia, e i quotidiani manderebbero un inviato nel paese natio per parlare con amici e parenti. Già mi vedo le dieci domande. Come ha fatto ad azzeccare la mitica sestina? Come spenderà questa somma pazzesca? E via così. I settimanali di gossip andrebbero a caccia delle foto di famiglia cercando di allestire flirt con veline o calciatori, mentre i politici proverebbero a tradurre la popolarità in una candidatura: “Fai come lui/lei, vinci al SuperEnalotto”. Per sua fortuna, invece, Lorenzo Thione, per fare 100 milioni, ha dovuto studiare, andare negli Stati Uniti, avere una buona idea e lavorare duro. Così ha fatto Bing, e lo hanno bellamente ignorato. Fosse mai che poi uno come lui diventa un modello. O una speranza.

Sempre su wired, Marco rispondeva a un’altra ragazza che dichiarava le sue intenzioni di trasferirsi a Stoccolma. Anche in questo caso, riporto le sue parole poichè rispecchiano in toto il mio pensiero:

Ho letto con attenzione e commozione la lettera della ragazza che sta emigrando a Stoccolma. Cara amica, ti auguro il miglior bene, complimentandomi per il coraggio e la determinazione. Se permetti, io resto qua in Italia. Il Paese che mi ha dato i natali, del quale parlo la lingua e del quale mi sento cittadino. Non vuole essere una patetica dimostrazione di cieco patriottismo, ma una dichiarazione d’intenti. Se ci sono posti al mondo ai quali aspiriamo e che guardiamo con invidia e ammirazione, perchè non provare anche noi a diventare come loro? Il livello di civiltà di una nazione non dipende dal fato, ma da come i suoi cittadini la vogliono far diventare. Io credo che noi, giovani e meno giovani di oggi, che siamo consapevoli che il cambiamento è nelle nostre mani, abbiamo la capacità, la forza e la voglia di far diventare il nostro Paese un bel posto. Il senso civico, la consapevolezza che il benessere collettivo si riflette in benessere personale, il rifiuto dell’egoismo sociale, sono piantine che vanno coltivate e io non mi voglio tirare indietro, anche se i frutti dovessero coglierli i miei figli o i miei nipoti. Perciò, cara amica, a te e a tutti quelli che scelgono un’altra strada, i miei migliori auguri di tutto cuore.
Io, qua, ho da fare.

Su questo tema c’è pure chi ha scritto un libro. Io credo che l’Italia abbia un immenso problema: quello dei media. Se è vero che ormai buona parte dei giovani passa più tempo su internet che sulla tv, è altrettanto vero che i modelli di riferimento spesso escono da quest’ultima. Avete mai visto un servizio nel tg della sera su un qualche ricercatore/scienziato/studioso/lavoratore emergente? E quanti servizi abbiamo dovuto sopportare sul piccolo borgo di Bagnone? Se vinci il superenalotto con una schedina da 2 euro diventi un dio, se passi 5 anni all’università sei un pirla.

Ci sono tante, troppe, notizie poco incoraggianti. Se dovessi basarmi solo sui numeri partirei domani, ma se penso a come mi sentirei davvero realizzato, mi vedo in Italia. Con questo non dico che sono contrario a qualsiasi esperienza all’estero, magari ne farò tante e ben volentieri. Ma il mio obiettivo è mettere le radici qui, tra qualche anno. Ho seguito, durante gli studi, i passi di Camu, e in qualche modo lui fa parte di quei modelli positivi, che si trovano solo spulciando la rete. Perdendo tempo..

Ho cercato PBwiki e Google mi propone PBWorks. A volte le cose si scoprono anche così, cercandole. Magari sono pure arrivato lungo, perchè il cambio del marchio è avvenuto ad Aprile 2009. In ogni caso ciò che ho visto oggi è un tool di tutto rispetto, che ha messo da parte il suo taglio prettamente wiki e si propone come strumento di collaborazione per piccoli team di lavoro.

Una delle maggiori esigenze nelle aziende di oggi è la possibilità di avere uno spazio di condivisione facilmente estendibile verso l’esterno, per comunicare con clienti o fornitori, per fare co-design, per scambiare files e conoscenza. Cosa serve quindi? Un’area FTP (magari Tortoise per tracciare le versioni dei files), un wiki, e tanta (troppa) amministrazione. Cosa potrebbe sostituire queste cose? PBWorks: un wiki con un’area di gestione file dotata del versioning. Ma soprattutto uno strumento facile da utilizzare, che può benissimo essere aperto in autonomia da qualsiasi utente senza il supporto IT e che è in grado di gestire diversi profili di accesso: amministratore, editore, lettore, ecc..

Non mancano RSS, backup, personalizzazione dei colori e del logo. Sono tutte funzionalità che devono esserci e sono considerate commodity. Tipicamente ciò che fa la differenza in questi strumenti è la facilità di gestione.

Nell’ottica di intranet management, dare la possibilità ai propri utenti di aprirsi e configurarsi uno spazio di lavoro in autonomia è cosa buona e giusta. Può però diventare problematico quando vi è la necessità di aprire l’accesso verso l’esterno: clienti e fornitori non avranno mai un utente di dominio. Ecco allora che si passa nel campo della extranet.

Perchè non utilizzare servizi esterni? Gli utenti prima o poi lo farebbero da soli, a mio avviso meglio prevedere certi comportamenti e convogliare la domanda verso un unico strumento. PBWorks mi ha colpito per la sua estrema facilità di utilizzo e per la sua velocità di configurazione.
In PBWorks ho notato tante di quelle funzionalità che il buon Giacomo Mason ha elencato per il corporate wiki ideale. Ciò che non va sono le politiche di prezzo, se è vero che comunque viene data la possibilità di creare workspaces gratuitamente con utenti infiniti, è altrettanto vero che le licenze annuali per i servizi professionali sono piuttosto alte (nell’ordine dei 20 dollari per utente, Google ne chiede 40 per offrire la posta elettronica più tutta la suite di Google Apps).

Cosa mi servirebbe? Un servizio simile, se poi qualcuno conoscesse qualcosa di utilizzabile pure in locale e non come servizio, sarebbe il top. Wikispaces è la concorrenza, ma pecca nella gestione dei files: manca infatti un ambiente di gestione dei documenti e relative revisioni.

Entrambi hanno però una cosa fondamentale: le API. Purtroppo ancora non ho avuto tempo per studiarmele a fondo, ma è proprio attraverso le API che si potrebbero gestire all’interno della propria intranet i workspaces aperti verso l’esterno dagli utenti, per tenere sempre la situazione sotto controllo. Questo, a mio avviso, è uno degli elementi fondamentali per scegliere il prodotto. Mi riserbo quindi la decisione finale dopo aver giochicchiato con le API. Semmai qualcuno lo avesse già fatto, è obbligato a commentare!

Ebbene, da poco più di un mese Google ha lanciato la preview di Wave: un nuovo modo di comunicare e lavorare. Era da tempo che non riuscivo a stupirmi utilizzando una applicazione web.. I vari Facebook, SlideShare, LinkedIn, Flickr e tutte le loro spassosissime integrazioni mi avevano abituato a standard elevati. Anche se poi, diciamocelo, sono cosette. Che sul lavoro possono servire, certo, ma non sono fondamentali.

Skype, ad esempio, è una di quelle cose che in ambito lavorativo ti possono cambiare la vita: in bene o in peggio, questione di carattere. Ma restano i limiti di una messaggistica legata al testo.. dove un file arriva come qualcosa da scaricare e per cui è necessario individuare un posticino nel proprio disco fisso. Per non parlare dei limiti della messaggistica istantanea, se ti distrai un attimo è la fine.

La mail, beh.. Quando ho iniziato a utilizzare Gmail ho capito la differenza. E’ un amore che matura col tempo, se poi ti ritrovi dopo qualche anno a lottare con l’archiviazione automatica di Outlook (per non parlare delle funzionalità di ricerca), capisci d’un botto quanto sia diverso il concetto di mail tra Google e Microsoft. Eppure, dopo un po’, anche la mail ti sta stretta.. Se ne devono essere accorti dalle parti di Mountain View, perchè hanno iniziato a riempirla di applicazioni che ne estendono gli utilizzi: sono nate le Labs Features per Gmail. Ecco allora le foto di Flickr, i video di youtube, calendar, i task.. tutti assieme integrati in Gmail.

Poi il botto: Google Wave. Arriva proprio come un’onda, e ti accorgi subito dopo due o tre salti che questa è una rottura. Il concetto di mail si evolve e si fonde con quello della messaggistica istantanea. La comunicazione diventa al tempo stesso sincrona e asincrona. Non c’è più solo il testo, ci sono i video, i file, le mappe, tutto assieme in un unico flusso comunicativo. Così rifletti: non ci metti molto per capire che se i tuoi colleghi utilizzassero sta roba assieme a te sarebbe davvero diverso.

E’ ancora tutto in preview, si accede su invito, io l’ho ricevuto ma ancora non ho la possibilità di offrirne a mia volta. Appena potrò lo farò più che volentieri: si accettano candidature. :)
Per ora, l’unico modo è segnalare la propria curiosità in questa pagina. Per chi vuole informarsi, queste sono le pagine di riferimento.

Communication and Collaboration Tool: modifiche in tempo reale, più utenti assieme che editano documenti e commentano i commenti di altri. Un’onda è un flusso comunicativo vivo che si aggiorna ed evolve, non servirà più ricercare le mail. Le useremo solo per le comunicazioni formali.
Chissà che un giorno non diventi il fulcro della piattaforma enterprise di Google.