Práce řeší problematiku vývoje mobilních aplikací a programů skrze webovou platformu za pomocí moderních, experimentálních standardů PWA. Cílem je vytvořit webovou aplikaci, jevící se jako běžná stránka, kterou je ale možno si nainstalovat přímo z prohlížeče. Aplikace se pak bude chovat jako nativní, ve vlastním okně, s hlubší inte-grací do operačního systému a přístupem k hardwarovým sensorům. Poslouží k zobrazování a správě geografických dat vynesených na interaktivní vektorové mapě.
Anotace v angličtině
This thesis focuses on the development of mobile applications programs through web plat-form with the use of modern, experimental PWA standards. The objective is to create a web page, which on first sight looks like a regular website, but one that can be installed from the browser. The application then acts like a native one, with deeper integration into the operating system and access to hardware sensors. It will then display and allow modi-fication of geographic data rendered on an interactive vector map.
web, application, PWA, Progressive Web App, Service Worker, offline cache, exif, gps, map, geolocation, coordinates
Rozsah průvodní práce
79
Jazyk
CZ
Anotace
Práce řeší problematiku vývoje mobilních aplikací a programů skrze webovou platformu za pomocí moderních, experimentálních standardů PWA. Cílem je vytvořit webovou aplikaci, jevící se jako běžná stránka, kterou je ale možno si nainstalovat přímo z prohlížeče. Aplikace se pak bude chovat jako nativní, ve vlastním okně, s hlubší inte-grací do operačního systému a přístupem k hardwarovým sensorům. Poslouží k zobrazování a správě geografických dat vynesených na interaktivní vektorové mapě.
Anotace v angličtině
This thesis focuses on the development of mobile applications programs through web plat-form with the use of modern, experimental PWA standards. The objective is to create a web page, which on first sight looks like a regular website, but one that can be installed from the browser. The application then acts like a native one, with deeper integration into the operating system and access to hardware sensors. It will then display and allow modi-fication of geographic data rendered on an interactive vector map.
web, application, PWA, Progressive Web App, Service Worker, offline cache, exif, gps, map, geolocation, coordinates
Zásady pro vypracování
Nastudujte moderní způsoby vyvíjení aplikací, především standardy PWA (Service Workers, IndexedDB, Local Storage, App Cache) a srovnejte s běžnými způsoby tvorby aplikací.
Pojednejte o bezpečnosti webové platformy, integritě souborů a dat aplikace a možnostech autentizace uživatele.
Prozkoumejte možnosti záznamu či jiných forem získávání GPS dat a shrňte možná řešeni mapových podkladů a knihoven pro práci s nimi.
Zaměřte se na vývoj PWA aplikace, která tyto data dokáže zaznamenat, upravovat, katalogizovat, zobrazovat a ukládat.
Na základě nabitých poznatků a funkčních a nefunkčních požadavků aplikace naimplementujte podpurné knihovny pro tvorbu PWA, práci s daty, GPS, apod.
Proveďte sběr dat a demonstrujte běh aplikace na reálném zařízení a diskutujte také případná omezení či technologické překážky.
Zásady pro vypracování
Nastudujte moderní způsoby vyvíjení aplikací, především standardy PWA (Service Workers, IndexedDB, Local Storage, App Cache) a srovnejte s běžnými způsoby tvorby aplikací.
Pojednejte o bezpečnosti webové platformy, integritě souborů a dat aplikace a možnostech autentizace uživatele.
Prozkoumejte možnosti záznamu či jiných forem získávání GPS dat a shrňte možná řešeni mapových podkladů a knihoven pro práci s nimi.
Zaměřte se na vývoj PWA aplikace, která tyto data dokáže zaznamenat, upravovat, katalogizovat, zobrazovat a ukládat.
Na základě nabitých poznatků a funkčních a nefunkčních požadavků aplikace naimplementujte podpurné knihovny pro tvorbu PWA, práci s daty, GPS, apod.
Proveďte sběr dat a demonstrujte běh aplikace na reálném zařízení a diskutujte také případná omezení či technologické překážky.
Seznam doporučené literatury
ATER, Tal. Building progressive web apps: bringing the power of native to the browser. Sebastopol, CA: O\symbol{39}Reilly Media, 2017. ISBN 978-149-1961-650.
SHEPPARD, Dennis. Beginning progressive web app development: creating a native app experience on the web. New York, NY: Springer Science+Business Media, 2017. ISBN 978-1484230893.
HUME, Dean Alan a Addy OSMANI. Progressive web apps. Shelter Island, New York: Manning Publications, 2018. ISBN 1617294586.
MEW, Kyle. Learning Material Design. Packt Publishing, 2015. ISBN 1785289810.
WARGO, John M. Apache Cordova 4 programming. Upper Saddle River, NJ: Addison-Wesley, 2015. ISBN 0134048199.
ANDERSON, Paul. Web 2.0 and beyond: principles and technologies. Boca Raton: CRC Press, 2012. Chapman \& Hall/CRC textbooks in computing. ISBN 9781439828670.
KASTANAKIS, Bill. Mapbox Cookbook. Packt Publishing, 2016. ISBN 1784397350.
HOLDENER, Anthony T. HTML5 Geolocation. Sebastopol, CA: O\symbol{39}Reilly, 2011. ISBN 14-493-0472-9.
Seznam doporučené literatury
ATER, Tal. Building progressive web apps: bringing the power of native to the browser. Sebastopol, CA: O\symbol{39}Reilly Media, 2017. ISBN 978-149-1961-650.
SHEPPARD, Dennis. Beginning progressive web app development: creating a native app experience on the web. New York, NY: Springer Science+Business Media, 2017. ISBN 978-1484230893.
HUME, Dean Alan a Addy OSMANI. Progressive web apps. Shelter Island, New York: Manning Publications, 2018. ISBN 1617294586.
MEW, Kyle. Learning Material Design. Packt Publishing, 2015. ISBN 1785289810.
WARGO, John M. Apache Cordova 4 programming. Upper Saddle River, NJ: Addison-Wesley, 2015. ISBN 0134048199.
ANDERSON, Paul. Web 2.0 and beyond: principles and technologies. Boca Raton: CRC Press, 2012. Chapman \& Hall/CRC textbooks in computing. ISBN 9781439828670.
KASTANAKIS, Bill. Mapbox Cookbook. Packt Publishing, 2016. ISBN 1784397350.
HOLDENER, Anthony T. HTML5 Geolocation. Sebastopol, CA: O\symbol{39}Reilly, 2011. ISBN 14-493-0472-9.
Přílohy volně vložené
-
Přílohy vázané v práci
-
Převzato z knihovny
Ne
Plný text práce
Přílohy
Posudek(y) oponenta
Hodnocení vedoucího
Záznam průběhu obhajoby
Vedoucí práce přečetl posudky
1. Otázka komise - Ing. Oulehla - V jakém prostředí jste vyvíjel aplikaci ?
2. Otázka komise - vedoucí - jaké jste využil technologie ? Už je práce k dispozici jako open-source ?
3. Otázka komise - předseda - Jak vypadá rekonstrukce trasy z obrázku ?
4. Otázka komise - místopředseda - jak je prakticky složité publikovat na app storech (appscope, microsoft store, google store)?
5. Otázka komise - místopředseda - co vás vedlo k tomuto tématu?
Student zodpověděl všechny otázky z posudků i komise velice dobře