Tato práce se věnuje vývoji mobilních aplikací prostřednictvím frameworků Ionic a Vue. Cílem je vyvinout prototypovou aplikaci, na níž jsou vyhodnoceny tyto technologie z hlediska kvality uživatelského zážitku a možnosti interakce s nativními funkcemi. Práce je členěna na část teoretickou a praktickou. Teoretická část se věnuje možnostem multiplatformního vývoje, dále jsou představeny oba frameworky a nakonec jsou uvedeny konkurenční technologie pro multiplatformní vývoj. V části praktické se pojednává o vývoji prototypové aplikace prostřednictvím frameworků Ionic a Vue, na níž je následně vyhodnocen vzhled a chování na operačních systémech Android a iOS.
Anotace v angličtině
This bachelor thesis is considering development of mobile applications using frameworks Ionic and Vue. The aim is to develop prototype of an application. On this application are evaluated these frameworks considering user experience and interaction with native functions. Thesis consists of theoretical and practical part. Theoretical part is devoted to posibilities of cross-platform development, then also both frameworks are introduced. Also alternative technologies are discussed. In practical part is described development of prototype application using frameworks Ionic and Vue. On this application is evaluated its user interface and behavior on operating systems Android and iOS.
Klíčová slova
Ionic framework, Vue.js, multiplatformní aplikace, Android, iOS, vývoj mobilních aplikací
Klíčová slova v angličtině
Ionic framework, Vue.js, cross-platform mobile applications, Android, iOS, mobile application development
Rozsah průvodní práce
70 s.
Jazyk
CZ
Anotace
Tato práce se věnuje vývoji mobilních aplikací prostřednictvím frameworků Ionic a Vue. Cílem je vyvinout prototypovou aplikaci, na níž jsou vyhodnoceny tyto technologie z hlediska kvality uživatelského zážitku a možnosti interakce s nativními funkcemi. Práce je členěna na část teoretickou a praktickou. Teoretická část se věnuje možnostem multiplatformního vývoje, dále jsou představeny oba frameworky a nakonec jsou uvedeny konkurenční technologie pro multiplatformní vývoj. V části praktické se pojednává o vývoji prototypové aplikace prostřednictvím frameworků Ionic a Vue, na níž je následně vyhodnocen vzhled a chování na operačních systémech Android a iOS.
Anotace v angličtině
This bachelor thesis is considering development of mobile applications using frameworks Ionic and Vue. The aim is to develop prototype of an application. On this application are evaluated these frameworks considering user experience and interaction with native functions. Thesis consists of theoretical and practical part. Theoretical part is devoted to posibilities of cross-platform development, then also both frameworks are introduced. Also alternative technologies are discussed. In practical part is described development of prototype application using frameworks Ionic and Vue. On this application is evaluated its user interface and behavior on operating systems Android and iOS.
Klíčová slova
Ionic framework, Vue.js, multiplatformní aplikace, Android, iOS, vývoj mobilních aplikací
Klíčová slova v angličtině
Ionic framework, Vue.js, cross-platform mobile applications, Android, iOS, mobile application development
Zásady pro vypracování
Nastudujte a stručně charakterizujte vývojový framework Ionic. Dále popište základní vizuální komponenty, nástroje, nativní funkce, strukturu a možnosti vývoje pomocí tohoto nástroje.
Popište framework Vue.js a jeho využití v rámci vývoje mobilních aplikaci pomocí frameworku Ionic.
Navrhněte a specifikujte funkční a nefunkční požadavky na prototyp aplikace, která bude vytvořena právě pomocí nástroje Vue.js v rámci Ionic frameworku.
Popište strukturu vývojového projektu a důležité kroky implementace.
Na prototypové aplikaci vyhodnoťte kvalitu uživatelského zážitku a možnosti interakce s nativními funkcemi.
Zásady pro vypracování
Nastudujte a stručně charakterizujte vývojový framework Ionic. Dále popište základní vizuální komponenty, nástroje, nativní funkce, strukturu a možnosti vývoje pomocí tohoto nástroje.
Popište framework Vue.js a jeho využití v rámci vývoje mobilních aplikaci pomocí frameworku Ionic.
Navrhněte a specifikujte funkční a nefunkční požadavky na prototyp aplikace, která bude vytvořena právě pomocí nástroje Vue.js v rámci Ionic frameworku.
Popište strukturu vývojového projektu a důležité kroky implementace.
Na prototypové aplikaci vyhodnoťte kvalitu uživatelského zážitku a možnosti interakce s nativními funkcemi.
DEBEASI, Liam. Announcing the (new) Ionic Vue Beta. The Ionic Blog [online]. 2020, 9 September 2020. Dostupné z: https://ionicframework.com/blog/announcing-the-new-ionic-vue-beta/
NUNKESSER, Robin. Beyond web/native/hybrid. In: Proceedings of the 5th International Conference on Mobile Software Engineering and Systems - MOBILESoft '18 [online]. New York, New York, USA: ACM Press, 2018, 2018, s. 214-218 [cit. 2020-10-04]. ISBN 9781450357128. Dostupné z: doi:10.1145/3197231.3197260
GRIFFITH, Chris W. Mobile app development with Ionic: cross-platform apps with Ionic, Angular, and Cordova. Revised edition. Sebastopol, CA: O'Reilly Media, [2017]. ISBN 978-1-491-99812-0.
SAINI, Gaurav. Hybrid Mobile Development with Ionic. Birmingham: Packt Publishing, 2017. ISBN 978-1-78528-605-6.
RAVULAVARU, Arvind. Learning Ionic: Build hybrid mobile applications with HTML5, SCSS, and Angular. Second edition. Birmingham: Packt Publishing, 2017. ISBN 978-1-78646-605-1.
SINGH, Indermohan a Hoc PHAN. Ionic Cookbook: Recipes to create cutting-edge, real-time hybrid mobile apps with Ionic. Third edition. Birmingham: Packt Publishing, 2018. ISBN 978-1-78862-323-0.
DEBEASI, Liam. Announcing the (new) Ionic Vue Beta. The Ionic Blog [online]. 2020, 9 September 2020. Dostupné z: https://ionicframework.com/blog/announcing-the-new-ionic-vue-beta/
NUNKESSER, Robin. Beyond web/native/hybrid. In: Proceedings of the 5th International Conference on Mobile Software Engineering and Systems - MOBILESoft '18 [online]. New York, New York, USA: ACM Press, 2018, 2018, s. 214-218 [cit. 2020-10-04]. ISBN 9781450357128. Dostupné z: doi:10.1145/3197231.3197260
GRIFFITH, Chris W. Mobile app development with Ionic: cross-platform apps with Ionic, Angular, and Cordova. Revised edition. Sebastopol, CA: O'Reilly Media, [2017]. ISBN 978-1-491-99812-0.
SAINI, Gaurav. Hybrid Mobile Development with Ionic. Birmingham: Packt Publishing, 2017. ISBN 978-1-78528-605-6.
RAVULAVARU, Arvind. Learning Ionic: Build hybrid mobile applications with HTML5, SCSS, and Angular. Second edition. Birmingham: Packt Publishing, 2017. ISBN 978-1-78646-605-1.
SINGH, Indermohan a Hoc PHAN. Ionic Cookbook: Recipes to create cutting-edge, real-time hybrid mobile apps with Ionic. Third edition. Birmingham: Packt Publishing, 2018. ISBN 978-1-78862-323-0.
Přílohy volně vložené
1 CD
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
Student v krátké prezentaci seznámil komisi s výsledky své bakalářské práce. Po přečtení posudků vedoucího a oponenta následovala diskuze, ve které byly položeny následující dotazy:
dr. Král: Jak náročné bylo zprovoznit framework? Server si musíte instalovat?
dr. Král: Máte zkušenosti např. s Reactem?
doc. Šilhavý: Jaké jsou funkční a nefunkční požadavky? Není jich více, než máte uvedeno v práci?
Student na položené dotazy odpověděl a reagoval pohotově.