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 www.rvp.cz; ISSN 1802-4785. 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).

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 4.0 Ice Cream Sandwitch 4.3 Jelly Bean 3.2 Honeycomb

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

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í

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

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 …

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

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í

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

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

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.

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

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

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

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, …)

Ú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.

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.