diploD

Impedire la stampa e il copia incolla da pagine wiki su Sharepoint 2010

Davide — Tue, 22 Nov 2011 11:23:44 +0000

L’esigenza è semplice: deve essere impedito all’utente medio di poter stampare o fare copia incolla da una pagina wiki di Sharepoint 2010. La premessa sull’utente medio è fondamentale, perchè un utente scafato, in grado di leggere il codice e capire come fare lo troveremo sempre.. non è quindi questo il modo per proteggere fino alla morte un contenuto, si tratta semmai di un modo per sensibilizzare l’utente circa il contenuto confidenziale pubblicato su una pagina web.

Come fare? Ovviamente javascript e css. La rete è piena di esempi per disabilitare il cut&paste o evitare la stampa di una porzione di pagina su carta; per il primo obiettivo useremo uno script semplicissimo, per il secondo un foglio di stile associato alla stampa. Tutto qui:

Con Sharepoint 2010 non è possibile però inserire javascript su una webpart di contenuto, inoltre per raggiungere lo scopo serve mettere alcune righe di codice nel tag della pagina. Dovremo quindi utilizzare Sharepoint Designer, dove possiamo entrare nell’editor della pagina wiki e cliccando su Modalità Avanzata nel ribbon siamo in grado di modificare il codice. Ogni pagina Sharepoint contiene un tag, PlaceHolderAdditionalPageHead, pensato appositamente per aggiungere codice custom nell’head della pagina.

Nell’immagine sopra ecco un esempio pratico: risultato raggiunto! :)

Better Life Index: javascript e statistiche sulle nazioni dell’OCSE

Davide — Wed, 19 Oct 2011 22:26:59 +0000

In attesa di tempi migliori per poter tornare a scrivere su queste pagine con più intensità (mi sono segnato davvero un sacco di appunti..), segnalo questo incantevole grafico fatto con sapienza. Si tratta del Better Life Index. Descrive l’indice di desiderabilità di una nazione in base ai propri valori, tenendo conto di una serie di indicatori sociali. Ecco il video di presentazione dell’iniziativa.

Tutte le informazioni sull’iniziativa sono disponibili a questa pagina; per farla breve: vengono confrontati i 34 Paesi facenti parte dell’OCSE, l’Organizzazione per la Cooperazione lo Sviluppo Economico. Non è soltanto un mero gioco di javascript, da questo sito si possono imparare svariate cose, cliccando sul “fiore” della nazione è infatti possibile leggere un report sulle performance in generale e sulle politiche messe in atto nei singoli aspetti del Better Life Index.

Si può creare il proprio Better Life Index e condividerlo come ho fatto sopra, sia su un blog che via Facebook o Twitter. Perchè provare e condividere? Ogni volta che si crea un indice, entrerà in una banca dati accessibile al pubblico. Nel corso del tempo, questo aiuterà l’OCSE a costruire un quadro di quello che i cittadini di tutto il mondo considerano come forme di benessere. Buona condivisione..

Fotolia: considerazioni post utilizzo

Davide — Fri, 02 Sep 2011 12:18:53 +0000

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..

Branding di Sharepoint 2010: ABC e qualche appunto.

Davide — Tue, 09 Aug 2011 14:20:04 +0000

Sharepoint 2010 è sulla scena da ormai oltre un anno, è tempo di mettere nero su bianco qualche appunto ad imperitura memoria, magari tornerà utile ad altri. L’obiettivo è una semplice e sbrigativa customizzazione di un portale Sharepoint con colori personalizzati, un minimo di vestizione grafica e la scelta della master page e dell’icona di rappresentanza.

Tutto parte dal menù del sito su cui si intende intervenire: Site Action -> Site Settings. Sotto al gruppo Look and Feel troveremo varie voci, come nell’immagine a sinistra. Una prima veloce sistemata ai colori si può dare cliccando su Site theme, da qui possiamo impostare la tavolozza cromatica che desideriamo. Va detto, a onor del vero, che se vogliamo salvare un nuovo tema cromatico dovremo utilizzare Power Point, ma l’idea di lavorare su un sito web attraverso power point mi sconvolge talmente tanto che non l’ho presa nemmeno in considerazione. Ma volenti o nolenti prima o poi sarà da fare.

Una volta decisi i colori, possiamo cimentarci nella creazione di una master page personalizzata, da utilizzare come base per la nostra web application, a cui associare un foglio di style CSS che conterrà le nostre personalizzazioni ed una eventuale favicon. Per fare ciò è necessario aprire Sharepoint Designer 2010 e caricare il sito web, dal menù di sinistra dobbiamo quindi selezionare la voce “List and Libraries” e successivamente entrare nella cartella “Style Library” (vedi figura sotto).

In questa cartella andremo a creare una nuova cartella, chiamandola “mystyle” dove posizioniamo il CSS e la favicon, oltre a eventuali immagini utili per abbellire tramite CSS il nostro sito web.

A questo punto è il momento di creare la master page. Come prima, da menù, andiamo sulla voce “Master Pages” (vedi figura sotto).

Noteremo che ci sono due pagine fondamentali, una dal nome “default.master” e l’altra “v4.master”. Le pagine master definiscono una struttura comune per tutte le pagine Web in Microsoft SharePoint Server. Per impostazione predefinita, quando viene richiesta una pagina, la pagina master e la pagina di contenuto sono combinate per produrre una singola pagina. Utilizzando una pagina master, tutte le pagine di contenuti e applicazioni condividono la stessa struttura della pagina e hanno lo stesso look & feel. La pagina default.master è utile per la retro compatibilità con SharePoint 2007, la versione 2010 utilizza la pagina v4.master, famosa per l’interfaccia a ribbon tipica di Office.

Per completezza, ecco la descrizione delle master page di default dal sito Microsoft:

NAME / DEFAULT FILE NAME	DESCRIPTION	USES ON A SHAREPOINT SITE
Primary master page v4.master	Used for content and administration pages. Provides the interface and layout for SharePoint 2010.	Team Site home page, list and library pages, and site settings page.
Minimal master page minimal.master	Contains minimal SharePoint content, used for full-screen functionality or embedded applications.	The home and search results pages on a Search Center, pages that host Word or Excel web applications.
Publishing master page nightandday.master	Used for pages on a SharePoint Server publishing-enabled site.	The home page, about us, or press release page on a publishing intranet, extranet, or Internet-facing site.
2007 default master page default.master	Used to support legacy SharePoint sites, which haven’t been visually upgraded to SharePoint 2010.	Home page, site pages, and list pages on a SharePoint 2007 site before visual upgrade.

Copiamo quindi la pagina v4.master e nominiamola ad esempio mypage.master. Ora doppio clic sulla pagina appena creata e si presenterà davanti a noi una schermata, al centro c’è la voce “edit file”, clicchiamoci sopra per fare il check-in della pagina e iniziare a modificarla secondo le nostre esigenze. L’obiettivo è inserire il riferimento a un CSS che utilizzeremo per modificare esclusivamente ciò che ci interessa. Passiamo quindi alla visualizzazione del codice.

All’interno del tag possiamo inserire i riferimenti al CSS e ad una favicon specifici.

Abbiamo messo il riferimento ai file salvati in precedenza nella cartella appositamente creata. A questo punto dobbiamo salvare e impostare la master page appena creata come pagina di default. Per fare ciò, si può cliccare col tasto destro sul nome del file e selezionare la voce “Imposta come pagina master predefinita” oppure dal menù Site Action sul browser selezionare la voce “Master page” e impostare la pagina custom come quella predefinita (vedi immagine sotto).

Ora siamo liberi di modificare il CSS come meglio crediamo, nel mio caso ad esempio ho inserito questo codice:

body { background: #fff url(bg_erbetta.png) repeat-x bottom left;} .s4-title { background: #fafafa url(header_bg.png) no-repeat bottom right;} .s4-socialdata-notif, s4-socialdata { background: #fafafa; /* Fallback for web browsers that doesn't support RGBa */ background: rgb(250, 250, 250); /* RGBa with 0.6 opacity */ background: rgba(250, 250, 250, 0.9); /* For IE 5.5 - 7*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fafafa, endColorstr=#99fafafa); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99fafafa, endColorstr=#99fafafa)"; } .s4-ca { background: transparent;}

Ovviamente le possibilità di personalizzazione della master page sono tante altre, si possono spostare gli elementi o inserire pezzi di codice specifici. In questi appunti ho trascritto solo l’ABC, chi più ne ha più ne metta..

Chiudo con alcune utili risorse per chi vuole approfondire il tema:

Installare Chrome OS su VMware: come provare il nuovo sistema operativo di Google

Davide — Mon, 04 Jul 2011 16:02:30 +0000

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.

Se già non è installato, scaricare e installare VMware Player, il tool di virtualizzazione gratuito di VMware. Per un’utenza domestica è più che sufficiente.
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.
Una volta scaricato lo zip, scompattarlo, ad esempio nella cartella C:\ChromeOS\
Rinominare il file ChromeOS-Vanilla-xxxxxxxxxxxxxxxxxxxxx-VMWare.vmdk in ChromeOS-Vanilla-VMWare.vmdk
Aprire VMware player e cliccare su Open a Virtual Machine
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ù.

HTML5 e jQuery: finalmente un player audio video coi fiocchi

Davide — Fri, 08 Apr 2011 15:58:09 +0000

Si chiama Projekktor, ed è davvero ciò che cercavo da tempo. Un player senza fronzoli, che funzioni su tutti i browser. Senza flash, che quegli aggeggi piccoli e cool così come gli attrezzi grossi e prestanti non supportano. jQuery certo, ma anche il pulitissimo HTML5.

Adoro questo pezzo di codice:

Chiaro e leggibile, grazie al nuovo tag HTML5 ormai supportato da diversi browser. In sostanza viene specificata nell’attributo poster una immagine di partenza da far visualizzare al caricamento dell’oggetto e diverse sorgenti video, questo per garantire una maggiore compatibilità sui diversi sistemi.

Il plugin jQuery si occupa del resto: playlist, gestione dei temi grafici.. ci sono pure le API disponibili.

Perfetto insomma!

Highcharts: grafici interattivi con jQuery ottimizzati anche per iPhone / Android

Davide — Thu, 17 Feb 2011 17:52:14 +0000

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

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?

Chiamare e consumare un web service da una pagina aspx con C#

Davide — Tue, 21 Dec 2010 11:41:40 +0000

Cosa sono i web service e perchè possono essere davvero utili lo lascio raccontare ad altri:

L’obiettivo di questo articolo è fissare un esempio pratico per interrogare un web service e sfruttare i risultati che restituisce utilizzando C# e Visual Studio.

Supponiamo di dover accedere al webservice di esempio su W3C, descritto a questa pagina: http://www.w3schools.com/webservices/tempconvert.asmx
La descrizione del servizio è fornita a questo URL: http://www.w3schools.com/webservices/tempconvert.asmx

Il servizio ha 2 metodi - FahrenheitToCelsius() e CelsiusToFahrenheit() - che accettano entrambi un solo parametro di input e convertono la temperatura da gradi fahrenhait a Celsius e viceversa.

La risposta del server è un XML di questo tipo:
38

Su Visual Studio, cliccando sul nome del progetto web col tasto destro, si apre un menu dove è possibile aggiungere una Web Reference.

Qui si inserisce l’indirizzo della descrizione WSDL del web service.

Il software identifica l’interfaccia del servizio web, con i metodi che mette a disposizione.
Per aggiungerlo al progetto si clicca sul tasto Add Reference. Fatto questo ci troveremo l’oggetto nel Solution Explorer.

Ora nel codice della pagina aspx su cui vogliamo consumare il web service è necessario aggiungere il riferimento con questo codice:
using com.w3schools.www;

Ora dichiariamo un oggetto per la web reference, che sarà possibile utilizzare con tutti i sui metodi come qualsiasi altro oggetto:

com.w3schools.www.TempConvert MyProxy = new com.w3schools.www.TempConvert();

L’esempio finale completo potrebbe essere una pagine con una textbox che nella quale l’utente scrive la temperatura, un bottone di invio invoca il webservice e il risultato appare in una label. In questo caso il codice della classe sarebbe il seguente:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using com.w3schools.www; public partial class _Default : System.Web.UI.Page{ com.w3schools.www.TempConvert MyProxy = new com.w3schools.www.TempConvert(); protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { Label1.Text = MyProxy.CelsiusToFahrenheit(TextBox1.Text); } }

Mentre il codice della pagina il seguente:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

E ora non resta che sbizzarrirsi, una volta imparato il mestiere va affinato.

Lascio qualche link per chi i web service li vuole anche costruire:

Lavorare con le date in javascript: il tool che salva la vita!

Davide — Wed, 29 Sep 2010 14:43:22 +0000

jsDate: emulatore delle funzioni native Visual Basic in javascript. Ovvero, come fare somme e differenze, trasformare in diversi formati, ricavare il giorno della settimana o il mese da stringhe che rappresentano date.

Per chi non vuole impazzire con le classiche funzioni javascript, che sono utili ma non sempre funzionali, esiste questo comodo js da includere nei propri lavori per agire in maniera efficace sulle date. La funzione più importante è sicuramente il DateDiff(), comodissimo per fare somme e differenze al volo sulle date.

Ecco un po’ di giochetti che si possono fare grazie a questo script, lo schema esplicativo sottostante è stato preso direttamente dal sito dell’autore.

1) Imposta i parametri:

date1

date2

interval

number

firstDayOfWeek

namedFormat

format

abbreviate

2) Chiama una funzione:

3) Ottieni questo risultato:

Si riparte con l’anello al dito!

Davide — Tue, 14 Sep 2010 22:07:10 +0000

Qualcuno forse avrà notato un’insolita calma su queste pagine negli ultimi mesi, qualcuno magari no. Ebbene sì, mi sono sposato. E la cosa fu davvero gradita, se non altro per le tre settimane di stop tra Islanda e Irlanda.

Su Flickr, il mio album si sta popolando giorno per giorno, e si potranno sbirciare le foto del viaggio.. del quale rimane uno splendido ricordo. La lava, la birra, le luminose notti islandesi e le musicali notti irlandesi. Ora si torna alla carica, un po’ come per la scuola o la pallacanestro, inizia la nuova stagione.

Componenti Ajax e UI Toolkit per applicazioni web RIA

Davide — Mon, 19 Jul 2010 06:42:17 +0000

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:

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.

Leggere e visualizzare file XML con C# (C sharp): qualche esempio

Davide — Tue, 13 Jul 2010 12:31:32 +0000

C# è ormai un linguaggio diffuso, Visual Studio volenti o nolenti è un IDE collaudato e comodo anche per lo sviluppo di applicazioni web. E quando si parla di web, si parla spesso di XML.

Leggere i dati di un documento XML è un’operazione semplice e veloce, farli visualizzare su una pagina web è altrettanto rapido, ma è bene sapere alcune nozioni per potersi muovere con tranquillità e sicurezza.

Andiamo con ordine e vediamo subito un esempio di un file XML che vogliamo trattare:

2010-06-06 Milano 100 101 100 Caramelline alla fragola 2010-06-06T13:05:21+01:00 tante belle cose.. [..]

Questo file potrebbe rappresentare dei dati produttivi, riguardanti ad esempio i materiali entrati in magazzino, i materiali prodotti e il venduto.

Il modo più rapido e banale per leggere questo file e farlo visualizzare su una pagina ASPX è tramite il seguente codice:

DataSet ds = new DataSet(); ds.ReadXml(@"C:\test.xml", XmlReadMode.Auto); DataView MyDataView = new DataView(ds.Tables[0]); MyDataGrid.DataSource = MyDataView; MyDataGrid.DataBind();

Il codice non fa altro che creare un nuovo DataSet per contenere i dati che andremo a leggere, leggere il file tramite il metodo ReadXml(), creare una DataView con la tabella creata nel dataset e assegnare quest’ultima come DataSource per la DataGrid.

All’interno della pagina .aspx ci sarà quindi una DataSource così fatta:

Tralasciamo lo stile attribuito alla testata della datagrid, ciò che è importante in questo caso è solo l’ID.

Così facendo però ottengo una tabella di questo tipo:

period	data_Id	description	updated	note
2010-06-06	0	Caramelline alla fragola	2010-06-16T13:05:21+01:00	tante belle cose..

E tutti gli altri dati che fine hanno fatto? Sono stati salvati in altre tabelle del DataSet, assieme a tutti gli attributi dell’xml; queste tabelle avranno come riferimento il data_Id e potrò utilizzarle come meglio credo.

Se infatti cambiamo il primo codice, mettendo una tabella diversa, in questo modo:

DataView MyDataView = new DataView(ds.Tables[1]);

Verrà visualizzata una pagina con la seguente tabella:

id	logunit_Text	data_Id
MyID	Milano	0

Se cambio e metto la terza tabella:

DataView MyDataView = new DataView(ds.Tables[2]);

Il risultato sarà:

matcode	entered_Text	data_Id
ABC001	100	0

Mentre per le tabelle successive, avrò questi risultati visualizzati:

matcode	produced_Text	data_Id
ABC002	101	0

matcode	delivered_Text	data_Id
ABC002	100	0

Incrociando queste tabelle attraverso il campo data_Id potrei ricavare tutti i dati contenuti nell’XML, attributi e testi all’interno dei tag.
Il mio obiettivo era però quello di far visualizzare questi dati senza gli attributi riportati nell’XML. Ciò che mi interessa sono solo i dati riportati all’interno dei tag. Vorrei avere un risultato di questo tipo:

period	description	updated	note	logunit	entered	produced	delivered
2010-06-06	Caramelline alla fragola	2010-06-16T13:05:21+01:00	tante belle cose..	Milano	100	101	100

In questo caso potrebbe fare al caso nostro l’ XML Schema. Si tratta di un file con estensione XSD, che descrive i dati contenuti in un file XML. Ogni file XML può avere uno schema associato che lo descrive. Esistono diversi tool che possono creare un file XSD a partire da un XML, uno di questi, che trovo molto pratico è quello di Flame-Ware completamente on-line.

Il nostro file XML iniziale potrebbe essere descritto da questo XSD, supponendo che tutti i campi siano stringe.

http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">

Per associare questo schema al file XML, è necessario dichiararlo nell’intestazione, in questo modo:

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="schema.xsd"> 2010-06-06 Milano 100 101 100 Caramelline alla fragola 2010-06-06T13:05:21+01:00 tante belle cose..

Così facendo però, se rilanciamo la pagina costruita in precedenza, il risultato sarà identico: un unico dataset con diverse tabelle collegate tra loro dal campo data_Id.

Quindi? La soluzione c’è. Dobbiamo solo definire uno schema XSD semplificato all’interno dell’XML stesso. In questo modo:

http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata"> 2010-06-06 Milano 100 101 100 Caramelline alla fragola 2010-06-06T13:05:21+01:00 tante belle cose.. 2010-06-06 Milano 100 101 100 Caramelline alla fragola 2010-06-06T13:05:21+01:00 tante belle cose..

Il risultato finale sarà quindi una DataGrid che può essere visualizzata come sotto, utilizzando pari pari il codice C# definito all’inizio di questo articolo.

period	description	updated	note	logunit	entered	produced	delivered
2010-06-06	Caramelline alla fragola	2010-06-16T13:05:21+01:00	tante belle cose..	Milano	100	101	100

Buon divertimento con l’XML..

Intranet Governance: intervista a Jane McConnel

Davide — Wed, 02 Jun 2010 22:42:44 +0000

Global Intranet Strategies è il report che ogni anni Jane McConnel produce dopo aver passato in rassegna diverse intranet aziendali, lo diffonde direttamente dal suo blog (Globally Local.. Locally Global). Quest’anno Jane sarà presente come relatrice all’International Enterprise 2.0 Forum, il 9-10 Giugno a Milano; vista l’occasione scambiamo con lei qualche battuta. Una chiacchierata sulle modalità di governance e di gestione di una robusta intranet aziendale. Da un po’ di tempo sono alle prese con lo sviluppo e la gestione di una intranet concepita per una azienda che ha filiali worldwide, ne ho approfittato per chiedere qualche consiglio. La stessa intervista, nella versione inglese, la troverete sul blog dell’E2.0 Forum.

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

essere incentrata sull’utente,
avere una strategia allineata al business
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!

100 mila persone per strada!

Davide — Sun, 16 May 2010 23:20:50 +0000

Domenica italiana.

100.000 persone marciano da Perugia ad Assisi per chiedere a gran voce un mondo di Pace ed uguaglianza sociale; assieme a migliaia di studenti delle scuole italiane e a innumerevoli “testimoni” venuti da diverse nazioni del mondo, assieme a Don Ciotti di Libera e all’AVIS: il tutto mediamente ignorato dai media e dall’italiano medio.

100.000 persone si riversano nelle strade di Milano per festeggiare lo scudetto dell’inter tra petardi, fumogeni e dita medi al cielo, il tutto in diretta RAI e idolatrato dall’italiano medio; che allo stadio ci vuole il ferro.

Ricerche Maestre: il design di un motore di ricerca

Davide — Thu, 06 May 2010 16:36:13 +0000

Ricerche Maestre è un motore di ricerca per bambini, genitori e maestri che seleziona siti scelti da esperti insegnanti della Scuola Primaria. Si possono trovare risorse scolastiche per la scuola elementare e si può navigare all’interno di siti adatti a bambini dai 3 ai 14 anni, cercando contenuti educativi e di svago. La ricerca è immediata ed efficace. Il motore va dritto al bersaglio, tecnologia Google.

E il design? Una paginetta che mi ha dato un sacco di soddisfazioni. Nulla di sconvolgente, ma c’era una piccola sfida da affrontare: mettere tutto su una stessa pagina html, dal form di ricerca ai risultati, compresi i testi informativi e di corredo. Con un po’ di javascript, si può.

Innanzi tutto, un plugin di jQuery per riprodurre il famoso effetto del sito di Coda. Una valida alternativa potrebbe essere questo coda-slider, anch’esso plugin jquery, con una buona documentazione sugli esempi demo. In secondo luogo alcuni div che contengono i risultati di ricerca ed il gioco è fatto!

Questo fantastico effetto è facilmente replicabile, l’idea è quella di riutilizzarlo per il prossimo tema wordpress, è un’anteprima!

Insomma, Ricerche Maestre è un motore di ricerca personalizzato a cura del Maestro Alberto Piccini, al quale collaborano Paola Limone, Lidia Pantaleo, Annarita Ruberto, Renato Murelli. Ricerche Maestre al momento indicizza circa 3.000 siti selezionati tra i migliori reperibili in rete, per bambini e famiglie, a carattere divulgativo e informativo, educativi, scolastici e di insegnanti.

Se avete bambini: il luogo giusto per iniziare le esplorazioni della rete!

Ci mancava l’Enterprise 2.0 forum?! Beh, si..

Davide — Sun, 25 Apr 2010 23:43:29 +0000

L’occasione è quella del forum internazionale sull’enterprise 2.0, il 9 e 10 Giugno 2010. La location è Milano, non poteva essere altrimenti, l’edizione è già al terzo giro di boa. I temi sono i seguenti:

Verso l’interno: Intranet 2.0, Community Management, Human Resources 2.0, Social Learning, Organizational Network Analysis, IT Governance

Verso l’esterno: Social CRM, Sales Community, Social Media Marketing, Social Media Monitoring

Innovazione: Idea e Innovation Management, Crowdsourcing e Idea generation, Prediction market

Definire la strategia e costruire il business case

Nuovi schemi organizzativi e modelli di leadership

Sostenere l’adozione ed il cambiamento culturale

Driver di business, metriche e ritorno dell’investimento

Framework per coltivare le community ed ingaggiare i clienti e gli utenti

L’impatto dei social media sui processi di business: BPM 2.0, CRM 2.0, PLM 2.0

Best practice e lezioni attraverso casi di successo nazionali ed internazionali

Il passaggio dal marketing al social CRM

Software sociali e piattaforme collaborative

Sono temi che mi stanno particolarmente a cuore e coi quali mi sto scornando in prima persona; potrebbe essere una due giorni per approfondire qualche argomento. Gli speaker sono parecchi, coi quali mi piacerebbe scambiare due chiacchiere. L’occasione è piuttosto ghiotta per poter discutere e analizzare casi concreti: tra i relatori leggo nomi come IBM, Oracle, Intel. Ovviamente si tratta di una conferenza a pagamento: per gli studenti senza portafoglio esiste però l’opportunità di partecipare gratuitamente inventandosi promoter dell’evento, per chi desidera maggiori informazioni ecco il post dal blog ufficiale.

Le date sono un po’ proibitive per il sottoscritto, ma confido di farcela.. Qualcuno ha già fissato la data?

Un esempio di applicazione ajax ottimizzata per dispositivi mobili: xml e javascript.

Davide — Thu, 22 Apr 2010 17:43:48 +0000

Ajax è sempre cool, se poi lo affianchi a iPhone & Co. è ancora più cool. Perchè non vedere un esempio di applicazione web fruibile da cellulare che va a interrogare i dati contenuti in un file xml? Pensiamo ai webservices, ormai l’xml è un po’ ovunque. Dobbiamo solo sfruttarlo.

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:
04.2010 Italy Milan 268 265 Product One 15.04.2010 - 16:43
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:
Mobile Web Access

Select Logistic Unit then click on a table row to display the full production information.





Italy Milan | Italy Rome | USA | Germany | China | Brasil

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!

Decidere se usare blog, wiki, IM, email o telefono..

Davide — Wed, 14 Apr 2010 17:06:10 +0000

[Foto Flickr]

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..

Un widget per fare l’embed sul proprio sito dell’andamento in borsa di un titolo

Davide — Thu, 01 Apr 2010 11:07:28 +0000

Sembra cosa da poco, ma ho scoperto sulla mia pelle che trovare un buon widget da incorporare nel proprio sito, che mostrasse l’andamento in borsa di un titolo azionario non è immediato. I vari Google Finance o Yahoo Finance sono ottimi strumenti, ma in quanto a possibilità di sharing sono ancora scadenti. Ci sono le API certo, ma chi avrebbe voglia di studiarsele solo per ottenere un grafichetto e nulla più?

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

View the full GOOG chart at Wikinvest

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.

Enterprise 2.0 roadmap: un contest da 2000 dollari

Davide — Mon, 22 Mar 2010 18:10:14 +0000

[Fonte: Flickr]

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.