4 Creare contenuti per il web - Andrea Giachetti

92
servizio interattivo, ove il sistema web client+server risponde ad un'attività dell'utente.
Nell'HTML originario il meccanismo di interfaccia standard tra il server HTML e l'esecuzione
dei programmi era detto CGI (Common Gateway Interface). Oggi si usano più spesso differenti
tecnologie, che consistono nell'uso di programmi scritti in linguaggi che vengono interpretati da
software installato sul server (es. PHP, ASP, Perl). Come si può facilmente intuire, quindi,
realizzare servizi web in questo modo richiede competenze informatiche molto superiori alla
realizzazione di semplici ipertesti, che possono essere realizzati semplicemente anche da
persone prive di competenze informatiche molto avanzate. Per realizzare servizi relativamente
classici, è possibile eventualmente usare programmi messi a disposizione da archivi online. I
provider di hosting web in genere segnalano il supporto a linguaggi di scripting server side
come PHP o ASP e l'eventuale possibilità di utilizzare un database.
4.15 Scripting client side e HTML dinamico
Quello di inviare dati al server che genera al volo una pagina dipendente da essi non è l'unico
modo di realizzare pagine web cosiddette dinamiche o interattive (cioè che si modifichino
sulla base delle azioni dell'utente). Un differente modo di interagire è il cosiddetto “client side”,
cui abbiamo già fatto cenno nel capitolo 3. In questo caso, al codice (X)HTML della pagina
sono associati programmi (script) eseguibili da interpreti integrati nei browser e che possono
generare la visualizzazione di contenuti ed effetti grafici dipendenti delle azioni dell'utente (cioè
interattivi), senza collegarsi al server.
Ovviamente le finalità delle funzionalità interattive “server side” e “client side” sono
completamente diverse: le prime sono lente (richiedono connessione e trasferimento dati), ma
possono utilizzare informazioni pressoché illimitate e ovunque situate sulla rete. Sono quindi
adatte per realizzare il cosiddetto feedback “semantico” (rispondere a richieste di informazioni
nuove). Le seconde sono, al contrario, veloci (non c'è connessione), ma richiedono il precedente
trasferimento di programmi sul client, i quali, quando eseguiti, accederanno soltanto a
informazioni già presenti sul client. L'interattività “client side”, è adatta, quindi, per realizzare
feedback grafico, di interfaccia. Questo tipo di effetti dà origine a quello che prende il nome di
HTML dinamico (DHTML). Esso permette di modificare interattivamente tutti gli elementi
della pagina, considerati come oggetti con determinate proprietà. Il codice inserito nelle pagine
può ad esempio associare azioni eseguite dall'utente su parti della pagina (ad esempio il clic su
un testo, il passaggio del mouse su una sezione) a modifiche della pagina stessa (cambio di
colore o di dimensione di un testo, caricamento di nuove immagini, calcolo del risultato di
un'elaborazione dati e rappresentazione dello stesso in qualche sezione della pagina, e così via.
Alcuni esempi di modifiche interattive possono anche essere realizzati con semplici regole di
stile CSS attribuite alle parti della pagina, ma, in generale si utilizzano a questo scopo veri e
propri programmi, in genere scritti in un linguaggio di programmazione chiamato Javascript.
Il codice Javascript può essere direttamente inserito all'interno di un documento HTML
attraverso l'uso dell'elemento dell'HTML. Ad esempio:
document.write("Ciao a tutti!") ;