Web Architecture

Il funzionamento di Internet

L’infrastruttura tecnologica che ha permesso lo sviluppo dell’attuale Web è la rete Internet, il cui funzionamento è ripreso nell’articolo di Mozilla MDN intitolato come funziona Internet.

Come funziona il Web

Il funzionamento del Web è descritto nell’articolo di Mozilla MDN intitolato e come funziona il web.

Architettura di riferimento per siti statici

Lo sviluppo di applicazioni web coinvolge diverse tecnologie che concorrono alla creazione di contenuti e servizi. In questa guida vedremo come sono strutturati i siti web statici, ossia quei siti web che contengono pagine create staticamente e che sono realizzate mediante l’utilizzo di HTML, CSS e JavaScript.

Per prima cosa occorre chiarire lo schema di riferimento di una applicazione web (Web Application). Quando un utente di un host client (computer, dispositivo mobile, etc.) effettua una richiesta di accesso ad una pagina di un sito web, il browser ¹ dell’utente, effettua una richiesta, tramite il protocollo HTTP² (o HTTPS³), di quella pagina al server HTTP che gestisce il sito. Tale server può recuperare la pagina richiesta da uno storage locale (memoria di massa), se si tratta di una pagina statica, oppure può richiedere ad un’altra applicazione sul server, o su un altro host remoto, di generare dinamicamente la pagina. Quest’ultima applicazione server potrebbe essere scritta in ASP.NET, oppure con un’altra tecnologia, come NodeJS, PHP, Go, etc. Una volta che l’HTTP server ha ottenuto la pagina richiesta, la restituisce al browser del client. Il contenuto inviato al browser del client è un file di testo contenente HTML, che può essere accompagnato da altri file contenenti fogli di stile (CSS) e codice scritto tipicamente in JavaScript.
Tutta la comunicazione tra il browser dell’utente (il client) e l’HTTP Server avviene attraverso il protocollo HTTP per le connessioni non protette da cifratura e con il protocollo HTTPS per le connessioni protette da cifratura.

Quando la pagina richiesta è recuperata direttamente dallo storage locale al server si parla di pagina statica, o in generale di sito web statico. Quando la pagina richiesta è invece generata dinamicamente da una applicazione web, ricorrendo all’esecuzione di codice sul server ed eventualmente all’interazione con un database si parla di pagina dinamica, o in generale di sito web dinamico. Generalmente dal momento in cui avviene la richiesta al momento in cui viene restituita la pagina al client passano pochi millisecondi e l’utente ha la percezione che la pagina sia fornita quasi istantaneamente, sia nel caso di pagine statiche che di pagine dinamiche. In questa prima parte del corso verranno mostrate le tecnologie per la creazione di pagine web statiche ed in particolare HTML, CSS e Javascript.

• HTML è un linguaggio di markup che permette di definire la struttura di una pagina, ossia i componenti costitutivi, ad esempio i paragrafi, i bottoni, i link, e così via.

• CSS è un linguaggio utilizzato per definire lo stile degli elementi di una pagina HTML, come ad esempio, il colore, la dimensione, il tipo di font da utilizzare etc.

• JavaScript è un linguaggio di programmazione, che attualmente ha grande importanza nello sviluppo web. Storicamente, in passato, era usato per dare interattività alle pagine web all’interno del browser visto che HTML e CSS non sono dei linguaggi di programmazione (non possono codificare un algoritmo). Attualmente JavaScript è utilizzato anche in applicazioni cosiddette lato server, per effettuare la creazione delle pagine dinamiche sul server (si veda, ad esempio, NodeJS).

HTTP Server

In questa prima parte del corso verranno illustrate le tecnologie per generare pagine web statiche che sono costituite da pagine HTML, con fogli di stile CSS e con script JavaScript eseguiti localmente nel browser dell’utente. Lo scenario tipico di utilizzo di un sito web di questo tipo prevede che l’utente richieda una determinata pagina web dal server e che il server risponda inviando al browser dell’utente la pagina HTML richiesta con anche gli elementi CSS e JavaScript necessari. Esistono diversi server HTTP utilizzati nelle applicazioni commerciali e, tra questi, ricoprono un ruolo preminente i seguenti:

• Apache Web Server

• NGINX

Si tratta di software che trovano utilizzo in un numero altissimo di siti web, come si può vedere dalle statistiche di utilizzo descritte nel NetCraft Survey.