webgis, cloud computing, ogc ows

85
images/conference-lo WebGIS, Cloud computing, OWS ˇ Zivot, vesm´ ır a v ˚ ubec achym ˇ Cepick´ y 1 1 OSGeo.cz z.s. http://osgeo.cz ˇ CVUT 2015 WebGIS, Cloud computing, OWS ˇ Zivot, vesm´ ır a v ˚ ubec achym ˇ Cepick´ y1 1OSGeo.cz z.s. http://osgeo.cz ˇ CVUT 2015 2015-05-06 WebGIS, Cloud computing, OWS Dobr´ y den ...

Upload: jachym-cepicky

Post on 19-Jul-2015

112 views

Category:

Education


7 download

TRANSCRIPT

images/conference-logo.png

WebGIS, Cloud computing, OWSZivot, vesmır a vubec

Jachym Cepicky1

1OSGeo.cz z.s. http://osgeo.cz

CVUT 2015

WebGIS, Cloud computing, OWSZivot, vesmır a vubec

Jachym Cepicky1

1OSGeo.cz z.s. http://osgeo.cz

CVUT 20152015

-05-

06WebGIS, Cloud computing, OWS

Dobry den...

images/conference-logo.png

TOC

1 WebGIS

2 OGC OWS

3 Cloud

TOC

1 WebGIS

2 OGC OWS

3 Cloud

2015

-05-

06WebGIS, Cloud computing, OWS

TOC

images/conference-logo.png

Jachym CepickyJachym Cepicky

2015

-05-

06WebGIS, Cloud computing, OWS

Jachym Cepicky

Jmenuji se Jachym CepickyOd roku 2002 se pohybujı ve svete vyvoje Open Source software proGIS

images/conference-logo.png

Jachym CepickyJachym Cepicky

2015

-05-

06WebGIS, Cloud computing, OWS

Jachym Cepicky

• Jsem byvalym clenem GRASS Development teamu

• puvodnı autor programu PyWPS

• prispevatel do nekolika dalsıch projektu, jako jsou naprıkladOpenLayers

• a uzivatel a propagator otevreneho software pro geooblast.

images/conference-logo.png

Jachym CepickyJachym Cepicky

2015

-05-

06WebGIS, Cloud computing, OWS

Jachym Cepicky

Mezi neprogramatorske aktivity patrı zejmena clenstvı v predstavujepredstavenstvu Open Source Geospatial Foundation a jsempredseda ceskeho sdruzenı Otevrena geoinfrastruktura.

images/conference-logo.png

Jachym CepickyJachym Cepicky

2015

-05-

06WebGIS, Cloud computing, OWS

Jachym Cepicky

Poslednıch 7 let se zabavam predevsım vyvojem webovychmapovych aplikacı pomocı ruznych frameworku a o svoje zkusenostibych se s vami dnes rad podelil.

images/conference-logo.png

Jachym CepickyJachym Cepicky

2015

-05-

06WebGIS, Cloud computing, OWS

Jachym Cepicky

Martin mi zadal jako tema prednasky tri oblasti, kazda by samozrejmevydala na semestr studia a jenom o nekterych tematech neco vım, zbytek si budu muset vycucat z prstu.

images/conference-logo.png

TOC

1 WebGIS

2 OGC OWS

3 Cloud

TOC

1 WebGIS

2 OGC OWS

3 Cloud

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

TOC

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Zacneme tematem WebGIS. Ma nekdo z vas predstavu, co je toWebGIS? A jak jde dohromady s GISem?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Zacneme tematem WebGIS. Ma nekdo z vas predstavu, co je toWebGIS? A jak jde dohromady s GISem?

images/conference-logo.png

WebGIS

GIS - Geograficky informacnı system, je na pocıtacıchzalozeny informacnı system pro zıskavanı, ukladanı,analyzu a vizualizaci dat, ktera majı prostorovy vztah kpovrchu Zeme. Geodata, se kterymi GIS pracuje, jsoudefinovana svou geometriı, topologiı, atributy a dynamikou.http://cs.wikipedia.org/wiki/Geografick%C3%BD_informa%C4%8Dn%C3%AD_syst%C3%A9m

Web - World Wide Web (WWW) je oznacenı pro systemprohlızenı, ukladanı a odkazovanı dokumentunachazejıcıch se v Internetu. Dokumenty (webove stranky)si prohlızıme pomocı weboveho prohlızece, jsou ulozenyna webovych serverech a jsou navzajem propojeny pomocıhypertextovych odkazu zapisovanych ve forme URL.Webove stranky jsou popsany pomocı HTML jazyka a projejich prenos mezi pocıtaci je pouzıvan HTTP protokol.

WebGIS

GIS - Geograficky informacnı system, je na pocıtacıchzalozeny informacnı system pro zıskavanı, ukladanı,analyzu a vizualizaci dat, ktera majı prostorovy vztah kpovrchu Zeme. Geodata, se kterymi GIS pracuje, jsoudefinovana svou geometriı, topologiı, atributy a dynamikou.http://cs.wikipedia.org/wiki/Geografick%C3%BD_informa%C4%8Dn%C3%AD_syst%C3%A9m

Web - World Wide Web (WWW) je oznacenı pro systemprohlızenı, ukladanı a odkazovanı dokumentunachazejıcıch se v Internetu. Dokumenty (webove stranky)si prohlızıme pomocı weboveho prohlızece, jsou ulozenyna webovych serverech a jsou navzajem propojeny pomocıhypertextovych odkazu zapisovanych ve forme URL.Webove stranky jsou popsany pomocı HTML jazyka a projejich prenos mezi pocıtaci je pouzıvan HTTP protokol.

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Nekterou z definic GIS asi znate. Ja pridam pouze tu informaci, zeGeograficky informacnı system je informacnı system jako kazdy jiny.Sklada se ze trı castı: software, hardware a lidı. Vy jste nebo spısebudete soucastı geografickych informacnıch systemu ve svychorganizacıch. GIS se zabyva prevazne daty, ktera majı nejakouprostorovou slozku, najıt datovou sadu bez prostorove slozky nenıjednoduche.

images/conference-logo.png

WebGIS

GIS - Geograficky informacnı system, je na pocıtacıchzalozeny informacnı system pro zıskavanı, ukladanı,analyzu a vizualizaci dat, ktera majı prostorovy vztah kpovrchu Zeme. Geodata, se kterymi GIS pracuje, jsoudefinovana svou geometriı, topologiı, atributy a dynamikou.http://cs.wikipedia.org/wiki/Geografick%C3%BD_informa%C4%8Dn%C3%AD_syst%C3%A9m

Web - World Wide Web (WWW) je oznacenı pro systemprohlızenı, ukladanı a odkazovanı dokumentunachazejıcıch se v Internetu. Dokumenty (webove stranky)si prohlızıme pomocı weboveho prohlızece, jsou ulozenyna webovych serverech a jsou navzajem propojeny pomocıhypertextovych odkazu zapisovanych ve forme URL.Webove stranky jsou popsany pomocı HTML jazyka a projejich prenos mezi pocıtaci je pouzıvan HTTP protokol.

WebGIS

GIS - Geograficky informacnı system, je na pocıtacıchzalozeny informacnı system pro zıskavanı, ukladanı,analyzu a vizualizaci dat, ktera majı prostorovy vztah kpovrchu Zeme. Geodata, se kterymi GIS pracuje, jsoudefinovana svou geometriı, topologiı, atributy a dynamikou.http://cs.wikipedia.org/wiki/Geografick%C3%BD_informa%C4%8Dn%C3%AD_syst%C3%A9m

Web - World Wide Web (WWW) je oznacenı pro systemprohlızenı, ukladanı a odkazovanı dokumentunachazejıcıch se v Internetu. Dokumenty (webove stranky)si prohlızıme pomocı weboveho prohlızece, jsou ulozenyna webovych serverech a jsou navzajem propojeny pomocıhypertextovych odkazu zapisovanych ve forme URL.Webove stranky jsou popsany pomocı HTML jazyka a projejich prenos mezi pocıtaci je pouzıvan HTTP protokol.

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Slovem Web se myslı world wide web - system provazanı dokumentupomocı unikatnıch zrojovych adres, tedy URL. Klientsky pocıtac se sjednotlivymi servery dorozumıva prostrednictvım protokolu HyperText Transfare Protocol.

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Pod pojmem web GIS ja rozumım spıse nez mapicky na webovychstrankach soubor technologiı ze sveta GIS a soubor technologiıpouzıvanych na webu.

images/conference-logo.png

Webove technologie

HTTPWebove sluzby http://cs.wikipedia.org/wiki/Webov%C3%A1_slu%C5%BEba

Ajax, Web workers, Canvas, WebGLXML, JSON, HTML, CSS, SVG, DOM

Webove technologie

HTTPWebove sluzby http://cs.wikipedia.org/wiki/Webov%C3%A1_slu%C5%BEba

Ajax, Web workers, Canvas, WebGLXML, JSON, HTML, CSS, SVG, DOM

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Webove technologie

O GIS technologiıch asi nema smysl moc mluvit, meli byste je znat.Mluvım o databazıch, principu vrstev, analyzach prostorovych dat,prostorovych indexech, clustering, a tak podobne.Z webovych technologiıch si WebGIS bere zejmena hypertexttransfare protokol, webove sluzby, zpusob jak zavolat asynchronnekod z klienta na serveru bez nutnosti relaodovat stranku ajax, zpusobjak nechat provadet slozite vypocty na pozadı v jinem vlakneprohlızece, takze se vam uzivatelske rozhrannı nezaseka, zpusobvykreslovanı dat na tzv. platno nebo pomocı akcelerovane grafickekarty.Dale formaty komunikace mezi serverem a klientem XML nebo dnespopularnejsı JSON. atd. . . .

images/conference-logo.png

Webovy browser jako platforma

Chromium OS

Webovy browser jako platforma

Chromium OS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Webovy browser jako platforma

Vy uz jste se narodili do pocıtacoveho veku, kdy se na webovyprohlızec nekouka jako na proste zobrazovatko textovych dokumentua par obrazku. Urcite jste si vsimli, ze spıse nez o strankach se hovorıo aplikacıch. Aplikace nezijı v heterogennım prostredı desktopu, ale vrelativne unifikovanem prostredı webovych prohlızecu. Kazdyprohlızec dneska umı nejak zobrazovat dokumenty HTML, menitvzhled prvku pomocı CSS a interpretovat nejakym zpusobemprogramovacı jazyk JavaScript.Kdyz se na to podıvate zjistıte, ze dıky dnesnım renderovacım jadrumprohlızecu a stale se zlepsujıcım interpretum javascriptu mate celkemsolidnı zaklad pro vytvarenı libolnych aplikacı, ktere mohou byt idatove narocnejsı.

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Co je to tedy Web GIS?

• Je to staticka mapa na webove strance?

• Je to aktivnı, dynamicka mapa na webove strance?

• Je to mapa reagujıcı na uzivatelske vstupy, vykreslujıcı ruznekartogramy a kartodiagramy?

• Musı to fungovat ve webovem prohlızeci, tedy na klientovi, neboto muze mıt serverovou komponentu?

• Musı to umoznit uzivateli zadavat nova data? Editovat stavajıcıatributy a geometrii?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Co je to tedy Web GIS?

• Je to staticka mapa na webove strance?

• Je to aktivnı, dynamicka mapa na webove strance?

• Je to mapa reagujıcı na uzivatelske vstupy, vykreslujıcı ruznekartogramy a kartodiagramy?

• Musı to fungovat ve webovem prohlızeci, tedy na klientovi, neboto muze mıt serverovou komponentu?

• Musı to umoznit uzivateli zadavat nova data? Editovat stavajıcıatributy a geometrii?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Co je to tedy Web GIS?

• Je to staticka mapa na webove strance?

• Je to aktivnı, dynamicka mapa na webove strance?

• Je to mapa reagujıcı na uzivatelske vstupy, vykreslujıcı ruznekartogramy a kartodiagramy?

• Musı to fungovat ve webovem prohlızeci, tedy na klientovi, neboto muze mıt serverovou komponentu?

• Musı to umoznit uzivateli zadavat nova data? Editovat stavajıcıatributy a geometrii?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Co je to tedy Web GIS?

• Je to staticka mapa na webove strance?

• Je to aktivnı, dynamicka mapa na webove strance?

• Je to mapa reagujıcı na uzivatelske vstupy, vykreslujıcı ruznekartogramy a kartodiagramy?

• Musı to fungovat ve webovem prohlızeci, tedy na klientovi, neboto muze mıt serverovou komponentu?

• Musı to umoznit uzivateli zadavat nova data? Editovat stavajıcıatributy a geometrii?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Co je to tedy Web GIS?

• Je to staticka mapa na webove strance?

• Je to aktivnı, dynamicka mapa na webove strance?

• Je to mapa reagujıcı na uzivatelske vstupy, vykreslujıcı ruznekartogramy a kartodiagramy?

• Musı to fungovat ve webovem prohlızeci, tedy na klientovi, neboto muze mıt serverovou komponentu?

• Musı to umoznit uzivateli zadavat nova data? Editovat stavajıcıatributy a geometrii?

images/conference-logo.png

WebGISWebGIS

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

Podle meho nazoru je to vsechno GIS, protoze spolu s hardwarem alidmi to dohromady tvorı informacnı system zabyvajıcı se daty sprostorovou slozkou.Chcete-li ale poskladat nejakou sofistikovanejsı webovou aplikaci,musıte vyresit nasledujıcı problemy:

images/conference-logo.png

WebGIS

Transport datVykreslenı datUzivatelska interakce, UIKomunikace se serveremPokrocile analyzy nad prostorovymi daty (server — clientside)

WebGIS

Transport datVykreslenı datUzivatelska interakce, UIKomunikace se serveremPokrocile analyzy nad prostorovymi daty (server — clientside)

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

WebGIS

• Musıte data pretransportovat ze serveru na klienta

• Musıte je vykreslit a nastylovat

• Musıte zajistit uzivatelskou interakci, uzivatelske rozhrannı

• Zajistit komunikaci se serverovou castı

• Zajistit analyzi GIS nad zobrazenymi daty, ty mohou byt naserveru a nebo stale casteji na klientovi

images/conference-logo.png

Transport dat ze serveruTransport dat ze serveru

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Transport dat ze serveru

Problem transportu dat je stale dokola se opakujıcı databazovyproblem: Data mohou byt velka, rychla a aktualnı. Muzete mıt dve ztechto vlastnostı, nemuzete mıt vsechny. Snazte se systemnavrhnout tak, aby se vzdycky ze serveru na klienta transportovalominimalnı nutne mnozstvı, ktere uzivatel potrebuje pro aktualnı praci.

• Pokud potrebujete velka data rychle, nemohou byt aktualnı.Pouzijte dlazdicovou nebo jinou cache. Odbavenı na serveru senasobne zrychlı, browser je rychle vykreslı.

• Pokud potrebujete velka data aktualnı, bude to vzdy pomale.Snazte se pomocı ruznych pomucek uzivateli zivot zprıjemnit.Zkuste data nenacıtat najednou, ale postupne je docıtat avykreslovat

• Pokud potrebujete aktualnı data rychle, neomohou byt velka.

images/conference-logo.png

Transport dat ze serveru

Prenaset jen potrebna dataZipovat komunikaci mezi serverem a klientemPouzıvat mene ukecene formaty (JSON oproti XML)

Vıce viz dale

Transport dat ze serveru

Prenaset jen potrebna dataZipovat komunikaci mezi serverem a klientemPouzıvat mene ukecene formaty (JSON oproti XML)

Vıce viz dale

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Transport dat ze serveru

Zopakuji: prenasejte vzdy takove mnozstı dat, ktere je aktualne prouzivatele nutne. Zipujte komunikaci mezi serverem a klientem,pouzijte vhodnejsı format dat - mısto upovıdaneho XML pouzijteGeoJSON nebo dokonce TopoJSON.Pro rastrova data prenasejte jenom to co musıte: data lzepredgenerovat do dlazdic a zobrazovat pouze dlazdice z uzemı, kamje nazoomovano.Konkretnı cısla ukazu pozdeji v teto prednasce.

images/conference-logo.png

Vykreslovanı dat, kartografie

https://speakerdeck.com/mourner/high-performance-data-visualizaitons-in-javascript-topconf-2013

Vykreslovanı dat, kartografie

https://speakerdeck.com/mourner/high-performance-data-visualizaitons-in-javascript-topconf-201320

15-0

5-06

WebGIS, Cloud computing, OWSWebGIS

Vykreslovanı dat, kartografie

Kdyz se vam podarilo prenest data ze serveru na klientsky webovyprohlızec, musıte je vykreslit. Po prenosu dat je tato fazenejnarocnejsı na cas uzivatele, rozhodne je nejnarocnejsı na casprocesoru. Modernı javascriptove mapove knihovny obsahujıalgoritmy, kdy za behu generalizujı data, ktera vykreslujı az vezjednodusene forme. Vypocetne je daleko ”levnejsı”data nejprvezgeneralizovat a az potom je vykreslovat, nez se je pokouset vykreslittak jak prisla.Obrazky jsou z prednasky Vladimira Agafonkina, autora knihovnyLeaflet, ktery se hodne zabyva tım, jak rychle vyrenderovat velkemnozstvı dat.

images/conference-logo.png

Vykreslovanı dat, kartografie

https://speakerdeck.com/mourner/high-performance-data-visualizaitons-in-javascript-topconf-2013

Vykreslovanı dat, kartografie

https://speakerdeck.com/mourner/high-performance-data-visualizaitons-in-javascript-topconf-201320

15-0

5-06

WebGIS, Cloud computing, OWSWebGIS

Vykreslovanı dat, kartografie

Kdyz se vam podarilo prenest data ze serveru na klientsky webovyprohlızec, musıte je vykreslit. Po prenosu dat je tato fazenejnarocnejsı na cas uzivatele, rozhodne je nejnarocnejsı na casprocesoru. Modernı javascriptove mapove knihovny obsahujıalgoritmy, kdy za behu generalizujı data, ktera vykreslujı az vezjednodusene forme. Vypocetne je daleko ”levnejsı”data nejprvezgeneralizovat a az potom je vykreslovat, nez se je pokouset vykreslittak jak prisla.Obrazky jsou z prednasky Vladimira Agafonkina, autora knihovnyLeaflet, ktery se hodne zabyva tım, jak rychle vyrenderovat velkemnozstvı dat.

images/conference-logo.png

Vykreslovanı dat, kartografieVykreslovanı dat, kartografie

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Vykreslovanı dat, kartografie

Jsou v podstate tri vykreslovacı technologie, ktere se pouzıvajı: staryDOM, kdy se data vykreslujı jako soubor SVG, modernı Canvas, kdyse data rasterizujı na kreslicı platno a nejmodernejsı WebGL, kdy jsoudata vykreslovana na Canvas pomocı akcelerovane graficke karty.V dnesnıch verzıch mapovych knihoven se vyuzıva vykreslovanı naplatno Canvas. Vyhoda je, ze jakmile se objekt jednou vypalı naplatno, muze byt zahozen z pameti prohlızece.U starsı technologie SVG, ktera zobrazovala data jako DOM dochazelvykreslovacım jadrum prohlızecum rychle dech, uz mapa okresu stisıci lomovymi body byla problem zobrazit.

images/conference-logo.png

Vykreslovanı dat, kartografieVykreslovanı dat, kartografie

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Vykreslovanı dat, kartografie

Jsou v podstate tri vykreslovacı technologie, ktere se pouzıvajı: staryDOM, kdy se data vykreslujı jako soubor SVG, modernı Canvas, kdyse data rasterizujı na kreslicı platno a nejmodernejsı WebGL, kdy jsoudata vykreslovana na Canvas pomocı akcelerovane graficke karty.V dnesnıch verzıch mapovych knihoven se vyuzıva vykreslovanı naplatno Canvas. Vyhoda je, ze jakmile se objekt jednou vypalı naplatno, muze byt zahozen z pameti prohlızece.U starsı technologie SVG, ktera zobrazovala data jako DOM dochazelvykreslovacım jadrum prohlızecum rychle dech, uz mapa okresu stisıci lomovymi body byla problem zobrazit.

images/conference-logo.png

Vykreslovanı dat, kartografieVykreslovanı dat, kartografie

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Vykreslovanı dat, kartografie

Vyhoda tohoto postupu je, ze kartografii muzete dotvaret prımo nazaklade atributu vektorovych dat na klientovi a hlavne ji menit podleuzivatelovych pokynu.

images/conference-logo.png

Uzivatelske rozhrannıUzivatelske rozhrannı

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Uzivatelske rozhrannı

Uzivatelske rozhrannı se vytvarı pomocı znamych knihoven tretıchstran, mapove knihovny neobsahujı widgety a dalsı nastroje protvorbu UI a je to dobre.Vyuzıt muzete popularnı jquery, closure library, react nebo cokolivdalsıho, co se vam bude lıbit.Samozrejme mapovy objekt a napr. jednotlive vrstvy mohougenerovat odchytitelne a zpracovatelene udalosti, vyvolaneuzivatelskou akcı, jako je mouse-click, mouse-over, key-down apodobne.

images/conference-logo.png

Komunikace se serverovou castıKomunikace se serverovou castı

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Komunikace se serverovou castı

Pokud chcete donacıtat nektera data ze serveru nebo na nej posılatvysledky uzivatelske aktivity, napr. ulozit nove nakresleny prvek,musıte mıt samozrejme serverovou cast. Data jsou posılanaprostrednictvım technologie Ajax (asynchronous javascript with xml).Dnesnı aplikace vsak se serverem nekomunikujı prostrednictvımXML souboru, ale vyuzıvajı spıse neco na bazi formatu JSON.

images/conference-logo.png

Analyza dat

http://maps.kraj-lbc.cz/mapserv/dpp/

Analyza dat

http://maps.kraj-lbc.cz/mapserv/dpp/2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Analyza dat

Rıkame-li GIS, mame na mysli zejmena jeho analyticke moznosti.Dnesnı prohlızece umoznujı provadet pokrocile prostorove analyzyprımo v prohlızeci a to jak rastrove, tak vektorove.Pro vektorove analyzy, jako je prekryv nebo buffer a podobne, muzetebud’ vyuzıt prımo nastroje mapovych knihoven, nebo muzete sahnoutpo nejake existujıcı knihovne v jazyce javascript, napr. jsts.Pokud vam prijdou moznosti klienta omezene nebo nemate naklientovi vsechna potrebna data, muzete prostrednictvım Ajaxrequestu vyvolat analyzu na serveru.

images/conference-logo.png

Web GIS Software stackWeb GIS Software stack

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Web GIS Software stack

Nynı nekolik slov k softwarovemu stacku, ktery budete na straneserveru nebo na strane klienta potrebovatV prubehu se jeste vratım k nekterym tematum, ktere jsme do tednakousnul

images/conference-logo.png

Databazovy serverMapovy serverDlazdicova cache

Databazovy serverMapovy serverDlazdicova cache

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Abych to vzal od zacatku: kazda webova aplikace bez ohledu jestliopen source nebo postavena z proprietarnıch komponent ma tri neboctyri zakladnı komponenty:

images/conference-logo.png

Databazovy serverMapovy serverDlazdicova cache

Databazovy serverMapovy serverDlazdicova cache

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Nekde na serveru jsou surova data v nejake databazi.

images/conference-logo.png

Databazovy serverMapovy serverDlazdicova cache

Databazovy serverMapovy serverDlazdicova cache

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Z techto dat jsou generovany kartograficke a datove vystupy pomocınejakeho mapoveho serveru.

images/conference-logo.png

Databazovy serverMapovy serverDlazdicova cache

Databazovy serverMapovy serverDlazdicova cache

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Pokud chcete veci zrychlit, pouzite casto caschovacı mezivrstvu,ktera uklada predgenerovane dlazdice a muze tak rychleji s mensırezijı vybavit pozadavky klienta.

images/conference-logo.png

Databazovy serverMapovy serverDlazdicova cacheWebova aplikace

Databazovy serverMapovy serverDlazdicova cacheWebova aplikace

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

A konecne na klinetske strane je nejaka webova stranka, kterazobrazuje tyto obrazky. Vsechny modernı open source nebokomercnı systemy pouzıvajı pro ucely zobrazenı program napsany vprogramovacım jazyk JavaScript. U starsıch systemu se muzetesetkat s Flashem nebo SilverLightem. Mapa mluvı bud’ prımo seserverem a dostava cerstve vyrenderovana nebo prımo surova data,nebo s dlazdicovou cashı a dostava predgenerovane statickedlazdice a usporada je do mapoveho pohledu.

images/conference-logo.png

Databazovy server – PostGISMapovy serverDlazdicova cacheWebova aplikace

Databazovy server – PostGISMapovy serverDlazdicova cacheWebova aplikace

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Asi mi verıte, ze bychom mohli jednotlive casti tohoto stacku hodinyrozebırat a zvazovat aspekty ruznych softwarovych balıku, at’ uz jsouopen source nebo proprietarnı. Asi vas neprekvapı, ze na serverubych ja asi zvolil databazi PostgreSQL s nadstavbou PostGIS, ↓

mapovy server bych nasadil MapServer nebo GeoServer ↓

na cache bych nasadil napr. MapCash.

images/conference-logo.png

Databazovy server – PostGISMapovy server – MapServerDlazdicova cacheWebova aplikace

Databazovy server – PostGISMapovy server – MapServerDlazdicova cacheWebova aplikace

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Asi mi verıte, ze bychom mohli jednotlive casti tohoto stacku hodinyrozebırat a zvazovat aspekty ruznych softwarovych balıku, at’ uz jsouopen source nebo proprietarnı. Asi vas neprekvapı, ze na serverubych ja asi zvolil databazi PostgreSQL s nadstavbou PostGIS, ↓

mapovy server bych nasadil MapServer nebo GeoServer ↓

na cache bych nasadil napr. MapCash.

images/conference-logo.png

Databazovy server – PostGISMapovy server – MapServerDlazdicova cache – MapCacheWebova aplikace

Databazovy server – PostGISMapovy server – MapServerDlazdicova cache – MapCacheWebova aplikace

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Asi mi verıte, ze bychom mohli jednotlive casti tohoto stacku hodinyrozebırat a zvazovat aspekty ruznych softwarovych balıku, at’ uz jsouopen source nebo proprietarnı. Asi vas neprekvapı, ze na serverubych ja asi zvolil databazi PostgreSQL s nadstavbou PostGIS, ↓

mapovy server bych nasadil MapServer nebo GeoServer ↓

na cache bych nasadil napr. MapCash.

images/conference-logo.png

Databazovy server – PostGISMapovy server – MapServerDlazdicova cache – MapCacheWebova aplikace

Databazovy server – PostGISMapovy server – MapServerDlazdicova cache – MapCacheWebova aplikace

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Tato prednaska by se ale mela tykat predevsım te klientske webovecasti - frontendu, pres ktery komunikujı prımo uzivatele. Je dulezitezmınit, ze at’ uz pouzijete jakykoukoliv technologii na strane serveru vnektere z jeho castı, drzte se standardu OGC a zvazujte vzajemnoukompatibilitu a interoperabilitu. Tım si zajistıte, ze budete v budoucnuschopni nevyhovujıcı technologii nahradit jinou, at’ uz to bude ztechnologickych, licencnıch nebo vykonnostnıch duvodu.

images/conference-logo.png

Bez programovanı to nejde

Bez programovanı to nejde

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Chcete delat mapy na webu? Bez programovanı se neobejdete,pokud vam tedy nestacı jednoduche klikanı v nekterem z vyssıchframeworku a nastavenı kartografie na strane serveru. Potom se aleobavam, ze se nedostanete dale nez naklikanı pravidel na desktopua vypublikovanı dat formou rastrovanych vektoru.

Jdete a programujte. Vyberte si nejaky jazyk typu Python neboJavaScript a zacnete tvorit.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Pokud se posuneme na stranu klienta a weboveho prohlızece, mamena vyber v podstate ze trı hlavnıch moznostı: OpenLayers, Leaflet aOpenLayers 3.

Urcitym zpusobem, z hlediska webove kartografie, do tohoto souboruurcite patrı i knihovna D3.js

images/conference-logo.png

MetaCarta 2005Google Maps APISVG, VML2.13OGC OWS (WMS, WFS, WPS, . . . ), GML, GeoJSON,GeoRSS, GPXGoogle Maps, Bing, ESRI ArcIMS

MetaCarta 2005Google Maps APISVG, VML2.13OGC OWS (WMS, WFS, WPS, . . . ), GML, GeoJSON,GeoRSS, GPXGoogle Maps, Bing, ESRI ArcIMS20

15-0

5-06

WebGIS, Cloud computing, OWSWebGIS

OpenLayers je nejstarsı a tudıs nejstabilnejsı projekt z techto trızmınenych. Zacala je vyvıjet firma MetaCarta v roce 2005. Prvnıpredstavenı Open Sourcove verejnosti probehlo na konferenciFOSS4G (Free and Open Source Software for Geoinformatics) v roce2006. OpenLayers tenkrat bylo mensı senzaci. Musıme si uvedomit,ze od roku 2005, kdy Google predstavil svoje mapove rozhranı a vpodstate redefinoval zpusob, jakym jsme se do te doby dıvali nawebove mapove aplikace, neexistovala pouzitelna Open Sourcealternativa ke Google Maps. Vsichni tedy cekali na neco nebonekoho, kdo se toho chopı a OpenLayers rychle zıskaly na popularite.Projekt rostl prakticky do minuleho roku. Snazil se vzdy podporovatvsechny prohlızece na trhu. Pouzıval tehdy modernı technologie provykreslovanı dat, jako je SVG - Scalable Vector Graphics pro weboveprohlızece, a Vector Markup Language Language pro InternetExplorer. Majı podporu pro dlazdicovane mapy. OpenLayers jsoumomentalne ve verzi 2.13 a obsahujı podporu pro celou radurastrovych a vektorovych formatu. Z rastrovych bych uvedl WMS,WMTS, prosty obrazek. Z vektorovych GML, GeoJSON, GeoRSS,GPX a dalsı. Obsahujı take podporu pro komerncı API jako je GoogleMaps, BING. Obsahujı take podporu prorietarnıch protkolu, jakoESRI ArcIMS. Lze je vyuzıt na praci s dalsımi komunikacnımiprotokoly, jako je parsrovanı GetCapabilities pro WMS a WFS,kompletnı podpora pro OGC Web Processing Service a dalsı a dalsı.

images/conference-logo.pnghttp:

//www.ohloh.net/p/openlayers/

http://www.ohloh.net/p/openlayers/

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Z pohledu vyvojarskeho je to ciste JavaScriptova knihovna, ktera maneco okolo 4 MB zdrojoveho kodu. Je to napsano velice ciste astandardy pro prijmutı patche - (nebo) opravy zdrojoveho kodu bylynastaveny ve srovanı s jinymi projekty, se kterymi jsem mel do tedoby nejakou zkusenost, velice vysoko. Krome pevne daneho codingstarndardu je cely zdrojovy kod pokryt unit testy. Co to vsechnoznamena: OpenLayers je stabilnı, dlouhodobe udrzovany a udrzitelnyprojekt. Podıvate-li se na aktivitu OpenLayers napr. na serveru Ohlohzjistıte, ze OpenLayers majı celkem 114 prispevatelu do zdrojovehokodu. Nejvıce aktivnıch vyvojaru bylo v roce 2012 - celkem 21.

images/conference-logo.png

http://www.ohloh.net/p/openlayers/

http://www.ohloh.net/p/openlayers/

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Celkove naklady na vyvoj jsou odhadovany podle serveru Ohloh na$1.7Mil, pri 32 cloveko-letech prace a rocnıch nakladech na vyvojare$55000. Bavıme se o 126 000 radcıch zdrojoveho kodu. Tım chci rıct,ze vyvoj Open Source software nenı zadarmo. U takto velkehoprojektu je potreba zaplatit kvalifikovane vyvojare a u OpenLayers seto darı. Vetsina kodu byla de-facto zaplacena nekolika firmami,zejmena firmou MetaCarta a Boundless (drıve OpenGeo). To jsoufirmy, ktere dlouhodobe investujı do vyvoje Open Source mapovychsoftwaru a jsou skutecne leadry v oboru. Kde se pouzıvajı?

images/conference-logo.png

http://geoportal.gov.cz

http://geoportal.gov.cz

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

V Ceske republice je najdete napr. na narodnım Geoportalu INSPIREnebo na portalu CUZK. ↓

Ten delala firma Integraph, kterou si dovolım oznacit za vsechnomozne - jen ne Open Source - pozitivnı firmu. OpenLayers jim alenevadı.

images/conference-logo.png

http://geoportal.cuzk.cz

http://geoportal.cuzk.cz

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

V Ceske republice je najdete napr. na narodnım Geoportalu INSPIREnebo na portalu CUZK. ↓

Ten delala firma Integraph, kterou si dovolım oznacit za vsechnomozne - jen ne Open Source - pozitivnı firmu. OpenLayers jim alenevadı.

images/conference-logo.png

http://geoportal.cuzk.cz

http://geoportal.cuzk.cz

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Po nejake dobe OpenLayers jako projekt ponekud zbytnel. Zacalobsahovat funkce, ktere jste z 90% nevyuzili. Vı nekdo, co je to WPSa pouzitl to nekdo z vas na webu? Takze pro vetsinu z vas jeinformace, ze OpenLayers obsahujı podporu pro OGC WPS asi nicmoc rıkajıcı (jakkoliv muze byt dulezita pro me). Doba pokrocila,Microsoft prestal tvrdit, ze v oblasti prohlızecu je vrchol evoluce IE 6 azacal vydavat nove prohlızece s podporou modernıch technologiı,uzivatelske rozhranı se take menı, uzivatele zacınajı byt namlsanıfunkcemi a chtejı vıce a vıce a hlavne rychleji. OpenLayers je zvıre zminule geologicke ery, ktere stale ma co rıct, dıky dynamice, kterounastartovalo, ale objektivne mu behem dalsıch let ujede vlak. Ahlavne je to opravdu velike zvıre, ktere velke casti lidı prislo prostemoc komplikovane. A jak uz to byva, objevil se nekdo, kdo melproblem, lekl se OpenLayers a zacal neco vlastnıho.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Ten clovek se jmenoval Vladimir Agafonkin, je z Ukrajiny, i kdyz dnesse pohybuje spıse ve Spojenych statech a vytvoril knihovu Leaflet.

images/conference-logo.pnghttp://www.ohloh.net/p/Leaflet/

http://www.ohloh.net/p/Leaflet/

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Leaflet je nepomerne mensı projekt. Obsahuje cca 6000 radku kodu

images/conference-logo.png

http://www.ohloh.net/p/Leaflet/

http://www.ohloh.net/p/Leaflet/

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

naklady jsou odhadnuty na $78 000, tedy priblizne 20x mensı, nez uOpenLayers.

images/conference-logo.png

2010Mene je nekdy vıceOmezena prace s projekcemiGeneralizace na strane klientaCanvas pro vykreslovanı

2010Mene je nekdy vıceOmezena prace s projekcemiGeneralizace na strane klientaCanvas pro vykreslovanı

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Projekt zacal okolo roku 2010 a nabral uzasnou dynamiku - do tetochvıle mel 180 prispevatelu (coz je dokonce o 66 vıce, nezOpenLayers). Zıskal si ohromnou popularitu i presto - nebo praveproto - ze obsahuje oproti OpenLayers asi 1/10 funkcı. Napr. podporaprojekcı a sour. systemu je zalostna ve srovnanı s OpenLayers, kdemuzete na klientske strane transformovat vektorova data mezi sour.systemy, Leaflet umı v podstate jenom Googlı Mercator projekci, oS-JTSK si muzete nechat zdat. Vladimir je puvodem matematik abavı ho vymyslet ruzne zlepsovaky a algoritmy.

images/conference-logo.png

2010Mene je nekdy vıceOmezena prace s projekcemiGeneralizace na strane klientaCanvas pro vykreslovanı

2010Mene je nekdy vıceOmezena prace s projekcemiGeneralizace na strane klientaCanvas pro vykreslovanı

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Leaflet zavedl celou radu generalizujıcıch algoritmu vektorovych dat,ktere umoznujı zobrazovat velke objemy vektorovych dat prımo naklientovi. Zacıname se tady bavit o v postate GISovych technikach,jak jsou prostorove indexy, generalizace, topologicke operace apodobne. Stejne jako na desktopu, tak i u vektoru platı, zenejnarocnejsı operace je vykreslenı vektoru. Vyplatı se data 3xprohnat nejakym algoritmem, ktery snızı pocet vykreslovanychobjektu na minimum. To Vladimir pochopil a zavedl a slavı s tımuspech. OpenLayers 2 si tyto veci nemohli dovolit kvuli zpetnekompatibilite. Vladimir vesele s kazdou dalsı verzı Leafletu odstranujefunkce, mısto aby je pridaval a dela tak Leaflet jeste rychlejsım.OpenLayers stale funkce pridava. Leaflet je tedy mala knihovna,ktera dela jednu vec - zobrazovanı dat - a dela to fakt dobre.

images/conference-logo.png

http://data.blog.ihned.cz/c1-61086960-jak-se-zmenila-politicka-mapa-republiky-vysledky-snemovnich-voleb-v-kazde-obci-od-roku-1996-do-vcerejska

http://data.blog.ihned.cz/c1-61086960-jak-se-zmenila-politicka-mapa-republiky-vysledky-snemovnich-voleb-v-kazde-obci-od-roku-1996-do-vcerejska20

15-0

5-06

WebGIS, Cloud computing, OWSWebGIS

OpenLayers je na druhe strane vyspele prostredı GIS, ktere vamumoznı provadet na webovem prohlızeci plnohodnotne GIS operace.Leaflet si nasel cestu zejmena do mediı. Pouzıvajı ho Hospodarskenoviny (resp. server. IHned) ↓

a nedavno jste si mohli vsimnout aplikace Volby od firmy T-Mapy. ↓

Mozna jste slyseli, ze i server pro hosting zdrojovych kodu GitHubumı, pokud do nej uploadnete soubor ve formatu Geo- neboTopoJSON, jej prımo zobrazit

images/conference-logo.png

http://volby.tmapy.cz/

http://volby.tmapy.cz/2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

OpenLayers je na druhe strane vyspele prostredı GIS, ktere vamumoznı provadet na webovem prohlızeci plnohodnotne GIS operace.Leaflet si nasel cestu zejmena do mediı. Pouzıvajı ho Hospodarskenoviny (resp. server. IHned) ↓

a nedavno jste si mohli vsimnout aplikace Volby od firmy T-Mapy. ↓

Mozna jste slyseli, ze i server pro hosting zdrojovych kodu GitHubumı, pokud do nej uploadnete soubor ve formatu Geo- neboTopoJSON, jej prımo zobrazit

images/conference-logo.png

https://github.com/jachym/datamining/blob/master/data/metro.geojson

https://github.com/jachym/datamining/blob/master/data/metro.geojson

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

OpenLayers je na druhe strane vyspele prostredı GIS, ktere vamumoznı provadet na webovem prohlızeci plnohodnotne GIS operace.Leaflet si nasel cestu zejmena do mediı. Pouzıvajı ho Hospodarskenoviny (resp. server. IHned) ↓

a nedavno jste si mohli vsimnout aplikace Volby od firmy T-Mapy. ↓

Mozna jste slyseli, ze i server pro hosting zdrojovych kodu GitHubumı, pokud do nej uploadnete soubor ve formatu Geo- neboTopoJSON, jej prımo zobrazit

images/conference-logo.png

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Nicmene doba se nezastavila. V roce 2012 byly zapocaty prace nazcela nove knihovne OpenLayers 3. Vyvojovy team v cele s firmamiBoundless a Camp2Camp hodil za hlavu zpetnou kompatibilitu anavrhnul mapovou knihovnu pro toto desetiletı. OpenLayers 3 jsoumomentalne ve fazi BETA a snad behem letosnıho jara by mela bytuvolnena prvnı verze, ktera by mela podporovat zhruba to, co umıOpenLayers 2. Pri prechodu ze starych OpenLayers na nove matepocit, ze veci jsou vıce komplikovane, ale pri hlubsım seznamenızjistıte, ze to cele dava smysl.

images/conference-logo.png

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

OpenLayers 3 zavadejı podporu pro 2D i 3D zobrazenı prımo v mape.Data jsou vykreslovana pomocı Canvasu a WebGL - to namumoznuje pracovat s datasety to deseti tisıch prvcıch. Drıve sepouzıvala technika DOM - document object model, ktera je absolutneneefektivnı. Pokud jste nekdy delali jednoduche webove stranky,muzete si predstavit, ze kazdy vektorovy objekt je samostatnyelement, ktery se musı na strance vykreslit. To je neuveritelneneefektivnı. Modernı prohlızece podporujı tzv. Canvas - jakesirastrove platno, do ktereho muzete objekty vykreslit a vse jezobrazeno najednou jako obrazek. To pouzıva castecne i Leaflet, aleOpenLayers 3 to pouzıvajı predevsım. Take OpenLayers 3 zavedligeneralizacnı algoritmy, takze se vykresluje jenom to, co vykreslovatsmysl ma.

images/conference-logo.png

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

OpenLayers 3 jsou napsany za pomocı Google Closure library.Vysledkem je, ze vetsina neduhu jazyka JavaScript se do jiste mıryeliminuje. Nevım, jestli seledujete denı okolo jazyka JavaScript vposlednı dobe, ale opravdu prosel dynamickym vyvojem. Odpomocneho jazyka slouzıcıho k obarvenı nadpisu na cerveno, se znejstala plnohodnotna programovacı platforma s moznostı typovekontroly, unit testy, kompilacı kodu a tak dale. JavaScript davno nenıjazykem webovych prohlızecu, ale je spousten na serverech, vznikajıvazby do dalsıch knihoven. Osobne se domnıvam, ze JavaScript jebudoucı Geo- programovacı jazyk, podobne jako jım je dnes Python.

images/conference-logo.png

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2D a 3DCanvas vs DOMGeneralizace a kartografie na strane klientaClosure library n ×MB → n × KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Dıky Closure muzeme tzv. vybuildit - sestavit a zkomprimovat -mapovou aplikaci na mıru, obsahujıcı pouze potrebne komponenty.OpenLayers 3 uz jsou nasazovany v produkcnım prostredı, presto zejsou sotva ve fazi beta a podstatne casti knihovny se stale menı podrukama vyvojaru. Jak je to mozne?

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Je to Open Source software, kazdy muze sledovat vyvoj on-line,muzete se zucastnit tydennıch porad vyvojoveho teamu pres GoogleHangout. Na dotaz do mailing listu dostanete relevantnı odpoved’ dopul hodiny. Muzete tedy velice dobre ohodnotit, do jakeho rizika anestability jdete a nikdo vam neplanovane nepodtrhne nohy. Kazdazmena je transparentnı, dokumentovana (porad se bavıme odynamicky vyvıjenem, software), a je na vas, kdy ji zaclenıte dosveho projektu. Mate moznost ale vzdy vedet, na cem jste. Tım, ze jeto zatım opravdu Beta, se v ceske republice zatım moc dobrodruhunenaslo, kterı by OL3 nasadily.

images/conference-logo.png

http://map.geo.admin.ch

http://map.geo.admin.ch2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

OL3 uz jsou pouzity na mapovem portale Svycarska

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Ve firme Geosense pracujeme na nove prohlızecce geodat, ktera jekompletne postavena nad Closure a OL3. Jak ale pravı klasik:chozenı po vode a psanı software proti standardum je jednoduche,pokud je obojı zamrzle. OL3 jsou zatım pohyblivy cıl.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Podıvame-li se na tyto tri knihovny vedle sebe, pak generacne vzatojsou OL2 nejnıze, Leaflet nekde mezi OL2 a OL3 a OpenLayer 3povazuji v tuto chvıli za nejvyssı vyvojovy stupen. Chcete-li zobrazitmapicku, pravdepodobne pouzijete Leaflet. Chcete-li vıc, asi sahnetepo nektere z OpenLayers. Pokud nepotrebujete zrovna nejmodernejsıtechniky, OL2 jsou stale dobra, stabilnı a proverena platforma.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Dıky moznostem dnesıch prohlızecu se zcela zmenil problemvykeslovanı dat na prohlızeci. Uz jsem zmınil, ze vykreslit desetitisıce prvku nenı problem. Problemem je prenos techto dat ze stranyserveru na klienta. Rastrova data byvajı pouzıvana pouze jakopodkladove dlazdicovane mapy. Veskera vektorova data jsoutrasnportovana na klienta a tam se odehrava vlastnı kartografickestylovanı. To poskytuje obrovske moznosti analyzam a vizualizacımprımo ve webovem prohlızeci. Jak ale data prenest?

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Asi chapete, ze ESRI Shapefile nenı nejvhodnejsı format. I kdyzexistujı webove zobrazovacky Shapefilu, daleko jednodussı je pouzıtnejaky textovy format typu XML nebo JSON. Od XML se v poslednıdobe odklanıme pro jeho ukecanost a systemovou nenazranost -smım-li to tak rıct. Modernı formaty zalozene na JSON jsou dobrecitelne a pritom radove mensı. V oblasti GIS pouzıvame samozrejmerosırenı GeoJSON. Nejedna se o de-jure standard, ale otevreny auznavany de-facto standard. Prohlızece majı mensı problem s jejichparserovanım, nedojde tak snadno k zahlcenı prohlızece. Jak ale”protlacit”desıtky tisıc polygonu - coz odpovıda desıtkam megabajtudat - ze strany serveru na klienta, kdyz mate napr. mobilnı pripojenıtak, aby uzivatel nebyl nucen si jıt uvarit kafe, nez se ”to”nacte?

images/conference-logo.png

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Zakladem je komprese komunikace mezi serverem a klientem.Webovy server Apache napr. umı data transparentne zipovat. ↓

Webovy prohlızec je na druhe strane sam rozbalı a preda aplikaci.Tım muzete usetrit desıtky procet datoveho toku a je to pouze otazkajednoradkove konfigurace serveru.

Dalsı moznostı je data kompriovat jeste agresivneji, napr. prevodemna binarnı podobu. Trochu tım vıce zatızıte server a klienta, nadruhou stranu data tecou rychleji. To dokaze napr. formatMessagePage, ktery umoznı JSON formaty prevezt na binarnı a zpet.

images/conference-logo.png

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Zakladem je komprese komunikace mezi serverem a klientem.Webovy server Apache napr. umı data transparentne zipovat. ↓

Webovy prohlızec je na druhe strane sam rozbalı a preda aplikaci.Tım muzete usetrit desıtky procet datoveho toku a je to pouze otazkajednoradkove konfigurace serveru.

Dalsı moznostı je data kompriovat jeste agresivneji, napr. prevodemna binarnı podobu. Trochu tım vıce zatızıte server a klienta, nadruhou stranu data tecou rychleji. To dokaze napr. formatMessagePage, ktery umoznı JSON formaty prevezt na binarnı a zpet.

images/conference-logo.png

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

GML→ GeoJSONGeoJSON 80MB→ GZIP→ 6.7MBGeoJSON 80MB→ TopoJSON→ 3.3MB→ GZIP→473KB

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Dalsı moznostı je orıznout data jako takova, napr. tım, ze na klientapujdou v topologicky ciste podobe. V prıpade polygonu opet muzeteusetrit desıtky procent z objemu dat jenom tım, ze ”rozpustıte”dvojitehranice mezi sousednımi polygony. Opet to klade urcitou narocnostna klienta pri zpracovanı, ale z pohledu uzivatele se ”neco deje”. Toumı napr. format TopoJSON. ↓

Pri dalsım zasipovanı uz to zacına byt zajımave

images/conference-logo.png

http://tilestache.org/

http://tilestache.org/2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Poslednı me znamou technikou je data rozkouskovat a posılat je naklienta postupne - po dlazdicıch. Hovorıme o dlazdicovanychvektorech, jejichz asi nejvyssı evolucnı stupen je dlazdicovanyTopoJSON. Pred uzivatelem se tak mapa vykresluje postupne,muzeme vektory predcachovat na strane serveru a o to rychleji je pakvybavovat ke klientovi. Objem dat se tım nezmenı, ale jejich prenosse v cas rozlozı.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

To bychom meli zakladnı prehled OpenSource JavaScriptovychframeworku. Co dodat? ↓

Dodam D3.js

images/conference-logo.png

http://d3js.org

http://d3js.org2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

O D3.js toho moc nevım, protoze ve sve dennı praci pouzıvamknihovny, ktere mi umoznujı stavet cokoliv od aplikacı, pres mapoveportaly az po neco, cemu se vznesene rıka Web GIS. D3.js je jina.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

D3.js je knihovna v jazyce javascript, slouzıcı k manipulacidokumentu, zalozenych na datech. Pouzıva standardnı HTML, SVG aCSS techniky a nad nim stavı celkem slusne schopnou vizualizacnıplatformu.

images/conference-logo.png

2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Obsahuje take podporu pro kartograficke vizualizace a ja se osobnedomnıvam, ze je na velice slusne urovni. Kde byste mohli mıtproblem, je mnozstvı objektu, ktere pujde rozumne zobrazit, coz jedano limity pouzitych technik, hlavne DOM.

images/conference-logo.png

http://datablog.ihned.cz

http://datablog.ihned.cz2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Nicmene na ilustracnı zive mapy je to perfektnı technologie. U nas jipouzıvajı opet napr. na datablogu HN

images/conference-logo.png

http://osmbuildings.org

http://osmbuildings.org2015

-05-

06WebGIS, Cloud computing, OWS

WebGIS

Je toho samozrejme mnohem vıce. Okolo techto knihoven existujeekosystem nadstaveb, zasuvnych modulu a odvozenych projektu,napr. GeoExt nebo HSLayers nebo OSMBuildings abych jmenovalalespon nektere.

images/conference-logo.png

TOC

1 WebGIS

2 OGC OWS

3 Cloud

TOC

1 WebGIS

2 OGC OWS

3 Cloud

2015

-05-

06WebGIS, Cloud computing, OWS

OGC OWS

TOC

images/conference-logo.png

http://training.gismentors.eu/open-source-gis/standardy/index.html

http://training.gismentors.eu/open-source-gis/standardy/index.html

2015

-05-

06WebGIS, Cloud computing, OWS

OGC OWS

images/conference-logo.png

TOC

1 WebGIS

2 OGC OWS

3 Cloud

TOC

1 WebGIS

2 OGC OWS

3 Cloud

2015

-05-

06WebGIS, Cloud computing, OWS

Cloud

TOC

images/conference-logo.png

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.20

15-0

5-06

WebGIS, Cloud computing, OWSCloud

images/conference-logo.png

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.20

15-0

5-06

WebGIS, Cloud computing, OWSCloud

images/conference-logo.png

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.

http://cs.wikipedia.org/wiki/Cloud_computing

IaaS - (Infrastructure as a service, infrastruktura jakosluzba) Amazone, MicrosoftPaaS - platforma jako sluzba (z ”Platform as a Service”)Redhat https://blog.openshift.com/get-more-spatial-in-your-database-with-postgis-21-on-openshift/

SaaS - software jako sluzba (ze ”Software as a Service”) -aplikace je licencovana jako sluzba pronajımana uzivateli.Uzivatele si tedy kupujı prıstup k aplikaci, ne aplikacisamotnou. SaaS je idealnı pro ty, kterı potrebujı jen bezneaplikacnı software a pozadujı prıstup odkudkoliv a kdykoliv.Prıkladem muze byt znama sada aplikacı Google Apps,nebo v logistice znamy system Cargopass.20

15-0

5-06

WebGIS, Cloud computing, OWSCloud

images/conference-logo.png

Dotazy?

[email protected]://geosense.cz@jachymc

Dotazy?

[email protected]://geosense.cz@jachymc

2015

-05-

06WebGIS, Cloud computing, OWS

Zaver