1 Formáty na Webu Laboratoř geoinformatiky a kartografie • obsahové (strukturní) - HTML, XML, … - specializovaný obsah * vektorová grafika (SVG, VML, Flash,…) * rastrová grafika (GIF, PNG, JPEG,…) • vizualizační - CSS, … • transformační - XSLT, … 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 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 2 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 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 3 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 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, výrazně upadá • 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 (39 míst) • v jiných protokolech se může adresování provádět jinak (např. MAC adresa – fe80:826:155d:6c04) • IPv4 adresa má tvar xxx.xxx.xxx.xxx (např. 147.251.65.4) 4 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), 1 081 287 (10/2013) • subdomény (např. http://geogr.muni.cz) 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 Vyhledávače 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 vyhledávání v roce 2013 (denně Seznam.cz/ Google ročně) Laboratoř geoinformatiky a kartografie Slovo(a) mapa 16 050 gis 3 webová kartografie 0 kartografie 0 geoinformatika 0 dovolená 12 658 sex 51 283 práce 78 756 tv 42 255 Slovo(a) 1. Whitney Houston 2 739 726 000 2. Gangnam style 2 528 000 3. Hurricane Sandy – 4. iPad 3 – 5. Diablo 3 – 6. Kate Middleton – 7. Olympics 2012 – Slovo(a) 1. facebook 4. Yahoo 2. youtube 5. eBay 3. craigslist 6. mapquest Základní webová publikace Laboratoř geoinformatiky a kartografie mapa1.jpg o_inmapy.htm GeoIP Laboratoř geoinformatiky a kartografie • moduly webových serverů – např. mod_rewrite či geoip. • geoIP = modul ke zjištění lokality zařízení, které se připojuje k danému serveru • převodní databáze adresních míst podle IP adresy - zodpovídá za ni správce modulu • chybovost, připojení (VPN) tunely, RDP, … • možnost využít ve skriptech webové stránky • využití v geoinformatice 5 Příklad GeoIP Laboratoř geoinformatiky a kartografie • http://www.geoiptool.com/ Cloud (computing) Laboratoř geoinformatiky a kartografie • Model vývoje a používání počítačových technologií na internetu - stále architektura klient – server •Uživatelé přistupují pomocí například webového prohlížeče a mohou přistupovat k datům či funkcionalitě prakticky odkudkoli - E-maily (Seznam mail, Gmail, Hotmail, Yahoo mail,…) - Ukládání dat (např. Dropbox) - Funkcionalita (např. Google Apps) •Jiný obchodní model - Neplatí se za software, ale za funkcionalitu •Model nasazení - Veřejný (public) - Soukromý (private) - Hybridní (hybrid) - Komunitní (comunity) Cloud (computing) Laboratoř geoinformatiky a kartografie • Distribuční model - IaaS (Infrastructure as a Service) - hardware, typicky virtualizace - Amazon WS, Rackspace, Windows Azure - Paas (Platform as a Service) - Kompletní prostředky pro tvorbu a poskytování webových aplikací a služeb na internetu - Google App Engine - Saas (Software as a service) - Aplikace je licencována jako služba pronajímaná uživateli - Google Apps, Google Docs Cloud (computing) v geoinformatice Laboratoř geoinformatiky a kartografie • Aplikace „Dej Tip“, http://www.dejtip.eu/ •