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

Android operační systém pro chytré telefony, tablety, hodinky, … vyvíjí firma Google; některé verze 5.1 Lollipop4.2 Jelly Bean 5.0 Lollipop4.1 Jelly Bean 4.4 Kitkat4.0 Ice Cream Sandwitch 4.3 Jelly Bean3.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í mobilní aplikace – 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 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ř.: nadpisformulářemenu textanimacezáhlaví obrázkytlačítkazá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ř.: BootstrapChocolateChip-UI Onsen UIjQuery Mobile Kendo UISencha Touch IonicRatchet

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 1.Zjisti, co je Android SDK a k čemu slouží. 2.Zjisti, co znamená pojem IDE. 3.Zjisti pět nejpoužívanějších pluginů pro platformu Cordova (pro Android). 4.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.