quaderni di usabilità TILS: Scuola Superiore Guglielmo Reiss Romoli
appuntamenti, strumenti di lavoro, personaggi, la rassegna stampa strumenti per approfondire gli argomenti scambia le tue idee ricerche bibliografiche, commenti e suggerimenti, libro degli ospiti consulta i quaderni

vai all'indice del quaderno n° 1

 Architettura ed Evoluzione del World Wide Web
Document Object Model (DOM) e Dynamic HTML (D-HTML)

Sempre dal punto di vista dell’interfaccia utente, un aspetto importante è quello di riuscire a portare nel Web le funzionalità gli attuali ambienti grafici per informatica personale (come quelli Apple e Windows). Ad esempio, sarebbe auspicabile poter dare all’utente la possibilità della manipolazione diretta tramite mouse degli oggetti visualizzati dal browser.

Come visto nel par. 1.3.3., questo vuol dire definire un modello ad oggetti della pagina Web (Document Object Model: DOM) e permettere tramite del codice (es.: JavaScript) l’interazione con gli oggetti definiti (Dynamic HTML: D-HTML).

DOM è una interfaccia indipendente dalla piattaforma e dal linguaggio utilizzato per sfruttarla, che permette al codice di accedere ed aggiornare il contenuto, la struttura e lo stile di una pagina Web. Gli oggetti manipolabili sono tutti quelli identificabili nella pagina, tipicamente perché marcati con dei tag (es.: immagini, paragrafi di testo, …).

Ad esempio, alla radice della gerarchia di oggeti della pagina si ha l’oggetto Document, per il quale vengono definiti i seguenti attributi e metodi:

Attributi
title il titolo del documento, definito tramite il tag TITLE
referrer URI della pagina che ha portato alla pagina corrente
domain domain name del server dal quale è stata caricata la pagina
URL URI del documento
body elemento identificativo del tag BODY
images collezione degli elementi IMG del documento
applets collezione degli elementi OBJECT o APPLET del documento
links collezione degli elementi AREA e anchor /A) del documento
forms collezione dei forms del documento
anchors collezione degli anchor (A) del documento
cookie cookie associati al documento

 

Metodo descrizione parametri valori di ritorno
open Apre un documento in scrittura, al fine di definire la struttura nessuno nessuno
close Chiude un documento aperto e ne forza il rendering nessuno nessuno
write Scrive una stringa HTML in un documento, definendone la struttura la stringa HTML nessuno
writeln come write(), ma fecendo seguire alla stringa un ritorno a capo la stringa HTML nessuno
getElementById recupera l'oggetto identificativo da un codice codice che identifica l'elemento l'elemento
getElementsByName recupera l'oggetto identificato da un nome nome che identifica l'elemento l'elemento

Con D-HTML, invece, si intende la combinazione di HTML, CSS e JavaScript tendente a rendere "dinamiche" le pagine Web. Questo termine è solitamente legato alla generazioni di effetti quali il cambiamento degli attributi del testo o di un’immagine al passaggio del mouse. Ovviamente, questo utilizzo è riduttivo delle potenzialità di DOM in termini di realizzazione della parte client di un’applicazione di rete. La realizzazione di un modello object oriented della pagina Web, infatti, va oltre applicazioni di publishing, aprendo la strada all’utilizzo di oggetti per l’integrazione con i database, la gestione del multimediale, ecc.