1 Základní formáty na Webu * úplným základem je HTML dokument - podpora hypermédií (obrázky, animace, zvuk, video) formáty pro obraz - JPEG - GIF - PNG * formáty pro animace - GIF - Flash - VML - SVG * formáty pro zvuk - MIDI - WAV - AU - MP3 Laboratoř geoinformatiky a kartografie Rastrový * na serveru se dle požadavku klienta z rastrových a vektorových dat vygeneruje mapový výřez, jako obrázek se odešle klientovi * technologicky jednodušší * velký datový objem, velké objemy zbytečných nebo duplicitních dat * omezené možnosti změn vzhledu * běžné rastrové formáty ­ musí umět prohlížeč ­ JPEG, TIFF, GIF, PNG, ... Přenos geodat na Webu Vektorový * server na základě požadavku klienta připraví množinu geoprvků (pouze vektorová d.), provede případný ořez a zašle klientovi * technologicky náročnější * proprietární nebo otevřený formát => nutné aby prohlížeč dokázal data interpretovat * formáty GML, KML (Google Earth), XML, SVG, ... Často a výhodná kombinace obou způsobů v rámci jedné aplikace... Přenos geodat na Webu GIF (The Graphics Interchange Format) Laboratoř geoinformatiky a kartografie * vyvinut společností Compuserve v roce 1989 * bitmapová (rastrová) grafika skládající se z převážně jednoduchých čárových objektů a ne příliš velkého počtu barev * 8-mi bitová grafika (max. 256 barev ­ kombinace hodnot 0 a 1) * umožňuje průsvitnost ­ ale jen v novější verzi ­ GIF89a * kromě toho existuje ještě interlaced GIF89a (,,prokládaný"; obrázek se zobrazí celý v horší kvalitě a postupně se zaostřuje) * bezztrátová komprese * nejlepší kompresní poměr je při množství jednobarevných řádků * může obsahovat i několik obrázků animovaný GIF * přípona .gif GIF ­ optimalizace pro Web Laboratoř geoinformatiky a kartografie JPEG (The Joint Photographics Experts Group) Laboratoř geoinformatiky a kartografie * 1990 standardizován ISO, od r. 1991 hojně používán * určen pro fotografie a obrázky se značným množstvím barev a odstínů * 24-bitová grafika (16 mil. barev) * ukládá všechny informace v RGB prostoru (8-bitů každá složka) * používá ztrátovou kompresi * komprese rozmazává hrany * nepodporuje průsvitnost ani animace * přípona .jpg, nebo .jpeg 2 JPEG ­ optimalizace pro Web Laboratoř geoinformatiky a kartografie PNG (The Portable Network Graphics) Laboratoř geoinformatiky a kartografie * jediný oficiální formát pro bitmapovou grafiku na Webu * doporučení W3C z roku 1996 * podporuje až 32 bitovou grafiku * lepší podpora transparence a více typů prokládání * považován proto za nástupce GIFu * několik možností komprese * nepodporuje animace (umí odvozenina MNG ­ nepodporuje IE) * dříve takřka žádná podpora u webových prohlížečů * přípona .png PNG ­ optimalizace pro Web Laboratoř geoinformatiky a kartografie Srovnání komprese GIF, JPEG a PNG Laboratoř geoinformatiky a kartografie * GIF (většina platí i pro PNG) - čím méně barev, tím menší velikost obrázku - komprese je nejúčinnější při co nejvíce spojitých jednobarevných plochách - v praxi raději používejte 216 barev místo 256 - optimizéry (jako např. Adobe Photoshop, GIMP,...) * JPEG - nikdy nepoužívejte vícenásobné ukládání ­ ztráta kvality - nepoužívejte pro mapy - optimizéry (jako např. Adobe Photoshop, GIMP,...) Použití formátů Laboratoř geoinformatiky a kartografie * GIF a PNG - ikony - navigační prvky na stránce - loga - mapy (nejlepší pro ně je PNG) * JPEG - fotografie Použití formátů JPEG, velikost 37KB, komprese 1%, 16 mil. barev GIF, velikost 19KB, 256 barev PNG, velikost 18KB,256 barev 3 Použití formátů formát GIF/PNG, bílá plocha je neposkvrněná formát JPEG, v bílé ploše jsou skvrny Použití formátů PNG, 26 kB JPEG, 29 kB GIF animace Laboratoř geoinformatiky a kartografie * animace = skupina snímků, které se mezi sebou vyměňují http://friday.westnet.com/~crywalt/dymaxion_2003/dymaxion_2003.animation.gif Laboratoř geoinformatiky a kartografie GIMP OpenSource & GIF Animator * v případě zpracování rastru se do jeho hlavičky ukládá i informace o zpracovatelském prostředí * komerční využití nekomerčních produktů * GIMP nabízí většinu ,,běžné" funkcionality * navíc umí image mapy * GIF Animator umí animované GIFy ­ vytváření, úprava, optimalizace * http://www.gimp.org * www.slunecnice.cz/sw/gif-animator/ Laboratoř geoinformatiky a kartografie Image mapy * nejjednodušší příklad interaktivní mapy * klikatelná mapa s několika hypertextovými odkazy a obvykle JavaScriptem přidruženým k jednoduchému rastrovému obrázku * nad původním rastrem je třeba definovat oblasti a akce * hlavním účelem v praxi je grafická navigace * hlavní nevýhoda: obvykle obtížná (zejména manuálně a časově náročná) konstrukce * co nejpřesnější definice vertexů * dříve nutno počítat, dnes několik SW nástrojů ­ Open Source Gimp Laboratoř geoinformatiky a kartografie Image mapy 4 Flash Laboratoř geoinformatiky a kartografie * u GIFu se střídají rastrové obrazy tvořené sítí bodů - pixelů * u Flashe se jedná o vektorové obrazy * animace může být ovlivňována ActionScriptem (programovací jazyk podobný JavaScriptu) * výhody Flashe ­ je menší, nelimitovaná velikost objektů * nevýhoda ­ primárně se nehodí pro fotky * tvorba ve Flash editoru (nakreslí se a vloží obrázky, umístí se do vrstev, nadefinují se jejich pohyby a transformace v časové ose, mohou se přidat zvuky a skripty a nakonec se celá animace exportuje do formátu SWF, který je možno přehrát) * export do formátu SWF je nevratný * přehrávání (prohlížeč ­ plugin, exe ­ tzv. projektor) Webová publikace Laboratoř geoinformatiky a kartografie * ...aneb jak se z napsání na URL řádku dostanu na příslušný server? * DNS (Domain Name Server) * hierarchický systém doménových jmen * hlavním úkolem je převod doménových jmen a IP adres uzlů sítě * IP adresa je jednoznačná identifikace konkrétního zařízení (nemusí jím být počítač) v prostředí internetu; IP značí Internet Protocol * dnes nejčastěji ve verzích IPv4, IPv6 * v jiných protokolech se může adresování provádět jinak (např. MAC adresa ­ fe80:826:155d:6c04) * IP adresa má tvar xxx.xxx.xxx.xxx (např. 147.251.65.4) GeoIP Laboratoř geoinformatiky a kartografie * Modul www serverů (obdobně jako např. mod_rewrite) * Umožňuje zjistit min. stát, ve kterém se nachází návštěvník www stránek podle IP adresy připojení * A to i v případě, že není definován reverzní DNS záznam * Na základě vyhledání IP adresy v převodní databázi umístěné na Webu pro volné použití (např. pro Apache) * Možnost zapsat např. v PHP * Můžete se sami sledovat např. na http://www.geoiptool.com/ nebo http://www.maxmind.com/app/locate_ip * Příklad využití: Google Maps Princip DNS Laboratoř geoinformatiky a kartografie * prostor doménových jmen tvoří strom * každý uzel tohoto stromu obsahuje informace o části jména (tj. doméně) * kořenem stromu je tzv. kořenová doména, která se zapisuje jako samostatná tečka * pod ní se v hierarchii zapisují tzv. domény nejvyšší úrovně - tematické (com, edu, gov,...) - státní (cz, sk, uk,...) * strom se dělí do zón, který mají na starosti správci (http://www.nic.cz/) * počet CZ domén: 441 909 (07/2008) * subdomény (např. http://geogr.muni.cz) DNS Laboratoř geoinformatiky a kartografie * DNS server může hrát min. jednu ze 3 rolí v doméně (resp. zóně): - primární server (na něm data vznikají; změny v doméně se musí provést na tomto serveru); každá doména má právě 1 primární server - sekundární server (automatická kopie primárního; průběžná aktualizace; horká záloha, cluster kopie při zátěži); 1 v doméně - pomocný (caching only) server ­ pouze vyrovnávací funkce pro snížení zátěže celého systému; uchovává odpovědi a poskytuje je při opakované žádosti Vyhledání stránky inmapy.cz 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