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.
Annotation in English
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.
Keywords
Ionic framework, Vue.js, multiplatformní aplikace, Android, iOS, vývoj mobilních aplikací
Keywords in English
Ionic framework, Vue.js, cross-platform mobile applications, Android, iOS, mobile application development
Length of the covering note
70 s.
Language
CZ
Annotation
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.
Annotation in English
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.
Keywords
Ionic framework, Vue.js, multiplatformní aplikace, Android, iOS, vývoj mobilních aplikací
Keywords in English
Ionic framework, Vue.js, cross-platform mobile applications, Android, iOS, mobile application development
Research Plan
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.
Research Plan
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.
