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.

Prezentace na téma: "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."— 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 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).

2 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

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í 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í

5 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

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ř.: nadpisformulářemenu textanimacezáhlaví obrázkytlačítkazá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ř.: BootstrapChocolateChip-UI Onsen UIjQuery Mobile Kendo UISencha Touch IonicRatchet

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

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.