+ All Categories
Home > Documents > DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok...

DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok...

Date post: 09-Aug-2020
Category:
Upload: others
View: 2 times
Download: 0 times
Share this document with a friend
77
ˇ CESK ´ E VYSOK ´ EU ˇ CEN ´ I TECHNICK ´ E FAKULTA STAVEBN ´ I DIPLOMOV ´ A PR ´ ACE Praha 2013 Bc. Chrudoˇ s VORL ´ I ˇ CEK
Transcript
Page 1: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CESKE VYSOKE UCENI TECHNICKEFAKULTA STAVEBNI

DIPLOMOVA PRACE

Praha 2013 Bc. Chrudos VORLICEK

Page 2: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CESKE VYSOKE UCENI TECHNICKEFAKULTA STAVEBNI

OBOR GEOINFORMATIKA

DIPLOMOVA PRACEPROTOTYP TURISTICKEHO SYSTEMU

ZALOZENEHO NA DATECHOPENSTREETMAP

Vedoucı prace: Ing. Martin LANDA, Ph.D.

Katedra geomatiky

Praha 2013 Bc. Chrudos VORLICEK

Page 3: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

ZDE VLOZIT LIST ZADANI

Page 4: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

ABSTRAKT

Hlavnım tematem teto prace je tvorba webove turisticke aplikace zapouzitı dat OpenStreetMap, jejı napojenı na socialnı sıt’ Facebooka pridavanı dat prımo do OpenStreetMap. Soucastı prace je i strucneshrnutı existujıcıch resenı, popsanı uzitych technologiı a jejich vyhoda nevyhod.

KLICOVA SLOVA

OpenStreetMap, OSM, Turisticky system, Facebook, Nette,PHP, Geoserver, iD, OpenLayers

ABSTRACT

The topic of this diploma thesis is to create a prototype of tourismsystem based on OpenStreetMap and to connect it with social networkFacebook. It allows to add or edit objects in OpenStreetMap. The workalso includes a brief summary of the existing solutions and describe thetechnologies and their advantages and disadvantages.

KEYWORDS

OpenStreetMap, OSM, tourism system, Facebook, Nette, PHP,Geoserver, iD, OpenLayers

2

Page 5: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

PROHLASENI

Prohlasuji, ze jsem diplomovou praci na tema”Prototyp turistickeho

systemu zalozeneho na datech OpenStreetMap“ vypracoval samostatne a zeveskerou pouzitou literaturu a podkladove materialy uvadım v seznamuzdroju.

V Praze dne ....................... .................................(podpis autora)

Page 6: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

PODEKOVANI

Rad bych podekoval Ing. Martinu Landovi, Ph.D. za ochotu pri vedenıdiplomove prace, za jeho pripomınky a podnety. Dale bych chtel podekovatrodine za podporu pri celem studiu na VS. V neposlednı rade bych chtelpodekovat Michalu Odchazelovi za rady pri resenı problemu vzniklych priprogramovanı aplikace.

Page 7: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Obsah

Uvod 9

1 Existujıcı resenı 121.1 Google Mapy . . . . . . . . . . . . . . . . . . . . . . . . . . . 121.2 Mapy.cz . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141.3 Vyletnık . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151.4 Waymarked Trails . . . . . . . . . . . . . . . . . . . . . . . . 161.5 OpenTrackMap . . . . . . . . . . . . . . . . . . . . . . . . . . 171.6 MTB mapa Evropy . . . . . . . . . . . . . . . . . . . . . . . . 19

2 OpenStreetMap 212.1 O Projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212.2 Geodata . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

2.2.1 Typy geografickych dat . . . . . . . . . . . . . . . . . 222.2.2 Ulozenı dat . . . . . . . . . . . . . . . . . . . . . . . . 25

2.3 OSM editory . . . . . . . . . . . . . . . . . . . . . . . . . . . 262.3.1 iD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262.3.2 JOSM . . . . . . . . . . . . . . . . . . . . . . . . . . . 272.3.3 Merkaator . . . . . . . . . . . . . . . . . . . . . . . . . 282.3.4 Potlatch 2 . . . . . . . . . . . . . . . . . . . . . . . . . 28

2.4 Vyuzitı dat OpenStreetMap (OSM) . . . . . . . . . . . . . . . 30

3 Pouzite technologie 313.1 Apache HTTP Server . . . . . . . . . . . . . . . . . . . . . . 313.2 Geoserver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333.3 PostgreSQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343.4 PHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

3.4.1 Framework Nette . . . . . . . . . . . . . . . . . . . . . 373.5 JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39

3.5.1 OpenLayers . . . . . . . . . . . . . . . . . . . . . . . . 40

5

Page 8: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

3.5.2 Leaflet . . . . . . . . . . . . . . . . . . . . . . . . . . . 413.6 Vzhled aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . 41

4 Vyvoj aplikace 444.1 Databaze . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44

4.1.1 Datovy model . . . . . . . . . . . . . . . . . . . . . . . 444.1.2 Naplnenı databaze . . . . . . . . . . . . . . . . . . . . 464.1.3 Aktualizace databaze . . . . . . . . . . . . . . . . . . 47

4.2 Vzhled a styly . . . . . . . . . . . . . . . . . . . . . . . . . . . 484.3 Turisticka mapa . . . . . . . . . . . . . . . . . . . . . . . . . 504.4 Uzivatelske rozhranı . . . . . . . . . . . . . . . . . . . . . . . 53

4.4.1 Prihlasovanı uzivatelu . . . . . . . . . . . . . . . . . . 534.4.2 Dostupne funkce . . . . . . . . . . . . . . . . . . . . . 54

4.5 Propojenı s Facebookem . . . . . . . . . . . . . . . . . . . . . 554.5.1 Pouzite pluginy . . . . . . . . . . . . . . . . . . . . . . 554.5.2 Prava . . . . . . . . . . . . . . . . . . . . . . . . . . . 554.5.3 Zverejnovanı na zdi . . . . . . . . . . . . . . . . . . . 55

4.6 Editace dat OSM . . . . . . . . . . . . . . . . . . . . . . . . . 564.6.1 Tvorba vlastnıho rozhranı . . . . . . . . . . . . . . . . 574.6.2 Editor iD . . . . . . . . . . . . . . . . . . . . . . . . . 57

4.7 Trasy a fotografie . . . . . . . . . . . . . . . . . . . . . . . . . 584.7.1 Trasy . . . . . . . . . . . . . . . . . . . . . . . . . . . 584.7.2 Galerie . . . . . . . . . . . . . . . . . . . . . . . . . . 60

4.8 Testovanı . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

5 Zhodnocenı 645.1 Budoucı rozsırenı . . . . . . . . . . . . . . . . . . . . . . . . . 645.2 Zname problemy . . . . . . . . . . . . . . . . . . . . . . . . . 655.3 Porovnanı s MTB mapou Evropy . . . . . . . . . . . . . . . . 665.4 Vysledna aplikace . . . . . . . . . . . . . . . . . . . . . . . . . 66

Seznam zkratek 68

Reference 70

6

Page 9: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Seznam obrazku

1.1 Google Mapy s prehledem obrazku . . . . . . . . . . . . . . . 131.2 Turisticka mapa na Mapy.cz . . . . . . . . . . . . . . . . . . . 141.3 Mapova aplikace portalu Vyletnık . . . . . . . . . . . . . . . 151.4 Hiking Map na Waymarked Trails . . . . . . . . . . . . . . . 171.5 OpenTrackMap . . . . . . . . . . . . . . . . . . . . . . . . . . 181.6 MTB mapa Evropy . . . . . . . . . . . . . . . . . . . . . . . . 191.7 MTB mapa Evropy - tiraz . . . . . . . . . . . . . . . . . . . . 20

2.1 Graf narustu registrovanych uzivatelu OSM . . . . . . . . . . 222.2 Graf vyvoje poctu uzlu, cest a relacı . . . . . . . . . . . . . . 232.3 Praha na mapach OSM – cervenec 2006 . . . . . . . . . . . . 242.4 Praha na mapach OSM – prosinec 2013 . . . . . . . . . . . . 252.5 Editor iD na webu OpenStreetMap.org . . . . . . . . . . . . . 272.6 Editor JOSM . . . . . . . . . . . . . . . . . . . . . . . . . . . 282.7 Editor Merkaator . . . . . . . . . . . . . . . . . . . . . . . . . 292.8 Editor Potlatch 2 . . . . . . . . . . . . . . . . . . . . . . . . . 29

3.1 Logo projektu Apache HTTP Server . . . . . . . . . . . . . . 313.2 Zastoupenı jednotlivych serveru . . . . . . . . . . . . . . . . . 323.3 Schema funkce mapoveho serveru . . . . . . . . . . . . . . . . 333.4 Uzivatelske rozhranı Geoserveru . . . . . . . . . . . . . . . . . 343.5 Terminal s aplikacı psql . . . . . . . . . . . . . . . . . . . . . 353.6 Desktopova aplikace pgAdmin III . . . . . . . . . . . . . . . . 363.7 Webova aplikace Adminer . . . . . . . . . . . . . . . . . . . . 363.8 Graficke znazornenı chyby pomocı

”Ladenky“ . . . . . . . . . 38

3.9 Princip klientskeho skriptu, napr. JavaScriptu . . . . . . . . . 393.10 Princip fungovanı AJAXu . . . . . . . . . . . . . . . . . . . . 403.11 Zobrazenı CSS vrstev webu Seznam.cz . . . . . . . . . . . . . 42

4.1 Datovy model databaze projektu Toulavej . . . . . . . . . . . 454.2 Puvodnı menu . . . . . . . . . . . . . . . . . . . . . . . . . . 484.3 Nove menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 484.4 Styl mapoveho pole pro pridavanı tras . . . . . . . . . . . . . 49

7

Page 10: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

4.5 Chyba stylu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 494.6 Informace o turisticke trase . . . . . . . . . . . . . . . . . . . 514.7 Symboly pouzite pro zobrazenı bodovych vrstev . . . . . . . . 524.8 Nezadoucı prekrytı podkladove mapy vrstvou Obcerstvenı na

uzemı Prahy . . . . . . . . . . . . . . . . . . . . . . . . . . . . 524.9 Registracnı formular aplikace

”Toulavej“ . . . . . . . . . . . . 53

4.10 Prihlasovacı formular s odkazem na prihlasenı na Facebook . 544.11 Prıklad sdılenı fotografie v galerii aplikace

”Toulavej“ . . . . 56

4.12 Vysledny prıspevek na uzivatelove zdi na Facebooku . . . . . 564.13 Editor iD v aplikaci

”Toulavej“ . . . . . . . . . . . . . . . . . 57

4.14 Seznam tras v databazi aplikace”Toulavej“ . . . . . . . . . . 58

4.15 Detailnı zobrazenı informacı o trase spolu s komentari . . . . 594.16 Zobrazenı trasy v mape spolu s informacemi o trase . . . . . 594.17 Pridavanı nove trasy . . . . . . . . . . . . . . . . . . . . . . . 604.18 Galerie aplikace

”Toulavej“ . . . . . . . . . . . . . . . . . . . 61

4.19 Zobrazenı fotografie v mape . . . . . . . . . . . . . . . . . . . 614.20 Pridanı fotografie s dialogovym oknem pro vyber . . . . . . . 624.21 Formular pro hlasenı chyb . . . . . . . . . . . . . . . . . . . . 63

8

Page 11: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Uvod

Mapy byly vzdy soucastı vybavy cestovatelu. Pomahaly jim pri orientaciv krajine a volbe vhodne cesty. S rozvojem pocıtacu zacaly byt papırovemapy nahrazovany mapami digitalnımi. Ty mohou byt ulozeny na pevnemdisku serveru a dostupne pomocı internetu nebo jsou ulozeny na pamet’ovemmediu prıstroje, ktery je zobrazuje. Nastup chytrych mobilnıch telefonua tabletu spolu s kvalitnım a rychlym pripojenım k internetu umoznujeprohlızet webove mapove aplikace prakticky odkudkoliv. Dıky tomu muzemena cestach vyhledavat zajımave objekty v nasem okolı a informace o nich. Toz mapovych aplikacı dela dobre spolecnıky pri planovanı vyletu ci dalekychcest.

Stejne tak jako se lisı sluzebnı cesta od vyletu, lisı se i potreby uzivatelu.Podnikatel cestujıcı autem, ktery hleda nejkratsı cestu z bodu A do boduB, nepotrebuje pro vyhledavanı turisticke mapy. Ackoliv je muze pouzıt,obsahujı pro nej nadbytecna data a mohou byt prılis podrobne. Kdyby tu-rista hledal v automape cestu z bodu A do B, pravdepodobne by ji nasel,ale vedla by nejspıs po silnicıch, coz nenı uplne zadoucı. Kazda mapa, at’ uzpapırova ci internetova, poskytuje ruzna data. Vyhodou internetovych ma-povych aplikacı je mimo jine i moznost zobrazenı ruznych dat v potrebnemmerıtku v jednom mapovem okne.

Portaly poskytujıcı mapove aplikace casto vytvarejı sva Application Pro-gramming Interface (API), aby jejich produkty mohly byt pouzity i na jinychserverech. Dıky tomu je mozne narazit na mapy od Googlu ci Seznamu i najinych strankach. Jedna se o nejsnazsı zpusob, jak prezentovat geografickadata, napr. spolecnost zabyvajıcı se venkovnı reklamou tak muze prezen-tovat rozmıstenı nabızenych billboardu. Tento prıstup ma ale sva omezenıdany funkcemi, ktere API poskytuje. Casto je bezplatne uzitı API omezenoi poctem prıstupu ci velikostı poskytovanych dat. Takto vytvorene mapymajı vetsinou vizualne prezentovat slovnı popis umıstenı (napr. adresu).Z ceskych aplikacı je tato metoda pouzita napr. na webu Vyletnık.cz, vizkap. 1.3.

9

Page 12: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Dalsı moznostı, jak prezentovat geograficka data, je vytvorenı specia-lizovane aplikace. Tento prıstup je vyhodny, pokud je zobrazenı geodatprimarnım ucelem webu a pokud chceme uzivatelum nabıdnout i funkce,ktere API nektereho z poskytovatelu nepodporuje.

Na internetu lze dohledat nekolik turistickych portalu. Aby v ramci tetoprace nebylo vytvareno neco, co uz existuje, byly vybrany a prozkoumanynektere mapove aplikace. Tento vyber poslouzil k utvorenı prehledu funkci-onalit, vyhod, nevyhod a originalnıch prvku webovych mapovych aplikacı.Vıce je popsano v kapitole

”Existujıcı resenı“, viz kap. 1. Vetsina zkou-

manych aplikacı neumoznuje pripojenı k socialnım sıtım. V soucasne dobe,kdy jsou socialnı sıte jako Facebook a Twitter velmi rozsırene, mohou bytfunkce jako prihlasenı pres uz existujıcı ucet ci sdılenı vyletnıch tras s pratelipridanou hodnotou aplikace.

Cılem teto prace je vytvorenı prototypu turistickeho systemu, ktery budesplnovat nasledujıcı vlastnosti:

• Uzivatele systemu mohou pouzıt svuj ucet na socialnı sıti Facebook(Fb).

• Uzivatel prihlaseny pomocı Fb muze na Facebooku zverejnovat mapy.

• Prımo ze stranek mohou prihlasenı uzivatele editovat data OSM.

• Registrovanı uzivatele mohou pridat vlastnı trasy. Jakykoliv prihlasenyuzivatel muze tyto trasy okomentovat.

• Registrovanı uzivatele mohou vkladat do mapy fotografie.

Protoze v mapach casto neco hledame, mela by vyvıjena mapa umoznituzivatelum vyhledavat objekty a cesty z bodu A do bodu B. Vyhledavanı bymelo zahrnovat i pokrocile volby, kdy se da vyhledat zajmovy bod v urcitevzdalenosti od planovane cesty ci od jineho bodu. Tyto body majı az dru-hotny vyznam a budou realizovany pouze v prıpade, ze hlavnı funkcionalityprojektu budou bez problemu fungovat.

Prace je strukturovana do peti kapitol. V prvnı kapitole se text venujeexistujıcım resenım. Prozkoumanım aplikacı bylo zjisteno, jake funkce jsouobvykle k dispozici a jake nikoliv.

Druha kapitola je venovana komunitnımu projektu OSM. Bude zmınenajeho historie, moznosti a presnost a uplnost zobrazenych dat. V teto kapitolebudou popsana i data OSM.

10

Page 13: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze

Tretı kapitola je zamerena na technologickou stranku problemu. Mnozstvıprogramu a programovacıch jazyku, ktere pro vytvorenı mapove aplikace lzepouzıt, je velke. Proto v teto casti budou popsany jen ty programy, jazykya knihovny, ktere byly pouzity ci jejichz pouzitı bylo zvazovano.

Ve ctvrte casti prace je popsan vyvoj aplikace a s nım spojene problemy.Je zde take jejı stav v dobe odevzdanı prace.

V poslednı, pate kapitole je zhodnocenı celeho projektu, oduvodnenı kon-coveho stavu aplikace a napady na jejı rozsırenı, vylepsenı ci dodelanı.

11

Page 14: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Kapitola 1

Existujıcı resenı

Z velkeho mnozstvı ruznych mapovych aplikacı bylo vybrano sest prıkladu,ktere majı nejakou spojitost se zpracovavanym tematem. Krome dvou v Ceskerepublice nejcasteji uzıvanych mapovych portalu GoogleMaps a Mapy.czbyly pro hodnocenı zvoleny tri aplikace postavene nad daty OSM. Jedna seo ceske aplikace OpenTrackMap a MTB mapa Evropy. Trojici uzavıra webWaymarked Trails. Poslednı aplikacı je uz v uvodu zminovany Vyletnık.cz,jehoz mapova aplikace je vytvorena pomocı Google API. Kazda z techtoaplikacı je necım specificka, ma sve vyhody i nedostatky.

1.1 Google Mapy

http://www.google.com/maps/preview

V globalnım merıtku asi nejuzıvanejsı mapovou aplikacı jsou Google Mapyspustene v roce 2005. Ve stejnem roce spolecnost Google uvedla k mapam iAPI pro jejich pouzitı na webech tretıch stran. Podle typu uzitı se jedna bud’

o placenou, ci volne dostupnou sluzbu. Google ma k mapam velke mnozstvıdoplnkovych funkcı – od vyhledavanı mıst pres vyhledavanı cest autem,na kole ci pesky po Street View, ktere poskytuje panoramaticke pohledyz daneho bodu, zobrazenı 3D modelu budov a fotografiı z momentalne zob-razene oblasti. Tez lze importovat data1 ve formatu Keyhole Markup Lan-guage (KML)2 a sdılet je s jinymi uzivateli.

1Body, linie a polygony.2Format zalozeny na eXtended Markup Language (XML), ktery je primarne urcen pro

sdılenı geodat.

12

Page 15: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

Google Mapy sice jsou uzitecnym pomocnıkem pri planovanı cest a zob-razenı prostorovych dat, ovsem jejich uzitı je pro turisty dosti omezene.Aplikace nedisponuje udaji o turistickych stezkach. Duvodem, proc se mapyod Googlu dostaly do tohoto vyberu, je aplikace Panoramio, ktera je s Go-ogle Mapami provazana. Jedna se vrstvu lokalizovanych fotografiı, ktereuzivatele nahrali do aplikace. Moznost nahrat fotografie do mapy sice po-skytujı i Mapy.cz, ovsem aplikace Panoramio je starsı – vznikla v roce 2005.Puvodne nebyla vlastnena Googlem, ten ji zıskal v roce 2007 a v roce 2008byla propojena s mapovou aplikacı.

Google vytvoril pro sve mapy i nove zobrazenı, ktere vychazı z Mercato-rova zobrazenı. Pro zobrazenı jsou pouzity vzorce pro Mercatorovo zobrazenına kouli, ale objekty majı souradnice v systemu World Geodetic System1984 (WGS 84), coz vede k tomu, ze zobrazenı nenı konformnı[55]. Totozobrazenı ma nekolik kodu, kterymi je oznacovano. Puvodne European Pet-roleum Survey Group (EPSG) odmıtla zaradit Googlem vytvorene zobrazenıdo sve databaze, proto bylo oznaceno jako 9009133. Pozdeji bylo toto zob-razenı pridana do datasetu souradnicovych systemu EPSG pod oznacenımEPSG:3857[49].

Obrazek 1.1: Google Mapy s prehledem obrazku(zdroj:Google Mapy[17])

3Nazev Google zapsany v jazyce leet, ve kterem se nektera pısmena nahrazujı cıslicemi.

13

Page 16: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

1.2 Mapy.cz

http://mapy.cz/

Obrazek 1.2: Turisticka mapa na Mapy.cz(zdroj: Mapy.cz[20])

I kdyz je Google se svymi mapami svetove nejuzıvanejsı, v ceskych pod-mınkach mu muze konkuruje mapova aplikace firmy Seznam. Mapy.cz majıoproti Googlu vyhodu domacıho prostredı a zamerenı zejmena na Ceskou re-publiku, coz v dusledku znamena rychlejsı aktualizaci mapovych podkladu.Mapy.cz poskytujı tri ruzne podkladove mapy (leteckou, obecnou a turistic-kou) a ruzne tematicke vrstvy (turisticke trasy, cyklotrasy, dopravnı infor-mace, zastavky MHD a verejne dopravy aj.).

Na Mapach.cz mohou ridici, cykliste a chodci vyhledat trasy z bodu A dobodu B pres libovolny pocet mezilehlych bodu. V zavislosti na zvolenemdopravnım prostredku bere vyhledavac v potaz i lesnı cesty a turisticke trasy.Ve stejne zalozce lze najıt i rucnı merenı vzdalenosti. Vyhledana ci rucnezadana cesta muze byt exportovana. Tez lze zobrazit jejı vyskovy profil.Do mapy lze pridat vlastnı body a ty sdılet s ostatnımi uzivateli pomocıURL adresy. Stejne jako Google poskytuje i Seznam moznost vyhledavatmısta podle souradnic, ulice ci nazvu objektu. Mapy.cz podporujı vkladanı

14

Page 17: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

fotografiı a jejich komentovanı, ale na rozdıl od Googlu to nenı resene jinouaplikacı, ale je to prımo soucastı aplikace.

1.3 Vyletnık

http://mapy.vyletnik.cz/

Turisticky portal Vyletnık.cz poskytuje informace o moznych cılech vyletu,o sluzbach spojenych s turistikou (napr. restaurace ci ubytovanı) ci o zajı-mavych akcıch. Dıky temto datum je portal dobrym zdrojem napadu, pokudpripravujeme vylet. Registrovanym uzivatelum poskytuje portal informaceo akcıch probıhajıcıch nasledujıcı vıkend. Tez uzivatelum umoznuje vkladatvlastnı fotografie, mısta a prıspevky. Pri registraci je inzerovana moznostregistrace pomocı Facebooku, ale nikde na to nebyl nalezen odkaz. Nakonecse ukazalo, ze Adblock, doplnek prohlızece Firefox blokujıcı reklamy, vy-hodnotil prihlasovacı nastroj pro Facebook jako reklamu a podle toho s nımzachazel. Po vypnutı Adblocku propojenı s Facebookem bylo viditelne. Nadruhou stranu se objevilo mnozstvı reklam, ktere kazı jinak dobry pocitz webu.

Obrazek 1.3: Mapova aplikace portalu Vyletnık(zdroj: Vyletnık.cz[19])

15

Page 18: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

Pro mapovou aplikaci tohoto portalu platı to, co pro cely web – vsudy-prıtomne reklamy snizujı prıvetivost aplikace. Na nekolika mıstech se proje-vilo spatne nastavenı stylu aplikace, kdy se prvky prekryvaly. Nejzretelneji jeto videt na moznosti prepınanı map. V napovede[18] je napsano, ze aplikaceposkytuje normalnı, satelitnı a hybridnı podkladovou mapu, ale moznostprepınanı techto map je prekryta rozbalovacımi seznamy zajmovych bodu.Tech je k dispozici velke mnozstvı a jsou rozdeleny na dve zakladnı skupiny– turisticke cıle a ubytovanı a sluzby. Obe skupiny obsahujı dalsı moznosti,ze kterych lze zvolit jednu ci vıce polozek. Vyletnık.cz umoznuje uzivatelumvyhledavat objekty ve trech kategoriıch:

• rejstrık mıst,

• sluzby,

• turisticke informace.

Vyhledavat lze i v urcitem okruhu od zvoleneho bodu.

Ackoliv tato aplikace poskytuje solidnı informace, ma jista omezenı vyply-vajıcı z toho, ze je vytvorena pomocı GoogleMaps API. Jednou z nevyhodjsou chybejıcı turisticke a cykloturisticke trasy. Google mapy tyto informaceneposkytujı a aplikace samotna je z jinych zdroju nezıskava, cımz vznikanutnost pro uzitı dalsıch portalu pro planovanı vyletu.

1.4 Waymarked Trails

http://waymarkedtrails.org/cs/

Aktualnı prehled stezek pro turistiku, cykloturistiku a jızdy na inlinebruslıch je mozno najıt na mape Waymarked Trails[52]. Tato aplikace jevytvorena nad daty OSM a pokryva cely svet. Nejvıce dat pokryva uzemıEvropy, zatımco zbyle kontinenty obsahujı jen male mnozstvı dat. Vetsinadat zobrazuje turisticke stezky a cyklostezky. Trasy pro horskou cyklistikua inline bruslenı pokryvajı malou cast mapy.

Velkou vyhodou teto mapy je poskytovanı informacı o trasach a moznostjejich ulozenı v GPS eXchange format (GPX) formatu. Trasy jsou rozdelenyna:

• kontinentalnı – mezinarodnı trasy vedoucı pres nekolik statu, znaceneprefixem E

• narodnı – trasy Klub ceskych turistu (KCT)

16

Page 19: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

Obrazek 1.4: Hiking Map na Waymarked Trails(zdroj: Waymarked Trails[52])

• regionalnı – trasy KCT

• ostatnı – naucne stezky, odbocky k hradum, zrıceninam, vyhlıdkam,prırodnım zajımavostem apod.

Mapa take poskytuje moznost vyhledanı mısta podle nazvu a vytvorenıpermanentnıho odkazu na mapovy vyrez. Mapa neposkytuje vyhledavanıtras – na to je potreba pouzıt jina existujıcı resenı, napr. OpenRouteService(http://www.openrouteservice.org/), ktere krome vyhledanı trasy prourcity typ dopravy (autem, na kole, pesky) poskytuje i jejı export, vyskovyprofil, vyhledanı zajmovych bodu v blızkosti.

1.5 OpenTrackMap

http://opentrackmap.cz/

OpenTrackMap je projekt Ing. Radka Bartone. Projekt bezı na serverugeo102, ktery spravuje Katedra geomatiky na Fakulte stavebnı CVUT v Praze.Tvorba teto aplikace byla motivovana snahou poskytnout mapy pro aplikaciTangoGPS bezıcı na platforme Openmoko[1]. Jiz existujıcı mapy nemohly

17

Page 20: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

byt z licencnıch duvodu ci kvuli ruznym technickym omezenım pouzity. Dıkylicenci Open Database License (ODbL) mohou byt data OSM pouzita. Datajsou ulozena v databazi PostgreSQL a pro jejich vykreslenı je pouzit softwareMapnik (http://mapnik.org/). Ackoliv mapy v soucasne dobe nejsou ak-tualizovany, jejich prınos je ve vytvorenı znackoveho klıce pro tras a objektuv mape[44].

Obrazek 1.5: OpenTrackMap(zdroj: http://opentrackmap.cz)

Aplikace poskytuje vrstevnice, stınovanı terenu, podkladovou mapu a tu-risticke trasy. Vzhledem k tomu, ze mapy byly urceny pro zobrazenı v mo-bilnıch zarızenıch, bylo zapotrebı snızit mnozstvı dat prenasenych k uzivateli.Toho bylo dosazeno pomocı dlazdic. Puvodnı testovanı odhalilo, ze pro malamerıtka je vykreslovanı pomalejsı, protoze je pro velkou oblast vykreslovanostınovanı kopcu[1]. Od urciteho stupne priblızenı se rychlost vykreslenı mırnezvysila, protoze byla vykreslovana mensı plocha a protoze klesl pocet vek-torovych prvku.

18

Page 21: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

1.6 MTB mapa Evropy

http://mtbmap.cz/

Projekt Martina Tesare MTB mapa Evropy byl puvodne bakalarskou pracızpracovavanou na fakulte informatiky Masarykovy univerzity v Brne. Apli-kace prezentuje stezky pro jızdu na horskem kole. Mapa byla puvodne ome-zena pouze na oblast Ceske republiky a prilehleho okolı, ale casem bylarozsırena na cele uzemı Evropy. Mapa vyuzıva znackovy klıc projektu Open-TrackMap, ktery je popsan na OSM Wiki[44], a krome cyklistickych stezekzobrazuje i turisticke cesty. Aktualnost mapy je udrzovana tydennımi aktu-alizacemi dat OSM. Data pochazejı ze serveru geofabrik.de, ktery poskytujemoznost stazenı dat OSM pro jednotlive zeme, kontinenty i cely svet.

Obrazek 1.6: MTB mapa Evropy(zdroj: http://mtbmap.cz/)

Aplikace obsahuje radu nastroju. K dispozici je vyhledavanı pomocı sluzbyOSM Nominatim[31]. Tento nastroj slouzı k vyhledavanı objektu pomocıjejich adresy. Dale lze exportovat data v souradnicemi danem vyrezu. Zde lzenastavit stupen priblızenı, velikost vysledku v pixelech a zobrazene mapoveprvky – tiraz, nazev mapy, trasu, legendu a merıtko. Krome vyhledavanımıst pomocı Nominatim je k dispozici i vyhledanı cesty podle mnozstvıvstupnıch parametru, ktere zahrnujı naprıklad typ cesty, druh povrchu neboobtıznost. Tyto parametry jde ulozit na disk a pozdeji je znovu pouzıt provyhledanı stejne cesty. Lze tez vlozit vlastnı cestu v souboru GPX nebo rucnea zobrazit k nı vyskovy profil. Takto vytvorene stezky se zobrazı v mape,

19

Page 22: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 1. EXISTUJICI RESENI

ale neukladajı se pro pozdejsı zobrazenı. Aplikace umoznuje vygenerovatpermanentnı odkaz na zobrazenou pozici ci presmeruje uzivatele na webOpenStreetMap a otevre online editor dat OSM iD.

Tento projekt ma svoji stranku na OpenStreetMap Wiki, kde jsou popsanyukoly, kterymi by mel smerovat dalsı vyvoj aplikace. Mapa byla puvodne vy-tvorena v OpenLayers[9], ale v soucasne dobe uzıva javascriptovou knihovnuLeaflet. K dispozici jsou 4 podkladove mapy (MTB mapa, OSM Mapnik,OpenCycleMap, Hike & Bike Map), ktere jsou zobrazeny v EPSG:3857.Tento souradnicovy system je ekvivalentnı s EPSG:900913, ktere na svychmapach pouzıva Google. Jak bylo uvedeno vyse 1.1, toto zobrazenı nenıpresne konformnı, ovsem v tirazi je uvedeno

”Zobrazenı: Konformnı valcove

- Mercatorovo“, viz obr. 1.7.

Obrazek 1.7: MTB mapa Evropy - tiraz(zdroj: http://mtbmap.cz/)

20

Page 23: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Kapitola 2

OpenStreetMap

Cılem teto kapitoly je ctenare seznamit s projektem OpenStreetMap.Zmınena bude jeho historie, soucasny stav a jeho vyuzitı.

2.1 O Projektu

OpenStreetMap je mapa, kterou vytvarı a spravujı jejı uzivatele. Na rozdılod jinych mapovych aplikacı1 OpenStreetMap poskytujı uzivatelum moznoststahnout si data, ktera tvorı mapu, a v ramci licence ODbL s nimi volnenakladat. Dıky tomu vznikajı ruzne mapove aplikace, ktera reflektujı potrebyuzivatelu (napr. Waymarked Trails, viz kap. 1.4, nebo MTB mapa Evropy,viz kap. 1.6).

Projekt vznikl ve Velke Britanii v roce 2004. O jeho zaklady se posta-ral Steve Coast, ktery se nechal inspirovat jinym, komunitou rızenym pro-jektem – svobodnou encyklopediı Wikipedie. O dva roky pozdeji vzniklaOpenStreetMap Foundation, ktera projekt podporuje. V prubehu let po-volily nektere spolecnosti pouzıvat sve mapove podklady pro tvorbu Open-StreetMap. V roce 2006 to byl Yahoo. O rok pozdeji Automotive NavigationData poskytla mapy silnicnı sıte Nizozemska, Indie a Cıny[62].

Od vzniku aplikace vzrostl pocet registrovanych uzivatelu az na milion.V srpnu 2008 mela aplikace 50 000 registrovanych uzivatelu. Do konce nasle-dujıcıho roku narostlo toto cıslo skoro na 200 000. V roce 2012 sluzba re-gistrovala 600 000 clenu a 6. ledna 2013 prekrocil pocet uzivatelu 1 milion.Ze statistik vyplyva, ze kolem 30% uzivatelu vytvorilo alespon jednu saduzmen[7].

1Napr. Google Mapy.

21

Page 24: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Obrazek 2.1: Graf narustu registrovanych uzivatelu OSM(zdroj: OSM wiki[40])

2.2 Geodata

2.2.1 Typy geografickych dat

Jak uz bylo receno, data porizujı samotnı uzivatele mapy, coz ma zanasledek velkou druhovou rozmanitost dat. Krome obvyklych prvku, jakojsou silnice, vodstvo, budovy, zalesnene oblasti ci turisticke znacky, jsou ma-povany i veci, ktere na jinych2 mapach zobrazeny nejsou. Jedna se naprıklado bezpecnostnı kamery na verejnych mıstech. Datovy model pracuje se tremizakladnımi elementy:

• uzly (nodes) – body se souradnicemi,

• cesty (ways) – liniove prvky a hranice polygonu

• relace (relations) – popisujı vztahy mezi jednotlivymi prvky.

Krome techto trı elementu mohou mıt prvky sve tagy, do kterych se zazna-menavajı vlastnosti.

2Napr. Mapy.cz ci Google Mapy.

22

Page 25: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Uzly majı prirazeny zemepisne souradnice a identifikator (id). Volitelnemuze byt prvku prirazena i vyska. Uzly mohou byt samostatne prvky (napr.rozcestnık ci sloup) nebo jsou lomovymi ci koncovymi body cesty. V tomprıpade definujı jejı tvar. Uzly musı byt na spojnicıch vıce cest – napr. kdyzse protınajı dve cesty, tak soucastı obou cest musı byt stejny vrchol. Pokudby to tak nebylo, nejednalo by se z topologickeho hlediska o krizovatku, aleo mimourovnove krızenı. Globalnı dataset obsahuje k roku 2013 pres 2 x 109

uzlu[30].

Obrazek 2.2: Graf vyvoje poctu uzlu, cest a relacı(zdroj: OSM wiki[40])

Cesty jsou tvoreny 2 az 2000 uzly spojenymi liniovymi segmenty. Z grafuna obr. 2.2 je videt, ze v databazi je ke konci roku 2013 pres 200 000 000cest. Cesta je bud’ otevrena, nebo uzavrena. Otevrena cesta je takova, kdezacatek a konec tvorı jiny uzel. Uzavrena cesta ma identicky pocatecnı a kon-covy uzel. V tomto prıpade se muze jednat o uzavrenou polylinii ci plosnyprvek. Rozdıl lze stanovit pomocı tagu

”area“ – pokud ma hodnotu

”yes“,

jedna se o plochu. V nekterych prıpadech muze cesta tvorit polylinii a hra-nici polygonu zaroven – toto je pak oznaceno odpovıdajıcım zpusobem vevlastnostech.

23

Page 26: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Obrazek 2.3: Praha na mapach OSM – cervenec 2006(zdroj: Wikipedie[61])

Data ukladana do databaze OpenStreetMap mohou vzniknout tremi ce-stami. Prvnı z nich je prımy sber v terenu, kdy uzivatel pomocı GPS prıstrojezıskava souradnice, ktere pak ve formatu GPX nahraje do databaze. Dalsımzdrojem dat je odvozovanı z existujıcıch mapovych del. Zde je ovsem potrebadavat pozor, aby podklady pro odvozenı byly kompatibilnı s licencı, kte-rou uzıva OSM. V prıpade, ze nejsou vyjasneny licencnı podmınky, ma-terialy pouzity byt nemohou. Pro odvozovanı na uzemı Ceske republiky seda kuprıkladu pouzıt ortofoto poskytovane pres Web Map Service (WMS)Ustav pro hospodarskou upravu lesu (UHUL) ci WMS katastralnı mapyCesky urad zememericky a katastralnı (CUZK)[43]. WMS ortofotomapyCUZK se jako zdroj pouzıt nemuze, ale da se s nı overit presnosti jinychzdroju. Tretı moznym zdrojem dat jsou komercnı firmy, ktere poskytnousva geodata k dispozici.

Graf vyvoje poctu elementu 2.2 ukazuje, ze z pocatku pribyvalo malemnozstvı objektu a vetsı zvrat nastal spolu s narustem poctu uzivatelu.V roce 2007 je videt skokovy narust poctu bodovych prvku – jedna se o datasilnicnı sıte Nizozemska, Indie a Cıny poskytnute organizacı AutomotiveNavigation Data. Pribyvanı poctu prvku v mape lze tez dobre sledovat namalych plochach. Pro ilustraci jsou zde prilozeny obrazky, jak Praha byla

24

Page 27: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Obrazek 2.4: Praha na mapach OSM – prosinec 2013(zdroj: OSM[61])

zmapovana v roce 2006 2.3 a v prosinci 2013 2.4. V prvnım prıpade jsouzmapovany hlavnı silnice a vodnı toky, zatımco druhy obrazek zobrazujemapu srovnatelnou s mapou Prahy, kterou poskytujı Mapy.cz nebo GoogleMapy.

2.2.2 Ulozenı dat

Data se ukladajı do databaze, ktera je klıcovym prvkem celeho projektu.Pro kazdy typ prvku existujı tabulky v databazi. Krome soucasne verzeobsahuje databaze i historicke verze, takze lze dohledat zmeny a prıpadne jevratit. Dalsı tabulky se vztahujı ke zmenovym sadam (changesetum), GPXsouborum nebo registrovanym uzivatelum. Krome tabulek jsou ulozeny iprimarnı a cizı klıce, sekvence a indexy.

Data jsou distribuovana v XML souboru Planet.osm, ktery je vytvarenv tydennıch intervalech. V soucasnosti je velikost nekomprimovane sady pres400 GB, pri uzitı komprimace je mozno se dostat k 29 GB. Protoze dost castonenı potreba mıt data z celeho sveta, delajı se i vybery, ktere pokryvajı jed-notlive kontinenty, zeme nebo mesta. Tyto soubory jsou vytvareny casteji –http://download.geofabrik.de poskytuje data s dennım intervalem. Vy-tvorenı obrazu databaze vetsinou zabere 12 hodin[34].

25

Page 28: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Krome dat tvorıcıch mapu jsou k dispozici i planet.gpx s udaji z nahranychGPX3 souboru a soubor s historiı, ktery obsahuje kazdou revizi kazdehoobjektu. Planet.gpx obsahuje v nekomprimovanem stavu 55 GB dat, historiezmen kolem 500 GB[39].

Data jsou ulozena na databazovem serveru, ktery ma dostatecne prostredkypro spravu techto dat. Od dubna 2009 do dubna 2012 byl primarnım ser-verem server Smaug[38]. Operacnı system Ubuntu 12.04 LTS Server amd64obsluhuje relacnı databazi PostgreSQL ve verzi 9.1. Pevne disky majı kapa-citu pres 6 TB a operacnı pamet’ je 64 GB. V soucasne dobe je primarnımserverem server se jmenem Ramoth[36], ktery je take obsluhovan operacnımsystemem Ubuntu 12.04 LTS Server amd64, ovsem od sveho kolegy se lisıjak kapacitou disku (skoro 15 TB), tak operacnı pametı (256 GB). Funkcidatabazoveho systemu plnı stale PostgreSQL 9.1.

Kazdy zaznam v databazi ma u sebe uvedena popisna data. Protoze prokazdy typ prvku je jedna tabulka, jsou nektere sloupce s popisnymi datyprvku prazdne. Parametry, ktere se evidujı napr. u silnice, jsou jine nez pa-rametry, ktere nas zajımajı u reky – obojı lze najıt v tabulce s liniovymiprvky. Aby se bezny uzivatel ci vyvojar vyznali v databazi, jsou vytvorenyna wiki projektu stranky, ktere popisujı vsechna popisna data (sloupce v da-tabazi) a hodnoty, kterych muzou nabyvat. Dıky tomu je hledanı v databazivubec mozne a nepripomına hledanı v jehly v kupce sena.

2.3 OSM editory

Soucastı predkladane diplomove prace je napojenı editoru vytvarene web-ove aplikace na data OSM. Stojı tedy za zmınku, jake jsou prostredky,kterymi se v soucasne dobe provadı editace dat projektu OSM.

2.3.1 iD

Editor iD je nejnovejsım z uvedenych editoru. Pro uzitı na OpenStreetMapbyl spusten v kvetnu 2013. Jedna se o javascriptovou aplikaci, ktera je sırenapod licencı Do What The Fuck You Want To Public License (WTFPL)[64],ktera umoznuje naprosto volne nakladat s produktem. K vykreslenı je uzıvanajavascriptova knihovna d3js4, ktera slouzı k praci v datech zalozenych doku-mentech. Knihovna uzıva HyperText Markup Language (HTML), CascadingStyle Sheets (CSS) a Scalable Vector Graphics (SVG) k vykreslenı pozadovanych

3GPX je vymenny format zalozeny na XML pro data z GPS prijımacu.4http://d3js.org/

26

Page 29: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

prvku. Podpora jinych vykreslovacıch prıstupu nenı zatım v editoru iD im-plementovana. Jedna se o aplikaci vhodnou pro zacatecnıky, protoze majednoduche ovladanı.

Obrazek 2.5: Editor iD na webu OpenStreetMap.org(zdroj: OSM[33])

Podle stranek projektu[26] program zatım plne nepodporuje prohlızeceInternet Explorer verze 9, 10 a 11. Nekterı uzivatele tez hlasili zhorsenyvykon pro prohlızec Firefox.

2.3.2 JOSM

Java OpenStreetMap Editor (JOSM)je na Jave zalozeny editor dat OSM.Jedna se o desktopovou aplikaci publikovanou pod licencı General PublicLicence (GPL), ze ktere jsou zmeny dalkove nahravany do hlavnı databazeOSM[27]. Na rozdıl od iD poskytuje JOSM mnohem vıce moznostı pro ma-nipulaci s daty[24], coz je znat i na jeho uzivatelskem rozhranı, viz obr. 2.6.Aplikace podporuje ctenı GPX souboru bud’ z pevneho disku nebo z da-tabazeOpenStreetMap, editovanı existujıcıch uzlu, cest, tagu a relacı.

Vyhodou oproti online editorum je moznost pracovat i bez pripojenı k in-ternetu. Aplikace take poskytuje ruzna rozsırenı, ktera z nı delajı velmi silnyeditovacı nastroj. Dle informacı na OpenStreetMap Wiki[27] je prace s tımtoeditorem jednoducha. Nektere pokrocilejsı funkce mohou mıt slozitejsı ovla-danı a jejich zvladnutı muze zabrat cas.

27

Page 30: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Obrazek 2.6: Editor JOSM(zdroj: OSM Wiki[27])

2.3.3 Merkaator

Editor Merkaator je urcen pro Unix, Mac OS i Windows a je distribuovanpod licencı GNU GPL v2. Editor je ve stadiu vyvoje (dle OpenStreetMapWiki je dostupna verze 0.18.1 vydana v cervnu 2012), ovsem vyvojarskakomunita tohoto projektu nenı prılis aktivnı[28]. Aplikace obsahuje prvky,ktere stojı za povsimnutı. Jedna se naprıklad o pruhledne zobrazenı vrs-tev, editor stylu zobrazenı mapy, prıme pripojenı k GPS prijımaci nebovykreslenı mapy do SVG nebo bitmapoveho obrazku za pouzitı momentalneuzitych stylu. Vzhledem k tomu, ze je program ve vyvoji, lze nektere prvkyzıskat pouze kompilacı ze zdrojovych souboru, coz pro vetsinu uzivatelu nenıvhodne.

2.3.4 Potlatch 2

Stejne jako iD editor je i Potlatch 2 online editor s licencı WTFPL, alena rozdıl od nej je napsan ve Adobe Flash. Jedna se o jednoduchy edi-tor, ktery nenı urcen pro narocnejsı uzivatele. Potlatch 2 vznikl kompletnımprepsanım puvodnıho Potlatch[35], kdy byly pridano zobrazenı What YouSee Is What You Get (WYSIWYG), jednodussı tagovanı a autentizace presOAuth pro zakomponovanı do jinych stranek pri zachovanı napojenı naOpenStreetMap. Z duvodu existence editoru iD nenı v soucasnosti aplikaceaktivne vyvıjena.

28

Page 31: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

Obrazek 2.7: Editor Merkaator(zdroj: OSM Wiki[28])

Obrazek 2.8: Editor Potlatch 2(zdroj: OSM Wiki[35])

29

Page 32: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 2. OPENSTREETMAP

2.4 Vyuzitı dat OSM

Data OSM jsou casto vyuzıvana k tvorbe tematickych map, napr. z ob-lasti turistiky. Mapy mohou tez slouzit jako podklady do navigacı. Radavelkych projektu, napr. Foursquare, uzıva nebo prechazı na mapy Open-StreetMap, protoze jsou pro ne vyhodnejsı. Ackoliv tyto produkty ocenıvetsina uzivatelu, dle meho nazoru lezı vetsı vyznam map OpenStreetMapv oblasti humanitarnı pomoci.

V momente, kdy nejakou cast sveta zasahne zivelna katastrofa, mohoudobrovolnıci z rad uzivatelu OpenStreetMap z aktualnıch druzicovych snımkuvytvorit novou aktualnı mapu postizene oblasti. Toto bylo vyuzito trebav roce 2010, kdy bylo Haiti zasazeno zemetresenım, a v soucasnosti probıhanove mapovanı po tajfunu na Filipınach z listopadu 2013. Behem prvnıhotydne od tajfunu bylo editovano vıc jak 2 000 000 objektu a do obnovyse zapojilo pres 900 uzivatelu. K 11.prosinci 2013 bylo za prispenı vıce jak1 600 uzivatelu zmapovano pres 4,5 milionu objektu[41].

Aby byla zajistena efektivnı tvorba, produkce a distribuce map pro po-stizene oblasti, byla v lednu 2009 vytvorena skupina Humanitarian Open-StreetMap Team[25], ktera tuto cinnost rıdı.

30

Page 33: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Kapitola 3

Pouzite technologie

3.1 Apache HTTP Server

V souvislosti s webovymi aplikacemi se objevuje pojem server, ktery muzeodkazovat bud’ na hardware1, ktery poskytuje nejake sluzby, nebo na soft-ware2, ktery tyto sluzby realizuje, napr Apache HTTP Server nebo Geoser-ver. Aplikace, ktere se k serveru pripojujı a pozadujı poskytovane sluzby, senazyvajı klienti. Tım je napr. webovy prohlızec.

Pri vyberu weboveho serveru je mozne si vybrat z nekolika aplikacı. Nej-casteji uzıvanym je Apache HTTP Server, viz kap. 3.1, pote je IIS od Micro-softu, nginx od NGINX, Inc. a GWS od Googlu. Protoze pri vyvoji aplikacebyl pouzit server Apache HTTP Server, budou nasledujıcı radky venovanyjemu.

Obrazek 3.1: Logo projektu Apache HTTP Server(zdroj: Wikipedie – Apache HTTP Server[53])

Apache HTTP Server casteji byva oznacovan pouze jako Apache. Jehofunkce spocıva v prijımanı pozadavku od klienta, kterym je webovy prohlızec.

1Tj. pocıtac.2Tj. program.

31

Page 34: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Nasledne je zpracuje a zasle klientovi odpoved’. Zpracovanım se rozumınapr. odeslanı staticke webove stranky nebo predanı pozadavku dalsım apli-kacım. Samotna komunikace je zajistena pres HyperText Transfer Proto-col (HTTP), ktery slouzı pro prenos hypermediı[4],napr. HTML stranek.

Apache ma velke mnozstvı modulu, ktere mohou a nemusı byt spusteny.Pokud jsou zapnuty, rozsirujı moznosti samotneho jadra. Pri vyvoji aplikacıje ovsem potreba, aby na vyvojovem a produkcnım serveru byly povolenystejne moduly. V opacnem prıpade muze dochazet k problemum s funkcnostı.Bezne uzıvane moduly jsou napr. mod rewrite, ktery slouzı k prepisovanıURL adresy, mod php pridavajıcı Apachi podporu pro zpracovanı PHPskriptu nebo mod ssl pro sifrovana spojenı. Ve srovnanı s celkovym poctemmodulu je toto jen velmi maly vzorek.

Apache je nejrozsırenejsı webovy server – dle odhadu[16] z cervna 2013obsluhovaly servery s Apachem 54,2% vsech aktivnıch webovych straneka 53,3% vsech stranek. Toto postavenı je pravdepodobne zpusobeno nekolikafaktory:

• uzitı Apache License, ktera umoznuje svobodne uzıvanı softwaru,

• verejne prıstupne zdrojove kody,

• rychlost je srovnatelna s komercnımi servery a

• podpora vsech hlavnıch operacnıch systemu.

Obrazek 3.2: Zastoupenı jednotlivych serveru(zdroj: Wikipedia – Web server[63])

32

Page 35: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Duvodem pro uzitı Apache byly prednosti vyjmenovane vyse – zejmenarychlost a to, ze se jedna o svobodny software. Jeho nastavenı se sice provadıpomocı textoveho editoru, to ovsem nenı takova prekazka, protoze webovestranky projektu poskytujı dostatecnou dokumentaci a v prıpade problemunenı slozite dohledat resenı na internetovych forech venovanych prave ser-verum. Jednım z duvodu, pro tuto volbu byl fakt, ze na skolnım serverugeo102 je nainstalovan prave Apache.

3.2 Geoserver

V predchozı casti bylo uvedeno, ze webovy server muze presmerovat nekteredotazy jinym aplikacım. Dotazy na prostorove informace lze presmerovat namapovy server. Pokud se pohybujeme v rovine svobodneho softwaru, exis-tujı dve moznosti – Geoserver a UMN MapServer. V komercnı sfere lze najıtservery od firem Esri, Intergraph a dalsıch.

Obrazek 3.3: Schema funkce mapoveho serveru(zdroj: Jan Dolezal - diplomova prace[3] (upraven))

Mapovy server podle urcitych pravidel vygeneruje obraz pozadovanehovyrezu mapy, ktery odesle webovemu serveru. Ten ho pak odesle zpatkyuzivateli. Pravidla pro generovanı jsou dana parametry, ktere muze a nemusıuzivatel zadat. Mezi parametry lze treba najıt pozadovany vystupnı format.

Geoserver je open source resenı s podporou vsech bezne uzıvanych webo-vych sluzeb. Aplikace podporuje velke mnozstvı vstupnıch a vystupnıchformatu. Vstupem muze byt naprıklad PostGIS databaze, Esri Shapefile,GeoTIFF ci WMS sluzba. Vystup muze byt naprıklad ve formatu PNG,PDF, JPEG, KML, CSV nebo JSON. Geoserver je napsan v Jave a pro jehonastavenı a spravu se pouzıva webove rozhranı, ktere je normalne dostupnena portu 8080, ale tento port muze byt zmenen. Zde lze nastavit poskyto-vane vrstvy a sluzby. Sprava uzivatelu a uzivatelskych rolı se provadı takezde.

33

Page 36: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Obrazek 3.4: Uzivatelske rozhranı Geoserveru(zdroj: snımek obrazovky)

Pro nastavenı vzhledu publikovanych vrstev se pouzıva Styled Layer De-scriptor (SLD) schema, ktere je zalozeno na XML. Pravidla lze zapsat dotextoveho pole, coz vyzaduje urcite zkusenosti s tımto formatem. Geoser-ver ale take poskytuje moznost importovat pravidla vytvorena v jinem pro-gramu. Takto lze uspesne pouzıt Quantum GIS[48] ci AtlasStyler[13] protvorbu vzhledu prvku.

Vyber Geoserveru byl dan zejmena snahou vyuzıt svobodny software. Predzacatkem tvorby se predpokladalo, ze aplikace bude potrebovat zejmena proeditaci dat OSM sluzbu Web Feature Service – Transactional (WFS-T),ktera umoznuje data upravovat a nasledne ukladat. MapServer nema pod-poru WFS-T a z tohoto duvodu nemohl byt pouzit. Vyhodou Geoserveru jeuzivatelske rozhranı pro nastavenı a publikovanı vrstev, protoze MapServerse nastavuje pomocı konfiguracnıch souboru.

3.3 PostgreSQL

Na obrazku 3.3 je zobrazeno, ze mapovy server pristupuje k datum, kterajsou ulozena bud’ v samostatnem souboru, napr. Esri Shapefile, nebo v da-tabazi. Pro potreby webovych aplikacı se spıse uzıvajı databaze, ackolivvyuzitı jednotlivych souboru s geodaty take nenı vylouceno. Mnoho webovychaplikacı pouzıva relacnı databazi MySQL, ale z hlediska vhodnosti pro tuto

34

Page 37: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

aplikaci byla zvolena jina relacnı databaze – PostgreSQL. Ackoliv MySQLma podporu pro prostorova data, PostgreSQL nabızı sirsı skalu funkcı, vizkap. 3.3. Navıc existujı pro PostgreSQL programy, ktere usnadnujı importdat OSM. V neposlednı rade k teto volbe prispel i fakt, ze projekt OSMpouzıva PostgreSQL.

Obrazek 3.5: Terminal s aplikacı psql(zdroj: snımek obrazovky)

PostgreSQL je databazovy system napsany v jazyce C. Krome Linuxu jemozne s nım pracovat i na pocıtacıch s operacnımi systemy Windows, MacOS X, Solaris aj. PostgreSQL je licencovan pod PostgreSQL License, ktera jepodobna licenci MIT. Implementace SQL v PostgreSQL odpovıda standarduANSI–SQL:2008[47] a take obsahuje vetsinu ze standardu SQL:2011[59].System podporuje pouzitı primarnıch (PRIMARY) a cizıch klıcu (FORE-IGN KEYS), triggeru, podmınek UNIQUE a NOT NULL. Indexy mohou bytulozeny v B-stromech, R-stromech, hashovacıch tabulkach nebo GiST (Ge-neralized search tree) vyhledavacıch stromech. Soucasna stabilnı verze Post-greSQL ma cıslo 9.3.2. PostgreSQL se da prizpusobit podle potreb uzivatelu,dıky cemuz vznikla ruzna rozsırenı.

Rozsırenı Z existujıcıch rozsırenı majı spojitost s vytvarenym projektemtri balıky. Prvnım z nich je PostGIS, ktery poskytuje podporu pro geogra-ficka data. Tento balık pridava do systemu geometrii prvku a funkce propraci s nimi. Druhym rozsırenım je pgRouting, ktery poskytuje funkce prosıt’ove analyzy. Poslednım je rozsırenı hstore. To usnadnuje praci s datyulozenymi v datove strukture pole(array). Vsechny tri vyse zmınene pro-jekty jsou sıreny pod licencı GNU GPL.

35

Page 38: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Obrazek 3.6: Desktopova aplikace pgAdmin III(zdroj: snımek obrazovky)

Obrazek 3.7: Webova aplikace Adminer(zdroj: snımek obrazovky)

Samotna databaze musı byt nejak spravovana. V operacnım systemu Li-nux lze pouzıt program psql, viz obr. 3.5, vyuzıvajıcı prıkazovy radek, gra-ficke rozhranı pgAdmin III, viz obr. 3.6, nebo PHP: Hypertext Prepoces-sor (PHP) program Adminer3, viz obr. 3.7. Kazda z uvedenych variant masve vyhody. Pro praci s databazı v ramci skriptu napsaneho pro shell4 najdeuplatnenı prave prıkazovy radek, pro praci na vzdalenem pocıtaci lze vyuzıtAdminer, ktery se spoustı pres webove rozhranı a pro praci na lokalnımpocıtaci se da pouzıt pgAdmin3.

3http://www.adminer.org/4Textove uzivatelske rozhranı v Unixu a jemu podobnych operacnıch systemech.

36

Page 39: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

3.4 PHP

Pro zpracovanı dynamickych pozadavku na serveru je potreba pouzıtnejaky programovacı jazyk. Tyto jazyky byvajı oznacovany jako server–side. Patrı mezi ne ASP, ASP.NET, C (pri pouzitı Common Gateway Inter-face (CGI) rozhranı), Java, Perl,PHP a dalsı. V teto aplikaci je pouzit po-slednı jmenovany jazyk. PHP5 je urceny predevsım pro tvorbu dynamickychwebovych aplikacı, ale lze ho vyuzıt i pro tvorbu konzolovych a desktopovychaplikacı. PHP je platformne nezavisly programovacı jazyk, ktery lze rozsıritmnoha knihovnami. Pro tvorbu webovych aplikacı se PHP nejcasteji uzıvase serverem Apache a databazı MySQL. Tyto tri aplikace lze stahnout v jed-nom balıku, ktery je podle platformy oznacovan zkratkou LAMP(pro Linux)nebo WAMP(pro Windows)[58].

Soucasna verze PHP je 5.5 (vydana 20.6.2013[46]), ale na rade pro-dukcıch serveru jsou pouzıvany i starsı verze jazyka. Pri vyvoji se uzıva bud’

”ciste“ PHP a nebo v podobe frameworku, ktere majı uz naprogramovane

casto uzıvane prvky. Tımto je usnadnena prace vyvojare, protoze se muzeplne venovat ukolu, ktery resı. Frameworky take zajist’ujı vetsı bezpecnost,protoze ukony jako prıstup do databaze jsou jiz osetreny proti chybama programatorovi stacı zavolat potrebnou funkci. Argumentem proti fra-meworkum je nizsı rychlost zpracovanı pozadavku a potreba se naucit pracis nım[54]. Nasazenı frameworku se vyplatı v momente, kdy je pouzıvan navetsım mnozstvı projektu. V tomto prıpade framework usetrı vıce casu nezkolik je potreba na jeho ovladnutı.

3.4.1 Framework Nette

Jedna se o open source framework ceskeho puvodu, ktery je urceny protvorbu aplikacı v PHP 5. Autorem je David Grudl, ale v soucasne dobe seo vyvoj stara organizace Nette Foundation. K 11.12.2013 byla uvolnena kestazenı verze 2.1.0 RC3, ktera je pod licencı NewBSD a GNU GPL.

Hlavnım cılem je tvorba bezpecnych aplikacı. Mimo jine je zde imple-mentovana ochrana pred Cross-site scripting (XSS), ktera osetruje dataz uzivatelskych vstupu a zabranuje tak, aby utocnık podstrcil svuj vlastnıkod. Ackoliv je otazka bezpecnosti prvnı v seznamu vyhod, nenı zdaleka po-slednı. Velmi silnym argumentem pro jeho uzitı je snadne tvorenı formularu.Nette formulare poskytujı velke mnozstvı validacnıch pravidel. Automatickygenerovany validacnı javascriptovy kod muze byt bran jako bonus.

5Nazev je rekurzivnı zkratka.

37

Page 40: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Pri praci s Nette je mozne, ale ne nutne nastavit vyvojovy nebo produkcnırezim. Vyhodou nastavenı takovehoto rozdelenı je moznost nakopırovanıaplikace z vyvojoveho serveru na produkcnı a aplikace podle adresy serverubere pozadovane parametry, napr. jmeno databaze, prihlasovacı jmeno aheslo a dalsı. Ve vyvojovem prostredı je dostupna knihovna Nette Diagnos-tics Debugger oznacovana jako

”Ladenka“, viz obr. 3.8. Tato knihovna po-

skytuje mnozstvı nastroju pro sledovanı aplikace. Jejı prednostı je prehlednavizualizace chyb, takze problemove pasaze nenı tezke najıt a opravit.

Obrazek 3.8: Graficke znazornenı chyby pomocı”Ladenky“

(zdroj: Nette.org[21])

Velkou vyhodou je, ze v ceskem prostredı ma Nette aktivnı komunituuzivatelu, kterı krome tvorby mnoha komponent poradajı i pravidelne srazyuzivatelu. Uzivatele a vyvojari frameworku jsou tez aktivnı na forech, kdelze resit problemy v aplikacıch a chyby ve frameworku Nette.

Navrhovy vzor

Navrhovym vzorem rozumıme architekturu aplikace. Jinymi slovy se jednao urcite casti (vrstvy) aplikace, ktere zajist’ujı ruzne funkcionality. V Nettese uzıva architektura MVP (Model – View – Presenter).

Model je vrstva, ktera se stara o pripojenı k databazi a ktera s nı pracuje.Soucastı modelu jsou funkce pro prıstup k databazi. Jedna se zejmena o vypis

38

Page 41: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

dat, jejich vkladanı, zmenu a mazanı. Zbytek aplikace komunikuje s modelpres rozhranı, ktere model poskytuje. V Nette obstarava funkce modeluknihovna Nette Database. Pro vetsı prehlednost se vytvarejı funkce, kterevypisujı potrebna data. Tım nedochazı k pokladanı dotazu ve zdrojovemkodu Presenteru.

View je vrstva, ktera vykresluje vysledek zadaneho pozadavku. V Nette seo tuto funkci starajı sablony napsane v latte. Sablonou rozumıme cast zdro-joveho kodu webove stranky, ktery kontroluje vykreslenı dat a vzhledu. Latteje sablonovacı system napsany v PHP, ovsem dıky nemu je psanı sablon jed-nodussı, prehlednejsı a bezpecnejsı nez kdybychom je psali v cistem PHP.

Presenter je spojovacı vrstva, ktera predava data z modelu do view k vy-kreslenı a akce z view zpracovava a predava modelu. Presenter je ekviva-lentem Controlleru z architektury MVC s tım rozdılem, ze Controller zpra-covava i nektere udalosti uzivatelskeho rozhranı.

3.5 JavaScript

Kazda webova stranka obcas potrebuje zobrazit dynamicky obsah, kterybude okamzite reagovat na uzivatelske vstupy. V aplikacıch vytvorenychv programovacım jazyce Java zajist’uje jak praci na serveru, tak interakcina klientskem pocıtaci. Jazyk PHP ma ke zpracovanı uzivatelskych vstuputrochu jiny prıstup. PHP nedokaze dynamicky menit obsah stranky beznoveho nactenı teto stranky. Tento nedostatek jazyka se da odstranit uzitımjazyka JavaScript.

Obrazek 3.9: Princip klientskeho skriptu, napr. JavaScriptu(zdroj: Jak psat web[5])

JavaScript byl vyvıjen jako jazyk Mocha ve firme Netscape pro potrebyprohlızece Navigator[2], ve kterem se objevil jako LiveScript. JavaScript jetez znam jako ECMAScript. Dıky svemu jmenu byva casto chybne spojovans programovacım jazykem Java. Oba jazyky majı podobnou syntax, ale to

39

Page 42: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

majı i s jinymi jazyky, napr. PHP nebo C++. Kazdy z jazyku vytvorila jinafirma – JavaScript byl vytvoren v Netscapu a Java v Sun Microsystems. Ja-vaScript je hojne uzıvan pro tvorbu dynamickeho obsahu webovych stranek,a proto se obcas oznacuje za programovacı jazyk webovych stranek, ackolivse pro tvorbu internetovych stranek pouzıva jazyk HTML.

Vyuzitı JavaScriptu je zejmena v tvorbe dynamickych prvku na webovychstrankach. Javascriptovy kod je posılan ke klientovi na pocıtac, kde je zpra-covan, viz obr. 3.9, interpreterem, ktery je soucastı kazdeho modernıhoprohlızece. JavaScript je mozne zapsat do HTML souboru pomocı tagu<script><\script>. Pokud se jedna o delsı skript, je lepsı zapsat javascrip-tovy kod do zvlastnıho souboru, pro ktery se standardne pouzıva prıpona js.Ve zdrojovem kodu stranky se zavola pomocı HTML tagu <script><\script>s tım, ze se do vlastnostı prida cesta k souboru.

AJAX Asynchronnı JavaScript A XML je jedno z beznych uzitı Java-Scriptu, ktere umoznuje posılat XML dotazy na server bez znovunactenıstranky. Server tento dotaz obslouzı, vratı vysledek a ten se zobrazı nastrance. Tato technika obnovovanı stranky si zıskala oblibu dıky sluzbamspolecnosti Google. Tento prıstup je tez uzıvan v knihovnach jako jsou Open-Layers nebo Leaflet pro zıskanı a zobrazenı mapy.

Obrazek 3.10: Princip fungovanı AJAXu(zdroj: W3 Schools[65])

3.5.1 OpenLayers

JavaScript lze vyuzıt pro tvorbu mnoha dynamickych prvku stranek, alepro slozitejsı prvky je vhodnejsı pouzıt nejake existujıcı nastroje. Pro tvorbumapovych aplikacı existuje nekolik knihoven, ktere poskytujı API pro usnad-nenı prace. Jednou z takovych knihoven je OpenLayers.

Jedna se o knihovnu s otevrenym kodem, ktera je sırena pod licencı BSD.OpenLayers byly vytvoreny firmou MetaCarta mezi roky 2005 a 2006 a odlistopadu 2007 se o jejich vyvoj stara Open Source Geospatial Foundation[60].

40

Page 43: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Aktualnı stabilnı verze je 2.13.1, ale soubezne s OpenLayers verzı 2 sevyvıjı i verze 3, ktera je dostupna ve verzi 3.0.0-beta1. OpenLayers 3 vznikaprepisovanım puvodnı verze a zaclenenım novych technologiı, ktere umoznujıvyuzitı HTML5 a CSS3[45]. Vytvorenı mapy s novou verzı je oproti minuleverzi rychlejsı a vysledny kod je prehlednejsı.

OpenLayers jsou schopne zobrazit velke mnozstvı formatu – od rastrovychdat ve formatu JPEG nebo PNG az po vektorova data GeoJSON ci GML.Data lze pripojit prımo z disku nebo je lze zıskat pomocı WMS nebo WFSsluzby. Velkym plus teto knihovny je velice dobre zpracovana dokumentacea vzorove prıklady, ktere pomohou pri tvorbe mapove aplikace.

3.5.2 Leaflet

Druhou knihovnou, kterou lze uzıt na tvorbu webove mapove aplikace,je javascriptova knihovna Leaflet. Jedna se o modernı knihovnu srovnatel-nou s OpenLayers 3. Leaflet se da tez pouzıt pro zobrazenı aplikace namobilnıch zarızenıch. Stejne jako OpenLayers 3 je i Leaflet stale ve vyvoji(od listopadu 2013 je dostupna verze 0.7.1)[15], takze nektere prvky stalenejsou plne funkcnı ci chybı uplne. Dobre zdokumentovane API a navodypro zacatecnıky jsou velice dobrym pomocnıkem pri tvorbe map, stejne taki ruzne zasuvne moduly, ktere vytvorili clenove komunity.

Ackoliv Leaflet a OpenLayers 3 jsou modernejsı, pro vyvoj aplikace bylapouzita stavajıcı verze OpenLayers v2. Puvodne zvazovany Leaflet byl zamıt-nut kvuli problemum s pripojenım vektorovych vrstev a kvuli tomu, zese stale jedna o vyvojovou verzi. Ze stejneho duvodu nebyla pouzita aniknihovna OpenLayers 3.

3.6 Vzhled aplikace

Dulezitym prvkem webove stranky je jejı graficke provedenı, protoze spatnevytvoreny vzhled webu muze odradit potencialnı zakaznıky. Dulezitost navrhuUser Interface (UI) dokazuje i to, ze dost firem vyvıjejıcıch webove strankya aplikace ma ve svem tymu cloveka, ktery se venuje zejmena tvorbe gra-fickych navrhu aplikacı.

Hlavnım nastrojem pro urcenı pozice, barvy, velikosti a chovanı prvkuaplikace pri zmensenı/zvetsenı okna jsou CSS. Vzhled stranky muze byt de-finovan v sekci <head><\head> souboru s HTML kodem stranky nebo po-mocı vlastnosti style prımo u prvku, ale casteji se kvuli prehlednosti vyuzıva

41

Page 44: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

zapsanı do samostatneho souboru, ktery se do HTML dokumentu impor-tuje podobne jako javascriptovy soubor. Kaskadovymi styly lze modifikovatvzhled vsech HTML prvku.

Kaskadove styly mohou ovlivnovat vzhled prvku na trech urovnıch.

• Na urovni HTML tagu lze nastavit jednotny vzhled pro vsechny tagystejneho typu, napr. stejny vzhled vsech nadpisu v tagu <h1><\h1>.

• Pro jednotlive trıdy, ktere se volajı v HTML tagu, lze nastavit stylpomocı vlastnosti class.

• Unikatnım prvkum muze byt nastaven styl podobne jako v prıpadetrıd s tım rozdılem, ze se jmeno stylu zapisuje do vlastnosti id.

Aby bylo mozno dosahnout pozadovaneho vysledku, umoznujı kaskadovestyly kombinovat jednotliva pravidla, jak je zobrazeno na prıkladu webuSeznam.cz (viz obr. 3.11). Ne vsechny prohlızece zobrazujı vsechny strankystejne. U Microsoft Internet Exploreru je interpretace CSS stylu odlisna odjinych prohlızecu, coz vede vyvojare k vytvarenı specialnıch pravidel protento prohlızec.

Obrazek 3.11: Zobrazenı CSS vrstev webu Seznam.cz(zdroj: Seznam.cz)

42

Page 45: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 3. POUZITE TECHNOLOGIE

Pro usnadnenı prace vyvojaru vznikly ruzne sablony a frameworky. V prı-pade vyvıjene aplikace byl pouzit Bootstrap (v2.2.2) – framework s otevrenymzdrojovym kodem vytvoreny pro Twitter6 v polovine roku 2010. Ve verzi 2byla pridana podpora responsivnıho designu, coz zarucuje spravne zobra-zenı aplikace i na mobilnıch zarızenıch7. Zacatkem prosince 2013 byl vydanBootstrap ve verzi 3.0.3, ktera ma v zakladu nastaveny responzivnı designa bere ohled na mobilnı zarızenı.

6https://twitter.com/7Aplikace pozna, na jak velkem displeji je zobrazena, a podle toho vybere odpovıdajıcı

design pro optimalnı zobrazenı obsahu.

43

Page 46: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Kapitola 4

Vyvoj aplikace

4.1 Databaze

Databaze je dulezitym prvkem aplikace”Toulavej“ – jsou zde ulozeni regis-

trovanı uzivatele, prıspevky v diskuzi a dalsı data vcetne dat OSM.

4.1.1 Datovy model

Databaze byla vytvarena postupne podle toho, ktere tabulky byly potreba.Vsechny tabulky a sloupce jsou pojmenovany anglicky. V obrazku 4.1 jsouvidet tabulky a vztahy mezi nimi. V schematu nejsou zobrazeny tabulkyvznikle importem dat planet osm a tabulky rozsırenı PostGIS.

Tabulka news je urcena pro ukladanı udalostı, ktere jsou zverejnovanyjako novinky. Zde se evidujı pouze polozky id jako primarnı klıc, user idjako cizı klıc na tabulku users, note s novinkou a cas vytvorenı (created).

Pro ukladanı informacı o obrazcıch slouzı tabulka images. Primarnımklıcem je sloupec id. Tabulka dale obsahuje cizı klıc user id odkazujıcı natabulku users. Ten urcuje, kdo dany obrazek nahral. Pojmenovanı obrazkuje v sloupci name. Dalsımi sloupci jsou cas vytvorenı (created), poznamka(note) a jmeno odpovıdajıcıho souboru (filename).

Dalsı v poradı je tabulka pois odvozena od bodove vrstvy dat OSM.Vznikla vybranım bodu, ktere by mohly byt pro uzivatele nejakym zpusobemzajımave. Hlavnı sloupce jsou osm id pro primarnı klıc a way pro geome-trii. Sloupce amenity, historic, leisure, man made, name, natural,religion, shop a tourism obsahujı informaci o typu prvku. Zde je velice

44

Page 47: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

casty vyskyt hodnoty NULL, protoze rada vlastnostı vylucuje existenci jinehodnoty u dalsıch atributu. Sloupec tags uzıva rozsırenı hstore, viz kap. 3.3,a jsou v nem uvedeny dalsı informace.

Obrazek 4.1: Datovy model databaze projektu Toulavej

Dalsı tabulkou odvozenou z liniove vrstvy dat OSM jsou tourist tracks.Stejne jako pois nese sloupec s primarnım klıcem oznacenı osm id. Sloupeckct color urcuje barvu turisticke stezky bez ohledu na druh znacky. Tenje zohlednen v kct symbol. Mozne cıle trasy (pokud jsou uvedeny) udavakct destinations. Pokud ma trasa nejake jmeno, je uvedeno v kct name.Zrizovatel trasy je uveden v operator. V poli route je uveden typ cesty.Geometrii lze nalezt ve sloupci way. Atribut way area urcuje plochu ohrani-cenou uzavrenym liniovym prvkem.

Tabulka tracks slouzı k ukladanı uzivateli vlozenymi trasami. Na uzivatele,ktery prıspevek vlozil, odkazuje atribut user id. Geometrii lze najıt v slou-pecku the geom a delka trasy je ulozena v length. Delka se uklada ex-plicitne, aby pro vypis v Seznamu tras nebo Detailu trasy nebylo nutnevytvaret novou funkci a bylo mozne pouzıt dostupne resenı. Do pole notese vkladajı poznamky ci mozne cıle trasy. Id urcuje primarnı klıc a cre-ated je cas ulozenı do databaze. Na tuto tabulku se vaze pres cizı klıctrack id tabulka track reviews, ktera slouzı k ukladanı komentaru a hod-nocenı k cestam. Track reviews se vazı pres user id na tabulku users. Dale

45

Page 48: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

je zde samotny text (review) a casova znamka, kdy byl prıspevek vlozen(created).

Tabulka users slouzı k ukladanı dat o registrovanych uzivatelıch. Pole id jeprimarnı klıc, ktere ma vychozı hodnotu nastavenou na dalsı cıslo v poradı.Pole name je jmeno, ktere zadava uzivatel pri registraci nebo ktere se vezmez profilu na Facebooku. Toto jmeno lze v nastavenı zmenit. Tabulka obsahujepole s emailem, ktery spolu s heslem slouzı k prihlasenı do aplikace. Pokud jeuzivatel pripojen pres Facebook, ulozı se jeho identifikace na Facebooku dopole fbuid. Pole active slouzı k prıpadnemu znemoznenı prihlasenı uzivatelea pole attempts ukazuje pocet neuspesnych pokusu o prihlasenı. Pokuddosahne jejich pocet urciteho mnozstvı, tak se ucet zablokuje. Sloupec roleudava, jaka prava ma dany uzivatel. V systemu jsou tri typy rolı (guest, usera admin) ale pouze user a admin se ukladajı do tabulky. Volitelne pole aboutumoznuje uzivateli napsat o sobe par informacı a note slouzı k zapsanıpoznamky pro administratora. Sloupce oauth key a oauth secret jsouurceny pro prihlasovanı do OpenStreetMap.

4.1.2 Naplnenı databaze

Pred zahajenım samotneho naplnenı databaze bylo potreba aktivovat rozsı-renı. Jednalo se o PostGIS rozsırenı pro praci s geografickymi daty, PgRou-ting pro planovane vyhledavanı cest mezi zadanymi body a hstore prousnadnenı prace s daty ve sloupcıch tags. Na tyto ukony je potreba ad-ministratorsky prıstup, takze potrebne modifikace v databazi na serverugeo102 provedl Ing. Landa.

V momente, kdy byla databaze pripravena, bylo mozne vytvorit tabulkya nahrat data. Pro zıskanı dat OpenStreetMap byla pouzita internetovastranka http://download.geofabrik.de/europe/czech-republic.html,kde jsou data Planet.osm rozdelena podle kontinentu a zemı. Tato data jsoukazdy den aktualizovana. Nejjednodussım zpusobem, jak nahrat data dodatabaze, je pomocı konzolove aplikace osm2pgsql. Pri importu dat muzedojıt k tomu, ze uzıvany pocıtac nema potrebnou operacnı pamet’. Programosm2pgsql tento problem resı pomocı tzv. slim modu, ve kterem jsou vyuzitadocasna uloziste. Ta zmensı velikost potrebne operacnı pameti. DatabazeCeske republiky zabıra zhruba 4 GB pameti, ovsem ne vsechna data jsou proprojekt potrebna. V prıpade turistickych stezek byla potrebna data ulozenado specialnı tabulky, protoze jejich vyber z puvodnı tabulky za pomociSELECTu nebo VIEW byl zdlouhavy. Ze stejneho duvodu byly vybranyi zajmove body. Pri prvnım nahranı databaze vznikl problem se zıskanımudaju z pole tags. V dokumentaci PostgreSQL na strankach aplikace byluveden prıklad, jak je zıskat. Tento problem pote odpadl s aktivacı rozsırenı

46

Page 49: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

hstore. Kvuli vysledne velikosti databaze je zvazovano, ze po zprovoznenıvyhledavanı cest budou tabulky s nepotrebnymi daty odstraneny. Aby sek datum dalo pristupovat z webove aplikace, bylo potreba spravne nastavitprıstupova prava.

V neposlednı rade bylo potreba doplnit tabulky, ktere nevznikajı z datOpenStreetMap:

• news – novinky generovane pri nekterych akcıch ci zadane administra-torem,

• images – fotografie vlozene uzivateli,

• shoutboard – tabulka pro diskuzi,

• track reviews – komentare a clanky k trase,

• tracks – uzivatelem zadane trasy,

• users – informace o uzivatelıch vcetne jejich prihlasovacıch udaju.

Vetsina techto tabulek neobsahuje geograficka data, jenom tabulky tracksa images majı geometrickou slozku popisu geodat. Tyto tabulky jsou povytvorenı prazdne. Jen do tabulky users byly vlozeny administratorovyprihlasovacı udaje.

4.1.3 Aktualizace databaze

Protoze se data OpenStreetMap neustale vyvıjejı a zpresnujı, je potreba jejednou za cas aktualizovat. Vzhledem k tomu, ze se jedna o casove narocnoucinnost (import dat OpenStreetMap trva na serveru kolem 1 hodiny), byl vy-tvoren skript, ktery provede potrebne kroky automaticky pote, co je predchozıukol hotov. Skript postupuje v nasledujıcıch krocıch.

1. Stahne aktualnı data pomocı prıkazu wgetz http://download.geofabrik.de/europe/czech-republic-latest.osm.bz2.

2. Rozbalı data pomocı programu bunzip2.

3. Za uzitı osm2pgsql s parametry --slim --cache–strategy dense --hstore–d vorlichr dp importuje data do databaze.

4. Program psql vytvorı tabulku tourist tracks podle SELECTu ze sou-boru hiking routes.sql.

5. Ze souboru pois.sql pouzije psql dotaz na vytvorenı tabulky pois.

6. Spustı se skript, ktery spravne nastavı prıstupova prava k databazi.

7. V poslednım kroku skript smaze stazeny soubor.

47

Page 50: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

V momente, kdy bude plne funkcnı vyhledavanı tras pomocı pgRoutingu,do programu pribudou dalsı kroky, ktere provedou potrebne upravy. Jednase o vytvorenı tabulky se silnicemi a cestami, vypocıtanı geometrie sıte a na-stavenı parametru potrebnych pro vyhledavanı.

4.2 Vzhled a styly

Pri tvorbe vzhledu byla snaha vytvorit jednoduche rozhranı. Z hlediskalepsıho vyuzitı prostoru bylo menu navrhnuto jako lista. Puvodnı navigacnıpanel, viz obr. 4.2, obsahoval dve rozbalovacı menu, ale po konzultaci s Ing.Landou bylo shledano toto rozvrzenı nevhodnym. Jednalo se napr. o zarazenıstranky O Projektu pod zalozku Mapa. Predelane menu, viz obr. 4.3, jeprehlednejsı.

Obrazek 4.2: Puvodnı menu(zdroj: snımek obrazovky)

Obrazek 4.3: Nove menu(zdroj: snımek obrazovky)

Ve frameworku Bootstrap jsou vytvoreny styly pro vetsinu beznych prvku– navigacnı lista je jednım z nich. Dıky tomu je snadne poskladat prvky dopozadovaneho vzhledu. Ackoliv byl pouzit Bootstrap, tak pro nektere prvkybylo potreba vytvorit nove styly ci upravit stavajıcı, protoze existujıcı nevy-hovovaly. Jednım z prıkladu je odsazenı textu. V puvodnı verzi Bootstrapuzacınal text prımo na kraji stranky, coz nenı pro uzivatele prılis prıjemne.Nove styly byly vetsinou tvoreny pro unikatnı prvky jako je napr. mapovepole.

Mapovych oken je v aplikaci vıc a majı ruzna nastavenı stylu. Prvnı jev samotne sekci Mapa a hlavnım rysem tohoto prvku je male odsazenı odspodnıho a bocnıch kraju. Stejny rys ma i druhe okno, ktere se nachazı

48

Page 51: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.4: Styl mapoveho pole pro pridavanı tras(zdroj: snımek obrazovky)

v sekci Upravit. To je ale navıc rozdeleno na mapovou a textovou cast.Poslednı styl mapy je spolecny pro tri mapova okna. Jedna se o pridanıvlastnı trasy, zobrazenı trasy na mape a pridanı fotografie k souradnicım.Tento styl se vyznacuje odsazenım od praveho kraje, takze zde vznikne mıstopro Informace o trase – bud’ vypsane v tabulce nebo vstupnı formular prone, viz obr. 4.4.

Z grafickeho hlediska bylo nejvetsım problemem propojenı aplikace Tou-lavej s editorem iD, protoze tato aplikace ma sve vlastnı styly. Nektere trıdystylu mely stejne nazvy a styly editoru tak prepisovaly pravidla aplikace.Tento problem byl vyresen prepsanım pravidel, ktera se vzajemne rusila, tak,aby byla stejna. Ackoliv vetsina aplikace byla prepsana uspesne, v nekterychmıstech stale nenı uprava provedena, napr. v editoru iD chybı tlacıtku loka-lizovat popis po najetı mysi, viz obr. 4.5.

Obrazek 4.5: Chyba stylu

49

Page 52: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

4.3 Turisticka mapa

Mapova okna majı nejen sve vlastnı styly, ale i sve vlastnı konfigurace,ktere bylo treba vytvorit. Hlavnı castı aplikace je mapa, ktera zobrazujeturisticke stezky, zajmove body a fotografie. Mapy, ktere slouzı k vkladanıfotografiı a tras, jsou odvozeny od teto mapy. Stejne tak i mapa pro zobra-zenı tras vlozenych uzivateli. Jejich konfigurace vznikla odvozenım od kon-figurace hlavnı mapy s tım rozdılem, ze je k nim pripojena rastrova vrstvaturistickych stezek.

Pro okno editoru iD nemusela byt vytvarena zadna specialnı konfiguracemapy, protoze cela aplikace uz je vytvorena. Problemy spocıvaly v drıvepopsanem nastavenı CSS stylu, viz kap. 4.2, a v nastavenı autorizace presoAuth.

Do hlavnı mapy bylo krome podkladove mapy potreba pripojit i dalsıvrstvy. Prvnı v poradı byla pripojena pres sluzbu Web Feature Service(WFS) data turistickych stezek. Pro zıskanı informacı o prvku byla vy-tvorena funkce, ktera je vypıse (pokud jsou k dispozici) a zvyraznı vybranoustezku, viz obr. 4.6. Informace, ktere mohou byt zobrazeny, jsou jmeno a cılestezky, celkova delka a barva trasy.

Protoze sluzba WFS prenası vektorova data, nacıtanı vrstvy turistickychtras KCT bylo zdlouhave. Z toho duvodu byla vrstva turistickych traspripojena jeste sluzbou WMS, ktera data poskytuje jako rastry, jejichznacıtanı je rychlejsı. To je zpusobeno tım, ze WMS prenası obrazovou repre-zentaci dat, zatımco WFS prenası samotna data. Mapa je nastavena tak, zedo merıtka 1 : 250 000 zobrazuje rastry s turistickymi trasami a pri merıtkachvetsıch nez 1 : 250 000 jsou k dispozici data vektorova.

Abychom vubec mohli pouzıt WMS a WFS vrstvy z dat, ktera jsouulozena v databazi, musı byt nastaven Geoserver, vrstvy musı byt publi-kovany a pro WFS sluzbu musı byt na serveru prıtomen soubor, ktery zpra-covava proxy dotazy. Toto je dano tım, ze se z OpenLayers nelze pripojit keGeoserveru a komunikovat s nım prımo.

Sluzba WFS byla pouzita i k pripojenı vrstev se zajmovymi body. Ty jsourozdeleny do nekolika kategoriı:

• fotogalerie – zobrazuje fotografie na mıste, odkud pochazejı

• hrady, zrıceniny

• informace – krome stanku s informacemi zobrazujı tyto prvky i smerovecedule a informacnı tabule a mapy

50

Page 53: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.6: Informace o turisticke trase(zdroj: snımek obrazovky)

• nabozenske objekty – jedna se jak o kostely, chramy a synagogy, tak iruzne krıze a krızove cesty

• obcerstvenı – hospody, stanky, restaurace aj.

• prameny

• stromy

• vrcholy

Jednotlive vrstvy vznikly jako VIEW1 z tabulky pois. Tımto bylo moznopro kazdy typ zajmoveho bodu zıskat ze sloupce tags potrebne informace.

Pro odlisenı jednotlivych vrstev a prvku podle jejich atributu byla vy-tvorena pravidla, podle kterych se prvku prirazuje prıslusny symbol. Provrstvu turistickych tras existujı pravidla, ktera jednotlivym trasam priradıjednu ze ctyr barev: cervenou, modrou, zelenou a zlutou. Pro bodove prvkybyly vytvoreny symboly, viz obr. 4.7.

Vzhledem k mnozstvı prvku, ktere jsou takto zobrazeny, bylo nastavenomerıtko, od ktereho se data zobrazujı, na vetsı nebo rovno 1 : 54 000. Totomerıtko odpovıda na stupnici, kterou uzıvajı OpenLayers jako vychozı, hod-note priblızenı 13. Pro tyto vrstvy nelze pro mala merıtka pouzıt WMS

1VIEW je struktura, ve ktere je ulozen SQL dotaz. Slouzı k ukladanı casto volanychnebo slozitych dotazu.

51

Page 54: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.7: Symboly pouzite pro zobrazenı bodovych vrstev

verzi, protoze to cinı mapu neprehlednou a v nekterych mıstech vrstva uplneprekryje podkladovou mapu, viz obr. 4.8.

Pro zobrazenı informacı o jednotlivych prvcıch byly vytvoreny funkce po-dobne te, ktera vypisuje informace o turistickych trasach.

Obrazek 4.8: Nezadoucı prekrytı podkladove mapy vrstvou Obcerstvenı nauzemı Prahy

(zdroj: snımek obrazovky)

V neposlednı rade byly do mapy pridany ovladacı prvky jako zoom, per-manentnı odkaz, merıtko a prehledka. Pokud je uzivatel prihlaseny, tak muzepomocı funkce Upravit prejıt do editacnıho modu na souradnicıch, kde mo-mentalne lezı stred mapy. Pokud ma uzivatel ucet na Facebooku a ma hopropojeny s aplikacı, muze sdılet mapu s prateli. Tlacıtka Pridat trasu a

52

Page 55: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Pridat fotku presmerujı uzivatele na mapu s formularem pro pridanı novetrasy, resp. fotografie.

4.4 Uzivatelske rozhranı

4.4.1 Prihlasovanı uzivatelu

K ukladanı registrovanych uzivatelu byla v databazi vytvorena tabulkausers, viz kap. 4.1.1). Tabulka uklada data jak uzivatelu registrovanych nastrankach, tak uzivatelu prihlasenych pres Facebook.

Pokud uzivatel chce vyuzıvat vsechny sluzby, ktere aplikace poskytuje,musı mıt na webu vytvoreny svuj ucet. Ten lze vytvorit dvema zpusoby.

Bez Facebooku

Pokud uzivatel nema ucet na socialnı sıti Facebook nebo z nejakeho duvodutento ucet pouzıt nechce, je na webu vytvoren formular, ktery slouzı k regis-traci novych uzivatelu, viz obr. 4.9. Formular je opatren i pasivnım filtrem

Obrazek 4.9: Registracnı formular aplikace”Toulavej“

(zdroj: snımek obrazovky)

proti robotum, kterı by opakovane vytvareli ucty a zahlcovali tak databazi.Navıc by tım zıskali prıstup k pridavanı tras a fotek, coz je nezadoucı. Teo-reticky by mohlo dojıt k ukladanı s webem nesouvisejıcıch fotografiı. Prıstupk editaci dat OSM by tımto nezıskali, protoze by museli mıt zrızeny ucet naOpenStreetMap.

Po registraci je uzivatel okamzite prihlasen a presmerovan na domovskoustranku. Uzivatel s jiz zrızenym uctem se prihlası pomocı prihlasovacıhoformulare, viz obr. 4.10. Pomocı volby Pamatuj si me muze uzivatel zvolit,ze chce zustat prihlasen i po opustenı stranky.

53

Page 56: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.10: Prihlasovacı formular s odkazem na prihlasenı na Fb,registraci a obnovu zapomenuteho hesla

(zdroj: snımek obrazovky)

S Facebookem

Pro prihlasenı pres Fb je v sekci Prihlasit odkaz na prihlasenı, viz obr.4.10. Ten presmeruje uzivatele na stranky Facebooku, kde se uzivatel prihlası.Pokud je jiz na Fb prihlasen, tento krok je vynechan. Dalsım krokem priprvnım prihlasenı je udelenı opravnenı pro prıstup k informacım a ke sdılenıdat. V momente, kdy uzivatel nastavı prava, je automaticky prihlasen. Datao uzivateli jsou ulozena do databaze. Pro dalsı prihlasenı stacı uzivateli ak-tivovat odkaz na prihlasenı s Facebookem a je automaticky prihlasen.

4.4.2 Dostupne funkce

Neprihlasenym uzivatelum poskytuje aplikace malou skalu funkcı, kteraby se mela casem rozsırit, viz kap. 5.1. V soucasne dobe mohou uzivateleprohlızet trasy, detail jednotlivych tras, vkladat prıspevky do diskuze, prohlı-zet turistickou mapu a hlasit problemy se strankami, pokud na nejake narazı.

Prihlasenı uzivatele mohou k vyse uvedenemu pridavat trasy, komentovatje, pridavat fotografie, upravovat data OpenStreetMap. Take si mohou na-stavit popis ke svemu profilu, zmenit heslo ci si ho v prıpade zapomenutınechat poslat znovu. Uzivatele prihlasenı pres Facebook mohou dale sdılettrasy, fotografie ci body v mape s prateli.

54

Page 57: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

4.5 Propojenı s Facebookem

4.5.1 Pouzite pluginy

Pro propojenı socialnı sıte Facebook s vyvıjenou aplikacı byl pouzit pluginpro Nette[6] od Jakuba Marka. Tento plugin znacne usnadnil vytvorenı roz-hranı pro prihlasenı pomocı Facebooku. Dalsım pluginem, ktery byl pouzit,je FbTools[8] od Milana Sulce. Tento plugin poskytuje funkcionality beznedostupne na Facebooku, napr. tlacıtko Lıbı se mi nebo vlakno s komentari,ackoliv zatım z nej bylo pouzito jenom Sdılenı, viz kap. 4.5.3.

4.5.2 Prava

Pro spravne fungovanı funkcionalit je potreba si vyzadat potrebna prava.Zde se vyskytuje problem, protoze toto lze nastavit pouze pri prvnım prihla-senı uzivatele. Pozdejsı zmeny jsou mozne pouze tehdy, kdyz si uzivatel ode-bere aplikaci a pote si ji znovu prida s novymi pravy. Zakladnı pravo, ktereje potreba k prihlasenı je email, ktere povoluje zıskanı emailu. Pro moznostpublikovat na zdi, davat

”lajky“ a pridavat komentare je potreba mıt pravo

zverejnovat akce nazvane publish actions. Toto jsou prava, o ktera si aplikacerıka, ale nejsou jedina. Vsechna prava jsou popsana v API dokumentaci[11].

4.5.3 Zverejnovanı na zdi

Tato aplikace nabızı uzivatelum, kterı pouzili pro prihlasenı Facebook,moznost sdılet se svymi prateli lokace, trasy ci fotografie, ktere je zaujaly.Pokud je uzivatel pomocı Facebooku, ve vypisu funkcı pribude tlacıtko Sdıletna Fb, ktere po aktivovanı vytvorı okno, viz obr. 4.11, kam je mozne napsatzpravu.

Pred odeslanım zpravy na Facebook je mozne nastavit, zda bude zverejnenana zdi uzivatele, ve skupine, na zdi uzivatelova kamarada ci v soukromezprave. Dale se da nastavit, kdo dany prıspevek uvidı, viz obr. 4.11. Poodeslanı se prıspevek zverejnı na Facebooku, viz obr. 4.12.

Bylo zjisteno, ze pokud se uzivatel odhlası z aplikace, ale zustane staleprihlasen na Facebooku, muze zverejnovat veci na zdi. V momente, kdy sena pocıtaci strıda vıc lidı, muze dojıt k situaci, kdy jeden uzivatel, kteryvubec nemusı mıt ucet na Facebooku, bude moci publikovat statusy na zdinekoho, kdo byl na pocıtaci pred nım a zapomnel se odhlasit z Facebooku.Protoze toto je nezadoucı jev, byla proti nemu ucinena opatrenı v podobeskrytı tlacıtka, ktere sdılenı vyvolava. Tlacıtko se zobrazı jen v prıpade,ze ma uzivatel u sveho uctu ulozeno v databazi fbuid, coz je oznacenı pro

55

Page 58: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.11: Prıklad sdılenı fotografie v galerii aplikace”Toulavej“

(zdroj: snımek obrazovky)

Obrazek 4.12: Vysledny prıspevek na uzivatelove zdi na Facebooku(zdroj: snımek obrazovky)

pole v tabulce users, ve kterem je ulozena uzivatelska identifikace obdrzenaz Facebooku.

4.6 Editace dat OSM

Pro umoznenı editace dat existovala dve mozna resenı. Prvnı resenı za-hrnuje vytvorenı vlastnıho rozhranı, druhe pak pouzitı existujıcıho resenıa pripojenı k vlastnı webove aplikaci. U druheho resenı byla od zacatkuzvazovana moznost pouzitı HTML5 editoru iD, viz kap. 2.3. Protoze oberesenı majı sve vyhody a nevyhody, budou zde vypsany obe.

56

Page 59: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

4.6.1 Tvorba vlastnıho rozhranı

Prvnı resenı, jak uz bylo receno, zahrnuje vytvorenı jednoducheho roz-hranı. Prvky by se editovaly a ukladaly do databaze projektu a v urcitychintervalech by byl provaden import techto dat do OpenStreetMap. Vyhodateto metody spocıva v tom, ze data by mohla byt kontrolovana, zda jsou fak-ticky spravne, aby nedochazelo k znehodnocenı dat OpenStreetMap. Take bybylo mozno tuto funkci implementovat s minimalnımi zmenami pro pridavanıvlastnıch cest. Na druhou stranu by toto resenı znamenalo mnozstvı pro-gramovanı, protoze by bylo potreba zajistit nastroj pro import do Open-StreetMap, poprıpadne data importovat rucne. V zacatcıch by to pravde-podobne nebyl problem, ovsem po prekrocenı urciteho poctu editacı by semohl stat rucnı import nemoznym nebo alespon velice narocnym na cas.

Protoze zde nedochazı k odesılanı dat na jiny server, byl tento prıstupzvolen pro pridavanı vlastnıch cest a fotografiı.

4.6.2 Editor iD

Kvuli vyse vyjmenovanym nevyhodam bylo rozhodnuto, ze nejprve budeprozkoumana moznost pripojenı HTML5 editoru iD, ktery byl vytvoren proeditaci dat OpenStreetMap. Po prozkoumanı zdrojovych kodu editoru bylozjisteno, ze aplikace muze byt pripojena a ze autorizace uzivatele probıhapomocı protokolu oAuth. Aby aplikace nepouzıvala osobnı ucet na Open-StreetMap, byl vytvoren specialnı ucet, pod kterym aplikace byla regis-trovana.

Obrazek 4.13: Editor iD v aplikaci”Toulavej“

(zdroj: snımek obrazovky)

57

Page 60: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Dle puvodnıho planu mela aplikace umoznit editaci i uzivatelum, kterınemajı ucet na OpenStreetMap. Tento zamer byl ale opusten, protoze bymohlo dojıt k zneuzitı uctu aplikace pro znehodnocenı dat OpenStreetMap.Z toho duvodu mohou data editovat jen uzivatele, kterı majı na OSM ucet.

Pri autentizaci pres oAuth dochazelo k chybe pri zpetnem presmerovanı.Tento problem byl vyresen nastavenım zpetne adresy do sablony s javascrip-tovym kodem, ktery vykonal dokoncenı autentizace a presmeroval uzivatelena spravnou adresu.

Editor iD ma i urcite nevyhody. Naprıklad poskytuje vıce funkcionalit nezje potreba a komplexnost editoru cinı modifikaci zdrojoveho kodu casovenarocnou. Pro vytvarenou aplikaci je nadbytecna moznost editace budov.V momente, kdy by nebyla povolena editace plosnych prvku (polygonu),probıhalo by nacıtanı dat z OpenStreetMap rychleji.

4.7 Trasy a fotografie

4.7.1 Trasy

V sekci Dostupne funkce, viz kap. 4.4.2, bylo receno, ze si uzivatel muzeprohlızet trasy a v prıpade, ze je prihlaseny, muze je sam pridavat. Tatofunkcionalita by mela slouzit jako zdroj inspirace pro ostatnı uzivatele.Z toho duvodu je mozne psat k jednotlivym trasam i komentare ohledneobtıznosti trasy, celkoveho pocitu z nı a dalsıch postrehu. Tyto informacese pak zobrazı v detailnıch informacıch o trase, viz obr. 4.15. Krome nich jezde i odkaz na zobrazenı trasy na mape.

Obrazek 4.14: Seznam tras v databazi aplikace”Toulavej“

(zdroj: snımek obrazovky)

58

Page 61: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Pro vytvorenı seznamu s moznostı vyberu dle zadanych parametru bylpouzit plugin Grido, viz obr. 4.14. Krome trıdenı polozek umı tento doplneki radit data podle zvoleneho parametru. Ze seznamu je u kazde polozkyodkaz na detail trasy.

Obrazek 4.15: Detailnı zobrazenı informacı o trase spolu s komentari(zdroj: snımek obrazovky)

Obrazek 4.16: Zobrazenı trasy v mape spolu s informacemi o trase(zdroj: snımek obrazovky)

Pro ulozenı trasy do databaze slouzı mapa, ktera obsahuje funkce umoznu-jıcı pridavat polylinie, viz obr. 4.17. Tato funkce vznikla upravenım funkce,kterou vyuzıva ukazkovy prıklad Modify Feature na webu OpenLayers.org[45].

59

Page 62: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Hlavnı rozdıly jsou v automatickem prepnutı z vkladanı bodu na upravutrasy po pridanı jedne polylinie a predavanı geometrie do formulare (budezmıneno nıze).

Po nahranı stranky je uzivatel informovan, ze je editace aktivnı a ze muzezacıt vkladat body trasy. V momente, kdy skoncı s pridavanım bodu, akti-vuje se moznost modifikace trasy. Ta umoznuje po kliknutı na trasu mazata pridavat body a menit jejich polohu. Pred ulozenım je potreba trasu po-jmenovat. Je mozne i vypsat body, kterymi trasa prochazı.

Na zacatku vyvoje aplikace se predpokladalo, ze na pridanı trasy uzivatelembude potreba pouzıt sluzbu WFS-T. Tato strategie je sice mozna, ale jed-nodussım resenım je predanı geometrie trasy formulari a ulozit ji spolecnes ostatnımi daty do databaze pomocı funkce INSERT.

Obrazek 4.17: Pridavanı nove trasy(zdroj: snımek obrazovky)

4.7.2 Galerie

Aplikace krome vkladanı a zobrazenı tras podporuje i vlozenı a zobra-zenı fotografiı. Pro jejich zobrazenı bylo zvazovano pouzitı javascriptoveknihovny. Zde ale vznikl problem s predavanım parametru pro sdılenı obrazkuna Facebooku. Z toho duvodu byla galerie vytvorena v PHP tak, aby docha-zelo k vypsanı id v URL adrese. Dalsı vyhodou tohoto resenı byla i lepsıkontrola nad vykreslenım cele galerie, viz obr. 4.18.

60

Page 63: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.18: Galerie aplikace”Toulavej“

(zdroj: snımek obrazovky)

Vrstva fotografiı je take pripojena spolu s ostatnımi vrstvami do hlavnımapove aplikace, viz obr. 4.19.

Obrazek 4.19: Zobrazenı fotografie v mape(zdroj: snımek obrazovky)

Postup pro pridanı fotografie je podobny jako pro pridanı trasy. V mapese zvolı bod, odkud dana fotografie pochazı, vyplnı se jmeno a prıpadnepopis. Rozdıl mezi pridanım trasy a fotografie je v tom, ze pri ukladanı fo-tografie pracujeme se souborem. Pro jeho vybranı slouzı tlacıtko Prochazet,ktere otevre dialogove okno, viz obr. 4.20. V momente potvrzenı formulare

61

Page 64: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

se odesle i obrazek. Maximalnı velikost obrazku je dana nastavenım ser-veru. Na skolnım serveru je maximalnı velikost souboru nastavena na 2 MB.Pokud je obrazek vetsı, k odeslanı formulare nedojde. Kdyz je formular va-lidnı, dojde k jeho odeslanı na server, kde je fotografie presunuta do urceneslozky. Ostatnı data, napr. jmeno souboru a jmeno obrazku, jsou ulozeny dodatabaze.

Obrazek 4.20: Pridanı fotografie s dialogovym oknem pro vyber(zdroj: snımek obrazovky)

4.8 Testovanı

Tvorba jakekoliv aplikace se neobejde bez chyb. Z toho duvodu je velicedulezite vsechny casti aplikace testovat a kontrolovat, zda vse v poradkufunguje. Aplikace

”Toulavej“ byla testovana pri vyvoji. Krome zobrazenı

vypisu jednotlivych promennych, byly kontrolovany i dotazy na server a jehoodpovedi. V prıpade zavaznych chyb pomohl Nette Debugger, viz kap. 3.4.1.

I pres to, ze aplikace byla nekolikrat kontrolovana a funkce byly testovany,mohou beznı uzivatele nejake chyby zaznamenat. Z toho duvodu byl vy-tvoren formular, viz obr. 4.21, ktery odesle administratorovi mail s textem.Tento formular je mozne pouzıt i pro zaslanı navrhu na vylepsenı aplikace.

Tento formular je stejne jako vsechny ostatnı chranen proti spamu. Ze-jmena u tohoto formulare je to dulezita funkce, protoze k nemu majı prıstupprihlasenı i neprihlasenı uzivatele. Navıc je napojen na mail, ktery odesıla

62

Page 65: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 4. VYVOJ APLIKACE

Obrazek 4.21: Formular pro hlasenı chyb(zdroj: snımek obrazovky)

zpravy administratorovi. Pokud by nebyl chranen a byl napaden robotemrozesılajıcım spam, zahltil by administratoruv mail.

63

Page 66: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Kapitola 5

Zhodnocenı

5.1 Budoucı rozsırenı

V uvodu jsou definovany vlastnosti, ktere by aplikace mela splnovat.Vsechny hlavnı znaky aplikace splnuje, ale soucasne je zde prostor pro jejichvylepsenı. Fb poskytuje rozsahle API, jehoz nektere funkce by tuto aplikciobohatily. Jedna se zejmena o nahravanı fotografiı na uzivatelovu zed’ ci dosoukrome zpravy a moznost

”dat like“ fotkam, trasam ci clankum. Jednım

z moznych rozsırenı je propojenı teto aplikace se skupinou na Fb tak, abynovinky, ktere se propisujı na domovskou stranku aplikace, byly odesılanyna zed’ teto skupiny.

Fb nenı jedina socialnı sıt’, tudız je mozne, ze budoucı verze budou pod-porovat i napr. Twitter nebo Google+. Zvlaste propojenı s Twitterem jevelice pravdepodobne, protoze uzıva autorizaci pres oAuth stejne jako Open-StreetMap.

V soucasne verzi mohou uzivatele pridat trasy a fotografie, ale uz nenımozne je editovat. Tato funkce se velice hodı, pokud uzivatel ulozı spatneinformace a chce je upravit. Uzivatel by take mel mıt moznost smazat nebozneviditelnit fotografie a trasy jım nahrane. Pridanı techto funkcı by melomıt pri dalsım vyvoji vysokou prioritu.

Tez by melo dojıt k pridanı funkcı v sekci Diskuze. Zde by mela pribytmoznost reagovat na jiny prıspevek. Dale by bylo dobre mıt moznost zobrazitsi prıspevky tak, jak na sebe navazujı dle reakcı.

64

Page 67: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 5. ZHODNOCENI

V uvodu tez byly definovany funkcionality, ktere z casovych duvodu ne-byly implementovany. V budoucıch verzıch programu by se melo objevitvyhledavanı objektu pomocı jejich adresy, vyhledanı soucasne pozice, vy-hledavanı cest mezi zadanymi body a vyhledavanı objektu v urcite vzdalenostiod bodu ci od cesty.

Rozsırenım predchozıho vyhledavanı je zobrazenı fotografiı, ktere jsoupodel planovane cesty. Krome vyhledanı cesty je planovano, ze aplikace tezspocte vyskovy profil nalezene cesty. K tomu bude treba aplikaci propojits digitalnım modelem terenu.

V neposlednı rade je mozne upravit zdrojove kody pro pridavanı trasa fotografiı tak, aby vyuzıvaly co nejvıce spolecnych funkcı.

Vyse uvedena rozsırenı nejsou konecnym vyctem. Aplikaci by mohlo obo-hatit i pridanı dalsıch vrstev zajmovych bodu ci upravenı mapoveho klıceaplikace v souladu s klıcem projektu OpenTrackMap. V dalsım zkoumanımoznostı editoru iD by bylo dobre se zamerit na umoznenı editace dat OSMi uzivatelum, kterı na OpenStreetMap nemajı vytvoreny ucet. Tato funkci-onalita musı byt rozvyjena s ohledem na minimalizaci rizika znehodnocenımapy OSM.

5.2 Zname problemy

Ackoliv se behem vyvoje povedlo odstranit vetsinu chyb, aplikace stalenejake obsahuje. Nasledujıcı radky predstavı ty, ktere jsou zname a na jejichzodstranenı se pracuje.

Nejvetsım problemem, ktery ovlivnuje chod cele aplikace, je v soucasnedobe nestabilita Geoserveru na skolnım serveru geo102. Behem vyvoje senekolikrat stalo, ze Geoserver prestal poskytovat sluzby a nebylo moznepristoupit k uzivatelskemu rozhranı. V prıpade vypadku Geoserveru dojdek prerusenı vsech poskytovanych sluzeb a mısto mapy se na strance zob-razı ruzova plocha. Jedinou mapu, kterou vypadek skolnıho Geoserveru ne-ovlivnı, je mapa v editoru iD, ktera je pripojena z jineho zdroje.

Dalsım problemem, se kterym se lze obcas setkat, je spatny symbol v bo-dove vrstve. Toto je dano spatnym nastavenım VIEW, ktere vypisuje vsechnyatributy. U nekterych prvku muze tak dojıt k tomu, ze dva atributy majıhodnotu, ktere odpovıda nejake pravidlo, podle ktereho se prirazujı sym-boly. V tomto prıpade je objektu prirazen symbol pravidla, ktere je jakoposlednı. Tato chyba bude brzy odstranena.

65

Page 68: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 5. ZHODNOCENI

Spojenı stylu editoru iD a aplikace zpusobilo kolizi nekterych pravidelvykreslenı prvku. U vetsiny prvku se povedlo tyto chyby odstranit, ale stalese objevujı nejake chyby. Za chybu se da tez povazovat zobrazenı mapy v iDeditoru. Ta je zde velice svetla, takze je na nı obcas problematicke rozeznatobjekty.

5.3 Porovnanı s MTB mapou Evropy

V kapitole Existujıcı resenı, viz kap. 1, je popisovana aplikace MTB mapaEvropy, ktera se venuje cykloturistice a turistice. Ackoliv aplikace zobrazujıstejna data a jsou urceny pro dosti podobnou skupinu lidı, hlavnı tema tetoprace lezı v jine oblasti nez je tvorba samotne mapy. Projekt

”Toulavej“

je zameren hlavne na propojenı se socialnı sıtı a s editorem iD. Strankynabızı moznost registrace, ktera poskytuje dalsı vyhody, jako je editacedat, pridavanı vlastnıch cest a fotografiı. Tyto funkce odlisujı obe aplikacea nedelajı z projektu

”Toulavej“ pouze dalsı turistickou mapu. Aplikace

MTB mapa Evropy byla objevena pred odevzdanım teto prace, a proto uve-dene funkce nemohly byt tvoreny jako doplnky pro stavajıcı mapy.

5.4 Vysledna aplikace

V soucasne dobe bezı aplikace na skolnım serveru Geo102 (http://geo102.fsv.cvut.cz/user/vorlichr/www/). Na stejnem serveru je i databaze, vektere jsou ulozena zobrazovana data, a Geoserver, ktery poskytuje sluzbyWMS a WFS.

Ackoliv prace na aplikaci budou pokracovat a bude dale vyvıjena, uz nynısplnuje vlastnosti, ktere byly definovany v Uvodu.

Ucet na socialnı sıti se da pouzıt k prihlasenı, takze si uzivatel nemusıpamatovat dalsı heslo a uzivatelske jmeno. Dıky tomuto propojenı lze sdılets prateli zajımava mısta, trasy a fotografie. Jak bylo naznaceno v kapitoleBudoucı rozsırenı,viz kap. 5.1, tato funkcionalita lze rozsırit, ale hlavnımproblemem zde bylo vytvorenı samotneho propojenı se socialnı sıtı Face-book.

Dalsı pozadovanou vlastnostı bylo umoznenı editace dat OSM. Tentobod byl asi nejproblematictejsı, protoze zkoumanı a pochopenı zdrojovychkodu editoru iD bylo vzhledem ke slozitosti cele aplikace casove narocne.Zkoumanı zdrojovych kodu bylo nezbytne pro realizaci propojenı s Open-

66

Page 69: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 5. ZHODNOCENI

StreetMap. V soucasne dobe je propojenı editoru iD s OpenStreetMap funkcnıa umoznuje uzivatelum registrovanym na OSM editovat a pridavat data.

Poslednı dve vlastnosti aplikace – vkladanı tras a vkladanı fotografiı –byly tez vytvoreny. Dıky tomu muze aplikace slouzit jako zdroj inspirace proplanovanı vyletu do prırody ci za zajımavymi historickymi objekty. Fotogra-fie je mozne zobrazit bud’ v Galerii nebo v mapove aplikaci na souradnicıch,ktere jı priradil uzivatel. Pridane trasy se zobrazujı z Detailu trasy ve zvlasnımapovem okne.

Funkce a vzhled aplikace byly vyvıjeny s ohledem na budoucı rozvoj apli-kace. V idealnım prıbade by to znamenalo, ze se ve stavajıcıch zdrojovychkodech nebude nic menit, ale vyuzije se z nich maximum pouzitelnych funkcı.

67

Page 70: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Seznam zkratek

API Application Programming Interface

CGI Common Gateway Interface

CSS Cascading Style Sheets

CUZK Cesky urad zememericky a katastralnı

EPSG European Petroleum Survey Group

Fb Facebook

GNSS Global Navigation Satellite System

GPL General Public Licence

GPX GPS eXchange format

HTML HyperText Markup Language

HTTP HyperText Transfer Protocol

JOSM Java OpenStreetMap Editor

KCT Klub ceskych turistu

KML Keyhole Markup Language

PHP PHP: Hypertext Prepocessor

SLD Styled Layer Descriptor

SVG Scalable Vector Graphics

OSM OpenStreetMap

ODbL Open Database License

OTM OpenTrackMap

68

Page 71: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze KAPITOLA 5. ZHODNOCENI

UHUL Ustav pro hospodarskou upravu lesu

UI User Interface

XML eXtended Markup Language

WFS Web Feature Service

WFS-T Web Feature Service – Transactional

WGS 84 World Geodetic System 1984

WMS Web Map Service

WTFPL Do What The Fuck You Want To Public License

WYSIWYG What You See Is What You Get

69

Page 72: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

Reference

[1] BARTON, Radek. Custom OpenStreetMap Rendering: Open-TrackMap Experience. In: [online]. 2009. vyd. [cit. 2013-11-12].Dostupne z: http://geoinformatics.fsv.cvut.cz/gwiki/Custom_

OpenStreetMap_Rendering_-_OpenTrackMap_Experience

[2] CROCKFORD, Douglas. JavaScript: The World’s Most Misunders-tood Programming Language. Douglas Crockford’s World Wide Web[online]. 2001 [cit. 2014-01-03]. Dostupne z: http://javascript.

crockford.com/javascript.html

[3] DOLEZAL, Jan. Datove formaty pro prezentaci map na webu [online].Praha, 2005 [cit. 2014-01-03]. Dostupne z: http://geo3.fsv.cvut.

cz/~soukup/dip/dolezel/. Diplomova prace. CVUt v Praze. Vedoucıprace Ing. Petr Soukup, Ph.D.

[4] FIELDING, Roy et al. RFC 2616: Hypertext Transfer ProtocolHTTP/1.1. In: IETF [online]. Fremont(Kalifornie): IETF, June 1999[cit. 2014-01-03]. Dostupne z: http://tools.ietf.org/html/rfc2616

[5] JANOVSKY, Dusan. JavaScript: uvod. Jak psat web [online]. [cit.2014-01-03]. Dostupne z: http://www.jakpsatweb.cz/javascript/

javascript-uvod.html

[6] MAREK, Jakub: Prihlasovanı v Nette Frameworku [online]. [cit. 2013-10-29]. Dostupne z: http://github.com/janmarek/nette20login

[7] NEIS, Pascal. The OpenStreetMap Contributors Map aka Who’saround me?. In: [online]. [cit. 2013-12-14]. Dostupne z: http://

neis-one.org/2013/01/oooc/

[8] SULC, Milan: FbTools [online]. [cit. 2013-10-29]. Dostupne z: http:

//addons.nette.org/cs/fb-tools.

70

Page 73: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze REFERENCE

[9] TESAR, Martin. Vykreslovacı system MTB map pro OpenStreetMap.Brno, 2010. Dostupne z: http://is.muni.cz/th/256369/fi_b/

bpfinal.pdf. Bakalarska prace. Masarykova univerzita. Vedoucı praceRNDr. Petr Holub, Ph.D.

[10] Bootstrap [online]. [cit. 2013-10-29]. Dostupnez: http://getbootstrap.com.

[11] Facebook developers - Login Reference [online]. [cit. 2013-10-21].Dostupne z: https://developers.facebook.com/docs/reference/

login/#permissions.

[12] Geofabrik [online]. [cit. 2013-12-14] Dostupne z: http://download.

geofabrik.de/.

[13] GeoPublishing: AtlasStyler SLD editor [online]. [cit. 2013-11-13]. Do-stupne z: http://en.geopublishing.org/AtlasStyler

[14] Geoserver [online]. [cit. 2013-11-13]. Dostupne z: http://geoserver.org/display/GEOS/Welcome

[15] Leaflet - A JavaScript Library for Mobile-Friendly Maps [online]. [cit.2013-10-29]. Dostupne z: http://leafletjs.com/

[16] June 2013 web server survey. Netcraft [online]. Bath: Netcraft Ltd, 2014[cit. 2014-01-03]. Dostupne z: http://news.netcraft.com/archives/2013/06/06/june-2013-web-server-survey-3.html

[17] Mapy Google. Google [online]. Mountain View(CA): Google Inc.,2014 [cit. 2014-01-02]. Dostupne z: https://www.google.com/maps/

preview#!data=!1m4!1m3!1d81081!2d14.4545573!3d50.5752824

[18] Mapy: Mapy - Turisticka mapa CR, mapy turistickych tras a cyklotras.Vyletnık [online]. Praha: Paseo s.r.o., 2014 [cit. 2014-01-02]. Dostupnez: http://mapy.vyletnik.cz/

[19] Mapy: Mapy - Turisticka mapa CR, mapy turistickych tras a cyk-lotras. Vyletnık [online]. Praha: Paseo s.r.o., 2014 [cit. 2014-01-02]. Do-stupne z: http://mapy.vyletnik.cz/#x=50.59021193935189@y=14.

451141357421875@z=11

[20] Mapy.cz. Mapy.cz [online]. Praha: Seznam.cz a.s., 1996-2014 [cit.2014-01-02]. Dostupne z: http://mapy.cz/#!x=14.532125&y=50.

565813&z=11&l=16&c=f-c&d=foto_155656_1&t=s

[21] NETTE FOUNDATION. Nette Framework [online]. 2008. vyd. [cit.2013-12-16]. Dostupne z: http://nette.org

71

Page 74: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze REFERENCE

[22] Open Data Commons Open Database License (ODbL). Open DataCommons [online]. Cambridge: Open Knowledge Foundation [cit. 2014-01-02]. Dostupne z: http://opendatacommons.org/licenses/odbl/

[23] OpenStreetMap Wiki contributors: Cs:ODbL/We Are Changing TheLicense. In: OpenStreetMap Wiki [online]. [cit. 2014-01-02]. Do-stupne z: http://wiki.openstreetmap.org/wiki/Cs:ODbL/We_Are_

Changing_The_License

[24] OpenStreetMap Wiki contributors: Comparison of editors In: Open-StreetMap Wiki [online]. [cit. 2013-12-16]. Dostupne z: https://wiki.openstreetmap.org/wiki/Comparison_of_editors

[25] OpenStreetMap Wiki contributors: Humanitarian OSM Team In:OpenStreetMap Wiki [online]. [cit. 2013-12-16]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Humanitarian_OSM_Team

[26] OpenStreetMap Wiki contributors: iD. In: OpenStreetMap Wiki [on-line]. [cit. 2013-12-15]. Dostupne z: http://wiki.openstreetmap.org/wiki/ID

[27] OpenStreetMap Wiki contributors:JOSM. In: OpenStreetMap Wiki[online]. [cit. 2013-12-16]. Dostupne z: http://wiki.openstreetmap.org/wiki/JOSM

[28] OpenStreetMap Wiki contributors: Merkaator. In: Open-StreetMap Wiki [online]. [cit. 2013-12-16]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Merkaator

[29] OpenStreetMap Wiki contributors: MTB map Europe. In Open-StreetMap Wiki [online]. [cit. 2013-12-11]. Dostupne z:http://wiki.openstreetmap.org/wiki/MTB_map_Europe.

[30] OpenStreetMap Wiki contributors: Node In: OpenStreetMap Wiki [on-line]. [cit. 2014-01-02]. Dostupne z: http://wiki.openstreetmap.org/wiki/Node

[31] OpenStreetMap Wiki contributors: Nominatim. In Open-StreetMap Wiki [online]. [cit. 2013-12-14]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Nominatim

[32] OpenStreetMap contributors: OpenStreetMap In: [online]. [cit. 2014-01-02]. Dostupne z: https://wiki.openstreetmap.org

[33] OpenStreetMap contributors: OpenStreetMap In: [online]. [cit. 2014-01-02]. Dostupne z: http://www.openstreetmap.org/edit

72

Page 75: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze REFERENCE

[34] OpenStreetMap Wiki contributors: Planet.osm. In Open-StreetMap Wiki [online]. [cit. 2013-12-15]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Planet.osm.

[35] OpenStreetMap Wiki contributors: Potlatch 2. In: Open-StreetMap Wiki [online]. [cit. 2013-12-16]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Potlatch2

[36] OpenStreetMap Wiki contributors: Servers/Ramoth In: Open-StreetMap Wiki [online]. [cit. 2014-01-02]. Dostupne z:http://wiki.openstreetmap.org/wiki/Servers/ramoth

[37] OpenStreetMap Wiki contributors: Relation In: OpenStreetMap Wiki[online]. [cit. 2014-01-02]. Dostupne z: http://wiki.openstreetmap.org/wiki/Relation

[38] OpenStreetMap Wiki contributors: Servers/Smaug In: Open-StreetMap Wiki [online]. [cit. 2014-01-02]. Dostupne z:http://wiki.openstreetmap.org/wiki/Servers/smaug

[39] OpenStreetMap Wiki contributors: Planet.gpx In: Open-StreetMap Wiki [online]. [cit. 2014-01-02]. Dostupne z: http:

//wiki.openstreetmap.org/wiki/Planet.gpx

[40] OpenStreetMap Wiki contributors: Stats In: OpenStreetMap Wiki [on-line]. [cit. 2014-01-02]. Dostupne z: http://wiki.openstreetmap.org/wiki/Stats

[41] OpenStreetMap Wiki contributors: Typhoon Haiyan In: Open-StreetMap Wiki [online]. [cit. 2013-12-16]. Dostupne z: wiki.

openstreetmap.org/wiki/Typhoon_Haiyan_(2013)

[42] OpenStreetMap Wiki contributors: Way In: OpenStreetMap Wiki [on-line]. [cit. 2014-01-02]. Dostupne z: http://wiki.openstreetmap.org/wiki/Way

[43] OpenStreetMap Wiki contributors: WIKIProject Czech Repub-lic/freemap. In: OpenStreetMap Wiki [online]. [cit. 2013-12-15].Dostupne z: http://wiki.openstreetmap.org/wiki/WikiProject_

Czech_Republic/freemap

[44] OpenStreetMap Wiki contributors: WIKIProject Czech Repub-lic/OTM znackovy klıc. In: OpenStreetMap Wiki [online]. [cit.2013-12-12]. Dostupne z: http://wiki.openstreetmap.org/wiki/

WikiProject_Czech_Republic/OTM_zna%C4%8Dkov%C3%BD_kl%C3%

AD%C4%8D

73

Page 76: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze REFERENCE

[45] OPEN SOURCE GEOSPATIAL FOUNDATION. OpenLayers: FreeMaps for the Web [online]. [cit. 2013-12-17]. Dostupne z: http://

openlayers.org

[46] PHP: Hypertext preprocessor [online]. The PHP Group, 2001-2014 [cit.2014-01-03]. Dostupne z: http://php.net/

[47] PostgreSQL: The world’s most advanced open source database [online].[cit. 2013-11-08]. Dostupne z: http://www.postgresql.org/.

[48] QGIS [online]. [cit. 2013-11-13]. Dostupne z: http://www.qgis.org/en/site/

[49] Spherical Mercator. OpenLayers: Free Maps for the Web [online].Beaverton(Oregon): Open Source Geospatial Foundation, 2008 [cit.2014-01-02]. Dostupne z: http://docs.openlayers.org/library/

spherical_mercator.html

[50] The Apache Software Foundation: Apache - HTTP Server project [on-line]. [cit. 2013-11-12]. Dostupne z: http://httpd.apache.org/

[51] Uved’te autora-Zachovejte licenci 2.0 Generic. CREATIVECOMMONS. [online]. [cit. 2013-12-15]. Dostupne z: http:

//creativecommons.org/licenses/by-sa/2.0/deed.cs

[52] Waymarked Trails [online]. [cit. 2013-11-12]. Dostupne z: http://www.waymarkedtrails.org/cs/

[53] Wikipedia:Apache HTTP Server [online]. [cit. 2013-11-12]. Dostupne z:http://en.wikipedia.org/wiki/Apache_HTTP_Server

[54] Software Framework. In: Wikipedia: the free encyclopedia [online]. SanFrancisco (CA): Wikimedia Foundation, 2001- [cit. 2014-01-03]. Do-stupne z: http://en.wikipedia.org/wiki/Software_framework

[55] Google Maps. In: Wikipedia: the free encyclopedia [online]. San Fran-cisco (CA): Wikimedia Foundation, 2001- [cit. 2013-12-12]. Dostupnez: http://en.wikipedia.org/wiki/Google_Maps

[56] JavaScript. In: Wikipedia: the free encyclopedia [online]. San Fran-cisco (CA): Wikimedia Foundation, 2001- [cit. 2014-01-03]. Dostupnez: http://en.wikipedia.org/wiki/JavaScript

[57] Google Street View. In: Wikipedia: the free encyclopedia [online]. SanFrancisco (CA): Wikimedia Foundation, 2001- [cit. 2014-01-02]. Do-stupne z: http://en.wikipedia.org/wiki/Street_view

74

Page 77: DIPLOMOVA PR ACE - cvut.czgeo.fsv.cvut.cz/proj/dp/2014/chrudos-vorlicek-dp-2014.pdf · cesk e vysok e u cen i technicke fakulta stavebn i obor geoinformatika diplomova pr ace prototyp

CVUT v Praze REFERENCE

[58] PHP. In: Wikipedia: the free encyclopedia [online]. San Francisco (CA):Wikimedia Foundation, 2001- [cit. 2014-01-03]. Dostupne z: http://en.wikipedia.org/wiki/PHP

[59] PostgreSQL. In: Wikipedia: the free encyclopedia [online]. San Fran-cisco (CA): Wikimedia Foundation, 2001- [cit. 2013-12-16]. Dostupnez: http://en.wikipedia.org/wiki/PostgreSQL

[60] OpenLayers. In: Wikipedia: the free encyclopedia [online]. San Fran-cisco (CA): Wikimedia Foundation, 2001- [cit. 2013-12-16]. Dostupnez: http://en.wikipedia.org/wiki/OpenLayers

[61] OpenStreetMap. In: Wikipedia: the free encyclopedia [online]. SanFrancisco (CA): Wikimedia Foundation, 2001- [cit. 2013-12-15]. Do-stupne z: http://cs.wikipedia.org/wiki/OpenStreetMap

[62] OpenStreetMap. In: Wikipedia: the free encyclopedia [online]. SanFrancisco (CA): Wikimedia Foundation, 2001- [cit. 2013-12-15]. Do-stupne z: http://en.wikipedia.org/wiki/OpenStreetMap

[63] Web Server. In: Wikipedia: the free encyclopedia [online]. San Francisco(CA): Wikimedia Foundation, 2001- [cit. 2013-12-15]. Dostupne z:http://en.wikipedia.org/wiki/Web_server

[64] WTFPL. In: Wikipedia: the free encyclopedia [online]. San Francisco(CA): Wikimedia Foundation, 2001- [cit. 2013-12-15]. Dostupne z:http://en.wikipedia.org/wiki/WTFPL

[65] W3 Schools: Online Web Tutorials [online]. Refsnes Data., 1999-2014[cit. 2014-01-03]. Dostupne z: http://www.w3schools.com

75


Recommended