HTML – XML - XHTML

HTML – XML - XHTML
Prof. Mauro Giacomini
Anno Accademico: 2013-2014

HTML-XML Le origini
SGML
Structured Generalized
Markup Language
XML
eXtensible
Markup Language
HTML
HyperText Markup Language
XHTML
eXtensible HyperText
Markup Language
HL7
Heath Level 7
SOAP
HyperText Markup Language
2/45

HTML - Introduzione
Un documento HTML è strutturato in due parti
fondamentali: l'intestazione e il corpo del documento.
Il corpo del documento contiene tutti gli elementi della pagina:
il testo, le immagini, le applet Java, il codice Javascript e
quant'altro viene materialmente visualizzato dal browser.
L'intestazione contiene una serie di informazioni necessarie al
browser per una corretta interpretazione del documento, ma non
visualizzate all'interno dello stesso.
3/45

HTML – Esempio Struttura
::: Esempio di pagina HTML :::
4/45

HTML - Introduzione
Informa il server Web sulla natura di ciò che si sta trattando,
in fase di avvio del documento; a sua volta il server informa il
browser sui tipi di tag che si aspetta di ricevere.
Idstring è la specifica per la versione di HTML utilizzata nel
documento, dall’esempio precedente:
“HTML PUBLIC -//IETF//DTD HTML 4.01 Transitional//EN"
•HTML PUBLIC: il documento è pubblico
•IETF: il tipo di HTML pubblico è gestito dalla Internet
Engineering Task Force
•DTD HTML 4.01: la versione di HTML supportata è la 4.01
•EN: la lingua del documento è l'inglese
5/45

HTML - Introduzione
….
Questa coppia di tag contrassegna l’inizio e la fine vera e propria del file
….
La coppia di HEAD include l’intestazione del documento,
Contiene quindi i tag per la definizione del titolo della pagina:
titolo pagina
E delle parole chiave che descrivono sinteticamente il contenuto
di una pagina Web, utili ai motori di ricerca per classificare il
documento senza doverlo prelevare completamente.

HTML - Introduzione
….
La coppia di marcatori indica che tutte le informazioni
contenute tra il marcatore di apertura ed il corrispondente marcatore
di chiusura fanno parte del corpo principale del documento.
Gli elementi più interessanti contenuti all’interno del corpo
del documento sono:
Il Collegamento ipertestuale
Le Immagini
link a Medinfo
http:// - ftp:// - mailto: - telnet://
7/45

HTML - Introduzione
Le tabelle
Le tabelle sono uno strumento molto potente per impaginare elementi
testuali/numerici, ma anche grafici.Le tabelle sono state introdotte
con la seconda versione del linguaggio HTML e da allora sono state
aggiunte molte caratteristiche che ne hanno potenziato ulteriormente
le possibilità, soprattutto in campo grafico.
Luca
Rossi
Marta
Bianchi
8/45

HTML - Introduzione
Le Form
Elementi che permettono agli utenti di interagire con il
server che fornisce il servizio Web. La creazione di un
modulo è un processo in due fasi:
1- riguarda il modulo stesso,ed è un insieme di tag e di
attributi contenuti entro una coppia di elementi
.
2- riguarda la creazione di script (o classi con linguaggi
di programmazione veri e propri) che “girano”sul
server (CGI,VBscript,C#…) per gestire i contenuti del
modulo.
9/45

HTML - Introduzione
Il contenuto del tag
Gli elementi da utilizzare all’interno di un modulo sono
semplici. Il tag di base per la definizione di ciascun
elemento è INPUT. La sintassi è:
Tipo elemento definisce come appare sullo schermo il campo di
input
Nome campo assegna una parola chiave al campo che è
utilizzato per fare riferimento al suo valore all’interno dello script.
10/45

HTML - Introduzione
Gli otto tipi dell’elemento input
TEXT – Campo di testo di una riga
PASSWORD – Campo di testo di una
riga dove l’input è nascosto da asterischi.
HIDDEN – Campo di testo di una riga
non visualizzato ma inviato allo script.
RADIO - Uno o più pulsanti di opzione
raggruppati insieme
CHECKBOX – Scelta Sì/No
SUBMIT – Pulsante per l’invio di
documenti
RESET – Pulsante per ripristinare i
contenuti del modulo ai valori di default
IMAGE – Immagine su cui fare clic al
posto del pulsante di invio.
11/45

HTML in .NET
Motore
ASP.NET
Browser del
client remoto
Richiesta Web
Pagina di
Output HTML
IIS
Elaborazione
della pagina
Pagina
ASPX
• I normali file HTML vengono inviati direttamente al browser
• I file ASPX invece vengono prima elaborati dal servizio ASPX
il quale provvederà a creare uno stream HTML con il risultato
finale dell’elaborazione e IIS invierà questo file al client
12/45

HTML in .NET
Struttura di una pagina .ASPX
Presenta una struttura molto simile a quella di una
semplice pagina HTML, vengono introdotti inoltre dei
particolari tag dichiarati secondo lo schema:
Questi tag costituiscono la parte principale
dell’interfaccia dell’applicazione ASP.NET.
L’identificatore di questi elementi, chiamati Controlli,
vengono programmati come un oggetto ma non
corrispondono necessariamente a un unico tag nella
pagina HTML finale.
13/45

HTML – XML Confronto
HTML è un linguaggio di contrassegno semplice progettato
per documenti dalla struttura abbastanza prevedibile.
Le estensioni visuali HTML consentono di emulare la
struttura di un qualsiasi documento;
La struttura interna del testo diviene inevitabilmente
illogica, orientata esclusivamente alla presentazione.
HTML non permette il riutilizzo futuro dei documenti,
risulta difficile convertire i documenti in altri formati
orientati alla visualizzazione o isolare gli elementi logici
14/45

XML Introduzione
In senso stretto XML non è un linguaggio di contrassegno , è
un sistema che rende possibile la costruzione di linguaggi in
grado di corrispondere a qualsiasi tipo di documento
•Linguaggio markup testuale
•Versione semplificata di SGML (Standard Generalized Markup
Language), linguaggio usato per gestione documenti.
•Standard W3C (WWW Consortium: http://www.w3.org) per
rappresentazione di documenti e dati, e scambio di dati nel Web
•Alcuni obbiettivi di design di XML:
•direttamente utilizzabile su internet
•supportare ampia gamma di applicazioni
•compatibili con SGML
•human-readable
•facilmente processabile da programmi
15/45

XML Introduzione
• Linguaggio mediante cui si possono definire altri linguaggi
(WSDL,SOAP,HL7…)
• Estensibile
permette la creazione di nuovi tag (non necessariamente legati a
visualizzazione di informazioni)
• Strutturato
mediante tag si può rappresentare la struttura delle informazioni
• Validante
permette definizione di regole grammaticali per verifica di
correttezza sintattica di informazioni rappresentate in XML (DTD o
XMLSchema)
16/45

XML - Esempio
17/45

XML - Esempio
La dichiarazione XML è obbligatoria e deve essere posta
all’immediato inizio del documento
Gli attributi sono:
version: (obbligatorio) la versione di XML usata.
encoding: (opzionale) nome della codifica dei caratteri
usata nel documento. (default: UTF-8 o 16)
standalone: (opzionale) se vale yes indica che il file non fa
riferimento ad altri file esterni. (default: no)
18/45

XML - Introduzione
COMMENTI
I commenti sono utili agli esseri umani, e vengono
ignorati dai parser XML. Possono apparire ovunque
tranne che all’interno degli attributi.
Il commento si apre con un ,che
quindi non può apparire nella stringa interna. Il contenuto
non deve seguire regole, e può anche contenere caratteri
riservati.
19/45

XML - Introduzione
Alla base della strutturazione di un documento XML ci
sono gli Elementi
Elemento
esame
Elemento
indirizzo
Elemento
datiAnagrafici
20/45

XML - Introduzione
REGOLE
• I nomi degli elementi sono case-sensitive.
• Ogni elemento aperto deve essere chiuso entro la fine
del documento.
• Gli elementi possono essere nidificati, e in tal caso
vanno chiusi esattamente nell’ordine inverso a quello di
apertura.
• Un documento XML deve avere un unico elemento
radice, in cui tutti gli altri sono nidificati
21/45

XML - Introduzione
SINTASSI degli ELEMENTI
• Il tag di apertura di un elemento deve avere la forma:
•nome: nome dell’elemento
•attributi: si può definire una lista di attributi opzionali
• Il tag di chiusura corrispondente ha la forma:
• Talvolta un elemento può essere privo di contenuto, in questo caso
si può omettere il tag di chiusura scrivendo quello di apertura come
segue:
22/45

XML - Introduzione
GERARCHIA
• Gli elementi, nidificandosi, creano la struttura ad albero tipica dei
documenti XML. Si definiscono quindi rapporti di parentela:
Esame: nodo radice
datiAnagrafici: nodo figlio di Esame
indirizzo: nodo padre di via,…
Cap,citta,cognome,datiAnagrafici…
Sono discendenti di Esame
23/45

XML - Introduzione
ATTRIBUTI
• Gli attributi permettono di specificare proprietà degli elementi come
coppie nome-valore
• Sono usati per definire proprietà che non possono o non si vogliono
inserire nel contenuto dell’elemento.
• Vengono specificati all’interno del tag di apertura degli elementi
• A differenza di quanto succede per gli elementi, l’ordine di
presentazione non è significativo
24/45

XML - Introduzione
VALIDAZIONE DI DOCUMENTI XML
• Un documento XML è ben formato se rispetta le regole
generali di sintassi viste nella parte precedente.
• Un documento XML è valido se è ben formato e
rispetta le regole sintattiche e semantiche contenute
nel file XSD (o DTD) associato.
Un documento senza XSD (o DTD) non è mai valido.
25/45

XML - Introduzione
Schemi XML (XSD - XML schema Definition)
Gli Schemi XML sono nati con lo stesso scopo dei
DTD:
• Specificare la struttura dei documenti.
• Modelli di contenuto, elementi radice, …
• Specificare il tipo dei dati utilizzabili
all’interno di elementi e attributi.
26/45

XML - Introduzione
Schemi XML (XSD - XML schema Definition)
• Più recenti di DTD, specifica grammatica per la
rappresentazione di documenti XML
• Permettono la definizione della struttura
suddividendoli in:
- tipi semplici (predefiniti e derivati)
-tipi complessi (definiti combinando tipi semplici)
• Permettono di specificare elementi del documento
necessari,opzionali… in un file .xsd
• Supportano 44 tipi di dato
27/45

XML - Introduzione
Esempio di schema XML

XML - Introduzione
29/45

XML - Introduzione
Nel caso in cui si decida di validare un documento XML
secondo uno schema definito in un file .XSD è necessario
introdurre un nuovo tag nell’intestazione del documento
30/45

XML - Introduzione
schema XML
• Generalmente, le applicazioni che devono basarsi su
documenti o dati provenienti dall’esterno “sprecano”
una grossa quantità di codice per controllarne la
validità.
• Più complessi sono i dati, più il codice sarà laborioso da
scrivere.
• Se i dati sono strutturati secondo un preciso Schema
XML, l’applicazione potrà avvalersi delle funzionalità di
un qualsiasi validatore di schemi in commercio.
31/45

XML - Introduzione
Cosa forniscono gli Schemi
Un modello per i dati
• Descrivono cioè l’organizzazione e i tipi
dell’informazione.
Un contratto
• Cioè un protocollo molto specifico per lo scambio di
informazioni.
Un insieme di Metadati
• Lo schema contiene molte informazioni valide per
l’interpretazione dei dati strutturati sulla sua base.
32/45

XML - Introduzione
Possibili impieghi di Schemi
Oltre che per validare i documenti istanza, si possono
immaginare molti altri impieghi per gli schemi:
• Creazione automatica di interfacce per la
compilazione dei documenti XML associati.
• Creazione di interfacce grafiche per la
rappresentazione dei dati.
• Uso degli schemi per definire strutture dati e
protocolli per la loro manipolazione e
trasmissione.
33/45

HTML-XML in .NET
TCP-IP
ASP.NET
Applicazioni
Web
HTML,XHTML
Browser
XML
ADO.NET
RDBMS
Web
Services
SOAP
Browser
Applicazioni
Desktop
Altre applicazioni
o web services client
34/45

XML – HL7
Applicazioni XML(HL7) – Sistemi Informativi Ospedalieri
Fino ad oggi la difficoltà di pervenire ad una condivisione di
informazione clinica attraverso basi di dati eterogenee e’ stata
grande, a causa della diversità di piattaforme software , di struttura
dei database e di connessione fra i vari luoghi di deposito dei dati.
L’utilizzo dello strumento Internet basato su HTML non e’ sufficiente a
risolvere il problema del trasferimento di informazione clinica e della
formazione e consultazione del cosiddetto Electronic Medical Record
(EMR).
35/45

XML – HL7
Applicazioni XML(HL7) – Sistemi Informativi Ospedalieri
L’adozione di XML è in grado di risolvere questo problema,
pervenendo ad una standardizzazione non del formato dei dati ma
del formato di scambio delle informazioni.
Ogni ambiente medico può creare il proprio vocabolario attraverso
uno Schema XML che specifica la struttura ed il formato di ciascun
tipo di dato.
Lo sforzo di standardizzazione dello scambio di documenti ha
portato alla creazione di insiemi di specifiche, fino
all’approvazione di HL7 (Health Level 7).
36/45

Perché nasce HL7?
…il primo passo per scambiare informazioni tra reparti è stato
usare la comunicazione elettronica…
010010010011101
Sistema Informativo 1
Sistema Informativo 2
…ma ognuno usava un “linguaggio” elettronico diverso!
37/45

HL7 nasce per standardizzare tale linguaggio!
HL7
Messaggio
Creazione
Messaggio HL7
Parsing Messaggio
HL7
38/45

Cos’è HL7?
Descrive le modalità per lo scambio in forma
elettronica di dati in ambiente sanitario.
Intende risolvere i problemi legati
all'interoperabilità nell'ambiente clinico.
HL7 Mission statement (1997):
“To provide standards for the exchange, management
and integration of data that supports clinical patient care and the
management, delivery and evaluation of healthcare services.”
39/45

Come funziona HL7?
HL7 opera nella comunicazione al livello più alto del
modello ISO/OSI
Function
7 Application
6 Presentation
5 Session
4 Transport
3 Network
2 Data Link
1 Physical
40/45

Come funziona HL7?
- Quindi la dizione “Level 7” fa riferimento proprio al
livello più alto del modello OSI (Open System
Interconnection)
- Ciò significa che fa riferimento a regole come:
- i dati scambiati
- la tempistica degli scambi
- la comunicazione di errori fra le applicazioni
- Ciò significa che NON fa riferimento agli aspetti
implementativi !
41/45

I domini HL7
• Un dominio è un modo per rappresentare una specifica area della sanità. Il
nome del dominio deve trasmettere chiaramente alcune informazioni sia allo
sviluppatore sia al lettore.
Per esempio, Patient Administration e Pharmacy sono semplici concetti da cui
il lettore può facilmente comprendere di cosa tratti il dominio in analisi.
• Un topic è una suddivisione di dominio che permette di organizzare il
dominio in modo da consentire al lettore di identificare velocemente il
contesto a cui è interessato.
Il lettore deve avere un’idea chiara del contenuto del documento guardando il
titolo del topic e quello del dominio.
Per esempio il Patient Administration (dominio) – Patient Topic (topic)
consente di standardizzare tutti i dati relativi ad un paziente.
Ad ogni dominio HL7 è associato un diagramma (RIM) e un file XSD (XML
Schema).
42/45

Patient Administration – Patient Topic
43/45

Le sei classi strutturali
1) 2)
3) 4)
5)
44/45

RIFERIMENTI
Specifica di XML dal W3C
http://www.w3c.org/TR/XML
Specifica di XML schema dal W3C
http://www.w3c.org/TR/xmlschema-0
http://www.w3c.org/TR/xmlschema-1
Specifica di HL7
http://www.hl7.org/
45/45