fondamenti di informatica 4 - unibg

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


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


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


Conversioni

• Binario decimale

• Decimale binario

• Binario esadecimale


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


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


Esercizio 1

Qual è la rappresentazione decimale del numero binario "110"?

• 2

• 6

• 10

• 17

• 101


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


09/03/2018

4

Esercizio 2

Qual è la rappresentazione in binario del numero decimale "11"?

• 11

• 1011

• 1111

• 1101

• 10001


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


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


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)


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


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)


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


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


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


https://it.wikipedia.org/wiki/ASCII

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


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


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


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)


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)


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


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


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


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


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à


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)


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)


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)


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


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)


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?)


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


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


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


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


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


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)


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


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)


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


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)


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


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


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


09/03/2018

17

p2p

• Reti paritarie: ogni nodo è cliente e servente

• Sfruttato per file sharing (es.eMule)

• Download, condivisione automatica e copyright


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)


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


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


• 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


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


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)


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


oAssociativi: testuali per associazione concettuale

oStrutturali: portano a sezioni del sito

❖Link sitografici: elenchi di link a siti esterni


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)


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)


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


https://www.youtube.com/watch?v=F-twBP2VCV0

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)


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!)


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


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


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)


Pagina web

• Contenuti

• Cornice ipertestuale• Navigazione: menu, ritorni a home/pag precedente, barre del browser

• Identificazione e contatto: intestazione, banner, logo, colophon


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)


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


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

https://www.google.com/intl/it_ALL/analytics/index.html

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)


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)


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


http://www.unibg.it/alias

http://www.unibg.it/lazzari

https://bitly.com/

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


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)


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


https://yippy.com/

marco

http://scholar.google.it/

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


fondamenti di informatica 4 - unibg

Documents