Download - Il web e la sua evoluzione
![Page 2: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/2.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/3.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/4.jpg)
A
B
![Page 5: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/5.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/6.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/7.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/8.jpg)
MosaicNel ‘93 nasce il primo browser dotato di interfaccia
grafica.
![Page 9: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/9.jpg)
StudiareCittadino / Istituzioni / Aziende
AcquistareGiocare
Flirtare
![Page 10: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/10.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/11.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/12.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/13.jpg)
![Page 14: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/14.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/15.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/16.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/17.jpg)
![Page 18: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/18.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/19.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/20.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/21.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/22.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/24.jpg)
![Page 25: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/25.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/26.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/27.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/28.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/29.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/30.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/31.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/32.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/33.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/34.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/35.jpg)
C1
C1
C2
C2
Tag 1 Tag 2Tag 2
Tag 2
Tag 4Tag 3
![Page 36: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/36.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/37.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/38.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/39.jpg)
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](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/40.jpg)
Ubi Comp
![Page 41: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/41.jpg)
Realtà aumentata
![Page 42: Il web e la sua evoluzione](https://reader037.vdocuments.site/reader037/viewer/2022110302/5467d14aaf7959d51d8b51c4/html5/thumbnails/42.jpg)
Augmented Adv