XML e i database geografici. Capitolo 2. Linguaggi XML per il Geoweb. 2.1 Da HTML a XML. Esempi. Capitolo 2 1

Transcript

1 XML e i database geografici Capitolo 2 Linguaggi XML per il Geoweb 2.1 Da HTML a XML 2.2 SVG, GML e LandXML 2.3 Introduzione ai metadati 2.4 Introduzione a KML 2.5 Conclusioni 2.1 Da HTML a XML HTML: "HyperText Markup Language Linguaggio dell Internet e dei siti web Non è strettamente necessario conoscerlo per costruire pagine web. Comunque, conoscere l'html darà più sicurezza e controllo nella costruzione di un sito web Esempi Esempi <i> Italico </i> Italico <i><b>italico grasseto</b></i> Italico grasseto <p>paragrafo</p>  Tag vuoto: <tagvuoto/> Capitolo 2 1

2 Strutturazione di un testo HTML <html> è come dire al browser: e quindi di seguito: <head>  <title>  La mia prima pagina in HTML </title>  </head>  <body>  <p>benvenuti a tutti voi.</p> </body>  </html>  I tag di collegamento <A>...</A> Stesso directory <A href="preferiti.html">i miei siti preferiti</a> <A href="blog.html">le mie riflessioni</a> Risorse esterne <A href= " IUAV di Venezia</A> Esempio <HTML> <HEAD> <TITLE>La mia home page</title> </HEAD> <BODY> <CENTER><B>IL MIO SITO WEB</B></CENTER> <A href="preferiti.html">i miei siti preferiti</a> <A href="blog.html">le mie riflessioni</a> </BODY> </HTML> Aprire un collegamento su una nuova finestra Finestra corrente con il contenuto del collegamento cliccato. Per creare un collegamento che apre una nuova finestra, si deve specificarlo, inserendo l'attributo target: <A href=" target="_blank">google </A> Capitolo 2 2

3 Nel corpo: Inserire una immagine Cambiare colore al testo Puoi cambiare colore al testo della pagina in questo modo: <body style="background-color:black; color:white"> <img src="fotomia.jpg"> <img src="immagini/fotomia.jpg"> <img src= <img src="immagini/fotomia.jpg" width="100" height="50"/> <html> <head> <title>pagina nera</title> </head> <body style="background-color:black; color:white"> Lo sfondo della pagina è nero. Il testo è bianco. </body> </html> <body style="background-color: rgb(0,0,0); color: rgb(255,255,255)"> I tag titoli <H1><H2><H3><H4><H5><H6> <H1>LA DIVINA COMMEDIA</H1> <H2>INFERNO</H2> <H3>Canto I</H3> <H3>Canto II</H3> <H3>Canto...</H3> <H2>PURGATORIO</H2> <H3>Canto I</H3> <H3>Canto II</H3> <H3>Canto...</H3> <H2>PARADISO</H2> <H3>Canto I</H3> <H3>Canto II</H3> <H3>Canto...</H3> Colorare i tag <H1 style="background-color:black; color:lime"> LA DIVINA COMMEDIA </H1> <H2 style="background-color:red; color:black"> PURGATORIO </H2> <H3 style="background-color:green; color:yellow"> Canto I </H3> <P style="background-color:silver; color:red"> Per correre miglior acque alza le vele<br> ormai la navicella del mio ingegno, <BR> che lascia dietro a sé mar sì crudele; </P> Capitolo 2 3

4 Grandezza del carattere: font-size Liste <H3 style="background-color:green; color:yellow; font-size:12px"> Canto I </H3> <P style="background-color:silver; color:red; font-size:30px"> Per correre miglior acque alza le vele<br> ormai la navicella del mio ingegno, <BR> che lascia dietro a sé mar sì crudele; </P> Lista non ordinata: <UL> <LI>aaa </LI> <LI>bbb </LI> </UL> Lista ordinata: <OL> <LI>aaa </LI> <LI>bbb </LI> </OL> Tabelle Tabella <TABLE> </TABLE> Riga di tabella <TR> </TR> Contenuto di cella <TH>Intestazione </TH> <TD>Dato di tabella </TD> Che cos'è XML? XML: extensible Markup Language. Normativa per descrivere le informazioni (dati, metadati, ecc.) Uso di tag Capitolo 2 4

5 XML = Semplice SGML XML è un meta-linguaggio. per definire altri linguaggi. XML è una versione semplificata di SGML Riferimento: Definire le sue tags Esempi <LEZIONE>..</LEZIONE> <LUPO>..</LUPO> DTD or Schema definisce il senso del tag. DTD (Document Type Definition) Definire una DTD vuole dire definire un linguaggio. Un'alternativa per una DTD è uno Schema. Tags Le tag XML sono create come le tag di HTML. Sempre inizio e fine. <TAG>contenuto blabla</tag> Il testo tra due tag è chiamato un elemento. Sintasse Maiuscole/minuscole => 2 tag differenti. <GIORNO> =/= <giorno> Commenti  Esempio <! Un ammonto di > <ammonto>135</ammonto> Capitolo 2 5

6 Elementi XML dichiarazioni Elementi semplici, elementi complessivi. Esempio semplice <auto>mercedes</auto> Esempio complessivo <auto> <marca>volvo</marca> <tipo>v40</tipo> <colore>green</colore> </auto> Dichiarazione (all'inizio del documento) <?xml version="1.0"?> Altre versioni più recenti. Struttura di una pagina XML <?xml version="1.0"?> <root> <element> <sub-element> content </sub-element> <sub-element> content </sub-element> </element> </root> Una pagina reale XML <?xml version="1.0"?> <sales> <shop> <number> 100 </number> <manager> Ray Bradbury </manager> </shop> <product> <name> carrots </name> <totalprice> 10 </totalprice> </product> GeoWeb -</sales> Pr. R. Capitolo 2 6

7 Attributi Regole dei documenti XML Esempio di struttura: <element attribute-name = "attributevalue">...</element> Il valore di un attributo deve essere quotato sebbene contiene solo numeri Esempio <car color = "green">volvo</car> Radice tutti gli elementi sono figli della radice tutti gli elementi hanno un tag d'inizio e un tag di fine con lo stesso nome Definizione del linguaggio Definizione degli elementi Per utilizzare XML, si deve definire un DTD (Document Type Definition). Un DTD contiene tutte le regole di un documento particolare XML Di fatto, la DTD definisce il documento Una DTD descrive tutti gli elementi <! ELEMENT, seguito da il nome dell'elemento la sua descrizione Ad esempio: <!ELEMENT nome(#pcdata)> Questo DTD descrive il tag XML <marca>. Capitolo 2 7

8 Dati Sotto-elementi La descrizione (#PCDATA) vuole dire "parsed character data". Questo dato sarà interpretato dal programma che legge il documento XML Possiamo avere (#CDATA), cioè "character data". CDATA non sarà interpretato. Un elemento che contiene sottoelementi è descritto così: <!ELEMENT car (brand, type) > <!ELEMENT brand (#PCDATA) > <!ELEMENT type (#PCDATA) > Questo vuole dire che l'elemento car a due sotto-tipi, brand e type descritti con caratteri interpretati Numero dei sotto-elementi Se abbiamo <!ELEMENT car (brand, type) >, questo significa che abbiamo un solo type e una sola brand; se vogliamo parecchi, allora + al meno una volta * spesso, però può essere omesso? può occorrere una volta o mai A mettere dopo il nome del sotto-elemento: <!ELEMENT animal (color+) > Tag vuoti Accanto a un tag d'inizio, c'è un tag di fine, o un tag vuoto, scritto così: <TAG/> Capitolo 2 8

9 Presentazione del risultato Dobbiamo definire lo stile di presentazione con XSL (extensible Stylesheet Language). Anche con CSS (Cascading Style Sheets). XML: Che possiamo fare? Con XML possiamo: definire le strutture dati rendere queste strutture indipendenti dalle piattaforme definire i dati automaticamente definire le nostre proprie tag Con XML non possiamo: definire come presentare i dati 2.2 Estensioni spaziali di XML Obiettivo: trattare i dati vettoriali su Internet Vantaggi: alleggerire la carica dei server alleggerire gli scambi client-server consentire le query dal client mettere trattamenti locali al livello del client Estensioni SVG (Scalable Vector Graphic) GML (Geography Markup Language) LandXML Capitolo 2 9

10 SVG Aumentare le funzionalità grafiche di XML Originalmente solo per i disegni, e poi per la cartografia (una mappa è un disegno) Possibilità d'interattività Possibilità di cambiare gli attributi dei disegni <desc>parcel Lot #2</desc> <g> <polyline points="938.15,-2556, ,- 2382,09"/> <polyline points="789.84,-2382, ,08"/> ,- <polyline points="955.92,-2237, ,- 2388,54"/> <polyline points=" ,-2388, ,24"/> ,- SVG GML Codifica delle informazioni territoriali Trattamenti: cartografia, analisi spaziale Creazione di un piccolo GIS su internet Trattamento efficace della geometria Capacità di legare gli elementi spaziali e nonspaziali Apertura sull'interoperabilità GML <exmember> <Parcel> <gml:name>lot #2</gml:name> <area> </area> <gml:centerof> <gml:point> <gml:coordinates> </gml:coordinates> </gml:point> </gml:centerof> <gml:extentof> <gml:polygon srsname=" <gml:outerboundaryis> <gml:linearring> <gml:coordinates> </gml:coordinates> </gml:linearring> </gml:outerboundaryis> </gml:polygon> </gml:extentof> </Parcel> </exmember> Capitolo 2 10

11 LandXML Specifiche di un formato di scambio di dati per l'ingegneria civile Facilità di trasferimento tra gli attori Archivio a lungo termine Formato standard per gli scambi elettronici di dati su Internet <Parcel name="lot #2" area=" " > <Center> </Center> <CoordGeom> <Line length="228.74" dir="229.58" > <Start> </Start> <End> </End> </Line> <Line length="220.48" dir="318.87" > <Start> </Start> <End> </End> </Line> <Line length="220.49" dir="42.38" > <Start> </Start> <End> </End> </Line> <Line length="244.56" dir="136.70" > <Start> </Start> <End> </End> </Line> </CoordGeom> </Parcel> LandXML Confronto - uso 2.3 Introduzione ai metadati Dati o informazioni? Urbanistica Ambiente (montagne, fiumi,..) Foto aeree Catasto Mappe statistiche 3D SVG X X X X XX GML X X X XX X LandXML XX X XX X I metadati contestualizzano i dati trasformandoli in informazioni I metadati sono informazioni sui dati Spesso definiti come dati sui dati o informazioni sulle informazioni Capitolo 2 11

12 Dati o informazioni Sono una varietà di codici di riferimento La loro condivisione li rende comprensibili (importanza degli standard) Sono le nostre etichette per descrivere la realtà, spesso sottointese Definizione di metadato Sono informazioni strutturate che descrivono, spiegano e collocano una risorsa informativa Comunità diverse impiegano diversi vocabolari (ontologie) Dublin Core, METS, MODS, ecc Tipologie di metadati Metadati descrittivi Metadati strutturali Metadati amministrativi: Metadati per il DRM Metadati per la conservazione Metadati descrittivi Descrivono una risorsa per scopi dipresentazione (discovery), identificazione, recupero (retrieval), ad esempio: Autore Titolo Keywords Soggetto Abstract Capitolo 2 12

13 Metadati strutturali Indicano come sono strutturati oggetti composti, ad esempio: la sequenza delle pagine singole all interno di un capitolo la sequenza dei file in un oggetto digitale complesso Esempio di metadati strutturali <structmaptype="logical <div ID="div1" LABEL="Oral History: Mayor Abraham Beame" TYPE="oralhistory"> <div ID="div1.1" LABEL="Interviewer Introduction" ORDER="1"> <fptrfileid="file001"> <area FILEID="FILE001" BEGIN="INTVWBG"END="INTVWND" BETYPE="IDREF" /> </fptr> <fptrfileid="file002"> <area FILEID="FILE002" BEGIN="00:00:00"END="00:01:47" BETYPE="TIME" /> </fptr> <fptrfileid="file003"> <area FILEID="FILE003" BEGIN="00:00:00"END="00:01:47" BETYPE="TIME" /> </fptr> </div><divid="div1.2" LABEL="FamilyHistory" ORDER="2"> <fptrfileid="file001"> <area FILEID="FILE001" BEGIN="FHBG"END="FHND" BETYPE="IDREF" /> </fptr> <fptr FILEID="FILE002"><area FILEID="FILE002" BEGIN="00:01:48"END="00:06:17"BETYPE="TIME" /> </fptr> <fptr FILEID="FILE003"> <areafileid="file003" BEGIN="00:01:48" END="00:06:17"BETYPE="TIME" /> </fptr> </div> </div> </structmap> ( Metadati amministrativi Forniscono informazioni utili alla gestione della risorsa descritta, ad esempio: sulla creazione (es. la data) tecniche (es. il tipo di file) di profilo (es. le tipologie di destinatari della risorsa) Metadati per il DRM Forniscono informazioni per la gestione elettronica dei diritti di proprietà intellettuale (Digital Rights Management), ad esempio: Licenze Autorizzazioni Costi e modalità di accesso Capitolo 2 13

14 Metadati embedded I metadati possono essere inclusi nell oggetto digitale che descrivono, ad esempio: nelle pagine web HTML negli header dei file di immagine nelle proprietà di un file Esempio di pagina HTML con metadati embedded <!DOCTYPE HTMLPUBLIC"-//W3C//DTDHTML4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <meta name="generator" content="crimson Editor 3.60a FreeWareText Editor a FreeWare Text Editor"> <meta name="keywords" content="oaiaepic open archives initiative electronic publishinge-publishing open access"> <title>aepichome Page</title> <linkrel="stylesheet" type="text/css" href= CSS/docum.css > <linkhref= rel Copyright > <linkhref="agenda/agenda.htm" rel= Contents > <linkhref="contatti/contatti.htm" rel="author"> <linkhref="documenti/documenti.htm" rel="next"> <linkhref="accessibilita.htm" rel="help"> </head> Funzioni dei metadati Dublin Core Forniscono l identificazione delle risorse che descrivono, facilitando la presentazione (discovery) e il recupero Consentono l organizzazione, la gestione, la localizzazione, le statistiche Favoriscono l interoperabilità e l integrazione di risorse simili Facilitano l archiviazione e laconservazione Nato nel 1995 durante un workshop organizzato da OCLC e NCSA a Dublin (Ohio) Scopo originale: definire un set di elementi che i creatori di pagine web potessero impiegare per descrivere le proprie risorse Capitolo 2 14

15 Dublin Core: 15 elementi Title Creator Subject Description Publisher Contributor Date Type Format Identifier Source Language Relation Coverage Rights Esempio di descrizione Dublin Core Title= Unimarc Creator= Antonio Scolari Subject= metadati, MARC, catalogazione Description= Breve introduzione allo standard UNIMARC per la catalogazione bibliografica Publisher= Associazione Italiana Biblioteche Date= 2000 Type= text Identifier= ISBN: Language= it Rights= Copyright Associazione Italiana Biblioteche Dublin Core: regole MODS: un esempio Tutti gli elementi sono ripetibili Tutti gli elementi sono opzionali Possono essere presentati in qualunque ordine Possono contenere valori controllati (es.type) Possono rientrare in application profiles (regole specifiche per dominio, es. istruzione, governo, ecc. <mods> <titleinfo> <title>unimarc</title> </titleinfo> <name type= personal > <namepart type= family >Scolari</namePart> <namepart type= given >Antonio</namePart> <role> <roleterm authority= marcrelator > author</roleterm> </role> </name> <origininfo> <dateissued>2000</dateissued> <publisher>associazione Italiana Biblioteche</publisher> </origininfo> <identifier type= isbn > </identifier> </mods> Capitolo 2 15

16 Attività del W3C Conclusione sui metadati L attività sui metadati è stata incorporata al Semantic Web (infrastruttura comune per la condivisione dei dati e il riuso attraverso diverse applicazioni ecomunità) La chiave è l interoperabilità Creare nuova informazione nonbasta: occorre renderla accessibile I metadati sono la chiave per l uso e l accesso alle risorse informative Metadati e SemanticWeb sono il futuro dell informazione 2.4 Introduzione a KML Creato da Google per le mappe con Google Earth KML: Keyhole Markup Language un file KMZ è una versione compressa di un file KML. Riconosciuto dai membri dell'ogc (Open Geospatial Consortium). OpenGis KML Encoding Standard (OGC KML) è il nome ufficiale del nuovo formato, mantenuto dallo stesso OGC. Esempio: Malga Xomo Coordinate: N , E , ference.html Capitolo 2 16

17 Esempio <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" <Placemark> <name>iuav</name> <description><![cdata[corso <br> <a href=" target=_blank> Architettura dei database territoriali (2 parte)</a><b r> da <br> <img src=" alt="robert LAURINI" height="129" width="105">]]> </description> <Point id="khpoint600"> <coordinates> , </coordinates> </Point> </Placemark> </kml> Struttura Stutturazione del layout Intestazione XML Dichiarazione di nome di spazio Descrizione del luogo Nome del luogo Vista della macchina fotografica per il luogo Una visibilità di default per il luogo (in questo caso, deve essere inserito dall'utente) Uno stile per il luogo, dettagliante dove l'immagine è individuata e la sua relativa posizione Uno switch per se o non il luogo deve sporgersi Il tipo di altezza che il luogo dovrebbe usare La posizione del luogo sulla superficie della terra Capitolo 2 17

18 Punti e Poligoni Struttura degli oggetti Descrizione di un placemark Documenti Testo in HTML Capitolo 2 18

19 Campi Camera Missioni spagnole nella California <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" <Document> <name>el Camino Real de la Misionero de las Californias</name> <open>1</open> <description><![cdata[placemarks are organized in chronological order. Twenty-seven missions (excluding vistas & presidios) were built along the Baja California peninsula between 1697 and 1854 by members of three Catholic religious Orders... Jesuits ( ), Franciscans ( ) and Dominicans ( Each location includes (1) a road map or topographic map; (2) location placemark with latitude-longitude coordinates; (3) image; (4) reference source or hyperlink; (5) description.</b></font> </description> <LookAt id="khlookat1834"> <longitude> </longitude> <latitude> </latitude> <range> </range> <tilt> </tilt> <heading> </heading> </LookAt> <Style id="khstyle1849"> <IconStyle id="khiconstyle1850"> missions_baja.kmz <Icon> </Icon> </IconStyle> </Style>.. <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" <Placemark> <description>tethered to the ground by a customizable tail</description> <name>tethethed placemark</name> <LookAt> <longitude> </longitude> <latitude> </latitude> <range> </range> <tilt> </tilt> <heading> </heading> </LookAt> <visibility>0</visibility> <Style> <IconStyle> <Icon> <href>root://icons/palette-3.png</href> <x>96</x> <y>160</y> <w>32</w> <h>32</h> </Icon> </IconStyle> </Style> <Point> <extrude>1</extrude> <altitudemode>relativetoground</altitudemode> <coordinates> , ,50</coordinates> </Point> </Placemark> </kml> Capitolo 2 19

20 <?xml version="1.0" encoding="utf-8"?> <kml xmlns=" <GroundOverlay> <description>overlay shows Mount Etna erupting on July 13th, 2001.</description> <name>large-scale overlay on terrain</name> <LookAt> <longitude> </longitude> <latitude> </latitude> <range> </range> <tilt> </tilt> <heading> </heading> </LookAt> <visibility>0</visibility> <Icon> <href> </Icon> <LatLonBox id="khlatlonbox751"> <north> </north> <south> </south> <east> </east> <west> </west> <rotation>0</rotation> </LatLonBox> </GroundOverlay> </kml> 2.5 Conclusioni Importanza del linguaggio XML Importanza delle sue estensioni grafiche e geografiche Capitolo 2 20