1 VyhledVyhledáánníí strstráánkynky inmapyinmapy..czcz Laboratoř geoinformatiky a kartografie www.inmapy.cz www.inmapy.cz? www.inmapy.cz? www.inmapy.cz? . .cz inmapy.cz 217.31.205.50 DNS GÚ MU: 147.251.65.2 PC č. 17 v Z1 147.251.65.117 193.0.14.129 88.146.119.130 servery pro .cz 217.31.205.50 217.31.205.51 server pro inmapy.cz 88.146.119.130 VyhledVyhledáávavaččee Laboratoř geoinformatiky a kartografie * neznáme ani IP ani doménové jméno * vyhledávač je registrem záznamů o existujících webových stránkách uspořádaný nejčastěji v podobě kategorií * seznam relevantních výsledků na dané klíčové slovo probíhá na základě proprietárního algoritmu - klíčová slova v URL - korektnost zdrojového kódu - zpětné odkazy - penalizace za duplicitní obsah - penalizace za skrytý obsah - robot na indexaci aktualizací, ... * SEO (Search Engine Optimization) Statistiky vyhledStatistiky vyhledáávváánníí v roce 2008 (dennv roce 2008 (denněě)) Laboratoř geoinformatiky a kartografie -52 544sex 2 38723 295dovolená 280geoinformatika 510kartografie 10webová kartografie 2713gis 6 78014 945mapa Slovo(a) Google (2007): 1. YouTube 2. O2 3. Aha 4. Prison Break 5. aukro 6. QIP 7. superhry 8. Wikipedia 9. Vodafone 10. IDOS Ještě v roce 2004 byla v ČR nejvyhledávanější práce. VyhledVyhledáávavaččee Laboratoř geoinformatiky a kartografie https://adwords.google.com/ http://vyhledavace.info ZZáákladnkladníí webovwebováá publikacepublikace Laboratoř geoinformatiky a kartografie mapa1.jpg o_inmapy.htm ZZáákladnkladníí webovwebováá publikacepublikace Laboratoř geoinformatiky a kartografie * striktně se držíme doporučení W3C * grafiku můžeme zobrazit pouze ve 3 formátech (jpg, gif, png) * pouze statické mapy, žádná interaktivita Řešení: * rozšíření na straně klienta (klientská aplikace) * rozšíření na straně serveru (serverová aplikace) 2 KLIENTSKÁ ŘEŠENÍ KlientskKlientskáá aplikace:aplikace: plugplug--inin Laboratoř geoinformatiky a kartografie mapa1.pdf o_inmapy.htm PDF plug-in KlientskKlientskáá aplikace:aplikace: plugplug--inin Laboratoř geoinformatiky a kartografie Výhody * interaktivní mapy * plug-in (zásuvný modul) je zdarma * tisíce různých plug-inů ­ možnost rozšíření webové publikace Nevýhody: * nutnost instalace * nutnost reinstalace při změně verzí (jako např. u SVG) * mnohdy odlišné pro různé webové prohlížeče KlientskKlientskáá aplikace:aplikace: plugplug--inin Laboratoř geoinformatiky a kartografie Hlavní využívané formáty: * PDF (Portable Document Format) ­ PDF plug-in * VML (Vector Markup Language) ­ v IE přirozeně; VML plug-in * SVG (Scalable Vector Graphics) ­ SVG plug-in * SWF (Shockwave Flash) ­ Flash plug-in FormFormááty vyuty využžíívajvajííccíí plugplug--in: VMLin: VML Laboratoř geoinformatiky a kartografie * Vector Markup Language (aplikace XML 1.0) * kódování vektorové informace s dalšími značkami * standardizace a formát SVG byl v nedohlednu Microsoft vytvořil vlastní specifikaci * ve specifikaci http://www.w3.org/TR/NOTE-VML uvedeny způsoby zobrazení a editace * standardizace a formát SVG byl v nedohlednu Microsoft vytvořil vlastní specifikaci * pomocí vektorů (linií a křivek) vytváří nové formáty * pro jejich formátování využívá CSS * v IE nativně; jinde nedělá problémy ­ nezobrazí se * dnes se nevyvíjí ProPročč uužžíívat VML oproti bitmapovvat VML oproti bitmapovéé graficegrafice Laboratoř geoinformatiky a kartografie * manipulace (žádný grafický editor, editace zdrojového kódu) * interpretace textu (text je (X)HTML; tudíž text) * CSS * DHTML (grafy, animace,...) * poloha objektů (nemusí odpovídat pořadí ve zdrojovém kódu) * menší datový objem (velikost grafiky srovnatelná s velikostí textu; jen její načítání je pomalejší) * rozlišení (takřka libovolná velikost ­ perfektní pro mapy) * samostatnost objektů (nejsou propojeny; např. klikací mapy) * kompatibilita (VML je založeno na XML) 3 UkUkáázkazka VMLVML Laboratoř geoinformatiky a kartografie MoMožžnosti VMLnosti VML Laboratoř geoinformatiky a kartografie XHTML VML HTML DOM VML canonical form Pozice pro layout Pozice pro každý tvar Rastrový výstup DOM SGML CSS model výstup FormFormááty vyuty využžíívajvajííccíí plugplug--in: SVGin: SVG Laboratoř geoinformatiky a kartografie * Scalable Vector Graphics (aplikace XML 1.0) * nativně podporován Operou (plně) a Firefoxem (výběr) * původně pouze Adobe SVG pulg-in, později Batik a další * navázáno na DOM (Document Object Model) * možnost vytvořit standardizované GUI * podporuje hyperlinkové standardy a SMIL (interaktivní obah webových stránek) * obsahuje kompresní algoritmus g-zip (úroveň přenosu: nativně server i prohlížeč) * i dnes bouřlivý vývoj FormFormááty vyuty využžíívajvajííccíí plugplug--in: SVGin: SVG Laboratoř geoinformatiky a kartografie * 3 základní typy grafických objektů - vektorové tvary (vector graphic shapes) - rastrové obrazy (raster images) - texty * vykreslovány pak jsou ve stejném pořadí jako ve zdrojovém kódu * definice průhlednosti, ořezové masky, bitmapové masky * možnost vícenásobného použití symbolu pomocí odkazů (paměť) * možnost uchování tvary některých písmen (font subset) do SVG kódu nebo externě uložit (zobrazení písem bez podpory) * deklarativní animace (podobně jako GIF animace ­ bez SW podpory) * kompatibilní se standardem SMIL (Synchronized Multimedia Integration Language) FormFormááty vyuty využžíívajvajííccíí plugplug--in: SVGin: SVG Laboratoř geoinformatiky a kartografie * bezproblémové přenášení animací mezi editačními aplikacemi * DOM funguje jako obdoba DHTML (možnost měnit nebo vytvářet nové grafické objekty) * standardně mechanismy událostí * hlavní smysl ­ lehce modifikovatelná interaktivní vektorová grafika SrovnSrovnáánníí SVG aSVG a FlasheFlashe Laboratoř geoinformatiky a kartografie Složitejší vytváření animacíVhodnější pro animace Snadná možnost generování grafiky na serveru z DBNutnost exportu do SWF Inkrementální načítáníKomplexní načítání Rozšířenost pluginů + nativní podpory cca. 40%Rozšířenost pluginů cca. 90% Široce využívané na mobilech (SVG Tiny a Basic)Minimální podpora v mobilech Chybí vyspělé kreativní prostředíAdobe Flash (Adobe Design Premium CS3) Pomalejší, delší doba načítáníSWF je rychlejší, plug-in lépe rychlostně optimalizovaný Komplikované vytvoření složitější grafikyLepší provázanost na grafický software Pouze události definované v DOMExistence událostí Nutnost napsat si ovládací prvkyObsahuje WIDGET ­ ovládací prvky Možnost využití částíVhodný jako samostatná aplikace Hrubší časové fázováníJemnější časové fázování Založeno na XMLProprietární řešení Otevřenost (stačí textový editor)Uzavřenost (pouze Adobe Flash) SVGFlash 4 SVG editorySVG editory Laboratoř geoinformatiky a kartografie * Adobe Illustrator * Corel Draw * ArcMap * Inkscape http://www.inkscape.org/ * Sketsa http://www.kiyut.com/products/sketsa/ UUžžiteiteččnnéé odkazy:odkazy: plugplug--in formin formáátyty Laboratoř geoinformatiky a kartografie http://www.w3.org/TR/NOTE-VML http://interval.cz/clanky/vml-vector-markup-language/ http://interval.cz/webdesign/grafika/ http://www.adobe.com/svg/viewer/install/ http://xmlgraphics.apache.org/batik/ http://www.tinyline.com SpojenSpojeníí VML a SVGVML a SVG -- AxioMapAxioMap Laboratoř geoinformatiky a kartografie * Aplikace XML Interaktivního On-line Mapování * softwarový balík založený na XML * 2 části - sbírka GIS extenzí a skriptů převádějící GIS data na XML - interaktivní mapové prohlížeče zobrazujcící tyto XML soubory * http://www.spatialdatasystems.com/ * hlavním omezením je rychlost CPU klienta SpojenSpojeníí VML a SVGVML a SVG -- AxioMapAxioMap Laboratoř geoinformatiky a kartografie SpojenSpojeníí VML a SVGVML a SVG -- AxioMapAxioMap Laboratoř geoinformatiky a kartografie JavaJava Laboratoř geoinformatiky a kartografie * platformě nezávislý objektový programovací jazyk * vyvinut Sun Microsystems, 1995 * používaný ke tvorbě aplikací nebo jejich podpoře na počítači či síti * malé aplikace ­ applety ­ mohou být také součástí www stránek * applety umžňují interaktivitu * pro prohlížení je třeba instalovat Java virtual machine ­ tzv. interpret Javy * objektově orientovaný, distribuovaný, bezpečný, přenositelný,... * pomalejší start programů (oproti C++,...) ­ překlad a pak spuštění * paměťová náročnost ­ nutnost mít v paměti celé běhové prostředí * chybí některé ,,klasické" funkce umožňující tvorbu chyb 5 kód Java appletu KlientskKlientskáá aplikace: Javaaplikace: Java Laboratoř geoinformatiky a kartografie mapa.class (X)HTML dokument Java virtual machine

Interaktivní mapy

Interaktivní mapy patří mezi nejžádanější mapové produkty

Jednoduché interaktivní mapy

Zde zvidíte příklad takové interaktivní mapy

Java virtual machine Java virtual machine JavaScriptJavaScript Laboratoř geoinformatiky a kartografie * jednoduchý skriptovací jazyk * závislý na prohlížeči (uživatel jej může vypnout) * v různých verzích prohlížečů nemusí korektně fungovat * skript se může vložit přímo do stránky nebo uloží samostatně (přípona .js nebo .jse) * stačí libovolný editor zdrojového kódu * skript se zapisuje mezi značky * použití od validace formulářů, mouseover na mapách,... RozdRozdííl mezi Javou al mezi Javou a JavaScriptemJavaScriptem Laboratoř geoinformatiky a kartografie Může zapisovat na pevný diskNemůže přímo zapisovat na pevný disk Statické posyktování ­ reference objektů musí existovat v době kompilace Dynamické poskytování ­ reference objektů zkontrolovány za běhu Deklarované datové typyNedeklarované proměnné datové typy Applety přístupné z (X)HTML stránekKód integrován a zakotven v (X)HMTL Objektově orinetovaná ­ objekty jsou rozděleny do tříd a instancí s plnou dědičností. Třídy a instance nemohou mít vlastnosti a metody přidávané dynamicky Objektově orientovaný ­ není rozdíl mezi typy a objekty. Prototypová dědičnost; vlastnosti a metody mohou být k jakémukoli objektu přidány dynamicky Kompilace mezikódu staženého ze serveru na klientovi Interpretováno (nekompilováno) klientem JavaJavaScript JavaScriptJavaScript a APIa API Laboratoř geoinformatiky a kartografie * JavaScript nemusí sloužit jen jako čistě klientská aplikace * v praxi často kombinace serverového řešení a klientské části pomocí API * první byl Google ­ JavaScriptovské API již 2005 * v českém prostředí 2007 Seznam a Atlas Laboratoř geoinformatiky a kartografie, Masarykova univerzita JavaScriptJavaScript * Skript se píše mezi tagy * Vkládají se i do , ale i * Záleží podle účelu * Syntaxe tagu Laboratoř geoinformatiky a kartografie, Masarykova univerzita JavaScriptJavaScript vlovložžený do strený do stráánkynky * Atribut language ­ název skriptovacího jazyka * Atribut type ­ typ skriptu ­ u našich webových map vždy text/javascript * Existují prohlížeče, které nemusí rozumět JavaScriptu je vhodné zapsat začátek skriptu * Prohlížeč by jinak vypsal skript jako normální text, takto ho bere jako komentář a neukáže ho 6 Co je potCo je potřřeba pro takovou vlastneba pro takovou vlastníí mapu?mapu? Laboratoř geoinformatiky a kartografie * vygenerovat si klíč na domovské stránce API api.mapy.cz api.amapy.cz google.com/apis/maps * umístit základní JavaScriptovský kód na své stránky - nutno specifikovat na jaký element www stránky se má mapa navázat - velikost mapy pomocí parametrů zdrojového kódu nebo CSS * pokud se chce, přidat další funkcionalitu Funkcionalita: Seznam mapyFunkcionalita: Seznam mapy Laboratoř geoinformatiky a kartografie * API v2.0 * nejslabší funkcionalita z této trojice (mapa, základní interakce, značky) * funkce i licenční podmínky nastaveny pro zobrazení mapy jako statického obrázku u kontaktu * limit 1000 na maximální počet zobrazení * pouze nekomerční využití * nejlepší podklady satelitních snímků i jiných map * nemožnost využívat všechny podklady portálu mapy.cz * propojení s IDOSem * obrovská návštěvnost portálu mapy.cz Funkcionalita: Atlas mapyFunkcionalita: Atlas mapy Laboratoř geoinformatiky a kartografie * nejnovější řešení, rychlejší v porovnání se Seznamem * funkcionalita navíc: podpora vykreslování vektorových tras, přidávání obsahu k bodům (např. fotografie, další mapy,...), více kartografických souřadných systémů, podpora scriptingu, nemovitosti * zdarma pro nekomerční využití * podpora případným komerčním aplikacím * nelze využít intranetově * oficiálně se pracuje na geokódování ­ ale nikde už delší dobu nejsou informace (vývojář API od Atlasu odešel) * kvalitní a kartograficky správnější podklady * možnost je všechny využívat v API Funkcionalita:Funkcionalita: GoogleGoogle mapymapy Laboratoř geoinformatiky a kartografie * nejstarší, ale nejvíce se dynamicky rozvíjející řešení * 2005 zveřejněno JavaScript API, 2008 Flash API * takřka žádná licenční omezení * omezení na 15 000 geokódovacích dotazů za den, věku autora na 21 let, publikaci na nevhodných stránkách * funkcionalita nesrovnatelně vyšší v porovnání s našimi mapovými servery: - geokódování - vyhledávání tras - vlastní mapy - přepočty souřadnic - export do Google Earth Funkcionalita:Funkcionalita: GoogleGoogle mapymapy Laboratoř geoinformatiky a kartografie * globální řešení nejhorší podklady pro ČR * výborná dokumentace SpecifickSpecifickáá klientskklientskáá mapovmapováá řřeeššeneníí:: ZoomifyZoomify Laboratoř geoinformatiky a kartografie * jednoduché HTML řešení mapové publikace * zdarma pro nekomerční využití * není XHTML validní * vytváří dlaždice na několik úrovní zoomu a skládá je do tabulky * funkcionalita: zoom, posun, aktualizace obrazu * převodník obrazu do dlaždic, prohlížeč * podpora HTML, JPEG, Flash * možnost exportu z Photoshopu do Zoomify 7 SpecifickSpecifickáá klientskklientskáá mapovmapováá řřeeššeneníí:: ZoomifyZoomify Laboratoř geoinformatiky a kartografie * pyramidování v případě zoomify http://www.zoomify.com/ http://oldmaps.geolab.cz/map_region.pl?z_height=70&lang=cs&z_width=0&z_new win=0&map_root=2vm&map_region=mo http://www.inmapy.cz/imgbig/lyz_area.htm SpecifickSpecifickáá klientskklientskáá mapovmapováá řřeeššeneníí:: ImageImage mapymapy Laboratoř geoinformatiky a kartografie * obdoba principu Zoomify * určené pro nepravidelné areály * typický příklad: mapa správních celků * definice oblastí + jim přidělení akce * není závislé na serveru * akce se tak děje neprodleně Hlavní město Praha Vysočina