Questionario on-line

1

Realizzare una pagina web, che verrà aggiunta nel sito della scuola, che permetta di

eseguire dei questionari on-line di differenti materie. La pagina web dovrà leggere le

materie, gli argomenti, i professori, le domande e le risposte che sono contenute in

file XML esportati dal Database Access. La scelta del file XML, è data dal fatto che

l’utilizzo di questi file, permette la lettura in locale, a differenza dei file ASP, i quali

devono essere obbligatoriamente caricati in un server WEB dove è contenuto il

database. Chiaramente, in questo modo si obbliga l’utente a una connessione

continua a internet. Perciò, tramite l’utilizzo dei file XML, è possibile effettuare un

download, in modo tale da poter eseguire in locale, il questionario. 2

JAVASCRIPT Uno script Javascript, può essere,

contenuto nella pagina HTML:

La caratteristica principale di Javascript <script

 Language="Javascript">

è quella di essere un linguaggio di stesura del codice

scripting, con il quale possono essere </script>

 I browser ricevono le pagine

create sequenze complete di istruzioni HTML con tutto il contenuto,

da inserire nel codice di una pagina. In quando si incontra il tag

dipendenza dalle istruzioni da eseguire <SCRIPT> , questo viene eseguito

e dall’obiettivo da raggiungere, le come tutti gli altri tag, dall'alto

in basso, ma il suo contenuto è

sequenze di istruzioni possono essere interpretato secondo un codice

più o meno lunghe, e nel loro diverso: in tal modo se il browser

complesso vengono dette script (da cui comprende il codice, questo viene

il termine scripting per definire eseguito, e se si incontra un

l’operazione di stesura dello script). errore nell'esecuzione dello stesso

i casi sono due:

Script in inglese significa "copione" o la pagina viene visualizzata, ma

1.

"sceneggiatura", ed infatti l'utilizzo è il codice errato non viene

proprio questo: il browser legge una eseguito;

riga, la interpreta e la esegue, poi se il codice genera un loop la

2. pagina resta bianca o è

passa alla successiva e fa la stessa visualizzata parzialmente

cosa, e così di seguito fino alla perché l'esecuzione dall'alto in

chiusura dello script. basso del codice HTML è

momentaneamente interrotta. 3

Esempio di uno script:

Un altro modo per leggere uno script è

quello di caricarlo da un file esterno.

In questo caso lo script è salvato in un

file con estensione .js. Viene <script>

richiamato con l'attributo src del tag

script:

<script src=“nome.js”>

 dataora = new Date();

</script>

 “La data di oggi : “);

document.write(

Tale file esterno viene eseguito all'interno

della pagina HTML, per cui lo script “/”,

document.write(dataora.getDate(),

viene solo letto come file di testo, “/”,

dataora.getMoth()+1, dataora.getYear());

trasferito nell'HTML nella posizione di

richiamo e qui eseguito. Per tale le ore “,

document.write(“Sono

motivo il file va salvato come testo dataora.getHours(),”:”,dataora.getMinutes();

ASCII, senza caratteri di controllo e

senza tag HTML o elementi di altri

linguaggi per non generare errori, e si </script>

può adoperare un qualsiasi editor

molto semplice (in Windows per Questo piccolo script, inserisce nella finestra del

esempio è NotePad o Blocco Note). Browser la data e l’ora corrente 4

XML Esso è composto da componenti denominati

XML (eXtensible Markup Language) è un meta- elementi. Ciascun elemento rappresenta un

linguaggio di markup, cioè un linguaggio che componente logico del documento e può

permette di definire altri linguaggi di markup. A contenere altri elementi (sottoelementi) o del

differenza di HTML, XML non ha tag predefiniti e testo.

non serve per definire pagine Web né per Gli elementi possono avere associate altre

programmare. Esso serve esclusivamente per informazioni che ne descrivono le proprietà.

definire altri linguaggi. In realtà, XML di per sé Queste informazioni sono chiamate attributi.

non è altro che un insieme standard di regole L'organizzazione degli elementi segue un ordine

sintattiche per modellare la struttura di gerarchico o arboreo che prevede un elemento

documenti e dati. Questo insieme di regole, principale, chiamato root element o

dette più propriamente specifiche, definiscono le semplicemente root o radice.

modalità secondo cui è possibile crearsi un La radice contiene l'insieme degli altri elementi del

proprio linguaggio di markup. Le specifiche documento.

ufficiali sono state definite dal W3C (Worl Wide

Web Consortium). Concretamente, un

documento XML è un file di testo che contiene

una serie di tag, attributi e testo secondo regole

sintattiche ben definite. Un documento XML è

intrinsecamente caratterizzato da una struttura

gerarchica. 5

Nella figura, della pagina precedente, La rappresentazione fisica del documento XML visto

abbiamo un root element denominato prima può essere la seguente:

articolo che contiene una lista di elementi <?xml version="1.0" ?>

<articolo titolo="Titolo dell'articolo">

che rappresentano i vari paragrafi <paragrafo titolo="Titolo del primo paragrafo">

dell'articolo. Ciascun paragrafo a sua volta <testo>

contiene del testo, degli esempi di codice e Blocco di testo del primo paragrafo

delle immagini. La maggior parte degli </testo>

elementi di questo documento possiede <immagine file="immagine1.jpg">

degli attributi: titolo, tipo, file. La struttura </immagine>

</paragrafo>

logica di un documento XML dipende dalle <paragrafo titolo="Titolo del secondo paragrafo">

scelte progettuali. Siamo noi a decidere <testo>

come organizzare gli elementi all'interno di Blocco di testo del secondo paragrafo

un documento XML. Non esistono regole </testo>

universali per l'organizzazione logica di un <codice>

documento se non il buon senso e Esempio di codice

</codice>

l'esperienza. La struttura logica di un <testo>

documento XML viene tradotta in una Altro blocco di testo

corrispondente struttura fisica composta di </testo>

elementi sintattici chiamati tag. Questa </paragrafo>

struttura fisica viene implementata tramite <paragrafo tipo="bibliografia">

un file di testo creato con un qualsiasi <testo>

Riferimento ad un articolo

editor. </testo>

</paragrafo>

</articolo> 6

Codice Testo Codice Codice

Nome Nome

1 N

N 1

Domande Argomento Materia

Codice_argomento Codice_materia Codice

Codice

1 Codice professori Codice

N

Codice 1

Professori

Codice_domanda

Risp4 Codice Nome

Professori

N Risp1 Indice

Risposte Risp2 Argomento

Risp3 ID_XML Materia

Codice_domanda Risp5 7

8

9

10

11

12

Tramite questa

maschera è possibile

scegliere il nome del

professore, la materia

e l’argomento della

domanda. La

domanda avrà quattro

risposte possibili ma

solo una risposta sarà

corretta. Le domande

verranno poi

immesse nel

database. Tramite

questa pagina è

anche possibile

accedere alle altre

maschere del

database. 13

Tramite l’utilizzo di questa maschera è possibile modificare le domande

precedentemente inserite nel database. Oltre alla possibilità di

cambiare il testo delle domande e delle risposte è possibile cambiare

anche l’argomento della domanda e il professore che l’ha inserita. 14

Con l’utilizzo della maschera “Inserimento In questa maschera una volta selezionato

Professore” è possibile inserire un nuovo il professore, tramite i tasti con le frecce, è

professore nel database. possibile modificare o cancellare il nome

dal database. 15

Questa maschera permette la modifica o

Tramite questa maschera è possibile la cancellazione di un argomento. E’

aggiungere al database l’argomento di possibile modificare la materia collegata

una determinata materia che andrà all’argomento selezionandola nel menù a

selezionata nel menù a tendina. tendina. 16