Gli Ipertesti IL WORLD WIDE WEB. Ipertesti. Ipertesto: definizione. Ipertesti: Forma. Ipertesti: Collegamenti 19/05/2015. hotword

Transcript

1 2 Gli Ipertesti IL WORLD WIDE WEB Informatica Generale (AA ) Ipertesti Ipertesto: definizione 3 Theodor Holm Nelson (U.S.A.) sociologo, filosofo e pioniere dell informatica 1963: coniazione del termine ipertesto (hypertext) 4 yt yu uyt yu uy yut yu u ytuy uyt yu uyt yu tyu yt yu uyt yu uy yut yu u ytuy utyt yu uyt yu tyu yt yu uyt yu uy yut yu u ytuy uyt yu uyt yu tyu yt yu uyt yu uy yut yu u ytuy uyt yu uyt yu tyu testo digitale composto da più parti: nodi (topics, lessìe, blocchi di testo) connessioni digitali tra le parti: collegamenti (link) struttura reticolare fruizione: scansione non lineare, navigazione struttura legata ad un autore/gruppo di autori ma struttura aperta applicazioni: enciclopedie multimediali su CD help per applicazioni SW world wide web Ipertesti: Forma Ipertesti: Collegamenti 5 definita dai collegamenti fra i nodi lineare circolare gerarchica grafo completo stella 6 hotword arco orientato stella uscente loop hanno sede in porzioni di testo evocative del nodo destinazione (parole attive, hotwords) connettono parti del documento tematicamente affini o logicamente correlate in genere (e in particolare nel www) sono orientati da un nodo ad un altro (non bidirezionali) si definisce la stella uscente da un nodo, non la stella entrante cappio (loop): collegamento che esce da un nodo e rientra in esso (rimando all interno di un singolo blocco di testo) 1

2 7 Ipertesti: Collegamenti classificazione 1 link interno: punta all interno dello stesso blocco (o pagina web) link esterno: punta ad un altro blocco classificazione 2 punta all interno dello stesso sito web punta ad altri siti (rappresentazione grafica diversa, apertura in finestre/schede diverse) classificazione 3 link di navigazione: transizione predeterminata ad una destinazione predefinita link di attivazione: transizione dinamica ad una destinazione che dipende dal contesto (es. funzione di ricerca in un sito web) 8 Ipertesti: Collegamenti classificazione 4 link testuale: ha sede nel testo (unicità dell esperienza) link procedurale: ha sede nella cornice ipertestuale (ripetitività dell esperienza) struttura di navigazione del browser (es. pulsante back, navigation bar ) paratesto: contenuto aggiuntivo nella pagina (es. menu, contatti ) classificazione 5 link associativo: punta ad un nodo con contenuto strettamente affine a quello di partenza link strutturale: indirizza ad una sezione dell ipertesto (una sorta di indice, tipicamente in un menu) link sitografico: posto in un elenco di siti affini (appendice intertestuale o metatestuale) Multimedialità 10 9 La Multimedialità documento multimediale: compresenza di più media testo grafica animazione suoni multisensorialità: fruizione del documento con vista udito Multimedialità 11 debole: semplice giustapposizione (non integrazione) di media (es. proiezione di diapositive con sottofondo musicale) intrinseca: propria della natura di un linguaggio di comunicazione (es. fumetti: immagini + testi) additiva: es. film muto + pianista, film + sottotitoli ristretta: coesistenza e convergenza nello stesso contesto comunicativo di testo, grafica, audio e video in formato digitale interattiva: multimedialità ristretta con interazione attiva del fruitore (es. videogiochi, realtà virtuali ) 12 Il World Wide Web 2

3 Ipermedialità 13 La Convergenza di Ipertestualità e Multimedialità 14 ipertesti + multimedia World Wide Web (WWW) WWW: Storia 15 ipertesto multimediale distribuito su Internet 16 Robert Cailliau & Tim Berners-Lee, CERN di Ginevra, fine anni 80 ideato come sistema per facilitare la comunicazione via Internet tra i ricercatori World Wide Web Web Browser 17 lettura web browser spedizione pagina web web server 18 navigatore web: Internet Explorer Firefox Safari Opera Chrome le pagine sono scritte in linguaggio HTML (HyperText Markup Language) web browser e web server comunicano con il protocollo HTTP (HyperText Transfer Protocol) 3

4 Pagina Web: Contenuto Sito Web 19 testo immagini (JPEG, GIF, PNG) altro previa installazione di specifici programmi di visualizzazione (plug-in): Adobe Reader (Acrobat) Flash QuickTime 20 insieme di pagine web coerenti rispetto a autorialità: un solo emittente (persona singola o gruppo con strategia comunicativa unitaria) argomento di comunicazione strategia argomentativa: uniformità di layout, grafica ed esposizione dei contenuti destinatario: si rivolgono ad un target (pubblico obiettivo) ben preciso collocazione fisica: ospitate da un unico web server collocazione virtuale: un solo indirizzo web radice Sito Web: Versione Mobile Homepage studiata per la visualizzazione su schermo di dimensioni ridotte smartphone tablet pagina iniziale visualizzata all indirizzo principale del sito splash page (pre-home): in alcuni siti, pagina d introduzione con grafica o animazione da cui si può raggiungere la home page ( skip intro ) Portale Portale 23 sito che propone contemporaneamente vari servizi: notizie ricerca previsioni del tempo accesso a servizi di posta accesso a comunità virtuali 24 portale orizzontale (generalista) utenza eterogenea temi diversi (intrattenimento, informazione, pubblica utilità ) portale verticale specifico per settore merceologico, area di interesse, tematica, area geografica Enterprise Resource Portal specifico per un azienda 4

5 Servizio Web Sito Aziendale 25 sito web che offre informazioni e servizi in forma interattiva motore di ricerca (es. Google, Yahoo!, Bing ) vendita (es. Amazon, IBS ) aste (es. ebay ) intermediazione commerciale (es. Paypal ) (es. Yahoo!, Gmail ) 26 un azienda informa o riceve informazioni dal suo pubblico di riferimento sito vetrina commercio elettronico b2c (business to consumer) b2b (business to business) customer service supporto pre-vendita supporto post-vendita Sito Istituzionale Sito Personale ente pubblico, ente locale, scuola, università, associazione o partito politico comunica con i cittadini comunicazione direzionale: presentazione di notizie, organigrammi, servizi comunicazione bidirezionale: prenotazione online di servizi da fruire in forma tradizionale fruizione online di servizi e-government singolo individuo comunica attraverso il canale web blog contrazione di weblog sito web dove una persona inserisce, con regolarità, commenti, descrizioni di eventi, immagini, filmati i contenuti sono mostrati in ordine cronologico inverso Siti Web: Modelli di Comunicazione Siti Web: Funzioni 29 direzionale (modalità di presentazione): proposta di contenuti agli utenti circolare (modalità di partecipazione): scambio di contenuti con e tra gli utenti 30 informativa (referenziale, denotativa): fornire all utente dati, informazioni, notizie (es. siti giornalistici, istituzionali) conativa (persuasiva): convincere l utente per influenzarne le scelte (es. e-commerce) emotiva (espressiva): mettere in luce il punto di vista di chi comunica (es. siti personali, forum) 5

6 Pagine Dinamiche Content Management System lettura web browser pagina web dati web server dati elaborati back end CMS: applicazione SW installata su un server web per facilitare la gestione dei contenuti di siti web senza richiedere conoscenze tecniche di programmazione HTTP 33 Protocolli, Linguaggi e Indirizzi 34 HyperText Transfer Protocol protocollo di rete al livello applicazioni della suite di protocolli Internet gestisce la comunicazione tra browser e server web ed il trasporto delle pagine web e dei relativi documenti ancillari (immagini, audio, animazioni, programmi ) HTTP Web Browser: Funzioni 35 informazioni cedute dal client al server durante la navigazione: indirizzo IP tipo di OS tipo di browser caratteristiche dello schermo (risoluzione, profondità di colore) referrer: sito da cui l utente è eventualmente arrivato navigando lungo un link query di ricerca con cui l utente ha eventualmente trovato il link in un motore di ricerca pagine visitate tempi di permanenza sulle pagine consentono di generare statistiche sulle visite ad un sito 36 formattazione della pagina ipertestualizzazione: inserimento dei link restituzione multimediale 6

7 Tecnologie Push Downloading, Streaming, Podcasting 37 non è l utente che cerca le informazioni ma il contrario feed RSS (Really Simple Syndication): contenitore in cui, mediante metalinguaggio di marcatura XML, si possono inserire notizie abbonamento: l utente copia l indirizzo del feed in un programma aggregatore (es. un web browser) l aggregatore, periodicamente, scarica e visualizza eventuali nuovi contenuti del feed 38 downloading: si scarica un file multimediale e poi lo si riproduce streaming: si riproduce un file multimediale mentre esso viene scaricato (es. YouTube) podcasting: push di file multimediali con appositi aggregatori (es. itunes, Juice ) HTML Marche HTML: Esempi 39 HyperText Markup Language linguaggio di marcatura (markup language) marche (markup, tag) introdotte direttamente nel testo racchiuse da < e > definiscono le caratteristiche di formattazione, ipertestualizzazione e restituzione multimediale della pagina testo profondo: testo + marche testo superficiale: pagina web come appare all utente visualizzata dal browser 40 marca singola: primo paragrafo <hr> secondo paragrafo primo paragrafo secondo paragrafo marca doppia: un testo <b>molto</b> importante un testo molto importante link: <a href= >fai clic qui</a> fai clic qui Pagine Web: Altri Linguaggi Pagine Web: Altri Linguaggi 41 JavaScript: linguaggio di scripting, minilinguaggio di comandi incorporati nella pagine HTML ed eseguiti dal browser (es. controllo di coerenza sui dati inseriti in una form online) Java: linguaggio di programmazione di utilizzo generale applet: programma Java compilato in un linguaggio intermedio Java Run Time Environment: applicazione SW installata sul cliente in grado di far eseguire gli applet applet inseriti in una pagina HTML consentono di eseguire applicazioni sofisticate sul client (animazioni, simulazioni, giochi) 42 Flash: tecnologia per animazione multimediale Flash Player: applicazione da installare sul client per eseguire applicazioni Flash un file Flash richiamato da un file HTML viene eseguito sul client XML (extensible Markup Language): metalinguaggio di marcatura con il quale si possono descrivere altri linguaggi di marcatura, molto utilizzato per descrivere dati e formati di interscambio 7

8 URL 43 Uniform Resource Locator: indirizzo che consente di identificare univocamente le risorse presenti sulla rete protocollo://host:porta/pathname?query#frammento protocollo: più frequenti http, https (transazioni sicure, criptate), ftp host: indirizzo IP o nome DNS del server porta: indirizzo numerico che identifica un applicazione attiva sul server. Se non è specificata, si intende quella standard (well known port) per il protocollo: 80: HTTP (pubblicazione pagine web) 25: SMTP (spedizione posta) 110: POP3 (ricezione posta) pathname: percorso nel file system del server che specifica un file. Se indica solo una cartella, si intende, in tale cartella, un file con uno dei nomi di default ( index.htm, index.php ) query: specifica parametri che verranno utilizzati da programmi per generare pagine dinamiche frammento: identificatore che specifica un punto preciso all interno della pagina 44 La Ricerca nel Web Siti Web: Accessi Motori di Ricerca diretto: l utente ha specificato la URL del sito nel browser indiretto: l utente ha seguito un link presente in un altro sito da motore di ricerca: l utente ha raggiunto il sito spintovi da un motore di ricerca search engine: servizi web che consentono l efficiente ricerca di risorse web di cui si conosce una parte del contenuto ma non la URL (ricerca full-text) input: lista di parole chiave eventualmente legate da operatori logici (AND, OR, NOT ) output: lista di link a risorse web (pagine, immagini ) rilevanti rispetto alle chiavi di ricerca Motori di Ricerca Motori di Ricerca: Crawler ricerche puramente testuali (nessuna analisi semantica) case insensitive opzione di ricerca avanzata: operatori logici (AND, OR, NOT ) opzioni per raffinare la ricerca lingua prossimità delle parole chiave spider, robot, bot: applicazione che continuamente esplora il web alla ricerca di pagine da indicizzare (catalogare nel data base del motore) attività continua, asincrona (rispetto alle richieste degli utenti) e ciclica la funzione di ricerca viene successivamente realizzata con query applicate al data base motore di ricerca: data base spider programma di interrogazione 8

9 Motori di Ricerca: Ranking Metamotori & Plurimotori 49 i risultati di un motore di ricerca vengono ordinati da un algoritmo di page rank in base a rilevanza rispetto ai criteri di ricerca popolarità (es. numero di link entranti) collegamenti sponsorizzati (sponsored link): chi gestisce il motore si fa pagare per evidenziarli 50 metamotori: servizi che attivano la ricerca su più motori e sintetizzano i risultati Metacrawler ( storico, ora disattivato savvysearching.com plurimotori (motori paralleli): servizi che attivano parallelamente la ricerca su più motori senza fonderne i risultati Clasterizzatori Motori Specialistici 51 motori di ricerca che cercano di individuare, tra i risultati, insiemi (e sottoinsiemi) di pagine (cluster) collegate tra loro da ulteriori parole chiave (concetti significativi) Yippy (ex Clusty) 52 motori di ricerca che operano su domini particolari (immagini, audio, libri, pubblicazioni scientifiche ) Web: Evoluzione Il Web 2.0 Web 1.0: siti statici Web 1.5: siti dinamici con debole partecipazione attiva dei visitatori Web 2.0: siti dinamici con forte condivisione delle informazioni e interazione tra gli utenti 9

10 Social Networks Condivisione Documenti reti sociali: servizi che permettono la connessione tra gruppi di persone (rapporti professionali, sociali, di amicizia) profilo personale rete di contatti (amici) dialogo condivisione di informazioni, link, materiale multimediale documenti di testo Google Docs Scribd video YouTube fotografie Instagram flickr Picasa Blog Wiki sito web collaborativo, in cui tutti possono aggiungere o modificare il contenuto scopo: costruzione collaborativa di forme di sapere online principio della saggezza della folla (wisdom of crowd) linguaggio di marcatura semplificato wikipedia enciclopedia collaborativa, libera, multilingue Reputazione nel Web alberghi (Booking ) ristoranti (TripAdvisor ) libri (Amazon, IBS ) venditori/compratori (ebay ) professionisti (LinkedIn ) 60 FINE 10