Il web e la sua evoluzione

42
Il web e la sua evoluzione [email protected] gooddesignsociety.blogspot.com @ninolopez ninolopez1

description

La storia di internet, l'evoluzione del web, le caratteristiche del web 2.0, il mobile e l'ubiquitous computing.

Transcript of Il web e la sua evoluzione

Page 1: Il web e la sua evoluzione

Il web e la suaevoluzione

[email protected]@ninolopezninolopez1

Page 2: Il web e la sua evoluzione

ArpanetLa prima rete telematica risale alla fine degli anni ‘60.Nasce come progetto del Ministero della Difesa americano.

Page 3: Il web e la sua evoluzione

Ridondanza

Architettura policefala

Senza un unico nodo centrale.Due punti della rete potevano essere messi in comunicazione attraverso percorsi diversi.

Page 4: Il web e la sua evoluzione

A

B

Page 5: Il web e la sua evoluzione

InternetViene coniato nella prima metà degli anni ’70.Da Inter-Networking.

Insieme di reti e computer collegate tra loro attraverso canali trasmissivi diversi (cavi, onde radio, satelliti) e unite dal gruppo di protocolli Tcp/Ip.

Page 6: Il web e la sua evoluzione

NsfNetNel 1986 nasce NsfNet, gestito dal National Science Foundation (l’equivalente Usa del Cnr), che introduce gli strumenti telematici negli ambienti accademici.

Page 7: Il web e la sua evoluzione

World Wide WebNel ‘91 la Nsf toglie le restrizioni sull’uso commerciale della rete.Nasce al Cern da un’intuizione di Tim Berners-Lee.

Page 8: Il web e la sua evoluzione

MosaicNel ‘93 nasce il primo browser dotato di interfaccia

grafica.

Page 9: Il web e la sua evoluzione

StudiareCittadino / Istituzioni / Aziende

AcquistareGiocare

Flirtare

Page 10: Il web e la sua evoluzione

Browserprogramma disponibile su pc e dispositivi mobili che consente agli utenti di visualizzare e interagire con testi, immagini e altre informazioni, contenute in una pagina web.

Page 11: Il web e la sua evoluzione

Chrome 48,4% (2013)Firefox 30,2%IE 14,3% Safari 4,2% per Mac Opera 1.9%Altri 1%

Page 12: Il web e la sua evoluzione

LinkIl web è un insieme di documenti

ipertestuali scritti in HTML.

Un documento HTML ha testi, immagini, video.

30.000.000.000 di pagine.

Page 13: Il web e la sua evoluzione
Page 14: Il web e la sua evoluzione

Mainframeuna macchina (mainframe) effettua

tutte le operazioni sui dati, li memorizza e li distribuisce all’utente.

L’utente ha a disposizione un terminale stupido che viene usato come unità di visualizzazione e di inserimento dati.

La struttura di un sistema informativo può essere basata su due filosofie diverse:

Page 15: Il web e la sua evoluzione

Client/Serverarchitettura software costituita da due moduli, integrati ma residenti generalmente su calcolatori diversi.

Client(interagisce l’utente) gestisce:l’interfaccia utente, verificando i dati inseriti e inviando le richieste dell’utente

Server svolge le operazioni necessarie per realizzare un servizio; (gestione banche dati, aggiornamento dati e loro integrità)

Page 16: Il web e la sua evoluzione

ProtocolliHTTP (Hyper-Text Transfer Protocol)su cui si basa il Web e con cui avviene l’interazione C/S

FTP (File transfer Protocol)trasferimento di file tra host

SMTP (Simple Mail Transfer Protocol)per la posta elettronica

Per poter scambiare messaggi sulla rete si appoggiano sui protocolli di rete TCP/IP.

Linguaggio comune che consente il dialogo tra

client e server.

Page 17: Il web e la sua evoluzione
Page 18: Il web e la sua evoluzione

URLhttp://www.google.com/

PathIl documento che vogliamo prendere

ProtocolloHost

Domain name/ Indirizzo IPLocazione della macchina fisica

Page 19: Il web e la sua evoluzione

Pathpuò essere molto più complicato

http://www.athenaonlus.it/chisiamohttp://www.athenaonlus.it/images/foto_chisiamohttp://www.athenaonlus.it/corsi?p=barletta

Page 20: Il web e la sua evoluzione

StaticiIl browser invia al server la richiesta di una pagina specificando l’URL richiesto dall’utente;

il web server preleva il file HTML e lo invia al browser che decodifica l’HTML, che specifica il contenuto e come deve essere visualizzato.

Attività relativamente complessa: non è necessario conoscere l’HTML, basta un editor visuale che genera l’HTML.

insieme di pagine ipertestuali predefinite, tra le quali l’utente può navigare cliccando su link.

Page 21: Il web e la sua evoluzione

DinamiciOltre a navigare l’utente può usare funzioni interattive: registrazione, acquisti, ricerche in DB

Spesso sono usati moduli diversi, che andranno integrati.

Molto più complessi, la loro progettazione è più complessa, servono conoscenze avanzate di linguaggi e database.

Le pagine vengono generate dinamicamente in base alla richiesta degli utenti

Page 22: Il web e la sua evoluzione

e-mailUno dei servizi principali di internet.

Per poter utilizzare il servizio di posta elettronica è necessario avere una casella di posta per i messaggi

identificata da un indirizzo.

Page 24: Il web e la sua evoluzione
Page 25: Il web e la sua evoluzione

hostingServizio che consiste nell’allocare su un server web le pagine di un sito.

Il server web, definito “host”, è connesso a Internet in modo da garantire l’accesso al sito mediante browser, con identificazione dei contenuti tramite dominio e indirizzo IP.

Page 26: Il web e la sua evoluzione

ISP Internet Service Provider Fornitore di servizi Internet: - accesso a Internet e posta elettronica- registrazione di nomi a dominio DNS

In Italia, gli ISP che forniscono questo servizio si chiamano anche Maintainers (MNT).Spesso è lo stesso MNT che registra un nome a occuparsi di impostare i servizi correlati.

Page 27: Il web e la sua evoluzione

DNS Sistema utilizzato per la risoluzione di nomi di host in indirizzi IP e viceversa.È realizzato tramite un database distribuito, costituito dai server DNS.

Il nome DNS denota anche il protocollo che regola il funzionamento del servizio, i programmi che lo implementano, i server su cui questi girano, l’insieme di questi server che cooperano per fornire il servizio.

Page 28: Il web e la sua evoluzione

web 2.0

Il Web 1.0 (anni 90) è caratterizzato da siti statici, senza interazione “attiva” con l’utente, se non la navigazione tra le pagine a fini essenzialmente di “ricerca di informazioni”.

Oggi l’esigenza è quella di avere Applicazioni Web:pagine create dinamicamente in funzione delle richieste dell’utentecomportamento dell’applicazione dipendente dalle azioni precedenti, quindi necessità di mantenere la sessione utente

Page 29: Il web e la sua evoluzione

Con Web 2.0 si indica uno stato di evoluzione di Internet e l’insieme di applicazioni che consentono un elevato livello di interazione con l’utente.blog, forum, chat, sistemi quali wikipedia, social

Page 30: Il web e la sua evoluzione

2.0 vs 1.0Da un punto di vista strettamente tecnologico,il Web 2.0 è equivalente al Web 1.0l’infrastruttura di rete continua ad essere costituita da TCP/IP e HTTP e l’ipertesto è ancora la modalità di relazioni tra i contenuti.

La differenza è nell’interazione utenti/web

UGCdalla consultazione --> possibilità di contribuire con propri contenuti

Page 31: Il web e la sua evoluzione

Siti personaliNecessità conoscenza diHtmlCssPHP, ASP, JSPSql, Mysql

BlogChiunque può aprirsene uno per condividere informazioni

2.0 vs 1.0

Page 32: Il web e la sua evoluzione

Sistemi gestionecontenutiPossibilità di gestione dei contenuti senza possedere conoscenze tecniche attraverso un pannello di controllo

Wikitecnologia che può essere considerato il punto di arrivo della gestione dei contenuti in quanto ne implementa tutti i paradigmi

2.0 vs 1.0

Page 33: Il web e la sua evoluzione

Stickinesscontenuto che vuol far ritornare l’utente più volte sullo stesso sitoquindi creare una community

Syndicationsi rende disponibile il contenuto sotto altra forma per poterlo fruire (i feed RSS)

2.0 vs 1.0

Page 34: Il web e la sua evoluzione

Tassonomiacategorizzazionetradizionaledelle informazioni(gerarchico).Mancanza di flessibilità

Folksonomiacategorizzazione collaborativa che sfrutta di tag e parole chiave.Le categorie sono costruite dal basso, dagli utenti

Vicinanza al modello concettuale della popolazione in cui il progetto viene realizzato

2.0 vs 1.0

Page 35: Il web e la sua evoluzione

C1

C1

C2

C2

Tag 1 Tag 2Tag 2

Tag 2

Tag 4Tag 3

Page 36: Il web e la sua evoluzione

SvantaggiOmonimiaAssenza di una struttura uniforme delle tag (declinazione nomi, coniugazione verbi)Assenza di un insieme comune di parole chiave

VantaggiPossibile concretizzazione del web semantico

Siti basati su questo modello: Flickr e Delicious

Folksonomia

Page 37: Il web e la sua evoluzione

sistema per la distribuzione di contenuti che permette a un utente (previa sottoscrizione) di ricevere gli aggiornamenti di un sito.

RSS definisce una struttura adatta a contenere un insieme di notizie, composte da vari campi (nome, autore, titolo, testo, riassunto, ecc.).

Quando si pubblicano notizie in formato RSS, la struttura viene aggiornata con i nuovi dati.

Feed

Page 38: Il web e la sua evoluzione

La fruizione di RSS avviene attraverso due modalità:• attraverso appositi lettori che interpretano un feed• integrando i contenuti del feed all’interno di un sito Web

Vantaggi rispetto al ricevere contenuti tramite email:• nell’iscrizione a un feed, gli utenti non rivelano l’e-mail

evitando spam, virus, furto di identità• è sufficiente annullare la sottoscrizione

Feedly / Feeder

Feed

Page 39: Il web e la sua evoluzione

Mobile• un quarto di tutto il traffico web• le vendite di tablet nel 2013 sono state più

di 100 milioni• entro il 2014 il numero di dispositivi

mobili supererà la popolazione mondiale

Page 40: Il web e la sua evoluzione

Ubi Comp

Page 41: Il web e la sua evoluzione

Realtà aumentata

Page 42: Il web e la sua evoluzione

 

Augmented Adv