Webová aplikace ke sběru podnětů

Potřebujeme aplikaci, jak na to?

Na začátku celého procesu byl požadavek na realizaci aplikace, která bude elegantní, rychlá, ekonomická, responzivní a umožní správu uživatelských účtů pro řízení dat. Jediná možnost byla vyvinout si ji vlastními silami „in house“. Měli jsme k dispozici pouze základní webový hosting a MySQL databázi.

Jak to celé funguje?

Fungování celého procesu je velmi jednoduché. Uživatel si vybere, zda podává podnět za občana/městskou část, prochází formulářem, kde označí místo na mapě, vyplní potřebné údaje a následně odešle žádost. Poté přichází na řadu pracovník MMB, který žádost ověří, doplní nezbytné dokumenty a data a případně podnět buď zamítne nebo posune do další fáze. Uživatel je vždy informován e-mailem nebo může sledovat postup na webové mapě. V závěrečné fázi je vygenerované PDF v aplikaci, které je předáno k realizaci na Brněnské komunikace.

Aplikace je tak rozdělena na veřejnou část a poté na administrační část pro správu dat.

Myšlenku znám, co k tomu ale použít?

Jako mapovou knihovnu preferuji Leaflet JS. Vždy si vzpomenu na svou školu a olomouckého evangelistu webových GIS technologií Rosťu Nétka, který nám před lety tuto knihovnu představil. K Leafletu připojuji dobře známou knihovnu Bootstrap, která dodá aplikaci potřebný vzhled, a v administračním systému dominují tabulky z DataTables.js. Vše je tak maximálně jednoduché, přenosné a bez poplatků.

  • PHP
  • JavaScript
  • MySQL
  • Leaflet (mapy)
  • Bootstrap (design)
  • DataTables.js (práce s tabulkami)

GIS, GIS, GIS

Jak generovat mapy k tisku?

Jelikož výstupem celého procesu je PDF dokument, bylo potřeba do této sestavy integrovat generování map k tisku. K tomuto účelu jsme využili Mapbox API, které zajišťuje při vytváření podnětu generování statických mapových obrázků. Jeho cenová politika je velmi příznivá a umožňuje až 50 000 obrázků za měsíc ve verzi zdarma.

Prostorové operace bez prostorové databáze

Pro pokročilé fungování bylo potřeba vyřešit prostorové operace, avšak pouze s obyčejným hostingem. Zejména různé intersecty mezi vytvořeným bodem a dalšími vrstvami (v jakém katastru bod leží, leží na městském pozemku …). Pro tento proces byla použita knihovna Turf.js, která právě tyto operace umožňuje. A tak díky jednomu bodu od uživatele, máme celou řadu informací jedním kliknutím.

Další funkce

Dále bylo třeba implementovat geolokaci a vyhledávání lokality podle adresy s omezením vyhledávaných adres pouze na Brno. Pro tento účel jsme zvolili knihovnu Geoapify, která kromě geokódování nabízí celou řadu dalších služeb, včetně routovacího API, mapových dlaždic a dalších. Možná v budoucnu přibudou další funkce… 😊

Jelikož jsem v té době nebyl obeznámen s novým REST API od Mapy.cz, rozhodli jsme se použít právě tuto knihovnu. Opět má poměrně příznivé ceny a umožňuje několik tisíc dotazů za den v bezplatné verzi.

Na pozadí je celá logika ovládána PHP a JavaScriptem. Kde bylo nutné najít vhodnou knihovnu pro generování výsledných PDF. Ti, kdo někdy generovali PDF sestavy, vědí, že to může být opravdu náročná práce! 😅 K tomuto účelu jsme použili knihovnu FPDF, do které jsou pomocí HTML šablon formátovány jednotlivé stránky.

Administrační část

je založena na knihovně DataTables.js a slouží zejména pro editaci dat a další funkce. Zde můžete vytvářet nové uživatele (pracovníky městských částí, administrátory), nastavovat jim jednotlivá práva, řešit notifikační adresy pro práci s daty, spravovat logování uživatelů a další úkoly.

V poslední části byl přidán modul pro nahlášení chyb aplikace a další dodatečný modul pro editaci míst v rámci tržního řádu.

Slovo na závěr

V závěru musím říci, že jsem si při vytváření této aplikace opětovně vyzkoušel mnoho nových věcí a mám z toho celkově dobrý pocit. Ačkoliv čas ukáže, zda to vše stálo za to a zda bude aplikace dobře sloužit svému účelu, jsem přesvědčen, že postavení aplikace bez dodatečných finančních nákladů a připravenost na rozšíření o další agendy je velký úspěch. Tato aplikace je skvělou demonstrací toho, jak je možné na běžném webhostingu vytvořit zajímavý webový systém založený na principech GIS.

Vzpomínám si také na profesora Pechance a na předmět Dynamický web, který byl jediným, který jsem za své studium nesplnil. Doufám, že by se mu alespoň trochu líbilo, co se podařilo. 😄

V galerii si můžete prohlédnout screenshoty z aplikace.

Aplikace k vyzkoušení: https://brnoinmotion.cz/podnety/

index

Image 1 of 5

2 komentářů

  1. Профессиональные seo https://seo-optimizaciya-kazan.ru услуги для максимизации онлайн-видимости вашего бизнеса. Наши эксперты проведут глубокий анализ сайта, оптимизируют контент и структуру, улучшат технические аспекты и разработают индивидуальные стратегии продвижения.

  2. Хотите сделать в квартире ремонт? Тогда советуем вам посетить сайт https://stroyka-gid.ru, где вы найдете всю необходимую информацию по строительству и ремонту.

  3. Pin-up Casino https://pin-up.admsov.ru/ is an online casino licensed and regulated by the government of Curacao . Founded in 2016, it is home to some of the industry’s leading providers, including NetEnt, Microgaming, Play’n GO and others. This means that you will be spoiled for choice when it comes to choosing a game.

  4. Реальные анкеты проституток https://prostitutki-213.ru Москвы с проверенными фото – от элитных путан до дешевых шлюх. Каталог всех индивидуалок на каждой станции метро с реальными фотографиями без ретуши и с отзывами реальных клиентов.

  5. Смотрите онлайн сериал Отчаянные домохозяйки https://domohozyayki-serial.ru в хорошем качестве HD 720 бесплатно, рейтинг сериала: 8.058, режиссер сериала: Дэвид Гроссман, Ларри Шоу, Дэвид Уоррен.

  6. Изготовление памятников и надгробий https://uralmegalit.ru по низким ценам. Собственное производство. Высокое качество, широкий ассортимент, скидки, установка.

  7. Pin Up Casino https://pin-up.ergojournal.ru приглашает игроков зарегистрироваться на официальном сайте и начать играть на деньги в лучшие игровые автоматы, а на зеркалах онлайн казино Пин Ап можно найти аналогичную витрину слотов

  8. Pin Up https://pin-up.fotoevolution.ru казино, которое радует гемблеров в России на протяжении нескольких лет. Узнайте, что оно подготовило посетителям. Описание, бонусы, отзывы о легендарном проекте. Регистрация и вход.

  9. Pinup казино https://pin-up.vcabinet.kz это не просто сайт, а целый мир азартных развлечений, где каждый может найти что-то свое. От традиционных игровых автоматов до прогнозов на самые популярные спортивные события.

  10. Gianluigi Buffon https://buffon.com.az Italian football player, goalkeeper. Considered one of the best goalkeepers of all time. He holds the record for the number of games in the Italian Championship, as well as the number of minutes in this tournament without conceding a goal.

  11. Thibaut Nicolas Marc Courtois https://thibaut-courtois.real-madrid-ar.com Footballeur belge, gardien de but du Club espagnol „Real Madrid“. Lors de la saison 2010/11, il a ete reconnu comme le meilleur gardien de la Pro League belge, ainsi que comme joueur de l’annee pour Genk. Trois fois vainqueur du Trophee Ricardo Zamora, decerne chaque annee au meilleur gardien espagnol

  12. Видеопродакшн студия https://humanvideo.ru полного цикла. Современное оборудование продакшн-компании позволяет снимать видеоролики, фильмы и клипы высокого качества. Создание эффективных видеороликов для рекламы, мероприятий, видеоролики для бизнеса.

  13. Заказать вывоз мусора https://musorovozzz.ru в Москве и Московской области, недорого и в любое время суток в мешках или контейнерами 8 м?, 20 м?, 27 м?, 38 м?, собственный автопарк. Заключаем договора на вывоз мусора.

  14. Реальные анкеты реальные проститутки Москвы с проверенными фото – от элитных путан до дешевых шлюх. Каталог всех индивидуалок на каждой станции метро с реальными фотографиями без ретуши и с отзывами реальных клиентов.

  15. Совсем недавно открылся новый интернет портал BlackSprut (Блекспрут) https://bs2cite.cc в даркнете, который предлагает купить нелегальные товары и заказать запрещенные услуги. Самая крупнейшая площадка СНГ. Любимые шопы и отзывчивая поддержка.

  16. Монтаж систем отопления https://fectum.pro, водоснабжения, вентиляции, канализации, очистки воды, пылеудаления, снеготаяния, гелиосистем в Краснодаре под ключ.

  17. Доставка груза и грузоперевозки https://tamozhennyy-deklarant.blogspot.com по России через транспортную компанию автотранспортом доступна и для частных лиц. Перевозчик отправит или доставит ваш груз: выгодные тарифы индивидуальный подход из рук в руки 1 машиной.

  18. Предлагаем купить гаражное оборудование https://profcomplex.pro, автохимию, технику и уборочный инвентарь для клининговых компаний. Доставка по Москве и другим городам России.

  19. Купить зеркала https://zerkala-m.ru по низким ценам. Более 1980 моделей, купить недорого в интернет-магазине в Москве с доставкой по России. Удобный каталог, низкие цены, качественные фото.

  20. Промышленные насосы https://nasosynsk.ru/catalog/promyshlennoe_oborudovanie Wilo предлагают широкий ассортимент решений для различных отраслей промышленности, включая водоснабжение, отопление, вентиляцию, кондиционирование и многие другие. Благодаря своей высокой производительности и эффективности, насосы Wilo помогают снизить расходы на энергию и обслуживание, что делает их идеальным выбором для вашего бизнеса.

  21. Полезные советы и пошаговые инструкции по строительству https://svoyugol.by, ремонту и дизайну домов и квартир, выбору материалов, монтажу и установке своими руками.

  22. Официальный сайт онлайн-казино Vavada https://vavada-kz-game.kz это новый адрес лучших слотов и джекпотов. Ознакомьтесь с бонусами и играйте на реальные деньги из Казахстана.

  23. Единственная в России студия кастомных париков https://wigdealers.ru, где мастера индивидуально подбирают структуру волос и основу по форме головы, после чего стригут, окрашивают, делают укладку и доводят до идеала ваш будущий аксессуар.

  24. Хотите научиться готовить самые изысканные и сложные торты? В этом https://v1.skladchik.org/tags/tort/ разделе вы найдете множество подробных пошаговых рецептов самых трендовых и известных тортов с возможностью получить их за сущие копейки благодаря складчине. Готовьте с удовольствием и открывайте для себя новые рецепты вместе с Skladchik.org

  25. Сайт https://ps-likers.ru предлагает уроки по фотошоп для начинающих. На страницах сайта можно найти пошаговые руководства по анимации, созданию графики для сайтов, дизайну, работе с текстом и фотографиями, а также различные эффекты.

  26. RDBox.de https://rdbox.de bietet schallgedammte Gehause fur 3D-Drucker, die eine sehr leise Druckumgebung schaffen – nicht lauter als ein Kuhlschrank. Unsere Losungen sorgen fur stabile Drucktemperatur, Vibrationsisolierung, Luftreinigung und mobile App-Steuerung.

  27. After I initially commented I appear to have clicked the -Notify me when new comments are added- checkbox and from now on each time a comment is added I receive 4 emails with the exact same comment. Perhaps there is a way you can remove me from that service? Thanks.

  28. You’ve made some really good points there. I looked on the internet for additional information about the issue and found most individuals will go along with your views on this website.

  29. https://indibeti.in is a premier online casino offering a wide array of games including slots, table games, and live dealer options. Renowned for its user-friendly interface and robust security measures, Indibet ensures a top-notch gaming experience with exciting bonuses and 24/7 customer support.

  30. I’m very pleased to discover this website. I wanted to thank you for ones time due to this wonderful read!! I definitely enjoyed every bit of it and I have you saved as a favorite to see new things on your website.

  31. You are so awesome! I don’t believe I’ve truly read through something like this before. So great to discover someone with genuine thoughts on this topic. Really.. thank you for starting this up. This website is something that is required on the internet, someone with a little originality.

  32. Газоблоки https://gasoblok.ru являются самым популярным материалом для строительства домов из газобетона, они стали эффективной, надежной и недорогой технологией. Качественные газобетонные блоки производятся промышленным способом и обрабатываются в специальных автоклавах.

  33. Официальный сайт по продаже оригинальных кроссовок изи буст https://yeezy-boost-shop.ru в Москве. Мы продаем yeezy boost оригинал с доставкой по всей России. В нашей линейке есть такие модели Adidas yeezy 350, yeezy 500, yeezy slide.

  34. В нашем интернет магазине https://shop-uggs.ru представлен широкий ассортимент оригинальных женских, мужских и детских UGG Australia. Вы можете купить угги у нас в Москве, а так же с доставкой по России без предоплаты. Мы привозим 2 пары обуви на примерку, вы сможете сначала примерить уги и только потом оплачивать те угги которые вам подошли.

  35. Сериал „911: Служба спасения“ рассказывает о работе сотрудников экстренных служб Лос-Анджелеса, включая пожарных, медиков и операторов 911. Они ежедневно сталкиваются с опасными ситуациями, спасая жизни и решая сложные личные проблемы. Смотрите онлайн в хорошем качестве HD, бесплатно, все сезоны.

  36. DMV Test на русском языке https://papadmv.com тесты с ответами ПДД США 2024. Тренировочные dmv test на русском для сдачи на права, изучите правила дорожного движения США для разных штатов.

  37. SME finance is the funding of small and medium-sized enterprises, and represents a major function of the general business finance market – in which capital for different types of firms are supplied, acquired, and costed or priced.

  38. I’m more than happy to discover this site. I want to to thank you for your time for this particularly fantastic read!! I definitely really liked every little bit of it and i also have you book-marked to see new information in your site.

  39. Your style is really unique in comparison to other folks I’ve read stuff from. I appreciate you for posting when you’ve got the opportunity, Guess I will just bookmark this blog.

  40. Hello! I could have sworn I’ve been to this site before but after browsing through a few of the posts I realized it’s new to me. Regardless, I’m definitely delighted I stumbled upon it and I’ll be bookmarking it and checking back often.