Introduzione al Web 2.0

Sessione introduttiva sul Web 2.0 © Antonio Musarra ’ s Blog http://musarra.wordpress.com

Introduzione al Web 2.0 1/6 Il Web 2.0 è un termine utilizzato per indicare genericamente uno stato di evoluzione di Internet (e in particolare del World Wide Web), rispetto alla condizione precedente. Si tende ad indicare come Web 2.0 l'insieme di tutte quelle applicazioni online che permettono uno spiccato livello di interazione sito-utente (blog, forum, chat, sistemi quali Wikipedia, Youtube, Facebook, Myspace, Twitter, Gmail, Wordpress, Tripadvisor ecc.). La locuzione pone l'accento sulle differenze rispetto al cosiddetto Web 1.0, diffuso fino agli anni novanta e composto prevalentemente da siti web statici, senza alcuna possibilità di interazione con l'utente, eccetto la normale navigazione tra le pagine, l'uso delle email e l'uso dei motori di ricerca. Per le applicazioni Web 2.0, spesso vengono usate tecnologie di programmazione particolari, come AJAX (Gmail usa largamente questa tecnica per essere semplice e veloce) o Adobe Flex. Un esempio di applicazione Web 2.0 potrebbe essere il social commerce, l'evoluzione dell'E-Commerce in senso interattivo, che consente una maggiore partecipazione dei clienti, attraverso blog, forum, sistemi di feedback ecc. Gli scettici replicano che il termine Web 2.0 non ha un vero e proprio significato, in quanto questo dipende esclusivamente da ciò che i propositori decidono che debba significare per cercare di convincere i media e gli investitori che stanno creando qualcosa di nuovo e migliore, invece di continuare a sviluppare le tecnologie esistenti. Questo tipo di etichette (Web “2.0”, “3.0, “3.5”) hanno la funzione di "fotografare" in maniera non univoca un certo momento. © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0 23/03/2010

Introduzione al Web 2.0 2/6 Il web, proprio per la sua natura, non ha mai smesso di crescere e di svilupparsi, di attirare a sé gente e di proporre novità. Da quando è stato ideato si trova in una perpetua fase di miglioramento ed innovazione, oltre che di espansione anche grazie al sempre maggiore numero di persone che utilizzano questo strumento. Il Web 2.0 fa parte di questa crescita e può essere visto come il prodotto non finale di anni di continuo avanzamento e sviluppo del web, la cui storia è iniziata oltre 15 anni fa. Per chi fosse interessato a ulteriori approfondimenti sulla storia del World Wide Web consiglio d ’ iniziare a leggere le pagine di Wikipedia http://it.wikipedia.org/wiki/World_Wide_Web Per ciò che riguarda invece l'accesso al web e la produzione di contenuti possiamo individuare tre fasi ben distinte nelle quali si possono suddividere gli ultimi anni di vissuto del web secondo lo schema illustrato nella successiva slide. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Introduzione al Web 2.0 3/6 23/03/2010 Agli albori l’utilizzo di Internet era limitato, a causa della ridotta quantità di infrastrutture tecnologiche in grado di permettere l'accesso agli utenti. I contenuti venivano pubblicati da pochi soggetti come Università o aziende web nate proprio con la visione delle potenzialità che questo strumento poteva offrire. Arriva il Web 2.0. Internet è uno strumento sempre più diffuso e alla portata delle masse. Aumenta la quantità di persone raggiunte dalla banda larga. Nascono soluzioni web che permettono agli utenti un alto grado di libertà nella produzione dei contenuti sul web siano essi pagine dinamiche, filmati, fotografie, interventi audio. La gestione delle informazioni non è più un presupposto esclusivo di alcune realtà, ma diventa un'operazione di pubblico dominio. Cresce la voglia di comunicare e di condividere il proprio pensiero e la propria personalità sulla rete attraverso le community. Le aziende web oriented forniscono, sempre più frequentemente, strumenti per l'accesso alle proprie banche dati condividendole con gli utenti e permettendo loro di interagire con le fonti di informazione. Aumentando la diffusione di Internet ed il numero di utenti che vi si potevano collegare, cresceva anche il numero di aziende che si occupavano della produzione di siti web e di contenuti online. Nascevano così società come Yahoo!, Ebay e Amazon che offrivano ai propri utenti l'accesso a contenuti e servizi. Gli utenti che producevano in prima persona contenuti e siti web crescevano con il tempo anche se questa pratica era limitata dalla necessità di conoscere specifici linguaggi di programmazione o dall'utilizzo di sistemi di Content Management System (CMS) non facilmente accessibili agli utenti. © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Introduzione al Web 2.0 4/6 Sul vero significato del termine Web 2.0 coniato da Dale Dougherty è tutt ’ ora aperto un grande dibattito tra le più importanti comunità del settore, ognuno offre definizioni più meno articolate. In questa e nella prossima slide, cercheremo di dare tre definizioni “ ufficiali ” provenienti direttamente dai “ sacri testi ” della O'Reilly e in particolare dal fondatore Tim O ’ Reilly, una delle prime definizioni da lui date è la seguente: "Il Web 2.0 è la rete come piattaforma, attraverso tutti i dispositivi collegati; le applicazioni Web 2.0 sono quelle che permettono di ottenere la maggior parte dei vantaggi intrinsechi della piattaforma, fornendo il software come un servizio in continuo aggiornamento che migliora più le persone lo utilizzano, sfruttando e mescolando i dati da sorgenti multiple, tra cui gli utenti, i quali forniscono i propri contenuti e servizi in un modo che permette il riutilizzo da parte di altri utenti, creando una serie di effetti attraverso un "architettura della partecipazione" e andando oltre la metafora delle pagine del Web 1.0 per produrre così user esperience più significative" ( Tradotto da: "Web 2.0: compact definition", 1 ottobre 2005; http://radar.oreilly.com/archives/2005/10/web_20_compact_definition.html) 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Introduzione al Web 2.0 5/6 Dalla precedente definizione si possono estrarre alcuni concetti chiave particolarmente interessanti: La rete come piattaforma; Il Software come servizio; Utilizzo dei dati da sorgenti multiple; Produzione dei contenuti da parte dell ’ utente; Partecipazione. Una seconda definizione, la troviamo contenuta all'interno del documento "Web 2.0 Principles and Best Practices" , pubblicato a Novembre 2006, dove O’Reilly sostiene che: " Il Web 2.0 è un insieme di tendenze economiche, sociali e tecnologiche che formano insieme la base per la prossima generazione di Internet - un più maturo e distinto mezzo caratterizzato dalla partecipazione degli utenti, dall’apertura e dagli effetti della rete.” ( Tradotto da: http://www.oreilly.com/radar/web2report.csp) 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Introduzione al Web 2.0 6/6 La terza e ultima definizione di O'Reilly, scritta a dicembre 2006 è nata come prodotto di una discussione online tra lo stesso O'Reilly e la comunità che si interroga sul significato del termine Web 2.0: " Il Web 2.0 è la rivoluzione del business nell'industria informatica, causata dallo spostamento verso internet come piattaforma, e da un tentativo di capire le regole per il successo su questa nuova piattaforma. Il punto principale tra tutto ciò è questo: costruire applicazioni che sfruttando gli effetti della rete che migliorano man mano più persone le utilizzano” (Tradotto da: “Web 2.0 Compact definition: Trying Again"; http://radar.oreilly.com/archives/2006/12/web_20_compact.html) Da cui possiamo estrarre i seguenti punti chiave: Business nell'industria informatica; Internet come piattaforma; Beta perpetuo. Questo è il pensiero di chi è maggiormente addentro alla tematica e sta cercando di teorizzarla, per quanto questo sia possibile. Indubbiamente il Web 2.0 è un insieme di molteplici fattori che concorrono insieme alla realizzazione di prodotti web differenti da quelli che siamo stati abituati ad usare fino a qualche anno fa. Concludo questa breve introduzione facendo riferimento alla cosiddetta Mappa Mentale del Web 2.0 (illustrata nella prima slide) ideata da Markus Angermeier che rende più chiari quali sono i concetti che fanno da spalla alla definizione di Web 2.0. I termini che ruotano intorno al Web 2.0 sono molti, a dimostrazione del fatto che l ’ argomento è piuttosto complesso e difficilmente definibile con chiarezza in queste poche slide. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

In breve: Web 2.0 vs Web 1.0 1/2 La rete permette di condividere risorse, informazioni e servizi. Il Web 1.0 può essere paragonato a un libro, a un enciclopedia, dove il lettore (in questo caso l’utente) va a ricercare un’informazione leggendo tra una serie di possibilità. Nel Web 1.0, infatti, le informazioni sono pubblicate in maniera statica, proprio come su un foglio di word, con testo e immagini e poi caricate sul web. L’utente arriva sulla pagina, legge, naviga tra i siti e se ne va senza nessuna interazione. Il web 1.0 è concepito solamente come un modo per visualizzare documenti ipertestuali in formato HTML che rende testo e contenuto inseparabili. L’utente è quindi un “ navigatore passivo ” . Attualmente il 70% degli utenti è ancora abituato a questo tipo di navigazione. Con il Web 2.0, invece, si dà importanza all’usabilità, al modo di condividere i contenuti e all’aspetto interattivo. C’è una navigazione “ partecipata ” da parte dell ’ utente. Un ’ altra differenza importante riguarda il modo di creare contenuti: con il Web 1.0 solo chi era a conoscenza di linguaggi specifici (html) poteva creare dei contenuti, invece con il Web 2.0 chiunque può creare pagine. Il successo del Web 2.0 è dovuto proprio alla sua semplicità di utilizzo: la rivoluzione delle interfacce grafiche lo ha reso più vicino agli utenti. Un blog, ad esempio, permette di condividere informazioni, e per avere un blog non è necessario conoscere un linguaggio specifico. Il Web 2.0 facilità quindi lo scambio di informazioni. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

In breve: Web 2.0 vs Web 1.0 2/2 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 1/10 Abbiamo già visto come l'aspetto sociale del Web 2.0, la possibilità di interazione tra gli utenti, l'utilizzo di differenti piattaforme o servizi di condivisione del materiale siano tutti elementi per un certo verso innovativi del modo di servirsi di Internet. Non si deve, però, pensare che tutte queste proposte offerte agli utenti abbiano un utilizzo a se stante. Come gli utenti condividono le idee, i video e le immagini, così i portali Web 2.0 condividono le funzionalità, e offrono le specifiche per creare un'interazione tra differenti servizi e media. Questo è il ” Mashup", altro concetto che accompagna la nuova visione del Web. La logica del “ Mashup ” nasce molto probabilmente dall'ambito musicale. Con questo termine infatti si vuole denotare un genere musicale derivato dall'unione di più brani, solitamente di stili ed autori diversi, fusi in un'unica opera. Riferendosi invece all'aspetto più puramente web e tecnologico, con Mashup vogliamo indicare un'applicazione che sfrutta informazioni o servizi offerti da più sorgenti attraverso opportune funzioni o linguaggi che, unite assieme, formano un unico prodotto ed un nuovo strumento, distinto dalle singole compo- nenti che ne fanno parte. Detto con un esempio, il Mashup è come un frullato: si prendono gli ingredienti come il latte, lo zucchero, la frutta, lo yogurt. Tutti questi potrebbero essere ingeriti singolarmente senza perdere alcuna delle loro proprietà, ma in realtà attraverso il frullatore vengono amalgamati in un nuovo prodotto che possiede al suo interno tutte le proprietà ed i benefici dei singoli ingredienti, con una sua identità ed un nuovo sapore. Allo stesso modo si possono prendere le più diverse tipologie di dati direttamente dalla fonte, siano questi notizie, annunci immobiliari, foto satellitari, canzoni, eventi, recensioni, ... e fonderli in un unico prodotto. Prese singolarmente queste fonti di notizie continuano a funzionare e ad offrirci un ottimo servizio all'interno dei rispettivi portali, ma forse, unite ad altre notizie o altre funzionalità ci permettono di vivere una diversa user experience e consultare le informazioni in un modo alternativo. Nella successiva slide vedremo un diagramma che riassume in sintesi il concetto di Mashup. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 2/10 In figura sono illustrati alcuni dei possibili contenuti che confluiscono in un Mashup. 23/03/2010 MASH UP Mappe Satellitari Feed RSS/ATOM Video Blog Social Network eCommerce Mobilità Urbana Slide Share © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 3/10 Una sorta di mashup molto elementare è quello che si può realizzare sfruttando i feed RSS/ATOM. È possibile ad esempio, creare un sito web all’interno del quale vengono raccolti i feed RSS dei maggiori portali dedicati ad un argomento specifico come i viaggi ed il turismo, in aggiunta si potrebbe offrire anche un servizio di rassegna stampa delle notizie in tema di viaggi realizzato da testate giornalistiche nazionali ed internazionali. Tutto questo materiale verrebbe offerto senza una diretta attività nell'aggiornamento dei contenuti del nostro sito, ma eseguendo un Mashup da più sorgenti alle quali sarà riservato il compito di continuare nella loro opera di ampliamento delle informazioni. Si tratta di un esempio estremamente semplice perchè basato solo sui feed, ma può già rendere l'idea di quanto sia ampio il bacino di progetti realizzabili sfruttando le fonti disponibili su Internet. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 4/10 Un’altra tecnica di aggregazione dei contenuti può essere applicata utilizzando le API, che permettono un controllo maggiore delle sorgenti delle informazioni e dei servizi tramite apposite funzionalità rese disponibili dai diversi gestori. Alcune API famose sono quelle disponibili con i sistemi operativi (es. Microsoft Windows) in grado di fornire agli sviluppatori gli strumenti per interagire con i sistemi operativi stessi. Sono due i tipi di API maggiormente utilizzati: REST e SOAP, ma non è lo scopo di questa sessione di formazione approfondire eccessivamente argomenti tecnici. Chi possiede esperienza di programmazione sa benissimo che in realtà l'uso delle API non è una novità recente, anzi. Questa tecnica standardizzata è applicata da anni per far comunicare applicativi sviluppati con differenti linguaggi di programmazione o per estendere le funzionalità disponibili all'interno di una soluzione web. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 5/10 L'innovazione dell'uso delle web API nell'ambito del Web 2.0 è rintracciabile in due elementi: La semplificazione delle specifiche fornite; La gratuità e la libertà del loro utilizzo. La semplificazione è una strada sempre più percorsa per poter coinvolgere un numero maggiore di soggetti che desiderano implementare soluzioni di Mashup con le API pur senza possedere le medesime elevate competenze di programmazione che potrebbero essere richieste per lo sviluppo di progetti complessi di system integration. La gratuità, invece, è l'elemento che accompagna tutte le tecnologie collegate al Web 2.0. Le web API sono fornite gratuitamente e chiunque può utilizzarle per sfruttare applicativi web dei quali non è il proprietario o non possiede una licenza d'uso. Non solo l'integrazione è ottenibile senza alcun investimento, ma da questa è possibile trarre del profitto economico senza doverlo condividere con i fornitori del servizio. I portali web che offrono web API sono in continuo aumento. Tra questi possiamo trovare: Alexa, Amazon, AOL, BBC, del.icio.us, eBay, Flickr, Google, Nasa, Skype, Technorati, Windows Live, Yahoo!, YouTube. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 6/10 Il Web Api Working Group (http://www.w3.org/2006/webapi) del W3C svolge la sua attività nell'ambito dello sviluppo di API standard per la realizzazione di servizi client-web. Le piattaforme, oggetto dello studio, includono i web browser per il desktop e per le soluzioni in mobilità (Cellulari, Smartphone, etc…), oltre che per tutti quegli applicativi che utilizzano le tecnologie web. L'obbiettivo è quello di promuovere un accesso universale alle informazioni, da parte di qualunque utente a prescindere dalle tecnologie adottate, incluse quelle appositamente realizzate per le persone che presentano forme di disabilità. Questo gruppo ha pubblicato alcuni documenti collegati alla tematica ovvero: The XMLHttpRequest Object (http://www.w3.org/TR/XMLHttpRequest/); DOM Level 3 Events (http://www.w3.org/TR/DOM-Level-3-Events/); Selector API (http://www.w3.org/TR/selectors-api/); Remote Events for XML (REX) 1.0 (http://www.w3.org/TR/rex/). 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 7/10 Google fornisce il pieno e gratuito accesso alle librerie che governano la piattaforma Google Maps per permettere agli utenti di servirsene per il loro sviluppo. All'indirizzo http://www.google.com/apis/maps è possibile registrarsi al servizio e consultare la documentazione che illustra come utilizzare le web API servendosi di tutte le funzionalità che mettono a disposizione, sono inoltre indicate con dovizia di particolari soluzioni per integrare le mappe all'interno di un sito web o applicazione per iPhone o altro ancora, la fantasia non ha limiti. Nella successiva slide vedremo un esempio concreto d ’ utilizzo dei servizi Google Maps. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 8/10 23/03/2010 Inclusione JavaScript API v3 Google Maps Istanza del servizio Directions Services di Google Maps. Inizializzazione della mappa sulle coordinate (in termini di Latitudine e Longitudine) di Bronte (Italia) impostando una serie di parametri di default. La funzione initialize() è richiamata dall ’ evento onload dell ’ elemento Body della pagina HTML. © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 9/10 23/03/2010 Aggiunge all ’ Event Listener la gestione dell ’ evento Click sulla mappa. Funzione che gestisce i Mark Point sulla mappa, utilizzati in seguito per il calcolo del percorso. Implementazione della funzione addMarker. Ad ogni Click sulla mappa, corrisponde un Push del Mark Point sulla collection Marker. Preparazione dell ’ oggetto Request. Calcola la possibile rotta sulla base dei Markers impostati in precedenza visualizzando il risultato © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Mashup & WebAPI 10/10 In figura è illustrato il risultato ottenuto dalla semplice applicazione Web 2.0 mostrata in precedenza che utilizza le Web API di Google Maps. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 1/9 Il Web 2.0 non è da intendersi come l'evoluzione della tecnologia che sta alla base di Internet ma, precisamente, un ’ evoluzione dei linguaggi di programmazione usati e del metodo con il quale interagiscono tra di loro. La spina dorsale del Web 2.0 è un linguaggio che appartiene alla categoria dei Markup Language, il riferimento è quasi ovvio, stiamo parlando dell'XML, il cui nome per esteso è: eXtensible Markup Language . Senza scendere in dettagli tecnici, l ’ XML è un linguaggio indipendente dalla piattaforma che permette di descrivere il contenuto di una pagina web o, più in generale, di documenti attraverso l ’ uso di opportuni tag. Possiede una struttura gerarchica, una serie di elementi, di attributi ed una sintassi come altri linguaggi di markup . Con il termine "estensibile" si vuole indicare la capacità di XML di ampliare il proprio linguaggio di markup: ognuno è libero di definire i propri tag (o meglio ancora il proprio schema) a seconda del contenuto che deve descrivere. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 2/9 Una delle caratteristiche del Web 2.0 è la possibilità di creare interazione con gli utenti e di fornire nuove interfacce grafiche per una differente user experience rispetto a quanto siamo stati abituati fino ad ora. Molti degli elementi di novità che sono stati introdotti e con i quali stiamo cominciando a confrontarci fanno capo ad un unica tecnologia chiamata AJAX . Cominciamo con il precisare subito che quando si parla di AJAX, diversamente a quanto alcuni ritengono, non si menziona un nuovo linguaggio di programmazione con i suoi metodi, variabili ed istruzioni, bensì si vuole intendere un gruppo di più tecnologie che vengono applicate assieme per aumentare la potenza e l'efficacia delle singole. Con questo acronimo coniato nel 2005 che significa Asynchronous JavaScript and XML , si desidera identificare l'unione di: XML: Formato d ’ interscambio dati; XSLT: Trasforma XML in XHTML (con stili forniti dai CSS); XHTML & CSS: Linguaggi di rappresentazione del contenuto primario; DOM: Aggiornamento automatico di una pagina caricata; XMLHttpRequest: Oggetto disponibile sul client (Browser) responsabile della comunicazione con l ’ application server; JavaScript: Linguaggio di scripting (client side) utilizzato per programmare un motore Ajax. Tutti questi linguaggi, per poter funzionare insieme, devono essere supportati correttamente dai più diffusi browser anche se non necessitano di particolari plug-in installati. La mancanza di supporto di Javascript, ad esempio, compromette il funzionamento completo delle applicazioni in AJAX non potendo soddisfare le richieste di esecuzione locali degli script. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 3/9 A cosa serve e come funziona AJAX ? Durante la pianificazione di un progetto web arriva il momento di prendere le decisioni relative alla struttura che questo deve avere. A seconda dei tipi di contenuti che vogliamo presentare e dalla quantità di informazioni da gestire ci troveremo a decidere se inoltrarci nello sviluppo di una soluzione statica o dinamica. Un sito web statico è realizzato servendosi di uno dei linguaggi di markup a disposizione, il quale si occupa di offrire una struttura dei contenuti e un'interfaccia di presentazione. Il meccanismo è semplice: l'utente accede al sito, ne consulta il contenuto, fa click con il proprio mouse su di un collegamento ipertestuale per cambiare pagina. A questo punto viene inviata una richiesta al server per poter accedere ad un altro file statico disponibile al suo interno. Il server risponde al client inoltrando il codice sorgente della pagina che verrà interpretato ed assemblato dal browser. Le pagine consultabili sono tutte disponibili all'interno dello spazio web perché caricate in precedenza da chi ha realizzato il progetto. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 4/9 In un sito web dinamico (o applicativo web) invece il funzionamento è differente. Il programmatore realizza si le pagine, ma adotterà, oltre ad un linguaggio di markup , anche linguaggi di programmazione di scripting (ASP e PHP ne sono solo un esempio), per poter eseguire alcuni comandi sul server remoto. L'utente che accede ad una pagina, cliccando su di un link richiede l'accesso ad uno specifico contenuto inoltrando, in modo a lui del tutto trasparente, alcuni parametri contenuti all'interno del collegamento stesso (per esempio via Query String). 23/03/2010 Tali parametri vengono intercettati dagli script presenti all'interno delle pagine sul server, i quali restituiscono una nuova pagina con diversi contenuti relativi alla richiesta inoltrata. La pagina viene così definita "dinamica" perché il suo contenuto cambia durante la navigazione; solitamente ciò avviene grazie all'interrogazione di un database remoto che fornisce tutti quei dati successivamente presentati all'interno delle pagine. Semplice interazione Utente/Sito Web Statico © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0 Utente Server Web Pagine Statiche Request Response

I cambiamenti nella tecnologia 5/9 Indipendentemente dall'utilizzo di pagine statiche o dinamiche il funzionamento classico prevede quindi: Una richiesta di una pagina da parte di un utente attraverso un browser web; La risposta da parte del server che inoltra la pagina contenente le informazioni, statiche o dinamiche che siano, richieste attraverso un'azione dell'utente (click su link, inoltro di dati attraverso una form, select, ecc). 23/03/2010 DB Semplice interazione Utente/Sito Web Dinamico Le due operazioni sopra indicate sono separate da un tempo di attesa variabile che intercorre tra l'inoltro della richiesta e la ricezione della risposta. La lunghezza di questo intervallo di tempo può dipendere da una serie fattori che possono fare la differenza tra un sito web valido ed uno mediocre. È stato infatti dimostrato che se il tempo di attesa è eccessivamente lungo il visitatore perde il proprio interesse nell'arco di alcuni secondi e si sposata quindi verso un altro sito alla ricerca delle informazioni di cui ha bisogno. Una pronta risposta è certamente un fattore da tener presente durante lo sviluppo di un prodotto. Il costringere un navigatore a caricare pagine eccessivamente pesanti, ricche di elementi grafici, immagini, animazioni e magari programmate con codice non corretto, può essere una scelta alquanto infelice per il successo del progetto. © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0 Utente Application Server Web Pagine Dinamiche Request Response

I cambiamenti nella tecnologia 6/9 La velocità di risposta alle richieste dell'utente può dipendere da un'ampia serie di fattori, quali ad esempio: La velocità di connessione alla rete; La capacità del nostro elaboratore a renderizzare rapidamente i dati; L'eccessivo carico del server; Le limitate capacità del nostro fornitore di hosting; L'eccessiva quantità di dati che devono essere trasferiti prima di poter presentare il contenuto da noi richiesto all'interno del browser. Queste cause possono presentarsi simultaneamente e, di conseguenza, aumentare in modo considerevole il tempo di attesa per i nostri utenti. Il materiale che viaggia attraverso la rete e il relativo spreco di banda è notevole, soprattutto rischia di essere ingente lo spreco di tempo da parte gli utenti in attesa di ricevere le informazioni d ’ interesse assieme ad una grande quantità di codice che in realtà è già presente nel proprio browser, riducendo in questo modo sia la produttività che la curva di attenzione per colpa dei tempi di latenza. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 7/9 Un vero cambiamento a questo metodo di operare lo introduce AJAX. Le applicazioni sviluppate con questo insieme di tecnologie infatti permettono di ottenere: La riduzione dei tempi di attesa per gli utenti attraverso l'eliminazione di alcuni di quei fattori che concorrono all'elevato trasferimento di dati inutili e ridondanti attraverso la rete; Offrire un ’ interfaccia di qualità che va oltre la normale pagina web, assomigliando più ad un ’ applicazione di tipo Desktop; Che l ’ utente sia più stimolato a utilizzare maggiormente le pagine poiché le interazioni e le risposte (nonché i commenti in caso di operazioni lente) sono tutte gestite in maniera più semplice e nel complesso la sua esperienza risulta molto migliorata. Ciò è possibile applicando un semplice principio: al momento del caricamento di una pagina, verrà richiesto al server di inoltrare unicamente quei dati di cui ho la reale necessità, senza effettuare alcun ricaricamento dei contenuti già disponibili e che non devono essere modificati. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 8/9 È chiaro quindi che, in questo caso, il vantaggio principale dell ’ adottare AJAX è la velocità con la quale si possono ottenere le informazioni richieste direttamente all'interno del browser in modo dinamico. Se ad esempio stiamo consultando dei dati all'interno di una tabella e desideriamo impostare un ordinamento su di un campo specifico, ciò si potrà fare direttamente sul client servendosi di AJAX, senza dover inoltrare una richiesta al server, il quale dovrebbe eseguire una nuova istruzione SQL e restituirci la pagina contenente i dati con l'ordine a noi più congeniale. Lo stesso succede quando riempiamo, ad esempio, i campi di un modulo all'interno della pagina. Spesso all'interno del codice sorgente vengono impostati alcuni controlli Javascript che verificano la correttezza dei dati inseriti o la presenza di informazioni all'interno di quei campi la cui compilazione è ritenuta obbligatoria. 23/03/2010 Confronto tra il modello classico ed Ajax © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

I cambiamenti nella tecnologia 9/9 Utilizzando unicamente Javascript, al momento dell'inoltro della form questi vengono esaminati e, se non corretti, lo script provvede a caricare nuovamente l'intera pagina per permettere all'utente di apporre le correzioni necessarie. Nel caso si utilizzi AJAX invece, al momento del post dei dati il controllo viene eseguito e, in caso di errori, sarà caricato unicamente il messaggio che illustra l'eventuale problema riscontrato, e non tutto il modulo, il layout ed le immagini comprese. Il passaggio dei dati verso il server si effettuerà solamente quando i campi saranno stati completati correttamente ed avranno passato la verifica locale. 23/03/2010 Confronto tra il modello delle transazioni sincrone e asincrone. © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Overview su Ajax Framework 1/4 Nella produzione del software, il framework è una struttura di supporto su cui un software può essere organizzato e progettato. Alla base di un framework c'è sempre una serie di librerie di codice utilizzabili con uno o più linguaggi di programmazione. Lo scopo di un framework è di risparmiare allo sviluppatore la riscrittura di codice già steso in precedenza per compiti simili. Questa circostanza si è presentata sempre più spesso man mano che le interfacce utente sono diventate sempre più complesse, o più in generale man mano che è aumentata la quantità di software con funzionalità secondarie simili. ll termine inglese framework può essere tradotto come intelaiatura o struttura, che è appunto la sua funzione, a sottolineare che al programmatore rimane solo da creare il contenuto vero e proprio dell’applicazione. Un framework è definito da un insieme di classi astratte e dalle relazioni tra esse. Istanziare un framework significa fornire un'implementazione delle classi astratte. L'insieme delle classi concrete, definite ereditando il framework, eredita le relazioni tra le classi; si ottiene in questo modo un insieme di classi concrete con un insieme di relazioni tra classi. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Overview su Ajax Framework 2/4 Quando abbiamo intenzione d ’ intraprendere la costruzione di una applicazione web basata su Ajax, è preferibile, a meno di non voler uscire “ matti ” , appoggiarsi su un framework Ajax. Ajax Framework, come gli altri, agevola il lavoro poiché lo divide in due parti separate: Una è responsabile della parte client e offre funzioni JavaScript per mandare informazioni al server; L'altra si preoccupa della parte server, processa le richieste e le trasmette al browser. Lo scopo primario del framework è di fornire al motore di Ajax le funzioni necessarie per eseguire lo scambio di informazioni fra client e server. Alcuni di questi framework (la maggior parte Open Source) sono molto ricchi di funzionalità, e forniscono intere librerie per costruire applicazioni web. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Overview su Ajax Framework 3/4 Quando abbiamo intenzione d ’ intraprendere la costruzione di una applicazione web basata su Ajax, è preferibile, a meno di non voler uscire “ matti ” , appoggiarsi su un framework Ajax. Ajax Framework, come gli altri, agevola il lavoro poiché lo divide in due parti separate: Una è responsabile della parte client e offre funzioni JavaScript per mandare informazioni al server; L'altra si preoccupa della parte server, processa le richieste e le trasmette al browser. Lo scopo primario del framework è di fornire al motore di Ajax le funzioni necessarie per eseguire lo scambio di informazioni fra client e server. Alcuni di questi framework (la maggior parte Open Source) sono molto ricchi di funzionalità, e forniscono intere librerie per costruire applicazioni web. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Overview su Ajax Framework 4/4 In una prossima sessione di formazione scenderemo più nel dettaglio della tecnologia Ajax, affrontando la realtà di questo mondo attraverso esempi pratici compilati con l ’ ausilio di strumenti e/o framework Ajax tra i più noti. Su queste pagine di Wikipedia potrete trovare una lista di questi framework Ajax, in tabella una parte di questi framework appartenenti alla categoria Client-Side JavaScript. Pubblicato su internet all ’ indirizzo http://chandlerproject.org/Projects/AjaxLibraries è disponibile un survey sulle librerie Ajax/JavaScript. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0 Framework Licenza Response % Prototype , a JavaScript framework that provides Ajax and other utilities MIT 34.1 jQuery , a JavaScript framework that provides an Ajax framework and other utilities GPL & MIT 29.3 Ext ( javascript library) , a library that extends Prototype, Jquery and YUI until version 1.0. Since version 1.1 a standalone Ajax framework. GPL, Commerciale 22.5 Script.aculo.us , Used with the Prototype Framework, mainly for animations and interface development MIT 22.3 MooTools , a compact and modular JavaScript framework best known for its visual effects and transitions MIT 14.3 Yahoo! UI Library , a set of utilities and controls, for building richly interactive web applications using techniques such as DOM scripting, DHTML and Ajax BSD 13.0 Dojo Toolkit , an Open Source DHTML toolkit written in JavaScript BSD & Academic Free License 11.8

Conclusioni L ’ argomento su questa tematica è talmente vasto che siamo molto distanti dall ’ averlo esaurito. Ho cercato però, con questa piccola serie di slide, di dare (almeno credo) sufficienti informazioni per comprendere cosa significhi Web 2.0 e quali siano gli elementi principali che lo caratterizzano. Abbiamo esaminato gli applicativi ed i linguaggi che ne stanno alla base oltre agli elementi di cambiamento, presenti sia nella tecnologia che nella società. La parola chiave è Innovazione , che poi è lo spirito vero di Internet e del suo continuo rinnovamento, giorno dopo giorno, realizzato esclusivamente dai suoi utenti. 23/03/2010 © Antonio Musarra’s Blog - Sessione introduttiva sul Web 2.0

Introduzione al Web 2.0

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Introduzione al Web 2.0 (20)

More from Antonio Musarra (20)

Introduzione al Web 2.0

Editor's Notes