Non è una nuova tecnologia, ma piuttosto un insieme di tecnologie. Termine coniato da Tim O Reilly in una conferenza del 2004

Transcript

1 Web 2.0: tecnologie e applicazioni 1 L'evoluzione del Web Cos'è il Web 2.0?... Non è una nuova tecnologia, ma piuttosto un insieme di tecnologie e il W3C non c'entra Termine coniato da Tim O Reilly in una conferenza del 2004 fondatore e CEO di O'Reilly Media, Inc. [ Si fonda su una nuova "filosofia" per l'utilizzo del Web l'utente, normalmente navigatore passivo nel "Web 1.0", nel Web 2.0 diventa parte attiva, fornendo anche il suo contributo (e i contenuti variano in genere molto frequentemente ) 2 1

2 L'evoluzione del Web cos'è il Web 2.0? I siti del Web 2.0 fanno ampio uso delle tecnologie per l'interazione sia lato client, sia (soprattutto) lato server: l'html non basta The term Web 2.0 is commonly associated with web applications that facilitate interactive information sharing, interoperability, user-centered design, and collaboration on the World Wide Web. Examples of Web 2.0 include web-based communities, hosted services, web applications, social-networking sites, video-sharing sites, wikis, blogs, mashups, and folksonomies. A Web 2.0 site allows its users to interact with other users or to change website content, in contrast to non-interactive websites where users are limited to the passive viewing of information that is provided to them [Wikipedia, 3 I protagonisti Web

3 I protagonisti Web Alcuni servizi e tecnologie del Web 2.0 Diari online: i blog Da Web log "online journals" di individui o organizzazioni Coprono in pratica qualunque argomento Aggiornamento (in genere) frequente anche quotidianamente I "post" (ordinati cronologicamente) possono includere testo, immagini e elementi multimediali in genere I lettori possono rispondere ai post dell'autore come per l'implementazione dei forum (anch'essi parte del Web 2.0), sono richieste opportune tecnologie lato server ma esistono servizi on-line che fanno quasi tutto da soli nella creazione dell'"impianto tecnologico" (database, ecc.) 6 3

4 Alcuni servizi e tecnologie del Web 2.0 Social network Facebook è il più famoso, ma non l'unico ne esistono a decine [ MySpace LinkedIn Xing È possibile anche costruire propri SN personalizzati es. NING [ 7 Alcuni servizi e tecnologie del Web 2.0 Wiki WikiWikiWeb primo wiki in assoluto, creato da Ward Cunningham nel 1994 [ termine "wiki" ispirato al bus di linea dell'aeroporto di Honolulu, chiamato, in espressione hawaiana, "wiki wiki" (= veloce) Wikipedia il più famoso esempio di "creazione collaborativa" di contenuti Esistono molte "piattaforme" open source per la creazione wiki es. MediaWiki [ 8 4

5 Alcuni servizi e tecnologie del Web 2.0 Content sharing Photo sharing es. Flickr [ com/] Video sharing es. YouTube [ Presentation sharing es. Slideshare [ 9 Alcuni servizi e tecnologie del Web 2.0 Feed RSS Acronimo di Really Simple Syndication è un formato basato su XML per la ricezione i "automatica" di contenuto Come funzionano? si effettua una sottoscrizione ai feed che interessano sui siti che li offrono; si usa poi un reader che periodicamente controlla se ci sono novità (ad esempio Internet Explorer e Mozilla Firefox includono lettori di feed ) Indicano una certa "attenzione" nei confronti dell'utente quasi sinonimo di "sito attivo" 10 5

6 Perché il Web 2.0? Dai prodotti ai servizi (?) Esempio tipico: Netscape vs. Google Netscape è nato come software, cioè come prodotto (il browser Web, da installare, aggiornare, ecc.) Google è nato da subito come applicazione Web nativa, cioè come servizio Applicazioni on-line come naturale evoluzione delle applicazioni i i off-line? utenti "co-sviluppatori" (si sa subito come usano il prodotto ) indipendenza dalla piattaforma 11 Perché il Web 2.0? Verso il cloud computing (?) Tutto in rete tutto è "la fuori" nella rete, delocalizzato, distribuito nella "nuvola" di Internet Esempio eclatante di cloud computing: Google Chrome OS Google Chrome OS is an open source, lightweight operating system that will initially be targeted at netbooks. [ ] We're designing the OS to be fast and lightweight, to start up and get you onto the web in a few seconds. The user interface is minimal to stay out of your way, and most of the user experience takes place on the web. [ 12 6

7 Le tecnologie per il Web Oltre il markup Rich Internet Applications Le Rich Internet Applications (RIA) sono "applicazioni Web" con caratteristiche simili a quelle dei programmi ordinari di solito funzionano in un browser in pratica sono pagine web che si comportano parzialmente o totalmente come applicazioni desktop Le RIA si distinguono in genere per la loro interattività rispetto alle pagine "tradizionali", in cui le uniche forme di interazione possibili sono date dal "click" e dalle funzionalità dei form Le RIA sono particolarmente adatte al Web 2.0 sono il suo motore 14 7

8 Oltre il markup Siti web interattivi L HTML da solo non permette di codificare interazioni con l utente (a parte il semplice clic sui link e l inserimento dei dati nei form ) Esempi di interazioni: immagine che cambia quando il cursore del mouse le passa sopra, contenuto della pagina che cambia alla pressione di un bottone, finestra di popup che informa del verificarsi di un errore, Per creare interazioni è di solito necessario utilizzare codice di programmazione 15 Tipi di interazione web Interazione lato client e lato server Nell interazione lato client,, il comportamento interattivo della pagina è definito da codice che viene eseguito sulla macchina dell utente es. JavaScript, applet Java, Flash, controlli ActiveX, Nell interazione lato server, il comportamento interattivo della pagina è definito da codice che viene eseguito sul server programmi CGI e application server 16 8

9 Interazione lato client Principali tecnologie lato client JavaScript (DHTML = HTML + CSS + JavaScript) Adobe Flash permette di creare animazioni vettoriali e di definire comportamenti interattivi (all'interno di aree rettangolari) come per le applet Java, il codice (binario) risiede in file esterni I controlli ActiveX (Windows) sono componenti software che possono essere sviluppati usando diversi i linguaggi i solo Internet Explorer è in grado di eseguire i controlli ActiveX (gli altri browser necessitano di un plugin) - Fattore di rischio: accesso completo al sistema operativo (Windows) 17 Interazione lato server Siti web dinamici Un sito dinamico è un sito il cui contenuto (o una parte dei suoi contenuti) viene generato "on-demand", cioè quando serve si pensi ai molti siti il cui contenuto proviene da database: in questo caso i dati non sono memorizzati in file HTML predefiniti, ma sono generati "al volo" quando le pagine sono richieste (quando devono cioè essere inviati all utente) la generazione dinamica del contenuto è generalmente affidata a programmi CGI o application server, che risiedono sul server ma una pagina può essere resa dinamica anche dalle tecnologie lato client 18 9

10 Interazione lato server siti web dinamici Si pensi al caso in cui i dati inseriti in un form vengono di solito inviati al server, dove sono elaborati in qualche modo (da un programma o da una pagina "speciale" ) l utente potrebbe quindi ricevere una pagina di risposta il cui contenuto non è staticamente definito, ma dipende proprio dai dati che aveva inserito nel modulo 19 Interazione lato server siti web dinamici Attenzione a non confondere siti interattivi e siti dinamici un sito può essere interattivo senza essere dinamico es. pagina con effetto rollover un sito può essere dinamico senza essere interattivo es. quotidiano online senza funzionalità interattive 20 10

11 Interazione lato server Principali tecnologie lato server Programmi CGI utilizzo tipico: i elaborazione dei dati inseriti iti nei form (ad esempio la loro memorizzazione in file o database) e la generazione di contenuto dinamico (che viene inviato al client e visualizzato dal browser) Es. definizione di un form i cui dati saranno inviati al programma elabora.tcl: <form name="f" method="get" action="/cgi-bin/elabora.tcl"> i / b l 21 Interazione lato server Application server Software aggiuntivo che viene installato su una macchina server (in genere quella che ospita il Web server) ed è in grado di interpretare ed eseguire codice di programmazione scritto in un linguaggio specifico; gli application server più diffusi sono PHP e ASP Utilizzi analoghi a quelli dei programmi CGI A differenza dei programmi CGI, il codice di programmazione può essere integrato direttamente nell HTML 22 11

12 Interazione lato server Un esempio PHP <html> <head> <title>test</title> </head> <body> <h2>test</h2><hr/> <form method="post" action="result.php"/> Nome <input type="text" name="nome" size="10"/> Età <input type="text" name="eta" size="4"/> <br/><br/><br/> <input type="submit" value="invia"/> </form> </body> </html> <html> <head> <title>test</title> </head> <body> <h2>test PHP</h2><hr/> <?php $nome = $_REQUEST['nome']; $eta = $_REQUEST['eta']; echo "Ciao $nome, hai $eta anni!"?><br/> <?php if ( $eta > 49 ) echo "$nome, la vita inizia a cinquant'anni..."; elseif ( $eta > 29 ) echo "$nome, sei giovane"; else echo "$nome, sei molto giovane!"; endif;?> </body> </html> 23 Interazione lato server Database Ogni organizzazione è dotata di un sistema informativo ormai praticamente sempre automatizzato Sistema informativo automatizzato sistema informatico nei sistemi informatici, le informazioni vengono rappresentate per mezzo di dati Informazione = elemento che permette di avere una conoscenza di fatti, situazioni o modi di essere Dato = elemento di informazione costituito da simboli che si prestano ad essere elaborati (es.: Mario Bianchi e ) 24 12

13 Interazione lato server database Un DBMS (DataBase Management System) è una collezione di dati tra loro correlati e un insieme di "modalità" per accedere ad essi in genere, i DBMS sono progettati per gestire grandi quantità di dati Esempi di DBMS MS Access, MySQL, Oracle, MS SQL server, I siti dinamici i i (e quindi il Web 2.0) fanno ampio uso dei DBMS i contenuti forniti dagli utenti devono essere memorizzati da qualche parte 25 Altre tecnologie del Web 2.0 Interazioni più veloci: AJAX Acronimo di Asynchronous JavaScript And XML non è una nuova tecnologia, ma un utilizzo asincrono di Javascript che, per mezzo di un interfacciamento XML, può permettere ad un client di richiamare informazioni lato server in modo più veloce, creando nuove possibilità per lo sviluppo di rich internet applications Richieste asincrone ai server l'oggetto XMLHttpRequest permette di effettuare richieste di risorse a un server Web in modo indipendente dal browser - Non è necessario attendere che la richiesta sia stata ultimata per effettuare altre operazioni (esempio: GoogleMaps) 26 13

14 SEO Web 2.0 e SEO SEO = Search Engine Optimization "strategie" per aumentare le visite a un sito attraverso i motori di ricerca quindi metodi per migliorare il "posizionamento" Una corretta "politica di SEO" può essere fondamentale per la sopravvivenza di un'azienda se Google non ti trova "non esisti" (o quasi ) Con il Web 2.0 le strategie del SEO devono tenere conto di nuovi fattori forum, social network, blog, ecc. concorrono (pesantemente) a influenzare i risultati dei motori di ricerca 27 14