Upload
others
View
9
Download
0
Embed Size (px)
Citation preview
09/03/2018
1
Codifica dell’informazione
• Tutte le informazioni (numeri, testo, img, suoni) codificate in binario
• Calcolatori che sfruttano dispositivi bistabili codifica binaria
• Informazioni tramite bit: sequenze di 0 e 1
Federica Baroni - Unibg
Rappresentazione dei numeri
1. Decimale posizionale (base 10, ruolo per posizione)• Con n cifre si possono esprimere 10n numeri naturali: da 0 a 10n –
1• 2465 = 2 x 103 + 4 x 102 + 6 x 101 + 5 x 100
2. Non posizionale sistema additivo (nr. romani)• VIII = 5 + 1 + 1 + 1 = 8
2000 400 60 5
Federica Baroni - Unibg
3. Posizionale non decimale (es. esadecimale, base 16, H):• Con n cifre in base b si possono esprimere bn numeri naturali: da 0 a bn – 1
1…9
A = 10
B = 11
C = 12
D = 13
E = 14
F = 15
• 1B6FH = 1 x 163 + 11 x 162 + 6 x 161 + 15 x 160 = 7023
Notazione esadecimale(usata per rappresentare gruppi di bit)
4096 2816 96 15
Federica Baroni - Unibg
09/03/2018
2
Codifica binaria
• Dati nel calcolatore: codifica binaria
• Per rappresentare i numeri notazione binaria posizionale: cifre 0 e 1 moltiplicate per potenze di 2
• Con n bit si possono esprimere 2n numeri naturali: da 0 a 2n – 1
• 1 nibble: sequenza di 4 bit 24 (=16) numeri naturali
• 1 byte: sequenza di 8 bit (2 nibble) 28 (=256) numeri naturali
Federica Baroni - Unibg
Conversioni
• Binario decimale
• Decimale binario
• Binario esadecimale
Federica Baroni - Unibg
Binario decimale
100101012 = 1 x 27 + 0 x 26 + 0 x 25 + 1 x 24+ 0 x 23 + 1 x 22 + 0 x 21 + 1 x 20 = 128 + 0 + 0 + 16 + 0 + 4 + 0 + 1 = 149
Federica Baroni - Unibg
09/03/2018
3
Decimale binario
149 : 2 = 74 resto 1
74 : 2 = 37 resto 0
37 : 2 = 18 resto 1
18 : 2 = 9 resto 0
9 : 2 = 4 resto 1
4 : 2 = 2 resto 0
2 : 2 = 1 resto 0
1 : 2 = 0 resto 1
149 = 100101012
Federica Baroni - Unibg
Esercizio 1
Qual è la rappresentazione decimale del numero binario "110"?
• 2
• 6
• 10
• 17
• 101
Federica Baroni - Unibg
Soluzione
Qual è la rappresentazione decimale del numero binario "110"?
• 2
• 6
• 10
• 17
• 101
Binario decimale1102 = 1 x 22 + 1 x 21 + 0 x 20 = 6
4 2 0
Federica Baroni - Unibg
09/03/2018
4
Esercizio 2
Qual è la rappresentazione in binario del numero decimale "11"?
• 11
• 1011
• 1111
• 1101
• 10001
Federica Baroni - Unibg
Soluzione
Qual è la rappresentazione in binario del numero decimale "11"?
• 11
• 1011
• 1111
• 1101
• 10001
Decimale binario11 : 2 = 5 con resto 15 : 2 = 2 con resto 12 : 2 = 1 con resto 01 : 2 = 0 con resto 1
= 1011
Federica Baroni - Unibg
Codifica analogica/digitale
Analogico Digitale
Grandezza analoga: individuazione di una grandezza analoga (49 stanghette)
Alfabeto di simboli + regole di codificaEs. Notazione numerica decimale posizionale 49
Contiene metainformazioni• di tipo ordinale: quale valore max,
min, uguale• di tipo metrico: quantificazione delle
differenze tra i valori
Digitale (da «cifra»): simbolo utilizzato per rappresentare numeri in un sistema numerico.
Sistema più compatto
Federica Baroni - Unibg
09/03/2018
5
Grandezze
• Discrete: valori riconducibili ai nr naturali (es.sassolini, termometro digitale: elementi isolati)
• Continue: valori riconducibili ai nr reali, infiniti elementi senza spazi vuoti (es.termometro a mercurio: codifica analogica, rappresentazione continua)
Federica Baroni - Unibg
Grandezza continua codifica digitale
• Quantizzazione: l’intervallo dei valori possibili di una grandezza continua deve essere suddiviso in un nr.finito di intervalli (livelli) discretizzazione del valore della grandezza
• Campionamento: valore assunto dalla grandezza misurato nell’istante di riferimento (campione) discretizzazione del tempo
Approssimazione perdita di informazione:aumento dei livelli di quantizzazione e della frequenza di
campionamento = incremento delle informazioni
Nr di campioni acquisiti nell’unità di
tempo
Federica Baroni - Unibg
Errori di trasmissione
• Segnale digitale binario: valori possibili «0» e «1» più facile individuare errori causati da rumore
• Ridondanza vs. rumore
Semplice (ritrasmissione)
Ripetizione
Mex scomposto in blocchi (1 byte o 1 nibble); cfr. tra blocchi
trasmessi più volte
Controllo di parità
Mex scomposto in blocchi; conteggio di nr. di «1» e
attribuzione di 1 bit in coda se pari/dispari; cfr. dal ricevitore
Complesso (correzione)
Federica Baroni - Unibg
09/03/2018
6
Altre codifiche
• numero di matricola
• codice fiscale
• codice catastale
• partita IVA
• codice ISBN – International Standard Book Number
• numero di telefono
• codice IBAN – International Bank Account Number
• codice a barre
E – D: condivisione del codice
Federica Baroni - Unibg
Informazione non numerica codifica binariaQuante sequenze di bit per i giorni della settimana?
• Sequenze di 3 bit 8 valori diversi (23 = 8) per rappresentare i giorni della settimana (1 configurazione inutilizzata)
lunedì = 000
martedì = 001
mercoledì = 010
giovedì = 011
venerdì = 100
sabato = 101
domenica = 110
Quante sequenze posso esprimere con n bit? 2n
Federica Baroni - Unibg
Il testo: codifica ASCII
• Rappresentazione del testo in binario
• Distinzione lettere maiuscole, minuscole, segni interpunzione, spazio
• 1 carattere sequenza 7 bit (27 = 128 caratteri)
• ASCII esteso sequenza 8 bit (28 = 256 caratteri)ISO 8859-1 (Latin1) caratteri dell’Europa occidentaleISO 8859-2 caratteri dell’Europa orientaleISO 8859-5 caratteri cirillici
• Unicode (interoperabilità) fino 21 bit (2 milioni): ASCII esteso (Latin1), caratteri di lingue vive e morte, ideogrammi, Braille, simboli matematici, chimici, cartografici
Federica Baroni - Unibg
09/03/2018
7
Formati per i file di testo
• File di solo testo: plain text (.txt)
• File che contengono meta-informazioni (es.formattazione): .doc
• File in linguaggio di marcatura: HTML <> letti da browser
• File di Word (Microsoft Office) e Writer (Open Office) in linguaggio XML: .docx; .odt
• File PDF
Federica Baroni - Unibg
Le immagini
• Campionamento (digitalizzazione): suddivisione dell’img in matrice di pixel = bitmap
• Quantizzazione (rappresentazione del colore): nr di bit per codificare il colore per ciascun pixel = profondità di colore • 0 = nero; 1 = bianco 1 pixel 1 bit = profondità di colore 1
• 256 (28) tonalità di grigio 1 pixel 1 byte = profondità di colore 8
Federica Baroni - Unibg
Esercizio 3
In un’immagine digitale codificata con una profondità di colore pari a 24, quanti byte si utilizzano per codificare il colore di ciascun pixel?
• 1
• 2
• 3
• 6
• 24
Federica Baroni - Unibg
09/03/2018
8
Soluzione
In un’immagine digitale codificata con una profondità di colore pari a 24, quanti byte si utilizzano per codificare il colore di ciascun pixel?
• 1
• 2
• 3
• 6
• 24
Profondità di colore = 24 (bit) = 3 byte (se 1 byte = 8 bit 8 x 3)
Federica Baroni - Unibg
Le immagini: i colori
! Occupazione della memoria
Modelli sottrattivi
• Somma colori primari su sfondo bianco = nero
• CMYK = Cyan, Magenta, Yellow, Key
• Stampa
Modelli additivi
• Somma colori primari su sfondo nero = bianco
• RGB = Red, Green, Blue
• Video
• Oltre 16milioni colori diversi (truecolor)
Federica Baroni - Unibg
Formati per le immaginiRaster
• Bitmap pixel
• Img fotografiche e web
JPEG: truecolor, compressione lossy, dimensioni ridotte
GIF: massimo 256 colori, compressione lossless, animazioni
BMP: formato non compresso di Windows
TIFF: compressione lossy e lossless, stampe professionali, OCR scanner
PNG: truecolor, compressione lossless
Possibili conversioni: es.BMP JPEG
Vettoriale
• Primitive geometriche (linee, punti..) codificate in equazioni matematiche
• CAD, modellazioni etc
• Necessaria rasterizzazione per video e stampa
Federica Baroni - Unibg
09/03/2018
9
Formati per i file audio
WAV (Microsoft) e AIFF (Apple): non compressi
MP3: compressione lossy (poco spazio in memoria -1/10 e facilità di trasmissione)
AAC: compressione lossy di miglior qualità
Possibili conversioni: es. WAV MP3
Federica Baroni - Unibg
Formati per i file video
Serie di fotogrammi (frames)
QuickTime: Apple
MPEG-2: DVD e Bluray, compressione lossy
FLV (flash video): compressione lossy, diffuso per YouTube etc..
AVI: contenitore di file codificati/decodificati tramite codec
Federica Baroni - Unibg
CompressioneCodifica di un contenuto per limitare lo spazio di memorizzazione e il tempo di trasmissione
Lossless
• Senza perdita
• Input output (file ridotto)
• Processo reversibile
• Es. uso di sw WinZip
Lossy
• Con perdita
• Processo irreversibile
• Garantita fruibilità
• IMG: cambiamento di colore per alcuni pixel
• AUDIO: tagliate alcune frequenze
• VIDEO: mantenute differenze tra framesFederica Baroni - Unibg
09/03/2018
10
Basi di dati
• Sistema informativo: insieme della risorse che raccolgono informazioni (es.archivi). Oggi sistemi informatici
• Basi di dati (DB, Data base) gestite da un DBMS (Data base Management System (su server oppure su pc con Access o Base)Linguaggi:DDL (Data Definition Language): dati e relazioni
DML (Data Manipulation Language): modifica del contenuto e interrogazioni
SQL (Structured Query Language): DDL + DML
Federica Baroni - Unibg
Modelli: due livelli
Modello concettuale
• Modello Entità-Relazione (schema concettuale, più astratto)
• Riferimento ai concetti del mondo reale
• Entità: classi di oggetti
• Relazioni: legami tra entità
• Attributi: proprietà di entità o relazioni
Modello logico
• Struttura dei dati (schema logico)
• Modello relazionale DB come insieme di relazioni (tabelle) tra loro collegate contenenti dati organizzati in record (righe) e campi (colonne) in base alle proprietà
Federica Baroni - Unibg
Sicurezza informatica
• Riservatezza (privacy): protezione da letture non autorizzate
• Integrità: protezione da modifiche non autorizzate• Autenticità: identità certa di sorgente, destinatario, contenuto• Non ripudiabilità: trasmissione e ricezione certe, non negate
• Disponibilità: Accesso garantito (se autorizzati)
Legge sulla Privacy in Italia: DL 30 giugno 2003, n. 196
1. Dato personale: info relative a persona, ente, etc
2. Dato sensibile: etnia, religione, politica, salute,vita sessuale
3. Dato giudiziario: provvedimenti giudiziari
• Consenso al trattamento (1-3)
• Garante o specifiche disposizioni (2-3)
Federica Baroni - Unibg
09/03/2018
11
Crittografia
Tecnica crittografica: codice di Cesare
Algoritmi a chiave segreta (crittografia simmetrica): cifratura/decifratura su unica chiave (rischio nella trasmissione)
Algoritmi a chiave pubblica (crittografia asimmetrica): sistema a doppia chiave (chiave privata + chiave pubblica). Es. firma elettronica (chiave privata)
Federica Baroni - Unibg
Reti
• Telematica: informatica + telecomunicazioni
• rete di calcolatori: insieme di due o più calcolatori e dispositivi (es.stampante) interconnessi per comunicare e condividere dati e risorse
• Nodi: singoli elementi connessi alla rete; costituiscono l’infrastruttura
• Due nodi di due reti diverse: internetworkingInternet = Rete rete (globale) di reti di calcolatori
Rete globale (GAN)
Rete geografica (WAN)
Rete metropolitana
(MAN)
Rete locale (LAN – WLAN: wireless LAN)
Rete personale
(PAN –WPAN)
Federica Baroni - Unibg
Reti come insieme di:• Dispositivi informatici (calcolatori, stampanti, etc)
• Connessioni (canali)
• Protocolli di rete (regole di funzionamento: FTP o HTTP; organismi ISO, W3C) regolano il sistema della commutazione di pacchetto: comunicazione simultanea (più messaggi sulla rete), efficienza, in comunicazione calcolatori anche molto diversi; possibile bypassare guasti; formati e modalità di trasmissione Strati (layer) di protocolli e interazione fra livelli
• Software (es.per gestione posta o browser che devono rispettare le regole di comunicazione)
• Utenti (non si preoccupa dell’infrastruttura, delega ai programmi che rispettano regole): usano servizi di rete (posta, chat, WWW) per reperimento, deposito e scambio di info
Federica Baroni - Unibg
09/03/2018
12
Reti, nodi, architetture
• intranet: comunicazione e accesso all’info interna a un’organizzazione
• extranet: parte della intranet accessibile a esterni autorizzati
Nodo attivo: es. mainframe per l’elaborazione
Nodo passivo: es. terminale I/O
Server: fornisce servizio (es.nel web: calcolatore che ospita il sito (hw) + programma per ricevere richieste (sw) – es Apache)
Client: chiede servizi (es.nel web: calcolatore che chiede la pag web + programma per accedere – browser)
Federica Baroni - Unibg
Funzioni delle reti
1. Comunicazione tra più nodi/utenti
2. Condivisione di risorse
Es. LAN: programmi di calcolo scientifico su mainframe, archivi centralizzati, unità disco condivisa (per scambio materiali), backup dati aziendali, stampanti in rete
WAN: cooperazione tra sedi distaccate
! Possibilità di comunicazione su una LAN (es.posta elettronica: Internet?)
Federica Baroni - Unibg
Trasmissioni
• Segnale: grandezza fisica il cui valore cambia nel tempo necessaria possibilità di modulare (=controllare) l’andamento
• Messaggio: sequenza finita di simboli
• Canale: sistema fisico in grado di trasferire il segnale da trasmettitore a ricevitore
• Rumore/ridondanza
Federica Baroni - Unibg
09/03/2018
13
Mezzi di collegamento
• Guidati: segnali su linee fisiche (reti cablate = cavi)
• Non guidati: segnale nello spazio, via etere (wireless)
• Caratteristiche: distanza massima (oltre, il segnale è illeggibile) e velocità massima di trasmissione dei dati (bit al secondo: bps)
• ! Unità di misura: velocità di trasmissione in Mb, dimensione dei file in MB
Federica Baroni - Unibg
Mezzi fisici
• Doppino telefonico: segnali elettrici 100 Mbps – 1 Gbps; distanza max100 m (tipicamente LAN); cavo Ethernet con connettore RJ45
• Cavo coassiale: segnali elettrici; fino a 10 o 200 Mbps; fino a 200 o 500 m
• Fibra ottica: segnali luminosi; lunghe distanze; fino a 10 Gbps e lunghe distanze (tipicamente LAN e MAN)
• IrDA: onde elettromagnetiche infrarosse, oggi obsoleta
• Bluetooth: onde radio (WPAN); fino a qualche decina di m; fino a 3 Mbps
• Wi-Fi: onde radio (WLAN); fino a 100 m; fino a 100 Mbps
Federica Baroni - Unibg
Internetworking
• Fornitore di connettività: ISP (Internet Service Provider)
• Modem: dispositivo di interfaccia calcolatore-linea telefonica
• Mod-ulazione: bit calcolatore segnali elettrici alla linea telef
• Dem-odulazione: segnali elettrici alla linea telef bit calcolatore
• Router: collega due reti e instrada i dati tra sottoreti
• Oggi dispositivi che integrano modem, router, firewall, switch (per LAN cablata), access point wi-fi
Federica Baroni - Unibg
09/03/2018
14
Modem analogico (calcolatore – ISP): 56 Kbps
Modem digitale ISDN (calcolatore – ISP): 128 Kbps
Linea dedicata CDN per imprese medio-grandi
Tecnologie DSL: 160 Kbps – 52 Mbps connessione a banda larga; filtro per le frequenze. ADSL (download > upload)
WiMAX: banda larga senza fili
Telefonia mobile
Federica Baroni - Unibg
Internet
• Fine anni ‘60: USA Ministero della Difesa ambienti militari e accademici Europa (anni ‘70), Italia (1986)
• Infrastruttura: struttura ridondante e commutazione di pacchetto (protocolli di rete) decentrata, non vulnerabile
• Anni ‘90 «Killer application di Internet»: World Wide Web
• Internet: rete di reti collegate tramite infrastrutture di interconnessione (sottoreti con porta di accesso - gateway – tra calcolatori della sottorete e Internet)
Federica Baroni - Unibg
Indirizzi IP
• Necessario individuare univocamente ciascun nodo (host) indirizzi IP (Internet Protocol): indirizzi a 32 cifre binarie (232) con rappresentazione decimale (es.193.204.205.20)
• ICANN (International Corporation for Assigned Names and Numbers): attribuzione di indirizzi IP, assegnazione di domini
• Nr. limitato di IP• Tecniche sw di mascheramento (NAT: Network Address Translation): al
gateway assegnato un indirizzo univoco; ai nodi della sottorete indirizzi diversi tra loro, non necessariamente diversi da quelli di altre sottoreti
• IPv6: versione 6 dell’IP con indirizzi a 128 bit
Federica Baroni - Unibg
09/03/2018
15
Domini
• Indirizzi IP indirizzi simbolici (es.mailservernew.unibg.it) basati su tabelle di corrispondenza gestite da server DNS (Domain NameSystem)
• uso di «tecniche di ricorsione» per l’identificazione di un server autorevole per disambiguazione
• Domini 3 livelli:
w w w. u n i b g . i t
1°livello (nazionali o sovranazionali)2°livello(3°livello)
Federica Baroni - Unibg
Servizi Internet
• Posta elettronica e liste di discussione
• FTP e reti paritarie peer to peer
• Gruppi di news e forum
• Chat, instant messaging e VOIP
• Backup, archiviazione e condivisione
• Web
Internet =infrastruttura tecnologica
Web = servizio
Federica Baroni - Unibg
Posta elettronica
• Sistema asincrono
• Primi anni ‘70
• nomeutente@nomedominio
• Mail server (calcolatori per instradamento, smistamento e conservazione dei messaggi) + mail client (redazione e invio al mail server, ricezione dal mail server)
• Tipi di client:1. Programma di posta (es.Outlook)2. Programma integrato nel browser 3. Funzione di un sito web (es.Gmail)
Federica Baroni - Unibg
09/03/2018
16
• Comunicazione client/server gestita da protocolli SMTP (invio), POP (ricezione), IMAP (consultazione)
• Messaggio: corpo, allegati, campi (da, a, oggetto, cc, ccn)
• Uso improprio: spam, catene di Sant’Antonio, phishing, allegati inutilmente pesanti• Scambio tramite FTP
• Intermediazione di servizi web (es. wetransfer) per memorizzazione remota e scaricamento differito
• Posta certificata: garanzia di ricezione e integrità del messaggio
Federica Baroni - Unibg
Mailing list o liste di discussione
• Sistema asincrono basato su posta elettronica
• Messaggi su argomento comune
• Iscrizione e cancellazione gestite automaticamente da un programma di amministrazione
• Liste moderate/non moderate
Federica Baroni - Unibg
FTP
• Allegato come copia da un calcolatore a un altro = copia tra nodi della rete
• Protocollo FTP (File Transfer Protocol) per la copia tra nodi scambio di dati, doc, programmi tra calcolatori con SO o file system diversi
• Server (riservato uno spazio di memoria)/client FTP (accesso con credenziali, es. Filezilla)• Distribuzione sw
• Caricamento pagine web su un server
• Invio file di grandi dimensioni
Federica Baroni - Unibg
09/03/2018
17
p2p
• Reti paritarie: ogni nodo è cliente e servente
• Sfruttato per file sharing (es.eMule)
• Download, condivisione automatica e copyright
Federica Baroni - Unibg
Newsgroups e forum
• Scambio di informazioni tra comunità su temi specifici
• Metafora della bacheca tramite server (rete di servizi USENET) per la diffusione dei messaggi
• Fruizione tramite programmi dedicati, servizi integrati in browser o interfacce web
• Organizzazione tematica (threads), non solo cronologica, dei messaggi
• Oggi su web: Forum (+ immediatezza dei messaggi; - necessario conoscere indirizzo web)
Federica Baroni - Unibg
Sistemi di comunicazione sincrona
• Tempo reale
• Utenti conosciuti/sconosciuti (nickname)
• IRC (Internet Relay Chat): chat testuale Instant messaging: chat ibride testo + MM (es.MSN)
• Protocollo VOIP + sistema p2p: Skype
Federica Baroni - Unibg
09/03/2018
18
Servizi di backup
• Salvataggio via Internet (online backup) es. Dropbox, Google Drive
• (Possibile) installazione di un client sul pc per collegamento automatico e periodico a server remoto
• Salvataggio incrementale: aggiornamento del server per le sole differenze dal precedente salvataggio
• Previa compressione: risparmio di tempo e spazio
• Previa cifratura: sicurezza e privacy
Federica Baroni - Unibg
• Backup: copia in remoto
• Archiviazione: copia in remoto con diverse versioni del medesimo file
• Condivisione: disco virtuale condiviso per la creazione, modifica, conservazione di documenti condivisi
Cloud computing: servizi di archiviazione
e/o di elaborazione dati in remoto
Federica Baroni - Unibg
Ipertesto
• Concettualmente: da secoli
• Termine hypertext: anni ‘70 Ted Nelson documenti con sistemi informatici (anni ‘80 prime realizzazioni, anni ‘90 web)
• Documento informatizzato costituito da porzioni di testo (blocchi, nodi o lessie) collegate tramite collegamenti (link) per nessi logici struttura reticolare navigazione non lineare (determinata dalla struttura) per il lettore: struttura aperta (determinata dall’autore)
• Blocchi autonomi e completi
• Collegamenti per tematiche affini e/o correlazione logica: hotwords
Federica Baroni - Unibg
09/03/2018
19
Forma di un ipertesto (struttura)
• Definita dai collegamenti tra i nodi• Lineare• Circolare• A stella• Gerarchica• A grafo completo
- Non necessariamente link bidirezionali- Possibili rimandi interni al singolo blocco (loop)
Federica Baroni - Unibg
Link: classificazione
• Interni al nodo / interni allo stesso sito
• Esterni al nodo (altre pagine)/ al sito (altri siti)
▪ Link di navigazione: transizione predeterminata dall’autore (destinazione certa)
▪ Link di attivazione: transizione dinamica (dipende da elaborazioni del programma, dal contesto, dall’utente) es.modulo di ricerca
➢Testuali: legati alla hotword ragionevole esperienza
➢Procedurali: cornice ipertestuale (pulsanti del browser, menu) ripetitività esperienza
Federica Baroni - Unibg
oAssociativi: testuali per associazione concettuale
oStrutturali: portano a sezioni del sito
❖Link sitografici: elenchi di link a siti esterni
Federica Baroni - Unibg
09/03/2018
20
Multimedialità
• Media diversi
• Fruizione multisensoriale
oDebole: giustapposizione di mezzi (es.PPT a lezione)
oIntrinseca: natura del mezzo (es.fumetto)
oAdditiva: aggiunta di diversi linguaggi (es. sottotitolazione)
oNativa: originaria del mezzo (es.cinema)
oRistretta: coesistenza e convergenza di più linguaggi (es.pag web) supporti elettronici e codifica digitale
oInterattiva: MM + interattività (es.navigazione web, videogioco)
Federica Baroni - Unibg
Il Web
• Ipertestualità: struttura
• Multimedialità: contenuto
• Ipertestualità + MM = ipermedialità
• World Wide Web: Tim Berners-Lee, CERN, fine anni ‘80 (dal 1993 tecnologia resa pubblica) sistema documentale ipertestuale multimediale distribuito su rete/Internet (servizio di Internet)
Federica Baroni - Unibg
Architettura
• Pagine ospitate su server web (server http, es.Apache)
• Utente: naviga attraverso un programma client browser (IE, Firefox, Opera, Chrome, Safari)
• Testo superficiale (utente)/ testo profondo: visualizzazione di testo e formati img compatibili (es.jpg, gif, png) + altri formati visualizzabili con plug-in
Federica Baroni - Unibg
09/03/2018
21
Sito web: coerenza
• Autorialità
• Argomento
• Strategia (layout, grafica)
• Destinatario
• Collocazione fisica (pagine del sito su un solo server web)
• Collocazione virtuale (pagine con un unico indirizzo web radice)
Federica Baroni - Unibg
Terminologia
• Cos’è la homepage?
• Cos’è una splash page?
• Cos’è un portale? Orizzontale (generalista)/ verticale (specializzato)
• Cos’è un servizio web?• motore di ricerca (Google, Yahoo!, Bing)
• aste online (eBay)
• vendita online (Amazon, IBS)
• intermediazione commerciale (PayPal)
• posta elettronica (Gmail, Hotmail, Yahoo!)
Federica Baroni - Unibg
Classificazione siti web: emittente
• Modalità di presentazione direzionale (proposta contenuti)
• Modalità di partecipazione circolare (scambio contenuti)
Siti aziendali: commercio commercio elettronico
Siti istituzionali: enti, università, etc erogazione servizi
Siti personali: individuali blog
Federica Baroni - Unibg
09/03/2018
22
Classificazione siti web: funzioni linguaggio
• Funzione informativa: dati, info, notizie contesto
• Funzione conativa: siti aziendali destinatario
• Funzione emotiva: siti personali emittente
Federica Baroni - Unibg
Statico - dinamico
• Pagina statica: corrispondenza 1:1 pagina utente-server (.htm, .html)
• Pagina dinamica: generata da un programma da parziali info su server e archivi; oggi nomi search engine friendly per ottimizzazione delle ricerche• File temporanei: esito di cui non c’è copia remota
• Elementi dinamici: script (es. nr. accessi alla pagina)
• CMS (Content Management Systems): facilità e coralità di gestione di un sito web; blog (es.WordPress)
Federica Baroni - Unibg
Pagina web
• Contenuti
• Cornice ipertestuale• Navigazione: menu, ritorni a home/pag precedente, barre del browser
• Identificazione e contatto: intestazione, banner, logo, colophon
Federica Baroni - Unibg
09/03/2018
23
3 standard
• HTTP (HyperText Transfer Protocol): protocollo di rete per comunicazione client/server
• HTML (HyperText Markup Language): formalismo per la formattazione, ipertestualizzazione e restituzione MM da testo profondo (tags) a testo superficiale (pagina come appare all’utente) tramite browser
• URL (Uniform Resource Locator): identificazione univoca di una risorsa web (es.indirizzo pag web o img)
Federica Baroni - Unibg
Navigazione web client/server
• client (calcolatore + browser) server (calcolatore/i + sw di gestione siti web)
• Protocolli TCP/IP + servizio DNS
• Generazione di un file preso dal file system (se pag statica) o generazione di file (se pag dinamica)
• Formattazione, ipertestualizzazione, restituzione MM da browser in base alle indicazioni contenute nel codice HTML
• Eventuali altre interazione per altri files correlati
• Client rilascia informazioni su di sé al server (file di log) servizi web di statistica
Federica Baroni - Unibg
Feed RSS
• Tecnologie push vs. client/server
• Non occorre che l’utente richieda ogni volta un’informazione
• Attraverso programmi aggregatori (oggi integrati in browser) è possibile fruire di un flusso di notizie a cui ci si è iscritti (abbonati)
• Es.podcasting per audio/video (aggregatori es.iTunes o Juice)
≠ downloading: fruizione dopo scaricamento completo
≠ streaming: fruizione durante lo scaricamento
Occorre raggiungerela risorsa (≠ feed RSS)Federica Baroni - Unibg
09/03/2018
24
HTML
• Linguaggio di marcatura: uso di marche singole <hr> o doppie <p> </p>
• Struttura del documento, (formattazione), inserimento link e incorporazione di oggetti MM
• Oggi ulteriori linguaggi/tecnologie per gestire eventi, controllare automaticamente la correttezza di dati inseriti in un campo, aggiungere animazioni o simulazioni, aggiungere metainformazioni, etc. (JavaScript, Java, Flash, XML)
Federica Baroni - Unibg
URLprotocollo://hostname:porta/pathname?query#frammento
http://www.unibg.it/baroni/fondamenti/pagina.htm#qui
• protocollo (http, https, ftp)
• hostname (indirizzo IP o nome indirizzo, non necessariamente WWW)
• porta (opzionale, identificato da un nr.)
• pathname (percorso nel file system del server: cartelle, sottocartelle, file)
• query (informazioni parametriche per la generazione di pagine dinamiche)
• frammento (punto preciso nella pagina)
Federica Baroni - Unibg
Semplificazione e permanenza
• Alias (es. http://www.unibg.it/alias )
• Ridirezione con refresh (es. http://www.unibg.it/lazzari)
• URL shorteners (servizio web es. https://bitly.com/ )
➢PURLs (Persistent URLs): sistema di corrispondenza che assicura che una pagina sia sempre raggiungibile da siti esterni anche se l’URL cambia
Federica Baroni - Unibg
09/03/2018
25
Motori di ricerca
• Ricerca testuale per parole chiave: lista di parole chiave (I) pagina dinamica contenente lista di collegamenti (O)
• Ricerca avanzata con operatori logici (AND, OR), doppi apici (“ ”), filtro per Paese, lingua, data
• Numerose aree del Web inaccessibili
• Interrogazione ad un database contenente informazioni su pagine web precedentemente catalogate in base al contenuto o a parole chiave che la descrivono
• Programmi (robot, spider, crawler) che analizzano e indicizzano le pagine (attività ciclica) copia da conservare nell’archivio del motore
Federica Baroni - Unibg
Motori di ricerca
• Ordinamento dei risultati: ranking
• Algoritmo di page rank: rilevanza, popolarità, sponsor, ??
Motori generalisti (Google, bing)
Metamotori (Metacrawler)
Motori paralleli
Clusterizzatori (https://yippy.com/ )
Motori specialistici (Google Libri, Google Scholar)
Federica Baroni - Unibg
Web 2.0
• Evoluzione di un presunto Web 1.0?
• Condivisione, interazione, dialogo utente-utente e utente-sito
• Social network
• Piattaforme di condivisione di documenti
• Social network + sistemi di geolocalizzazione
• Wiki (saggezza della folla)
• Sistemi basati su reputazione (di persone, servizi, prodotti, etc.) e sistemi di raccomandazione (d’acquisto per affinità)
• Folksonomie e social bookmarking
Federica Baroni - Unibg
09/03/2018
26
Riferimenti (slides)
Lazzari, Marco, “La Convenzione delle Nazioni Unite sui diritti delle persone con disabilità e le tecnologie telematiche”, in Olivia Osio, Paride Braibanti (a cura di), Il diritto ai diritti, Milano, Franco Angeli, 2012, pp.77-82
Lazzari, Marco (a cura di), Informatica umanistica, Milano, McGraw-Hill, 2014
Federica Baroni - Unibg