Minule jsme si ud\u011blali teoretick\u00fd z\u00e1klad a nyn\u00ed nastal \u010das se pustit ji\u017e do samotn\u00e9 tvorby. Jeliko\u017e se jedn\u00e1 o zjednodu\u0161en\u00fd model, v tomto p\u0159\u00edpad\u011b se nebudeme pou\u0161t\u011bt do vytv\u00e1\u0159en\u00ed procesn\u00edch diagram\u016f, datab\u00e1zov\u00fdch struktur a dal\u0161\u00edch v\u011bc\u00ed kter\u00e9 se standardn\u011b d\u011bj\u00ed p\u0159i n\u00e1vrhu nov\u00e9ho sw.<\/p>\n\n\n\n
Pro\u010d v\u016fbec obec pot\u0159ebuje tuto aplikaci?<\/p>\n\n\n\n
Poskytnout obyvatel\u016fm a n\u00e1v\u0161t\u011bvn\u00edk\u016fm obce p\u0159ehledn\u00fd mapov\u00fd port\u00e1l s prostorov\u00fdmi informacemi o obci a umo\u017enit obci tyto informace spravovat.<\/em><\/p>\n\n\n\n V cel\u00e9m syst\u00e9mu budou existovat t\u0159i z\u00e1kladn\u00ed u\u017eivatelsk\u00e9 role<\/p>\n\n\n\n Funk\u010dn\u00ed po\u017eadavky si rozd\u011bl\u00edme do n\u011bkolika skupin:<\/p>\n\n\n\n Z\u00e1kladn\u00ed funkce mapy<\/p>\n\n\n\n <\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n Pro pr\u00e1ci v dom\u00e1c\u00edm prost\u0159ed\u00ed si zapneme xamp (Apache a MySQL). D\u00e1le budeme vyu\u017e\u00edvat Visual Studio Code ve kter\u00e9m budeme editovat k\u00f3d a pr\u016fb\u011b\u017en\u011b budeme v\u00fdvoj t\u00e9to aplikace nahr\u00e1vat na GitHub.<\/p>\n\n\n\n Z\u00e1m\u011brn\u011b jsem nepsal „ps\u00e1t k\u00f3d“, tuto aplikaci si ud\u011bl\u00e1me tak jak je dnes trendy a to pomoc\u00ed Vibecodingu. Ke generov\u00e1n\u00ed k\u00f3du pou\u017eijeme voln\u011b dostupn\u00fd model Gemini 3<\/p>\n\n\n\n „Ne\u017e ale do Gemini po\u0161leme prvn\u00ed p\u0159\u00edkaz, mus\u00edme m\u00edt jasno v tom, jak spolu budou jednotliv\u00e9 d\u00edly komunikovat. Na\u0161\u00edm c\u00edlem nen\u00ed napsat tis\u00edc \u0159\u00e1dk\u016f k\u00f3du, ale spr\u00e1vn\u011b kormidlovat AI model tak, aby vytvo\u0159il modul\u00e1rn\u00ed a udr\u017eiteln\u00fd syst\u00e9m.<\/p>\n\n\n\n V p\u0159\u00ed\u0161t\u00ed kapitole u\u017e otev\u0159eme VS Code a zkus\u00edme prvn\u00ed ‚v\u00fdst\u0159el‘ \u2013 zobrazen\u00ed z\u00e1kladn\u00ed mapy s podkladem OpenStreetMap.<\/strong>„<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"Jak\u00e9 probl\u00e9my obec \u0159e\u0161\u00ed?<\/h4>\n\n\n\n
\n
Kdo budou u\u017eivatel\u00e9 a jak\u00e1 maj\u00ed z\u00e1jem?<\/h4>\n\n\n\n
Stakeholder<\/th> Z\u00e1jem<\/th><\/tr><\/thead> Ob\u010dan\u00e9<\/td> rychl\u00fd p\u0159ehled informac\u00ed, hl\u00e1\u0161en\u00ed z\u00e1vad<\/td><\/tr> N\u00e1v\u0161t\u011bvn\u00edci<\/td> orientace v obci<\/td><\/tr> \u00da\u0159edn\u00edk obce<\/td> spr\u00e1va dat<\/td><\/tr> Administr\u00e1tor<\/td> technick\u00e1 spr\u00e1va syst\u00e9mu<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n U\u017eivatelsk\u00e9 role<\/h4>\n\n\n\n
Role<\/strong><\/td> Funkce<\/strong><\/td> P\u0159ihl\u00e1\u0161en\u00ed<\/strong><\/td><\/tr> N\u00e1v\u0161t\u011bvn\u00edk<\/td> zobrazen\u00ed mapy, hl\u00e1\u0161en\u00ed z\u00e1vad, detail vrstev<\/td> ne<\/td><\/tr> Editor<\/td> p\u0159id\u00e1v\u00e1n\u00ed bod\u016f a lini\u00ed, \u00faprava popis\u016f, administrace z\u00e1vad<\/td> ano<\/td><\/tr> Administr\u00e1tor<\/td> p\u0159id\u011blov\u00e1n\u00ed u\u017eivatelsk\u00fdch rol\u00ed, technick\u00e1 \u00fadr\u017eba<\/td> ano<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n Funk\u010dn\u00ed po\u017eadavky<\/h4>\n\n\n\n
ID<\/td> n\u00e1zev<\/td> Popis<\/td> role<\/td> Po\u017eadavky<\/td> V\u00fdstup<\/td><\/tr> FR-01<\/td> zobrazen\u00ed mapy<\/td> U\u017eivatel otev\u0159e mapov\u00e9 okno, m\u016f\u017ee zoomovat, <\/td> V\u0161echny<\/td> Internetov\u00e9 p\u0159ipojen\u00ed<\/td> Interaktivn\u00ed mapa s vrstvami<\/td><\/tr> FR-02<\/td> Detail vrstvy<\/td> U\u017eivatel klikne na bod-linii, otev\u0159e se detail s textem a fotkou<\/td> v\u0161echny<\/td> Prvek na map\u011b<\/td> Pop-up s detailem<\/td><\/tr> FR-03<\/td> Vyhled\u00e1n\u00ed adresy<\/td> U\u017eivatel zad\u00e1 do vyhled\u00e1vac\u00edho pole adresu a mapa se p\u0159ibl\u00ed\u017e\u00ed na m\u00edsto<\/td> v\u0161echny<\/td> Funk\u010dn\u00ed geokodovac\u00ed slu\u017eba, <\/td> Vyhledan\u00e1 adresa, p\u0159ibl\u00ed\u017een\u00ed na m\u00edsto<\/td><\/tr> FR-04<\/td> Hl\u00e1\u0161en\u00ed z\u00e1vad<\/td> U\u017eivatel klikne do mapy, vybere typ z\u00e1vady (nap\u0159. nesv\u00edt\u00edc\u00ed lampa) a ode\u0161le.<\/td> N\u00e1v\u0161t\u011bvn\u00edk \/ Ob\u010dan<\/td> <\/td> Z\u00e1znam v datab\u00e1zi, ikona v map\u011b<\/td><\/tr> FR-05<\/td> Editor dat<\/td> P\u0159id\u00e1v\u00e1n\u00ed nov\u00fdch bod\u016f z\u00e1jmu, kreslen\u00ed lini\u00ed a \u00faprava existuj\u00edc\u00edch popisk\u016f.<\/td> Editor\/admin<\/td> <\/td> Edita\u010dn\u00ed formul\u00e1\u0159 v map\u011b<\/td><\/tr> FR-06<\/td> Spr\u00e1va u\u017eivatel\u016f<\/td> Mo\u017enost m\u011bnit role u\u017eivatel\u016f a spravovat p\u0159\u00edstupy do syst\u00e9mu.<\/td> Administr\u00e1tor<\/td> <\/td> Administra\u010dn\u00ed rozhran\u00ed (tabulka)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n V\u00fdvoj v lok\u00e1ln\u00edm prost\u0159ed\u00ed<\/h2>\n\n\n\n
\n