Hybridní mobilní aplikace pro Android

Prezentace na téma: "Hybridní mobilní aplikace pro Android"— Transkript prezentace:

1 Hybridní mobilní aplikace pro Android
Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN Provozuje Národní ústav pro vzdělávání, školské poradenské zařízení a zařízení pro další vzdělávání pedagogických pracovníků (NÚV).

2 Android operační systém pro chytré telefony, tablety, hodinky, …
vyvíjí firma Google; některé verze 5.1 Lollipop 4.2 Jelly Bean 5.0 Lollipop 4.1 Jelly Bean 4.4 Kitkat Ice Cream Sandwitch 4.3 Jelly Bean 3.2 Honeycomb

3 Mobilní aplikace aplikace určené pro mobilní zařízení (telefon, tablet, …) požadavky snadné ovládání jednoduché zadávání vstupních dat rychlá odezva vhodně zvolené barvy vhodně zvolená velikost písma

4 Mobilní aplikace, rozdělení
nativní určená přímo pro danou platformu programovací jazyk: typicky Java nebo C webová je zobrazena v prohlížeči mobilního zařízení hybridní

5 Hybridní mobilní aplikace
určena (obecně) pro libovolnou platformu (Android, iOS, BlackBerry, …) programovací jazyk HTML + CSS + JavaScript převedena do podoby nativní aplikace

6 Hybridní mobilní aplikace, Android
hybridní mobilní aplikace pro Android programovací jazyk HTML + CSS + JavaScript převedena do podoby nativní aplikace vývojová prostředí IDE NetBeans Intel XDK …

7 Hybridní mobilní aplikace, jazyk
nativní mobilní aplikace: Java, C hybridní mobilní aplikace: HTML + CSS + JS HTML značkovací jazyk používaný pro psaní webových stránek CSS kaskádové styly používané pro vizuální úpravu webových stránek JS = JavaScript skriptovací jazyk používaný na webových stránkách

8 Hybridní mobilní aplikace, HTML
hybridní mobilní aplikace je jedna nebo více webových stránek (soubor .html); používá se značkovací jazyk HTML ve verzi 5; stránka obsahuje např.: nadpis formuláře menu text animace záhlaví obrázky tlačítka zápatí

9 Hybridní mobilní aplikace, CSS
pro vizuální podobu použijeme CSS (kaskádové styly) ve verzi 3; existuje více standardizovaných frameworků (knihoven), např.: Bootstrap ChocolateChip-UI Onsen UI jQuery Mobile Kendo UI Sencha Touch Ionic Ratchet

10 Hybridní mobilní aplikace, JS
pro „logiku“ aplikace použijeme JavaScript; existuje více standardizovaných frameworků (knihoven), např.: DevExtreme React.js Angular JS

11 Hybridní mobilní aplikace, HTML + CSS + JS
aplikace je složena z několika souborů (.html, .css, .js); tvoří ji jedna či více webových stránek; po odladění a před instalací do mobilního zařízení se převede do jako-nativní podoby.

12 Hybridní mobilní aplikace, převod do jako-nativní podoby
aplikace se zabalí do balíčku APK (soubor .apk); nástroje PhoneGap Cordova

13 Hybridní mobilní aplikace, Cordova (1)
Cordova je open source verzí PhoneGapu; zpřístupňuje pro hybridní mobilní aplikaci některé funkce telefonu (tabletu), např.: orientace zařízení souborový systém gyroskop GPS fotoaparát

14 Hybridní mobilní aplikace, Cordova (2)
umožní převod napsané aplikace (soubory .html, .css, .js) do balíčku APK (soubor .apk).

15 Hybridní mobilní aplikace, zveřejnění
zveřejnění mobilní aplikace (uvedení na trh) oficiální obchod: Google Play zdarma či placená zvolit státy, kde bude dostupná vyplnit další náležitosti (popis, ikona, …)

16 Úkoly Zjisti, co je Android SDK a k čemu slouží.
Zjisti, co znamená pojem IDE. Zjisti pět nejpoužívanějších pluginů pro platformu Cordova (pro Android). Vyhledej na Google Play pět aplikací vhodných pro školu.

17 Zdroje Tento materiál je originálním autorským dílem (není ani částečně odvozeným dílem) a necituje žádné externí zdroje. Celý obsah je výsledkem tvůrčího úsilí autorky. K vytvoření tohoto DUMu nebyly použity žádné externí zdroje.