Dott. Nicola Ciraulowww.nicolaciraulo.itgmcola@gmail.com

Panoramica Astrazioni

Rete di calcolatori

Struttura di internet

Architettura client

server

Servizi di internet

Struttura del Web

Struttura di una pagina

Web

Struttura di un sito web

Il sito statico

Il sito dinamico

AstrazioniCi conviviamo ogni giornoCi servono per sopravvivereCi servono per non impazzireCi permettono di focalizzare l’attenzione su ciò

che è veramente importante tralasciando i dettagli Esempi di astrazioni

AutomobileOrologioFrigorifero…

Rete di calcolatoriUna rete di calcolatori è un sistema che

permette la condivisione di informazioni e risorse (sia hardware che software) tra diversi calcolatori.

Un esempio è la rete scolastica che stiamousando.

Struttura di Internet 1/2Internet è una rete costituita da un insieme

di reti interconnesse tra loro.

Struttura di Internet 2/2Astrazione

Non ci interessano tutti i dettagli su:Funzionamento di internetConnessioni di computerTrasmissione dati

A noi basta sapere che facendo un contratto con un fornitore di servizi (Telecom, Wind, ecc.) e configurando il modem o il router possiamo accedere ad Internet.

Architettura Client/ServerI servizi telematici di Internet si basano su una

particolare modalità di interazione, denominata tecnicamente: Architettura Client/Server.

Il Client è un programma dotato di un’interfaccia che permette all’utente di specificare le richieste da effettuare al server, di elaborare e visualizzare la risposta.

Il Server è un programma ingrado di offrire servizi ai client che ne fanno richiesta.

Servizi di internetPosta elettronica

Trasferimento file

World Wide Web – WWW (Web)

Newgroup

…

Struttura del web 1/4Il Web può essere definito

come un ipertesto multimediale distribuito.

Struttura del web 2/4Ipertesto

Un ipertesto è costituito da un insieme di unità informative (pagine o nodi) e da un insieme di collegamenti (link) che da una pagina permettono di passare ad una o più altre pagine (o nodi).

E’ un sistema di organizzazione delle informazioni in una struttura reticolare e non sequenziale.

Struttura del web 3/4Multimedialità

È data dalla possibilità di utilizzare in uno stesso messaggio comunicativo (pagina) più media come: testo, immagini, suoni, parole e video. (Ipermedia).

DistribuitoL’ipertesto può risiedere (essere distribuito) anche

su macchine differenti, i link permettono di saltare dall’una all’altra in maniera “trasparente”, cioè senza che ce ne accorgiamo (anche se dall’indirizzo si nota!).

Esempio pratico: Libro vs Sito web.

Struttura del web 4/4In definitiva, il World Wide Web è un insieme

di documenti multimediali interconnessi a rete mediante molteplici collegamenti ipertestuali e memorizzati sui vari computer che costituiscono Internet.

Struttura di una pagina web 1/2Elementi presenti in una tipica pagina web

Testo, formattato in Titoli, Sottotitoli, ecc. Testo semplice Liste puntante o numerate …

Iperlink (link)Media

Immagini Suoni Video

Form Campi di testo Aree di testo Menù a tendina Bottoni radio Check list Campo per la

selezione di file Pulsanti

Struttura di una pagina web 2/2

Struttura di un sito webDi norma, le pagine web sono riunite in

collezioni riconducibili ad una medesima responsabilità autoriale o editoriale, e talvolta, ma non necessariamente, caratterizzate da coerenza semantica, strutturale o grafica.

Tali collezioni di pagine web sono definite Siti Web.

Tipologie di siti web

Sito statico

Sito dinamico

Il sito staticoNei primi anni del web i siti erano collezioni di

pagine statiche tenute assieme dai link incrociati e realizzate da persone che conoscevano l’Html, il linguaggio di produzione dei contenuti.

L’evoluzione del sito era fondamentalmente in mano allo sviluppatore che era l’unico a poter operare sul sistema.

Le pagine erano preparate e modificate una ad una.

Il sito dinamico 1/2E’ costituito da pagine, sviluppate con

linguaggi appositi, che vengono create al volo riempiendo una parte fissa (di solito il layout grafico, i menu, i link principali) con i contenuti prelevati da un database.

Il vantaggio è che poche pagine possono esplodere in una vasta serie di documenti.

Esempio: Listino di articoli. Una pagina con struttura fissa può essere riempita volta per volta con i dati di ogni prodotto, dando la sensazione di migliaia di pagine disponibili.

Il sito dinamico 2/2I vantaggi rispetto al sito statico sono:

manutenzione più semplice;minor numero di pagine effettive;possibilità di modificare i contenuti senza

modificare materialmente le pagine.

Tipici sistemi dinamici sono i portali, i siti vetrina di aziende con molti prodotti e servizi, i motori di ricerca, ecc.