Ověření Možnosti Využití Jazyka XML a Formátu SVG Pro Potřeby Metainformačního Systému CAGI Zpracovatel:tomáš duchoslav Vedoucí: ing. Jan růžička

Obecné Cíle Projektu Využití jazyka XML a vektorového formátu SVG pro geografickou prezentaci plošného pokrytí geografických datových sad Využití SVG pro zadávání dat a dotazování Teoretické zhodnocení současného využití SVG v praxi

Konkrétní Cíle Projektu Vytvoření aplikace klient/server: Uživatel si na straně klienta zadá požadavek na zobrazení plošného pokrytí určité datové sady Následuje zpracování dotazu na straně serveru pomocí PHP3, které z databáze vytáhne potřebná metadata o plošném pokrytí Poslání a zobrazení metadat ve formátu SVG na straně klienta

Důvod Projektu Zkrácení časového intervalu mezi zadáním požadavku na zobrazení a samotným zobrazením dat

Postup Prací Studium XML a jeho možností zejména v oblasti nově vytvořeného grafického formátu SVG Zjišťování spolupráce SVG a javascriptu Seznámení se skriptovacím jazykem PHP3 Generování SVG pomocí PHP3 Interaktivní vytváření vlastních dat prostřednictvím SVG Tvorba aplikace

Metainformační Systém CAGI Metainformační systém CAGI: Vytvořen na půdě CAGI Cílem bylo vytvoření interaktivního metais o datových sadách geodat v ČR, přístupného prostřednictvím internetu Uchovává informace o jakosti dat, plošném pokrytí, oblast zaměření, autorská práva atd. Možnost editace dat registrovanými uživateli prostřednictvím internetu Použití PHP3 pro tvorbu CGI skriptu

XML - úvod XML (extensible markup language): Značkovací jazyk podobně jako HTML Vytvořen konsorciem w3c v roce 1998 Zjednodušená verze jazyka SGML SGML HTMLXML

XML - Dokumenty Dokumenty jsou tvořeny značkami a textem Struktura dokumentu je definovaná v DTD Výhody jazyka XML: hierarchická struktura dokumentů možnost definování vlastních značek možnost využívat různé standardy DTD popis obsahu pomocí metadat Nevýhody jazyka XML: složitost tvorby DTD

SVG - úvod SVG (Scalable Vector Graphics) 2D vektorový formát, vytvořen jako aplikace jazyka XML (SVG-konkrétní DTD) 3 typy grafických objektů: vektorové prvky rastrové obrázky texty

SVG - část 2 Prvky pro tvorbu vektorové grafiky: obdelník, kruh, elipsa, linie, polylinie, polygon Celý kód SVG se vkládá do prvku, ve kterém mohou být vnořeny další prvky SVG - příklad

Aplikace klient/server

SVGMapServer Prohlížení: –Výběr zobrazení metadat datové sady –Zvětšování, zmenšování, zobrazení plného pohledu –Posunování obrazu pomocí šipek Editace: –tvorba vlastních polygonů pomocí kursoru myši

Datový model

Java-Applet vs. SVG

Ukázka PHP3 + SVG Vyber svg prvku <? echo " "; $spojeni=ODBC_Connect("Duchoslav","",""); if(!$spojeni){ echo "Nepodarlo se spojit s databazi"; }else{ $vysledek=ODBC_Exec($spojeni, "SELECT ms_Layers.Lay_ID, ms_Features.Feat_ID, ms_Points.X, ms_Points.Y FROM ms_Layers INNER JOIN (ms_Features INNER JOIN ms_Points ON ms_Features.Feat_ID = ms_Points.Feat_ID) ON ms_Layers.Lay_ID = ms_Features.Lay_ID WHERE (((ms_Layers.Lay_ID)=2));"); if(!$vysledek){ echo "Chyba pri SQL dotazu."; }else{ $i=1; $j=0; while (ODBC_Fetch_Row($vysledek)){ if(ODBC_Result($vysledek,"Feat_ID")==$i){ $polygonX[$j]=ODBC_Result($vysledek,"X"); $polygonX[$j]=prepocitaniSouradnicX($polygonX[$j]); …………………………………. ………………………….

Ukladani geoprvku do databaze function getID(evt){ var shape=evt.getTarget(); var a=shape.getAttribute('id'); switch (a){ case "1": alert('ID je '+a); break; } document.formular.id.value=a; document.formular.submit(); } Ukázka HTML + JavaScript

Použité zdroje Laurent S.S.: Tvorba internetových aplikací v XML. Computerpress 1999, 222 stran,ISBN Marenčík S.:Diplomová práce: Vytvoření grafického rozhraní pro komunikaci s uživatelem metainformačního systému CAGI, Ostrava 2000

Děkuji za pozornost