Cieľom bakalárskej práce bolo vytvoriť hybridnú mobilnú aplikáciu za pomoci webových technológií. Na rozdiel od natívnych aplikácií - ktoré sa (pre Android) tvoria programova-cím jazykom Java boli použité jazyky HTML, CSS a JavaScript. Práca je rozdelená do dvoch hlavných kapitol a to serverová a klientská časť kvôli tomu, že aplikácia ku svojmu fungovaniu potrebuje zdieľať dáta so vzdialeným serverom. Hlavné technológie, ktoré boli použité pri tvorbe klientskej časti práce, teda samotnej aplikácie sú Framework7 (frame-work pre uľahčenie práce s použitými programovacími jazykmi) a Phonegap/Apache Cor-dova (program pre skompilovanie mobilnej aplikácie pre rôzne mobilné operačné systémy).
Annotation in English
The aim of this bachelor's thesis was to create a mobile application through the usage of web technologies. Opposed to native applications which are programmed via the program-ming language Java (in the case of Android applications), in this thesis, there were used languages HTML, CSS and JavaScript. The thesis is divided into two parts. First of them deals with the field of servers and the other one with the client environment. Main technol-ogies used for the creation of the client environment and the application itself are Frame-work7 (framework to make the programming easier) and Phonegap/Apache Cordova (pro-gram to compile the mobile application to various kinds of mobile operating systems).
hybrid mobile apps, Framework7, Phonegap, mobile client
Length of the covering note
52
Language
SK
Annotation
Cieľom bakalárskej práce bolo vytvoriť hybridnú mobilnú aplikáciu za pomoci webových technológií. Na rozdiel od natívnych aplikácií - ktoré sa (pre Android) tvoria programova-cím jazykom Java boli použité jazyky HTML, CSS a JavaScript. Práca je rozdelená do dvoch hlavných kapitol a to serverová a klientská časť kvôli tomu, že aplikácia ku svojmu fungovaniu potrebuje zdieľať dáta so vzdialeným serverom. Hlavné technológie, ktoré boli použité pri tvorbe klientskej časti práce, teda samotnej aplikácie sú Framework7 (frame-work pre uľahčenie práce s použitými programovacími jazykmi) a Phonegap/Apache Cor-dova (program pre skompilovanie mobilnej aplikácie pre rôzne mobilné operačné systémy).
Annotation in English
The aim of this bachelor's thesis was to create a mobile application through the usage of web technologies. Opposed to native applications which are programmed via the program-ming language Java (in the case of Android applications), in this thesis, there were used languages HTML, CSS and JavaScript. The thesis is divided into two parts. First of them deals with the field of servers and the other one with the client environment. Main technol-ogies used for the creation of the client environment and the application itself are Frame-work7 (framework to make the programming easier) and Phonegap/Apache Cordova (pro-gram to compile the mobile application to various kinds of mobile operating systems).
hybrid mobile apps, Framework7, Phonegap, mobile client
Research Plan
V rámci teoretické části popište v práci využité klientské i serverové technologie a dále se zaměřte na popis vhodných nástrojů pro tvorbu webové hybridní mobilní aplikace.
Navrhněte a implementujte demonstrační klient-server informační systém, který bude poskytovat JSON webové služby využitelné mobilním klientem.
Pomocí vhodných nástrojů implementujte webovou hybridní mobilní aplikaci, která bude fungovat jako klient výše uvedeného informačního systému.
Sestavte mobilní aplikaci pro platformu Android a otestujte funkčnost na reálném mobilním zařízení.
V rámci praktické části vhodně popište klíčové fáze implementace či implementační problémy.
Research Plan
V rámci teoretické části popište v práci využité klientské i serverové technologie a dále se zaměřte na popis vhodných nástrojů pro tvorbu webové hybridní mobilní aplikace.
Navrhněte a implementujte demonstrační klient-server informační systém, který bude poskytovat JSON webové služby využitelné mobilním klientem.
Pomocí vhodných nástrojů implementujte webovou hybridní mobilní aplikaci, která bude fungovat jako klient výše uvedeného informačního systému.
Sestavte mobilní aplikaci pro platformu Android a otestujte funkčnost na reálném mobilním zařízení.
V rámci praktické části vhodně popište klíčové fáze implementace či implementační problémy.
Recommended resources
PONKRÁC, Miloslav a Mario GIANNINI. PHP a MySQL: bez předchozích znalostí : \matsymb{lbrack}průvodce pro samouky\matsymb{rbrack}. Vyd. 1. Brno: Computer Press, 2007, 221 s. ISBN 978-80-251-1758-3
OPPEL, Andrew J. SQL bez předchozích znalostí: \matsymb{lbrack}průvodce pro samouky\matsymb{rbrack}. Vyd. 1. Brno: Computer Press, 2008, 240 s. Encyklopedie Zoner Press. ISBN 978-80-251-1707-1
HOGAN, Brian P. HTML5 a CSS3: výukový kurz webového vývojáře. Vyd. 1. Brno: Computer Press, 2011, 272 s. Encyklopedie Zoner Press. ISBN 978-80-251-3576-1
KEOGH, James Edward a Mario GIANNINI. OOP bez předchozích znalostí: průvodce pro samouky. Vyd. 1. Brno: Computer Press, 2006, 222 s. ISBN 80-251-0973-9
PhoneGap Documentation. Adobe Phonegap \matsymb{lbrack}online\matsymb{rbrack}. 2015 \matsymb{lbrack}cit. 2015-12-14\matsymb{rbrack}. Dostupné z: http://docs.phonegap.com/
Recommended resources
PONKRÁC, Miloslav a Mario GIANNINI. PHP a MySQL: bez předchozích znalostí : \matsymb{lbrack}průvodce pro samouky\matsymb{rbrack}. Vyd. 1. Brno: Computer Press, 2007, 221 s. ISBN 978-80-251-1758-3
OPPEL, Andrew J. SQL bez předchozích znalostí: \matsymb{lbrack}průvodce pro samouky\matsymb{rbrack}. Vyd. 1. Brno: Computer Press, 2008, 240 s. Encyklopedie Zoner Press. ISBN 978-80-251-1707-1
HOGAN, Brian P. HTML5 a CSS3: výukový kurz webového vývojáře. Vyd. 1. Brno: Computer Press, 2011, 272 s. Encyklopedie Zoner Press. ISBN 978-80-251-3576-1
KEOGH, James Edward a Mario GIANNINI. OOP bez předchozích znalostí: průvodce pro samouky. Vyd. 1. Brno: Computer Press, 2006, 222 s. ISBN 80-251-0973-9
PhoneGap Documentation. Adobe Phonegap \matsymb{lbrack}online\matsymb{rbrack}. 2015 \matsymb{lbrack}cit. 2015-12-14\matsymb{rbrack}. Dostupné z: http://docs.phonegap.com/