Nuove tecnologie per la comunicazione

Transcript

1 World Wide Web Cazzaniga Paolo Dip. di Scienze Umane e Sociali paolo.cazzaniga@unibg.it

2 Outline 1 Ipertestualità Multimedialità 2

3 Ipertestualità Multimedialità Outline 1 Ipertestualità Multimedialità 2

4 Ipertestualità Multimedialità Ipertesti Parti di testo collegate tra loro logicamente I collegamenti permettono all utente di passare da una parte del testo all altra Il documento ha una struttura reticolare L utente può navigare o effettuare una scansione non lineare del testo In generale l ipertesto è un documento sviluppato con implementazioni informatiche L ipertesto (in una forma che vedremo successivamente) si è diffuso enormemente negli anni 90 con la nascita del World Wide Web

5 Ipertestualità Multimedialità Ipertesti Diamo una definizione formale: è un testo digitale è composto da più parti (blocchi di testo) detti nodi o topics le parti sono in connessione tramite collegamenti o link seguendo una struttura reticolare la struttura dell ipertesto determina la modalità di navigazione la struttura è legata ad un autore la struttura è aperta, nel senso che è possibile passare da un ipertesto all altro

6 Ipertestualità Multimedialità La struttura di un ipertesto I nodi unità minimali di informazione autonomi completi I collegamenti sono logici o definiti tra tematiche affini I collegamenti vengono definiti su parole attive o hotwords Forma di un ipertesto

7 Ipertestualità Multimedialità La struttura di un ipertesto Gli archi possono essere orientati o non orientati Definizione di stella uscente da un nodo e stella entrante Presenza di loop o self-loop

8 Ipertestualità Multimedialità I collegamenti di un ipertesto Possiamo distinguere i collegamenti (o link) a seconda della loro funzione: interni al nodo esterni

9 Ipertestualità Multimedialità I collegamenti di un ipertesto Possiamo distinguere i collegamenti (o link) a seconda della loro funzione: interni al nodo esterni collegamenti ad altri nodi dello stesso ipertesto collegamenti ad altri ipertesti link di navigazione link di attivazione

10 Ipertestualità Multimedialità I collegamenti di un ipertesto Possiamo distinguere i collegamenti (o link) a seconda della loro funzione: interni al nodo esterni collegamenti ad altri nodi dello stesso ipertesto collegamenti ad altri ipertesti link di navigazione link di attivazione Qual è la differenza tra gli ultimi due tipi di collegamento?

11 Ipertestualità Multimedialità I collegamenti di un ipertesto Possiamo distinguere i collegamenti (o link) a seconda della loro funzione: interni al nodo esterni collegamenti ad altri nodi dello stesso ipertesto collegamenti ad altri ipertesti link di navigazione link di attivazione Qual è la differenza tra gli ultimi due tipi di collegamento? link procedurali (es. pulsante back del browser) link testuali (collegamenti testuali) link associativi (stretta affinità - collegamenti testuali) link strutturali (collegamenti a sezioni dell ipertesto) link sitografici (collegamenti ad altri siti )

12 Ipertestualità Multimedialità Multimedialità Documento multimediale: opera in cui è presente una molteplicità di mezzi di comunicazione: testo grafica animazione suono Anche la multisensorialità è richiesta (es. vista e udito)

13 Ipertestualità Multimedialità Multimedialità Diversi tipi di multimedialità debole (questa lezione) intrinseca (fumetti) additiva (il cinema muto con sottotitoli) nativa (il cinema)

14 Ipertestualità Multimedialità Multimedialità Diversi tipi di multimedialità debole (questa lezione) intrinseca (fumetti) additiva (il cinema muto con sottotitoli) nativa (il cinema) Per il web la multimedialità deve avere codifica digitale su supporti elettronici: Multimedialità ristretta (coesistenza di una pluralità di linguaggi) Multimedialità interattiva Cos è?

15 Outline 1 Ipertestualità Multimedialità 2

16 Ipertestualità e Multimedialità Ipertestualità struttura del documento Multimedialità contenuto del documento

17 Ipertestualità e Multimedialità Ipertestualità struttura del documento Multimedialità contenuto del documento Dall incontro tra ipertestualità e multimedialità nasce la ipermedialità

18 Ipertestualità e Multimedialità Ipertestualità struttura del documento Multimedialità contenuto del documento Dall incontro tra ipertestualità e multimedialità nasce la ipermedialità World Wide Web ipermedialità nasce al CERN di Ginevra alla fine degli anni 80 sistema di comunicazione via Internet (tra ricercatori) tecnologia (web) resa pubblica nel 1993

19 Ipertestualità e Multimedialità Ipertestualità struttura del documento Multimedialità contenuto del documento Dall incontro tra ipertestualità e multimedialità nasce la ipermedialità World Wide Web ipermedialità nasce al CERN di Ginevra alla fine degli anni 80 sistema di comunicazione via Internet (tra ricercatori) tecnologia (web) resa pubblica nel 1993 World Wide Web ipertesto multimediale distribuito su Internet

20 World Wide Web Struttura pagine web Collegamenti link unidirezionali Le pagine sono distribuite su Server web o Server http L utente naviga usando client detti browser

21 World Wide Web Struttura pagine web Collegamenti link unidirezionali Le pagine sono distribuite su Server web o Server http L utente naviga usando client detti browser Quale dei seguenti NON è un browser? 1 Firefox 2 Chrome 3 Safari 4 Thunderbird 5 Opera

22 World Wide Web Struttura pagine web Collegamenti link unidirezionali Le pagine sono distribuite su Server web o Server http L utente naviga usando client detti browser Quale dei seguenti NON è un browser? 1 Firefox 2 Chrome 3 Safari 4 Thunderbird 5 Opera

23 Pagine web Testo superficiale - ciò che appare all utente testo, audio, grafica, immagini, filmati i browser, di default, riconoscono formati standard (es. file jpg, gif, png) per visualizzare altri formati è necessario installare plug-in Acrobat Reader QuickTime FlashPlayer

24 Pagine web Organizzazione interna delle pagine: spazio dei contenuti parti di ipertesto oggetti multimediali link associativi cornice ipertestuale strutture di navigazione (menu di navigazione primaria e secondaria) strutture di identificazione (intestazione, logo, banner, contatti) Alcune pagine hanno il link alla homepage nel logo, una sorta di fusione delle strutture di navigazione e contatto

25 Sito web E un insieme di pagine web: autorialità (singolo emittente) argomento di comunicazione (tema) strategia argomentativa (layout) destinatario (chi è l obiettivo del sito) collocazione fisica (server web) collocazione virtuale (l indirizzo web)

26 Sito web Un po di domande...

27 Sito web Un po di domande... Cos è la homepage?

28 Sito web Un po di domande... Cos è la homepage? Cos è una splash page?

29 Sito web Un po di domande... Cos è la homepage? Cos è una splash page? Cos è un portale?

30 Sito web Un po di domande... Cos è la homepage? Cos è una splash page? Cos è un portale? Cos è un servizio web?

31 Sito web Un po di domande... Cos è la homepage? Cos è una splash page? Cos è un portale? Cos è un servizio web? motore di ricerca (Google, Yahoo!, Bing) aste online (ebay) vendita online (Amazon, Chl, Pixmania) intermediazione commerciale (PayPal) posta elettronica (Gmail, Hotmail, Yahoo!)

32 Sito web Esistono diverse tipologie di sito web: siti aziendali (business to consumer b2c e business to business b2b) siti istituzionali (enti pubblici, università, ecc.) siti personali (...anche i blog) e diversi modelli di comunicazione e funzione: informativa conativa (o persuasiva) emotiva (o espressiva) ogni sito può appartenere a più di una categoria!

33 Sito web I siti web possono essere statici o dinamici pagine statiche HTML pagine dinamiche (generate on the fly) elementi dinamici (script) CMS (Content Management Systems) file temporanei (cosa sono?) In teoria, dal nome della pagina si dovrebbe capire se è statica (.htm o html) o dinamica (che comprende una serie di parametri) Recentemente sono stati introdotti nomi search engine friendly per le pagine dinamiche (per ottimizzare le ricerche)

34 I protocolli di Internet: HTTP Esistono tre standard principali per il web (gestiti dal W3C): HTTP (HyperText Transfer Protocol) - protocollo di rete per lo scambio di messaggi con architettura client/server un utente specifica un link o utilizza un motore di ricerca e il browser invia la richiesta ad un server la richiesta viene gestita tramite DNS e grazie all infrastruttura di rete (TCP/IP) quando il server risponde, il browser formatta la pagina, ricostruisce l ipertesto (link) e gestisce i contenuti multimediali il browser può quindi richiedere nuovi dati per visualizzare la pagina o invocare programmi (JavaScript, ecc.)

35 I protocolli di Internet: HTTP Ogni volta che viene visitata una pagina il client cede delle informazioni al server le informazioni vengono memorizzate in file di log e vengono usate per ottimizzare i processi e a fini statistici le statistiche sui siti web sono gestite anche dal W3C: Global Web Stats (

36 I protocolli di Internet: HTTP Esistono altri tipi di comunicazione: tecnologie push feed RSS (Really Simple Syndication): l utente fa un abbonamento a un feed RSS e viene aggiornato senza che ne faccia richiesta esplicita (ad es. le news) podcasting usa la stessa tecnologia dei feed RSS ma permette la diffusione di materiale video e audio feed RSS e podcasting permettono di aggregare le notizie e scaricarle automaticamente sul dispositivo connesso a Internet senza dover visitare tutti i siti web (ad es. Repubblica)

37 I protocolli di Internet: HTTP Esistono altri tipi di comunicazione: tecnologie push feed RSS (Really Simple Syndication): l utente fa un abbonamento a un feed RSS e viene aggiornato senza che ne faccia richiesta esplicita (ad es. le news) podcasting usa la stessa tecnologia dei feed RSS ma permette la diffusione di materiale video e audio feed RSS e podcasting permettono di aggregare le notizie e scaricarle automaticamente sul dispositivo connesso a Internet senza dover visitare tutti i siti web (ad es. Repubblica) Cosa significa downloading? e streaming?

38 I protocolli di Internet: HTML Il linguaggio HTML (HyperText Markup Language) - linguaggio di marcatura per implementare le pagine web Prevede l uso di marche (tags) doppie o singole formattazione (anche se spesso si usano fogli di stile css) struttura del documento link ipertestuali aggiunta di oggetti multimediali <HTML> <HEAD> <TITLE>Esempio 1 </TITLE> </HEAD> <BODY> <CENTER><H1>Questo è scritto in stile Heading 1</H1></CENTER> Scritta non indentata <HR WIDTH="100% " > </BODY> </HTML>

39 I protocolli di Internet: HTML Esistono altre tecnologie, che si affiancano all HTML, per ovviare la sua povertà espressiva: JavaScript: linguaggio di scripting per scrivere programmi che vengono interpretati ed eseguiti dal browser Java: linguaggio di programmazione, vengono aggiunti alle pagine HTML programmi pre-compilati (applet) che possono essere eseguiti solo se sul client è presente il Java Runtime Environment (JRE) Flash: gestione dei contenuti multimediali (immagini e filmati) XML: extensible Markup Language, è più espressivo di HTML e viene solitamente usato per l archiviazione di testi su web

40 I protocolli di Internet: URL URL (Uniform Resource Locator) è un indicatore univoco di una risorsa web protocollo://hostname:porta/pathname?query#frammento protocollo (http, https, ftp) hostname (indirizzo ip o nome indirizzo) porta (opzionale, se omesso viene impostata la porta di default del protocollo) pathname (percorso all interno del filesystem del server) query (informazioni parametriche per la generazione di pagine dinamiche) frammento (indica un punto preciso della pagina)

41 I protocolli di Internet: URL Esempi: id_notizia=54140&cerca=ing_orari-avvisi Quando gli indirizzi sono troppo lunghi si possono usare: alias URL shorteners ( E se l indirizzo di una pagina cambia? PURLs (Persistent URLs) assicura che una pagina sia sempre raggiungibile dall esterno anche se il suo URL cambia

42 Come si accede ad un sito web? Direttamente: scrivendo l indirizzo nel browser Indirettamente: seguendo un link presente in un altro sito Tramite un motore di ricerca: seguendo una delle pagine elencate grazie ad una ricerca La maggior parte degli accessi avviene tramite motore di ricerca

43 Come si accede ad un sito web? Direttamente: scrivendo l indirizzo nel browser Indirettamente: seguendo un link presente in un altro sito Tramite un motore di ricerca: seguendo una delle pagine elencate grazie ad una ricerca La maggior parte degli accessi avviene tramite motore di ricerca Come funziona un motore di ricerca?

44 Come si accede ad un sito web? Direttamente: scrivendo l indirizzo nel browser Indirettamente: seguendo un link presente in un altro sito Tramite un motore di ricerca: seguendo una delle pagine elencate grazie ad una ricerca La maggior parte degli accessi avviene tramite motore di ricerca Come funziona un motore di ricerca? cerca in tutti i siti del web cerca nel web tutti i siti che contengono le parole chiave cerca nell archivio dei siti web dice automaticamente in quali siti è presente la parola chiave (sfruttando altri programmi)

45 Come si accede ad un sito web? Direttamente: scrivendo l indirizzo nel browser Indirettamente: seguendo un link presente in un altro sito Tramite un motore di ricerca: seguendo una delle pagine elencate grazie ad una ricerca La maggior parte degli accessi avviene tramite motore di ricerca Come funziona un motore di ricerca? cerca in tutti i siti del web cerca nel web tutti i siti che contengono le parole chiave cerca nell archivio dei siti web dice automaticamente in quali siti è presente la parola chiave (sfruttando altri programmi) Nessuna di queste è corretta!

46 I motori di ricerca Ricerca input: lista di parole chiave output: lista di collegamenti Data una parola chiave, viene effettuata una ricerca testuale Ricerca avanzata: operatori logici (AND, OR) uso dei doppi apici ( ) lingua date tipo di dato (immagini, video, ecc.)

47 I motori di ricerca Come funziona in realtà un motore di ricerca? i risultati riguardano solo parte del web la richiesta di un utente viene tradotta in una query ad un database dove sono presenti informazioni di un certo numero di pagine web precedentemente catalogate l interrogazione viene fatta tramite l attivazione di un programma di gestione di un archivio questa ricerca locale garantisce tempi di risposta molto brevi

48 I motori di ricerca Come funziona in realtà un motore di ricerca? i risultati riguardano solo parte del web la richiesta di un utente viene tradotta in una query ad un database dove sono presenti informazioni di un certo numero di pagine web precedentemente catalogate l interrogazione viene fatta tramite l attivazione di un programma di gestione di un archivio questa ricerca locale garantisce tempi di risposta molto brevi La pagina generata da un motore di ricerca è statica o dinamica?

49 I motori di ricerca L archivio di ricerca viene costruito tramite spider (o crawler, robot, bot): sfrutta una lista di indirizzi noti esplora, analizza e indicizza le pagine durante la visita vengono identificati i link esterni per le successive esplorazioni la fase di indexing serve a identificare le parole chiave (anche grazie ai tag HTML) l attività dello spider è continua, asincrona (rispetto alle richieste) e ciclica

50 I motori di ricerca L archivio di ricerca viene costruito tramite spider (o crawler, robot, bot): sfrutta una lista di indirizzi noti esplora, analizza e indicizza le pagine durante la visita vengono identificati i link esterni per le successive esplorazioni la fase di indexing serve a identificare le parole chiave (anche grazie ai tag HTML) l attività dello spider è continua, asincrona (rispetto alle richieste) e ciclica Cos è la copia cache di una pagina web?

51 I motori di ricerca Il ranking: l ordinamento dei risultati è fondamentale ordinamento tramite page rank rilevanza popolarità sponsored links (a pagamento)

52 I motori di ricerca Il ranking: l ordinamento dei risultati è fondamentale ordinamento tramite page rank rilevanza popolarità sponsored links (a pagamento) Riassumendo, un motore di ricerca consiste di: un archivio un programma di interrogazione un programma di scansione e indicizzazione La qualità di un motore di ricerca è data dall ampiezza del suo archivio, dalla pertinenza dei risultati e dall ordinamento proposto

53 I motori di ricerca specializzati metamotori: fondono le ricerche effettuate con più motori di ricerca generalisti ( plurimotori: esecuzione parallela senza fusione dei risultati clusterizzatori: cercano di individuare cluster nei risultati cercando concetti significativi per la ricerca ( motori specialistici: Google Books - Google Scholar - (citazioni e ipertesti, il concetto di stella entrante degli ipertesti)

54 Il Web 2.0 Riguarda i siti web in cui vengono condivise le informazioni e c è interazione tra gli utenti (e i siti che vengono visitati) Facebook Twitter LinkedIn (endorsement) Come sono costituiti? Profilo personale Rete di contatti Altre applicazioni: Google Drive, Instagram, Foursquare Blog applicazioni Wiki (es. Wikipedia) TripAdvisor, Booking, Amazon, ebay (recommender systems)