Západočeská univerzita v Plzni Fakulta aplikovaných věd Katedra informatiky a výpočetní techniky. aplikace na platformě Android

Za´padoˇceska´ univerzita v Plzni Fakulta aplikovanyćh vˇed Katedra informatiky a vy´poˇcetn´ı techniky

Diplomov´ a pr´ ace Pokroˇ cil´ e polymorfn´ı aplikace na platformˇ e Android

Plzeˇ n 2015

Milan Nikl

Prohl´ aˇ sen´ı Prohlaˇsuji, ˇze jsem diplomovou práci vypracoval samostatnˇe a v´ yhradnˇe s pouˇzit´ım citovan´ ych pramen˚ u. V Plzni dne 25. ˇcervna 2015 Milan Nikl

Abstract This thesis presents the concept of running a polymorphic application on the Android platform. The polymorphic application represents an alternative to the traditional approach of using many single purpose application on an Android device. Instead the device user can change the design of the application interface by selecting a XML pattern file appropriate to the function he wants to use. The polymorphic application also enables running simple programmes on the Android device without need to create a standalone application, which makes the development process much faster. This thesis presents two examples of such programmes - the RSS reader and contact information finder. Both of these programmes present a way of extracting data from an internet source and displaying it to the user in a human readable form meant for the mobile device.

Abstrakt Tato práce pˇredstavuje koncept pouˇzit´ı polymorfn´ı aplikace na platformˇe Android. Polymorfn´ı aplikace umoˇzn ˇuje uˇzivateli vybrat a spustit takovou funkci aplikace, jakou zrovna vyˇzaduje, a k n´ı vybrat odpov´ıdaj´ıc´ı XML soubor s definic´ı uˇzivatelského rozhran´ı. Polymorfn´ı aplikace rovnˇeˇz pˇredstavuje zp˚ usob, jak pod operaˇcn´ım systémem Android spustit jednoduché programy bez nutnosti vytváˇren´ı samostané aplikace, coˇz v´ yznamnˇe urychluje proces v´ yvoje. Tato práce pˇredkládá dvˇe ukázky takov´ ych program˚ u - RSS ˇcteˇcku a vyhledávaˇc kontaktn´ıch informac´ı. Oba programy pˇredstavuj´ı zp˚ usob, jak z´ıskat data z internetového zdroje a zobrazit je v podobˇe vhodné jak pro uˇzivatele, tak samotné zaˇr´ızen´ı.

Podˇ ekov´ an´ı Rád bych podˇekoval Ing. Ladislavu Peˇsiˇckovi za obrovskou trpˇelivost a cenné rady pˇri veden´ı této práce.

Obsah ´ 1 Uvod

1

2 Polymorfn´ı aplikace 2.1 Oprávnˇen´ı aplikac´ı . . . . . . . . . . . . . . . . . . . . . . . . 2.2 Práce se zdroji . . . . . . . . . . . . . . . . . . . . . . . . . . 2.3 Kompatibilita . . . . . . . . . . . . . . . . . . . . . . . . . . .

2 2 3 5

3 Alternativn´ı pˇ r´ıstupy 3.1 Mobiln´ı web . . . . . . . . . . . . 3.1.1 Dostupnost pˇripojen´ı . . . 3.1.2 Responsivn´ı návrh . . . . 3.1.3 Interakce s uˇzivatelem . . 3.1.4 HTML5 Aplikace . . . . . 3.2 Hybridn´ı aplikace . . . . . . . . . 3.2.1 WebView aplikace . . . . . 3.2.2 V´ yvoj hybridn´ıch aplikac´ı 3.2.3 Technologická omezen´ı . . 3.3 Xamarin . . . . . . . . . . . . . . 3.3.1 Xamarin Forms . . . . . . 3.3.2 Technologické v´ yhody . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

. . . . . . . . . . . .

7 7 7 9 10 11 11 12 13 14 15 15 16

4 N´ avrh polymorfn´ı aplikace 18 4.1 Princip fungován´ı . . . . . . . . . . . . . . . . . . . . . . . . . 19 4.2 Zmˇeny v uˇzivatelském rozhran´ı . . . . . . . . . . . . . . . . . 21 5 Realizace polymorfn´ı aplikace 5.1 Uˇzivatelské rozhran´ı . . . . 5.1.1 Struktura prvk˚ u. . . 5.1.2 Vytváˇren´ı prvk˚ u . . ˇ 5.1.3 Sablony rozhran´ı . . 5.1.4 Naˇc´ıtán´ı fragment˚ u .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

. . . . .

23 23 23 25 26 27

OBSAH 5.2

5.3

OBSAH Pouˇzit´ı knihoven . . . . . . . . . . 5.2.1 Dalvik executable archiv . . 5.2.2 Naˇc´ıtán´ı archiv˚ u . . . . . . 5.2.3 Obsluha generované aplikace Práce s u ´loˇziˇsti . . . . . . . . . . . 5.3.1 Google Drive . . . . . . . . 5.3.2 Dropbox . . . . . . . . . . .

6 V´ yznamn´ e programov´ eˇ c´ asti 6.1 Bal´ık activity . . . . . . . . 6.1.1 MainActivity . . . . 6.1.2 ChildActivity . . . . 6.2 Bal´ık fragment . . . . . . . 6.3 Bal´ık task . . . . . . . . . . 6.3.1 IOnTaskCompleted . 6.3.2 CopyFileTask . . . . 6.3.3 DownloadFileTask . 6.3.4 DownloadImageTask 6.3.5 DriveFileTask . . . . 6.3.6 ProcessFunctionTask 6.4 Bal´ık type . . . . . . . . . . 6.5 Bal´ık util . . . . . . . . . . 6.5.1 Utilities . . . . . . . 6.5.2 XmlParser . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

. . . . . . . . . . . . . . .

. . . . . . .

28 29 30 32 33 34 35

. . . . . . . . . . . . . . .

36 36 36 37 39 40 40 40 41 41 42 42 42 43 43 44

7 Uk´ azkov´ e aplikace 48 7.1 Omezen´ı a poˇzadavky . . . . . . . . . . . . . . . . . . . . . . . 49 ˇ cka . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49 7.2 RSS Cteˇ ˇ 7.3 Kontakty ZCU . . . . . . . . . . . . . . . . . . . . . . . . . . 53 8 Testov´ an´ı aplikace 57 8.1 Pouˇzitá zaˇr´ızen´ı . . . . . . . . . . . . . . . . . . . . . . . . . . 57 8.2 Aplikace tˇret´ıch stran . . . . . . . . . . . . . . . . . . . . . . . 58 8.3 Publikace aplikace . . . . . . . . . . . . . . . . . . . . . . . . . 58 9 Moˇ znosti dalˇ s´ıho rozˇ s´ıˇ ren´ı 60 9.1 Návaznost funkc´ı . . . . . . . . . . . . . . . . . . . . . . . . . 60 9.2 Zpracován´ı v´ıce fragment˚ u . . . . . . . . . . . . . . . . . . . . 61 10 Z´ avˇ er

62

Literatura

63 5

OBSAH

OBSAH

Seznam zkratek

67

A Opr´ avnˇ en´ı aplikace

70

B Uˇ zivatelsk´ a pˇ r´ıruˇ cka B.1 Instalace aplikace . . . . B.2 Pouˇz´ıván´ı aplikace . . . B.3 Vytvoˇren´ı dex archivu . B.4 Pouˇzit´ı extern´ı knihovny

. . . .

71 71 72 74 75

. . . . . . . .

77 77 78 78 79 80 81 82 82

C Prvky uˇ zivatelsk´ eho C.1 Obecné vlastnosti C.2 Fragment . . . . C.3 LinearLayout . . C.4 Button . . . . . . C.5 EditText . . . . . C.6 TextView . . . . C.7 CheckBox . . . . C.8 ImageView . . . .

. . . .

. . . .

rozhran´ı . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

. . . .

. . . . . . . .

D Soubory ˇ sablon 83 D.1 RSS ˇcteˇcka . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 ˇ D.2 Kontakty ZCU . . . . . . . . . . . . . . . . . . . . . . . . . . 86 D.3 Dalˇs´ı ukázky . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 E Dalˇ s´ı grafick´ e pˇ r´ılohy E.1 Archivy dex a jar . . . . . . . . . . . . . . . . . . . . . . . . . E.2 Polymorfn´ı aplikace . . . . . . . . . . . . . . . . . . . . . . . . ˇ cka . . . . . . . . . . . . . . . . . . . . . . . . . . . . E.3 RSS Cteˇ

6

89 89 90 94

´ Uvod

´ 1 Uvod C´ılem této diplomové práce je prozkoumán´ı souˇcasn´ ych moˇznost´ı v´ yvoje polymorfn´ıch aplikac´ı na platformˇe Android a jejich praktického pouˇzit´ı. Operaˇcn´ı systém Android je v souˇcasné dobˇe nejrozˇs´ıˇrenˇejˇs´ı mobiln´ı platformou. Z p˚ uvodn´ıho operaˇcn´ıho systému urˇceného pouze pro mobiln´ı telefony se v souˇcasnosti stává systém pohánˇej´ıc´ı rovnˇeˇz tablety, televizory, nositelnou elektroniku, ale rozˇs´ıˇruje se rovnˇeˇz do automobil˚ u a dalˇs´ıch typ˚ u zaˇr´ızen´ı. Aplikace pro tento systém pak bereme jako programy poskytuj´ıc´ı pˇridanou hodnotu daného zaˇr´ızen´ı. Klasické aplikace pro OS Android jsou vˇseobecnˇe vn´ımány jako programy slouˇz´ıc´ı k jednomu u ´ˇcelu. A at’ uˇz vykonávaj´ı jakoukoli funkci, jedná se vˇetˇsinou o specializovan´ y software, kter´ y je svoj´ı funkc´ı rovnˇeˇz svázán a omezen. Uˇzivatel mobiln´ıho zaˇr´ızen´ı je pak zpravidla nucen pouˇz´ıvat aˇz des´ıtky takov´ ych jedno´ uˇcelov´ ych program˚ u. Oproti tomu pˇredstavuje polymorfn´ı aplikace ˇreˇsen´ı, které umoˇzn ˇuje zmˇenu funkcionality programu bez nutnosti instalace dalˇs´ıch aplikac´ı. Jediné, co mus´ı uˇzivatel udˇelat, je zvolit ˇsablonu, podle které se dynamicky vytvoˇr´ı funkˇcn´ı program pro dan´ y u ´ˇcel. Tento postup rovnˇeˇz umoˇzn ˇuje spouˇstˇen´ı programového kódu na mobiln´ım zaˇr´ızen´ı bez nutnosti vyv´ıjet novou, samostatnou, aplikaci. Tato práce si neklade za c´ıl nahradit vˇsechny existuj´ıc´ı aplikace jedn´ım univerzáln´ım programem, ale popisuje koncept, kter´ y je moˇzné vyuˇz´ıt pro vytvoˇren´ı jediné aplikace pouˇzitelné pro vykonáván´ı r˚ uzn´ ych funkc´ı.

1

Polymorfn´ı aplikace

2 Polymorfn´ı aplikace Problematikou pouˇzit´ı polymorfn´ıch aplikac´ı se v minul´ ych letech zab´ yvalo jiˇz nˇekolik studentsk´ ych prac´ı, na jejichˇz v´ ysledky tato diplomová práce ˇca´steˇcnˇe navazuje. Zat´ımco [Hul12] popisuje moˇznost dynamicky nahrávat a pˇr´ıpadnˇe mˇenit grafické rozhran´ı aplikace bez toho, aby se zároveˇ n mˇenila jej´ı funkce, [Sta13] se zab´ yvá pˇredevˇs´ım moˇznost´ı dynamické zmˇeny funkˇcn´ıho kódu aplikace. Vyuˇz´ıvá k tomu jak soubory knihoven obsahuj´ıc´ıch r˚ uzné sady funkc´ı, ale také moˇznost spuˇstˇen´ı vzdálen´ ych procedur prostˇrednictv´ım mobiln´ı aplikace. Tato diplomová práce pak koncept pˇredstaven´ y ve v´ yˇse uveden´ ych prac´ıch aktualizuje pomoc´ı technologi´ı pouˇz´ıvan´ ych v roce 2015. Polymorfn´ı aplikace rozˇsiˇruje zejména o moˇznosti pouˇzit´ı cloudov´ ych u ´loˇziˇst’ a moˇznost pouˇzit´ı dynamiˇctˇejˇs´ıch grafick´ ych rozhran´ı, která je moˇzné ovlivˇ novat i za bˇehu aplikace, nejen pˇri nahrán´ı pˇr´ısluˇsného pˇredpisu. Nicménˇe práce rovnˇeˇz zachovává nˇekteré principy pˇredstavené m´ ymi pˇredch˚ udci. V této kapitole (2) jsou popsána pˇredevˇs´ım podstatná specifika, omezen´ı a v´ yhody, kter´ ymi se polymorfn´ı aplikace odliˇsuje od bˇeˇznˇe pouˇz´ıvan´ ych program˚ u. Následuj´ıc´ı kapitola 3 pak nab´ız´ı srovnán´ı s nˇekolika dalˇs´ımi souˇcasn´ ymi technologiemi, které se daj´ı pouˇz´ıt k podobn´ ym u ´ˇcel˚ um jako polymorfn´ı aplikace. Kapitola 5 pak popisuje vylepˇsen´ı z hlediska funkcionality a uˇzivatelského rozhran´ı, které pokroˇcilé polymorfn´ı aplikace pˇrináˇs´ı. Zat´ımco kapitola 7 pˇredkládá návrhy moˇzn´ ych pouˇzit´ı polymorfn´ı aplikace v praxi.

2.1

Opr´ avnˇ en´ı aplikac´ı

Kaˇzdá aplikace bˇeˇz´ıc´ı na platformˇe Android je svázána se sadou oprávnˇen´ı, která m˚ uˇze pˇri své funkci vyuˇz´ıvat. Mezi oprávnˇen´ı patˇr´ı napˇr´ıklad zjiˇst’ován´ı stavu pˇripojen´ı, moˇznost zápisu do pamˇeti zaˇr´ızen´ı, práce s identitou uˇzivatele a dalˇs´ı. Práci s oprávnˇen´ımi popisuje podrobnˇe [Asp15]. U klasické aplikace je v´ yˇcet jej´ıch jednotliv´ ych oprávnˇen´ı obsaˇzen v tzv. Manifestu aplikace, jednotlivá oprávnˇen´ı a jejich pouˇzit´ı shrnuje [Amp15]. Pˇri 2


Práce se zdroji

instalaci aplikace pak uˇzivatel mus´ı potvrdit, zda souhlas´ı s t´ım, ˇze aplikace bude vyuˇz´ıvat dan´ ych oprávnˇen´ı pˇri svém bˇehu. Polymorfn´ı aplikace maj´ı nev´ yhodu v tom, ˇze jejich ˇcinnost nen´ı pˇri instalaci pˇredem známa. Nen´ı tak jednoduché urˇcit, jaká oprávnˇen´ı bude aplikace potˇrebovat. Nelze automaticky povolit vˇsechna oprávnˇen´ı, protoˇze by takové ploˇsné povolen´ı mohlo b´ yt zdrojem bezpeˇcnostn´ıch rizik. Proto je vhodné omezit oprávnˇen´ı aplikace pouze na nejnutnˇejˇs´ı nutné funkce. Ale pak nutnˇe naráˇz´ıme na fakt, ˇze polymorfn´ı aplikace bude omezovat oprávnˇen´ı v n´ı bˇeˇz´ıc´ıch aplikac´ı pˇr´ıliˇs. Seznam oprávnˇen´ı polymorfn´ı aplikace vytvoˇrené v rámci této diplomové práce je uveden´ y v pˇr´ıloze A i s patˇriˇcn´ ymi vysvˇetlen´ımi, k ˇcemu je daná funkce nutná. Ve struˇcnosti uvedu jen to, ˇze veˇskerá oprávnˇen´ı souvisej´ıc´ı pˇr´ımo s placen´ ymi sluˇzbami (napˇr. Uskuteˇcn ˇován´ı hovor˚ u, odes´ılán´ı textov´ ych zpráv a provádˇen´ı finanˇcn´ıch transakc´ı). Bezpeˇcnostn´ı riziko m˚ uˇze rovnˇeˇz pˇredstavovat i zásah do soukrom´ı uˇzivatele zaˇr´ızen´ı. Pokud si aplikace ˇza´dá taková oprávnˇen´ı, která oˇcividnˇe nesouvis´ı s jej´ı funkc´ı, je to nanejv´ yˇs podezˇrelé. Spoleˇcnost Google1 , tv˚ urce platformy Android, si je tohoto problému vˇedoma, a proto v následuj´ıc´ı verzii systému, v preview verzi oznaˇcené jako Android M, bude systém práce s oprávnˇen´ımi pˇrepracován. Uˇzivatel bude moci jednotlivá oprávnˇen´ı potvrdit jak pˇri instalaci aplikace, tak je pozdˇeji povolit, ˇci zakázat dle potˇreby v nastaven´ı zaˇr´ızen´ı, jak uvád´ı [Gio15]. Z hlediska polymorfn´ıch aplikac´ı se jedná o v´ yznamnou zmˇenu, která nastaven´ı oprávnˇen´ı aplikace znaˇcnˇe zjednoduˇsuje.

2.2

Pr´ ace se zdroji

Aplikace vytvoˇrené pro OS Android pracuj´ı s nˇekolika typy zdroj˚ u (Resources), které podrobnˇeji popisuje [Art15]. Nejv´ yznamnˇejˇs´ı pouˇz´ıvané zdroje jsou: • Drawable - Grafické zdroje, napˇr. obrázky nebo definice geometrick´ ych tvar˚ u pouˇzit´ ych v rozhran´ı aplikace; 1

V´ıce o spoleˇcnosti na: https://www.google.com/about/company/

3


Práce se zdroji

• Layout - Rozloˇzen´ı element˚ u grafického rozhran´ı, umoˇzn ˇuje staticky definovat vzhled vybrané obrazovky v aplikaci nebo jej´ıch souˇca´st´ı; • String - Textové prvky slouˇz´ıc´ı jako popisky, návody, upozornˇen´ı atd. Pˇri v´ yvoji klasické aplikace pro OS Android je moˇzné zdroje oddˇelit od samotného kódu aplikace a následnˇe pouˇz´ıt relativn´ı reference na dan´ y zdroj v projektu aplikace, jak pˇribliˇzuje [Aar15]. Kromˇe toho, ˇze slouˇz´ı zdroje k vytváˇren´ı kvalitnˇejˇs´ıho návrhu aplikace a zjednoduˇsuj´ı práci programátorovi, maj´ı vyuˇzit´ı zejména pˇri pˇrizp˚ usoben´ı aplikace aktuáln´ım potˇrebám zaˇr´ızen´ı uˇzivatele. Textové zdroje (String) umoˇzn ˇuj´ı lokalizaci aplikace do r˚ uzn´ ych jazyk˚ u. V samotném kódu aplikace je pouˇzita pouze jedna reference, která je spoleˇcná libovolnému poˇctu jazykov´ ych mutac´ı souboru obsahuj´ıc´ımu samotné texty. Dle potˇreby je pak moˇzné mezi jazyky libovolnˇe pˇrep´ınat za chodu aplikace. Grafické zdroje (Drawable) pak zajiˇst’uj´ı uzp˚ usoben´ı grafického vzhledu aplikace podle parametr˚ u displeje zaˇr´ızen´ı, na kterém aplikace bˇeˇz´ı. Obdobnˇe jako u textov´ ych zdroj˚ u je pouˇzit jeden spoleˇcn´ y odkaz a pˇri naˇcten´ı dané obrazovky aplikace se vybere nejvhodnˇejˇs´ı varianta dle natoˇcen´ı zaˇr´ızen´ı, pomˇeru stran obrazovky atd. Pˇri vytváˇren´ı polymorfn´ı aplikace lze ale pracovat se zdroji pouze v rámci samotné mateˇrské aplikace. Jednotlivé generované aplikace totiˇz nemaj´ı pˇrehled o tom, jaké zdroje jsou v aplikaci definovány. A i kdyˇz by, ˇcistˇe technicky vzato, bylo moˇzné referencovat zdroje definované v polymorfn´ı aplikaci, jednalo by se o zcela nevhodn´ y pˇr´ıstup ke tvorbˇe aplikace. Princip polymorfismu stoj´ı na faktu, ˇze jednotlivé generované aplikace maj´ı logiku omezenou pouze na jejich funkci a nemohou tedy poˇc´ıtat, nebo dokonce zacházet, s prvky entity vyˇsˇs´ı u ´rovnˇe. Bohuˇzel nen´ı moˇzné soubor zdroj˚ u rozˇsiˇrovat za bˇehu aplikace, nebot’ provázán´ı aplikace se zdroji prob´ıhá pˇri kompilaci aplikace. Za bˇehu aplikace je tedy moˇzné vybrat nejvhodnˇejˇs´ı zdroj z pˇredem stanovené mnoˇziny, nicménˇe nelze rozsah této mnoˇziny mˇenit.

4


2.3

Kompatibilita

Kompatibilita

Dle [Gio15] pouˇz´ıvá platfromu Android pˇribliˇznˇe 4000 typ˚ u zaˇr´ızen´ı. Pomineme-li systémy typu Android TV, Android Wear, Android Auto a budeme-li brát v potaz pouze mobiln´ı zaˇr´ızen´ı, zjist´ıme, ˇze i tak je platforma Android rozdrobena do mnoha verz´ı operaˇcn´ıho systému. V tabulce 2.1 jsou vypsány nejpouˇz´ıvanˇejˇs´ı z nich: Verze Oznaˇ cen´ı 2.2

Froyo

2.3.x

API Pod´ıl 8

0.3%

Gingerbread

10

5.6%

4.0.x

Ice Cream Sandwich

15

5.1%

4.1.x 4.2.x 4.3

Jelly Bean

16 17 18

14.7% 17.5% 5.2%

4.4

KitKat

19

39.2%

5.0 5.1

Lollipop

21 22

11.6% 0.8%

Tabulka 2.1: Verze platformy Android, zdroj: [Apf15] V tabulce 2.1 je názornˇe vidˇet, ˇze kaˇzdá nová verze operaˇcn´ıho systému Android pˇricház´ı s nov´ ym API2 . Dle rozsahu zmˇen v daném API se pak mˇen´ı odpov´ıdaj´ıc´ım zp˚ usobem i ˇc´ıslo verze systému. Verze operaˇcn´ıho systému Android M nebyla do tabulky zanesena, nebot’ zat´ım nen´ı k dispozici oficiáln´ı vydán´ı tohoto systému, ani nen´ı známo jeho oznaˇcen´ı. Vˇetˇsinou nové API pˇrináˇs´ı nové prvky uˇzivatelského rozhran´ı, zjednoduˇsen´ y pˇr´ıstup k nˇekter´ ym funkc´ım telefonu a podobné funkce. Pˇri tvorbˇe aplikace pro platformu Android je tˇreba v manifestu aplikace specifikovat nejniˇzˇs´ı moˇznou verzi API, na které bude moˇzné aplikaci provozovat. Zvolené verzi systému pak mus´ı b´ yt podˇr´ızeny vˇsechny funkce tak, aby byla zachována kompatibilita aplikace. U polymorfn´ı aplikace má volba dalˇs´ı logick´ y d˚ usledek - kromˇe samotné polymorfn´ı aplikace mus´ı b´ yt vybranému API podˇr´ızeny i jednotlivé generované aplikace, které budou polymorfn´ı aplikaci vyuˇz´ıvat pro sv˚ uj chod. 2

Application Programming Interface - rozhran´ı pro programován´ı aplikac´ı

5


Kompatibilita

Pro platformu Android je k dispozici tzv. Support Library - knihovna, která zajiˇst’uje zpˇetnou kompatibilitu aplikac´ı. V praxi je tak napˇr´ıklad umoˇznˇeno pouˇzit´ı prvk˚ u grafického rozhran´ı na starˇs´ı verzi API, neˇz pro kterou byly tyto prvky vytvoˇreny. T´ım je ve v´ ysledku dosaˇzeno jednotného vizuáln´ıho stylu aplikace napˇr´ıˇc r˚ uzn´ ymi verzemi systému Android. Pouˇzit´ı a obsah Support Library popisuje [Asl15]. Pˇri pouˇzit´ı Support Library se ukazuje dalˇs´ı pozitivum polymorfn´ıch aplikac´ı. U klasick´ ych aplikac´ı, které vyuˇz´ıvaj´ı jakékoli funkce ˇci prvky z kolekce Support Library, mus´ı b´ yt tako knihovna souˇca´st´ı projektu a tedy i v´ ysledné aplikace, coˇz má následnˇe vliv na v´ yslednou velikost aplikace. Pokud bychom mˇeli takov´ ych aplikac´ı v´ıce (napˇr. 10) a kaˇzdá z nich by pouˇz´ıvala Support Library (soubor o velikosti 1,5 MB), znamenalo by to mnohem v´ıce pamˇeti zaˇr´ızen´ı zabrané instalaˇcn´ımi soubory (10 * 1.5 MB = 15 MB m´ısta v pamˇeti). V dneˇsn´ı dobˇe se sice v´ ykonové parametry mobiln´ıch zaˇr´ızen´ı neustále zvyˇsuj´ı, nicménˇe velikost pamˇeti zaˇr´ızen´ı je vˇzdy o nˇeco menˇs´ı, neˇz by bylo potˇreba, at’ je jakákoli. Polymorfn´ı aplikace, která implementuje maximum knihoven pouze jednou, tak pˇrináˇs´ı v´ıtanou u ´sporu m´ısta v zaˇr´ızen´ı.

6

Alternativn´ı pˇr´ıstupy

3 Alternativn´ı pˇr´ıstupy V následuj´ıc´ı kapitole jsou popsána ˇreˇsen´ı, která umoˇzn ˇuj´ı oproti klasick´ ym mobiln´ım aplikac´ım snadnˇejˇs´ı zmˇenu obsahu prezentovaného uˇzivateli mobiln´ıho zaˇr´ızen´ı, nebo pouˇz´ıvaj´ı jiné technologie, kter´ ymi se podobaj´ı polymorfn´ım aplikac´ım. Nˇekterá ˇreˇsen´ı by pˇritom mohla pˇri vhodném pouˇzit´ı polymorfn´ı aplikaci zcela nahradit. Jednotlivé ˇca´sti této kapitoly pak popisuj´ı oblasti, ve kter´ ych daná ˇreˇsen´ı oproti polymorfn´ı aplikaci ztrác´ı, ale rovnˇeˇz i atributy, kter´ ymi polymorfn´ı aplikaci pˇredˇc´ı.

3.1

Mobiln´ı web

Pˇr´ıstup k internetu je jednou z hlavn´ıch vlastnost´ı tzv. chytr´ ych telefon˚ u. Mnoˇzstv´ı uˇzivatel˚ u, které pouˇz´ıvaj´ı pro prohl´ıˇzen´ı webu1 primárnˇe své mobiln´ı zaˇr´ızen´ı, se samozˇrejmˇe liˇs´ı dle ekonomick´ ych, technick´ ych i sociáln´ıch faktor˚ u vybrané zemˇe. Napˇr´ıklad [Ceb14] uvád´ı, ˇze zem´ı s nejvyˇsˇs´ı m´ırou pˇr´ıstupu k internetu pomoc´ı mobiln´ıch zaˇr´ızen´ı je s 99% Keˇ na, zat´ımco zem´ı s nejvˇetˇs´ım zastoupen´ım chytr´ ych telefon˚ u (oproti jin´ ym zaˇr´ızen´ım) je Nigérie s 66%. Obecnˇe je pak moˇzné ˇr´ıci, ˇze pod´ıl webového obsahu konzumovaného uˇzivateli na mobiln´ıch zaˇr´ızen´ıch oproti pouˇz´ıván´ı klasick´ ych osobn´ıch poˇc´ıtaˇc˚ u se kaˇzdoroˇcnˇe zvyˇsuje, a oblast mobiln´ıho webu bude i nadále r˚ ust na v´ yznamu. Zat´ımco ˇc´ısla z pˇredchoz´ıho odstavce pˇredstavuj´ı bezesporu zaj´ımavé srovnán´ı, následuj´ıc´ı odstavce jsou zamˇeˇreny na nejvˇetˇs´ı specifika vyuˇz´ıt´ı mobiln´ıho webu.

3.1.1

Dostupnost pˇ ripojen´ı

Aby bylo moˇzné vyuˇz´ıvat pˇripojen´ı k internetu na mobiln´ım zaˇr´ızen´ı, je tˇreba pokryt´ı mobiln´ım signálem v dostateˇcné m´ıˇre a kvalitˇe. Pˇripojen´ı pomoc´ı lokáln´ı bezdrátové s´ıtˇe lze samozˇrejmˇe povaˇzovat za v´ yhodu, nicménˇe je to 1

zkr. z World Wide Web - angl. pro celosvˇetová s´ıt’

7


Mobiln´ı web

právˇe pˇripojen´ı k internetu kdykoli a kdekoli, co odliˇsuje mobiln´ı zaˇr´ızen´ı od osobn´ıch poˇc´ıtaˇc˚ u. V souˇcasnosti je pak synonymem pro rychlé pˇripojen´ı tzv. standard 4G pˇredstavovan´ y technologi´ı LTE 2 . ˇ e Tabulka 3.1 pak znázorˇ nuje aktuáln´ı u ´roveˇ n pokryt´ı LTE signálem v Cesk´ republice. Pro u ´plnost je vˇsak nutné zm´ınit, ˇze 4G zaˇr´ızen´ı nejsou v souˇcasné dobˇe zdaleka tak rozˇs´ıˇrená, aby mohl v´ yhod LTE pˇripojen´ı vyuˇz´ıvat kaˇzd´ y. Mnohem ˇcastˇeji docház´ı k tomu, ˇze je uˇzivatel omezen rychlost´ı pˇripojen´ı starˇs´ı verze 3G, a v nˇekter´ ych lokalitách jeˇstˇe pomalejˇs´ım 2G. Moˇznost stahovat do aplikace pouze skuteˇcnˇe potˇrebn´ y obsah tak m˚ uˇze b´ yt pro mnoho uˇzivatel˚ u v´ yznamn´ ym pˇr´ınosem polymorfn´ı aplikace. Oper´ ator Pokryt´ı u ´ zem´ı Pokryt´ı obyvatel O2

82,2%

95,3%

T-Mobile

82,2%

95,2%

Vodafone

83,0%

96,4%

ˇ kombinovan´ Tabulka 3.1: Pokryt´ı CR ym signálem LTE (4G) a HSPA+ (3G), zdroj: [Ctu15] Zat´ımco mobiln´ı aplikace funguj´ıc´ı bez pˇripojen´ı k internetu (offline) je ve vˇetˇsinˇe pˇr´ıpad˚ u v´ yhodou, protoˇze m˚ uˇze napˇr´ıklad znamenat i vyˇsˇs´ı u ´sporu baterie mobiln´ıho zaˇr´ızen´ı, velká vˇetˇsina aplikac´ı pouˇz´ıvá pˇripojen´ı k internetu pro sv˚ uj chod stejnˇe jako mobiln´ı web. Pˇripojen´ı je nutnost´ı zejména v pˇr´ıpadech, kdy je nutné komunikovat se vzdálenou databáz´ı, kontrolovat a pracovat s nejaktuálnˇejˇs´ım obsahem, ˇci provádˇet ovˇeˇren´ı totoˇznosti uˇzivatele. Pokud aplikace takové funkce vyuˇz´ıvá, pˇribliˇzuje se webovému ˇreˇsen´ı, a to zejména ve svém návrhu. Subjekt, kter´ y uvaˇzuje o vytvoˇren´ı aplikace pro svoji propagaci, ˇci pro vytvoˇren´ı kontaktu a zprostˇredkován´ı sluˇzeb uˇzivateli, zpravidla m´ıvá pro podobn´ yu ´ˇcel vytvoˇrené stávaj´ıc´ı ˇreˇsen´ı na bázi webov´ ych stránek. Dle funkc´ı, které jsou od aplikace vyˇzadovány, je pak rozhodováno o jej´ım pˇr´ıpadném vytvoˇren´ı. Pokud nen´ı vyˇzadována vysoká m´ıra interakce s uˇzivatelem (viz ˇca´st 3.1.3) nebo speciáln´ı funkcionalita, lze aplikaci nahradit mobiln´ım webem, jak uvád´ı [Sum15]. Takové ˇreˇsen´ı m˚ uˇze znamenat v´ yznamnou finanˇcn´ı u ´sporu zejména pro malé subjekty. 2

3GPP Long Term Evolution - Dlouhodobˇe rozv´ıjen´ y standard skupiny 3GPP

8


3.1.2

Mobiln´ı web

Responsivn´ı n´ avrh

Responzivn´ı, neboli pˇrizp˚ usobiteln´ y návrh webov´ ych stránek zajiˇst’uje, ˇze se daná stránka správnˇe zobraz´ı na displej´ıch r˚ uzné velikosti. V praxi to pak znamená, ˇze uˇzivatel se dostane k vybranému obsahu bez ohledu na to, zda k prohl´ıˇzen´ı vyuˇz´ıvá poˇc´ıtaˇc, mobiln´ı telefon ˇci televizor. Názorn´ y pˇr´ıklad je k vidˇen´ı na obrázku 3.1.

Obrázek 3.1: Responsive web design, zdroj: [Srr14] Jeden z prvn´ıch návrh˚ u responzivn´ıho webu pˇredstavil [Mar10] a jeˇstˇe pˇred nˇekolika lety byl responsivn´ı design v´ ysadou nˇekolika vybran´ ych stránek, dnes je povaˇzován za samozˇrejmost u vˇsech novˇe vytvoˇren´ ych web˚ u. Pro tvorbu responsivn´ı webové stránky je moˇzné pouˇz´ıt v´ıce návrh˚ u, které podrobnˇe popisuje [W3r15]. V dneˇsn´ı dobˇe je pouˇzit´ı mobiln´ıho webu usnadnˇeno i t´ım, ˇze webov´ y obsah je v´ıce standardizován a rozd´ıly mezi jednotliv´ ymi prohl´ıˇzeˇci na u ´rovni zobrazen´ı se do velké m´ıry eliminovaly. V´ yhodou pouˇzit´ı mobiln´ıho webu je i velká rozˇs´ıˇrenost nástroj˚ u pro tvorbu webu. Spoleˇcnost Wordpress.com je nejvˇetˇs´ım poskytovatelem nástroj˚ u pro správu webu. Podle u ´daj˚ u [W3t15] je právˇe nástroj wordpress v 60,4% pˇr´ıpad˚ u vybran´ ym nástrojem pro správu webu. Coˇz ve v´ ysledku znamená, ˇze 24% vˇsech webov´ ych stránek pouˇz´ıvá zm´ınˇené ˇreˇsen´ı. Dle [Wpc15] tedy staˇc´ı pouze vybrat jednu ze ˇsablon pro návrh webu a vytvoˇrit celé ˇreˇsen´ı takzvanˇe na kl´ıˇc. Zat´ımco vytváˇren´ı klasické mobiln´ı aplikace pˇredstavuje pomˇernˇe nároˇcn´ y proces, vytváˇren´ı d´ılˇc´ıch aplikac´ı pro polymorfn´ı aplikaci tento proces ponˇekud zjednoduˇsuje. Nicménˇe se ani tak nem˚ uˇze vyrovnat jednoduchému návrhu webu pomoc´ı jiˇz pˇripraven´ ych ˇsablon a komponent. Nav´ıc má takov´ y 9


Mobiln´ı web

web v´ yznamnou v´ yhodu v tom, ˇze nen´ı vázán na ˇza´dnou platformu a vytvoˇren´ım jednoho ˇreˇsen´ı je moˇzné poˇzadovan´ y obsah rozˇs´ıˇrit mezi vˇetˇs´ı základnu uˇzivatel˚ u.

3.1.3

Interakce s uˇ zivatelem

Hlavn´ım d˚ uvodem pro pouˇzit´ı mobiln´ıho návrhu je fakt, ˇze nab´ız´ı jednotnou prezentaci obsahu uˇzivatel˚ um za pouˇzit´ı jednoduch´ ych programovac´ıch technik a komponent. Pomineme-li nutnost b´ yt neustále online pro zpˇr´ıstupnˇen´ı tohoto obsahu (viz ˇca´st 3.1.1), má webové ˇreˇsen´ı i jednu pomˇernˇe negativn´ı stránku - moˇznosti a kvalita interakce s uˇzivatelem jsou u webu ponˇekud omezené. Mobiln´ı web ze své podstaty vyuˇz´ıvá architekturu typu Request - Response 3 . Jedná se tedy o komunikaci dvou zaˇr´ızen´ı, na které se projevuje komunikaˇcn´ı zpoˇzdˇen´ı. Aby mohlo mobiln´ı zaˇr´ızen´ı zobrazit webov´ y obsah, mus´ı ho nejprve stáhnout a naˇc´ıst. Rozˇs´ıˇren´ı rychlého mobiln´ıho pˇripojen´ı tuto nev´ yhodu do velké ˇca´sti odstraˇ nuje, nelze ji vˇsak eliminovat u ´plnˇe. Mobiln´ı zaˇr´ızen´ı nemaj´ı bˇeˇznˇe k dispozici nástroj v podobˇe kurzoru, takˇze na mobiln´ıch zaˇr´ızen´ıch nelze pouˇz´ıt CSS4 selektor :hover 5 . Je proto brát ohled na toto omezen´ı a vytvoˇrit takov´ y návrh stránek, aby se v nˇem uˇzivatel dokázal snadno zorientovat i bez pomoci polohovac´ıho zaˇr´ızen´ı. Dalˇs´ı nev´ yhodou je fakt, ˇze aplikace prohl´ıˇzeˇce, ve které se obsah zobrazuje, nem˚ uˇze spolupracovat s ostatn´ımi aplikacemi ˇci funkcemi na daném mobiln´ım zaˇr´ızen´ı tak snadno, jako klasická mobiln´ı aplikace. Synchronizace s uˇzivatelsk´ ymi u ´ˇcty vybran´ ych sluˇzeb lze provést vˇetˇsinou i pomoc´ı prohl´ıˇzeˇce. Ale oproti spolupráci na u ´rovni dvou aplikac´ı jsou moˇznosti webového pˇrihláˇsen´ı zpravidla omezenˇejˇs´ı a obvykle i ménˇe uˇzivatelsky pˇr´ıvˇetivé. Zcela znemoˇznˇená je pak napˇr´ıklad práce s fotoaparátem zaˇr´ızen´ı, kontakty, kalendáˇrem, nebot’ webová stránka postrádá potˇrebná oprávnˇen´ı pro pˇr´ıstup k osobn´ım informac´ım uˇzivatele na zaˇr´ızen´ı. Problematikou uˇzivatelského pohodl´ı mobiln´ıho webu se rovnˇeˇz zab´ yvá spoleˇcnost Google, která v budouc´ı verzi operaˇcn´ıho systému Android M ˇ adost - Odezva z angl. pro Z´ Cascading Style Sheets - angl. pro Kaskádové styly, http://www.w3.org/Style/CSS/ 5 poloˇzka nach´ azej´ıc´ı se pod kurzorem - viz http://www.w3schools.com/cssref/sel_ hover.asp 3

4

10


Hybridn´ı aplikace

hodlá pˇredstavit v´ yznamná vylepˇsen´ı. Z [Iwa15] vypl´ yvá, ˇze prohl´ıˇzeˇc na platformˇe Android se bude chovat pˇri vhodném nastaven´ı jako mobiln´ı aplikace. Budou tedy rozˇs´ıˇreny moˇznosti interakce s dalˇs´ımi aplikacemi instalovan´ ymi na mobiln´ım zaˇr´ızen´ı a rozd´ıl mezi mobiln´ı aplikac´ı a mobiln´ım webem se opˇet o nˇeco zmenˇs´ı. Nicménˇe takové ˇreˇsen´ı je vázáno nejen na specifickou platformu, ale dokonce na konkrétn´ı prohl´ıˇzeˇc a rovnˇeˇz mu bude muset b´ yt pˇrizp˚ usobena i zobrazovaná webová stránka, takˇze nelze hovoˇrit o ploˇsném ˇreˇsen´ı.

3.1.4

HTML5 Aplikace

Pro u ´plnost uvád´ım, ˇze kromˇe pojmu mobiln´ı web se lze setkat rovnˇeˇz s oznaˇcen´ım HTML5 6 aplikace. V takovém pˇr´ıpadˇe se jedná o mobiln´ı webovou stránku upravenou do takové podoby, ˇze je takˇrka k nerozeznán´ı od klasické aplikace. Nicménˇe jde stále o kód vykonávan´ y v prohl´ıˇzeˇci. Takové oznaˇcen´ı se v nˇekter´ ych pˇr´ıpadech pouˇz´ıvá i pro mobiln´ı web. Jist´ ym propojen´ım obou technologi´ı mohou b´ yt tzv. instalovatelné webové aplikace, které popisuje [Iwa15]. Propojen´ı webové aplikace a samotného zaˇr´ızen´ı je zv´ yˇseno do takové m´ıry, ˇze uˇzivatel v˚ ubec nepozná, ˇze aplikace bˇeˇz´ı v prohl´ıˇzeˇci. Nav´ıc je moˇzné takové aplikace instalovat“ do zaˇr´ızen´ı tak, ˇze ” se v zaˇr´ızen´ı vytvoˇr´ı odkaz na danou aplikaci a rovnˇeˇz ikona pro spuˇstˇen´ı jako u klasick´ ych apikac´ı. Nicménˇe se v souˇcasnosti jedná o koncept pˇredstaven´ y v rámci budouc´ıho v´ yvoje platformy Android. A jakékoli hodnocen´ı tohoto návrhu by prob´ıhalo zcela v rovinˇe spekulac´ı.

3.2


Hybridn´ı aplikace pˇredstavuj´ı zejména z vizuáln´ıho hlediska mezistupeˇ n mezi klasickou aplikac´ı a mobiln´ım webem. Z hlediska návrhu je lze rozdˇelit do dvou skupin: 6

HyperText Markup Language - angl. pro Hypertextov´ y znaˇckovac´ı jazyk, specifikace dostupn´ a na http://www.w3.org/TR/html5/

11



1. WebView aplikace - tzn. takové aplikace, které vyuˇz´ıvaj´ı intern´ıho prohl´ıˇzeˇce k zobrazen´ı obsahu. Takov´ ymi aplikacemi se zab´ yvaj´ı následuj´ıc´ı odstavce. 2. Kompilovan´ e aplikace - aplikace, které jsou vytvoˇreny v jiném neˇz nativn´ım7 programovac´ım jazyce vybrané platformy a jsou následnˇe zkompilovány do nativn´ıho kódu dané platformy. Pˇr´ıklad takového ˇreˇsen´ı je popsán v ˇcásti 3.3. Schematické porovnán´ı nativn´ıch, hybridn´ıch a webov´ ych aplikac´ı je znázornˇeno na obrázku 3.2.

Obrázek 3.2: Nativn´ı aplikace, WebView aplikace a mobiln´ı web

3.2.1

WebView aplikace

Webview aplikace jsou postaveny na technologi´ıch HTML5 a CSS3. Takové aplikace obvykle pouˇz´ıvaj´ı jazyk JavaScript8 pro obsluhu událost´ı a jako rozhran´ı s API platformy. WebView obsah je pak obalen pomoc´ı rozhran´ı klasické aplikace, takˇze z hlediska operaˇcn´ıho systému se WebView aplikace nijak v´ yznamnˇe neliˇs´ı. 7

pˇrirozeném, z lat. nativus specifikace dostupn´ a na: http://www.ecma-international.org/publications/ standards/Ecma-262.htm 8

12



Pro vyuˇzit´ı WebView aplikace existuje ˇrada d˚ uvod˚ u. Hlavn´ı z nich pˇredstavuje znovupouˇzitelnost kódu, kter´ y m˚ uˇze b´ yt spoleˇcn´ y napˇr´ıˇc platformami. Pro kaˇzd´ y operaˇcn´ı systém se pˇrizp˚ usob´ı logika aplikace, nicménˇe vizuáln´ı stránka z˚ ustane zachována. To umoˇzn ˇuje jednak zpˇr´ıstupnˇen´ı totoˇzného obsahu a sluˇzeb vˇetˇs´ı základnˇe uˇzivatel˚ u, ale také urˇcitou u ´sporu pˇri vytváˇren´ı aplikace. Oproti mobiln´ımu webu je maximum obsahu aplikace uloˇzeno pˇr´ımo v zaˇr´ızen´ı uˇzivatele. Pˇri bˇehu aplikace pak docház´ı pouze k vykreslován´ı samotného obsahu, ale eliminuje se vˇetˇsina komunikace se vzdálen´ ym serverem ˇci databáz´ı. Vˇetˇsina funkc´ı aplikace pˇritom vyuˇz´ıvá v´ ypoˇcetn´ı v´ ykon samotného mobiln´ıho zaˇr´ızen´ı, coˇz umoˇzn ˇuje vytváˇren´ı komplexnˇejˇs´ıch rozhran´ı i program˚ u. Odstranˇen´ım nadbyteˇcné komunikace se také zrychluje odezva na akce uˇzivatele, nebot’ nen´ı nutné ˇcekat na odpovˇed’ serveru.

3.2.2

V´ yvoj hybridn´ıch aplikac´ı

V´ yhodou hybridn´ıch aplikac´ı b´ yvá vyuˇzit´ı nˇekterého z existuj´ıc´ıch framewor9 k˚ u pro tvorbu rozhran´ı. To umoˇzn ˇuje jednak rychlejˇs´ı tvorbu aplikac´ı danou t´ım, ˇze se pracuje hlavnˇe s grafickou stránkou vyuˇz´ıvaj´ıc´ı technologie bˇeˇzné pro webové stránky. Oproti klasickému postupu pˇri vytváˇren´ı aplikac´ı, popsanému napˇr´ıklad v [Lac15]. Tento pˇr´ıstup také do velké m´ıry sniˇzuje poˇzadavky na v´ yvojáˇre aplikace, co se t´ yká znalost´ı konkrétn´ı platformy. Pro nˇekteré spoleˇcnosti m˚ uˇze b´ yt rovnˇeˇz motivuj´ıc´ı pouˇzit´ı levnˇejˇs´ı pracovn´ı s´ıly. Avˇsak hlavn´ım ziskem oproti v´ yvoji nativn´ıch aplikac´ı z˚ ustává ˇcasová u ´spora pˇri v´ yvoji, jak uvád´ı [Bmp13] spoleˇcnˇe s porovnán´ım nˇekolika vybran´ ych framework˚ u. Vybrané frameworky umoˇzn ˇuj´ı kromˇe v´ yvoje samotn´ ych WebView aplikac´ı i v´ yvoj mobiln´ıho webu, coˇz m˚ uˇze dále usnadnit tvorbu aplikace, nebot’ je moˇzné pouˇz´ıt shodné grafické prvky pro obˇe ˇreˇsen´ı. Jedn´ım z d˚ uvod˚ u pro volbu hybridn´ı aplikace m˚ uˇze b´ yt napˇr´ıklad jednotné vizuáln´ı propojen´ı s webem spoleˇcnosti. Zachován´ı korporátn´ı identity v rámci r˚ uzn´ ych platforem m˚ uˇze b´ yt pro nˇekteré subjekty velmi podstatné. 9

aplikaˇcn´ı r´ amec - sada v´ yvoj´ aˇrsk´ ych nástroj˚ u

13


3.2.3


Technologick´ a omezen´ı

Oproti klasické aplikaci nab´ız´ı webové rozhran´ı hybridn´ıch aplikac´ı pomˇernˇe odliˇsnou uˇzivatelskou zkuˇsenost, která nemus´ı b´ yt nutnˇe v´ yhodou. Sice je u nich eliminována odezva bˇeˇzná pro mobiln´ı web, nicménˇe ne vˇsechny grafické prvky se chovaj´ı shodnˇe jako odpov´ıdaj´ıc´ı prvky nativn´ı aplikace. Zejména v pˇr´ıpadˇe, ˇze je webové rozhran´ı shodné napˇr´ıˇc nˇekolika platformami, pˇr´ıpadnˇe shodné s mobiln´ım webem, m˚ uˇze b´ yt pro uˇzivatele konkrétn´ı platformy matouc´ı z hlediska odezvy. I proto v souˇcasnosti panuje trend pouˇz´ıvat takové grafické styly, aby aplikace co nejv´ıce pˇripom´ınala nativn´ı ˇreˇsen´ı vzhledem i odezvou, jak uvád´ı [Rud14]. Spokojenost uˇzivatel˚ u tak v´ıtˇez´ı nad p˚ uvodn´ı ideou sjednotit design pro vˇsechny platformy. Nev´ yhodou pro vˇetˇsinu spoleˇcnost´ı je pak nemoˇznost indexace aplikac´ı podobnˇe, jako je tomu u internetov´ ych stránek. Obsah distribuovan´ y prostˇrednictv´ım mobiln´ı aplikace nelze zahrnout do v´ ysledk˚ u vyhledávaˇce, ani pro nˇej pouˇz´ıt SEO10 . I v pˇr´ıpadˇe, ˇze má aplikace strukturu shodnou s mobiln´ım webem, tak nen´ı moˇzné zlepˇsit pozici tohoto obsahu v porovnán´ı s nekvalitn´ım webem konkurence apod. Zat´ımco na jednu stranu m˚ uˇze hybridn´ı aplikace znamenat pˇr´ısun nov´ ych uˇzivatel˚ u, mus´ı vyuˇz´ıvat jin´ ych forem zviditelnˇen´ı a marketingu neˇz mobiln´ı web. Hybridn´ı aplikace vyuˇz´ıvaj´ıc´ı webového rozhran´ı mohou rovnˇeˇz narazit na problémy pˇri publikaci na klasick´ ych distribuˇcn´ıch kanálech, napˇr. Google 11 Play pro platformu Android. Vˇsechny aplikace jsou pˇred zveˇrejnˇen´ım v obchodu analyzovány. A zat´ımco u klasick´ ych aplikac´ı neb´ yvá se strukturou aplikace problém, u hybridn´ıch aplikac´ı nemus´ı b´ yt proces bez komplikac´ı. Z hlediska v´ ykonnosti mohou m´ıt hybridn´ı aplikace problém zejména pˇri zobrazován´ı nároˇcn´ ych scén, 3D12 efekt˚ u, velmi rychl´ ych animac´ı a dalˇs´ıch pˇrechod˚ u, jak upozorˇ nuje [Rud14]. Ve vˇetˇsinˇe pˇr´ıpad˚ u jsou moˇznosti hybridn´ıch aplikac´ı omezeny moˇznostmi jazyka JavaScript, kter´ y je limitován v´ıce, neˇz by tomu bylo u nativn´ıho ˇreˇsen´ı. Nicménˇe je tˇreba m´ıt na pamˇeti, ˇze v´ ykon mobiln´ıch zaˇr´ızen´ı je oproti 10

Search Engine Optimization - angl. pro Optimalizace pro vyhledávaˇce dostupné na https://play.google.com/store 12 zkr. pro trojrozmˇern´ y, trojdimenzionáln´ı 11

14


Xamarin

osobn´ım poˇc´ıtaˇc˚ um znaˇcnˇe omezen, s ˇc´ımˇz je tˇreba poˇc´ıtat jiˇz pˇri návrhu aplikace.

3.3

Xamarin

Spoleˇcnost Xamarin13 je správcem platformy Mono14 , která slouˇz´ı pro vytváˇren´ı multiplatformn´ıch aplikac´ı vytvoˇren´ ych v programovac´ım jazyku C# 15 . Xamarin nab´ız´ı k dispozici sadu nástroj˚ u pro v´ yvoj nativn´ıch aplikac´ı pro vˇsechny hlavn´ı mobiln´ı platformy. V´ yvoj programu prob´ıhá bud’ ve firemn´ım v´ yvojovém prostˇred´ı Xamarin Studio nebo v programu Visual Studio se sadou rozˇsiˇruj´ıc´ıch doplˇ nk˚ u. Pˇri kompilaci v´ ysledného programu se pak provád´ı pˇrevod z kódu napsaného v jazyku C# do nativn´ı formy pro danou platformu. Takov´ y pˇr´ıstup umoˇzn ˇuje zachován´ı maximáln´ıho pohodl´ı programátora i uˇzivatele aplikace.

3.3.1

Xamarin Forms

Skuteˇcnou, a reálnˇe vyuˇzitelnou v´ yhodu oproti v´ yvoji nativn´ıch aplikac´ı pˇredstavuje ˇreˇsen´ı zvané Xamarin Forms. Jedná se o zp˚ usob vytváˇren´ı formulá16 ˇrových aplikac´ı pomoc´ı jazyka XAML . V´ yhoda ˇreˇsen´ı Xamarin Forms tkv´ı v tom, ˇze vyuˇz´ıvá návrhu ModelView-ViewModel, kdy grafické rozhran´ı vytvoˇrené pomoc´ı XAMLu striktnˇe oddˇeluje od aplikaˇcn´ı logiky funkc´ı napsan´ ych v jazyku C#. V´ ysledné ˇreˇsen´ı lze pak zkompilovat pro platformy Android, iOS i Windows Phone bez nutnosti vˇetˇs´ıch zásah˚ u do kódu pro specifické platformy, jak uvád´ı [Xaf15]. Takov´ y pˇr´ıstup maximalizuje znovupouˇzitelnost kódu a v´ yznamnˇe zkracuje dobu potˇrebnou na v´ yvoj multiplatformn´ı aplikace. Jednotn´ y v´ yvojáˇrsk´ y nástroj pak v´ yznamnˇe sniˇzuje poˇzadavky na znalosti programátora, co se t´ yká specifick´ ych ˇreˇsen´ı pro jednotlivé platformy. Jazyk XAML je pouˇz´ıván 13

viz http://xamarin.com/ viz http://www.mono-project.com/ 15 specifikace dostupn´ a na: http://www.ecma-international.org/publications/ standards/Ecma-334.htm 16 eXtensible Application Markup Language - znaˇckovac´ı jazyk pro tvorbu grafick´ ych rozhran´ı aplikac´ı 14

15


Xamarin

napˇr´ıklad i pˇri v´ yvoji mobiln´ıch aplikac´ı pro platformu Windows Phone, pro programy postavené na Windows Presentation Foundation a dalˇs´ı ˇreˇsen´ı. Oddˇelen´ım v´ ykonného kódu aplikace od pˇredpisu pro rozhran´ı aplikace ve formˇe XML17 souboru pak tento pˇr´ıstup velmi pˇripom´ıná polymorfn´ı aplikace. Nicménˇe se liˇs´ı v tom, ˇze u platformy Xamarin jsou obˇe ˇca´sti propojeny pˇri kompilaci. Nen´ı tedy moˇzné mˇenit chován´ı ˇci vzhled aplikace za jej´ıho bˇehu. Nicménˇe pouˇzit´ı jazyka XAML by mohlo moˇznosti polymorfn´ıch aplikac´ı v´ yznamnˇe rozˇs´ıˇrit.

3.3.2

Technologick´ e v´ yhody

C´ılem této ˇcásti práce nen´ı porovnán´ı programovac´ıch jazyk˚ u C# (pouˇz´ıván platformou Xamarin) a Java (nativn´ı ˇreˇsen´ı pro platformu Android). Následuj´ıc´ı odstavce popisuj´ı nˇekolik zásadn´ıch vylepˇsen´ı, která pˇri tvorbˇe aplikac´ı platforma Xamarin nab´ız´ı. Jednou z technologick´ ych v´ yhod, které pˇrináˇs´ı v´ yvoj pomoc´ı jazyka C#, je pouˇzit´ı knihoven a doplˇ nk˚ u vytvoˇren´ ych pˇr´ımo pro tento jazyk. I kdyˇz se pouˇzitá platforma Mono zcela neshoduje s platformou .NET pouˇz´ıvanou pro v´ yvoj aplikac´ı pro osobn´ı poˇc´ıtaˇce, maj´ı obˇe platformy mnoho spoleˇcn´ ych prvk˚ u. Pˇri programován´ı aplikace v prostˇred´ı Xamarin je tedy moˇzné vyuˇz´ıt napˇr´ıklad Entity Framework 18 , nástoj LINQ 19 ˇci dalˇs´ı knihovny a bal´ıˇcky funkc´ı. Ned´ılnou souˇca´st´ı jazyka C# jsou pak tzv. lambda funkce a pouˇzit´ı delegát˚ u. Jedná se o prostˇredky, které mohou mnohdy vést k programátorsky ˇcistému a zároveˇ n efektivn´ımu ˇreˇsen´ı a platforma Xamarin jejich pouˇzit´ı umoˇzn ˇuje. Oproti tomu platforma Android postavená na jazyku Java pouˇzit´ı takov´ ych nástroj˚ u neumoˇzn ˇuje. Aˇc byly lambda funkce do jazyka Java zavedeny ve verzi 8, platforma Android podporuje pouze jazyk Java verze 7 (vybrané funkce uˇz v API 19, oficiálnˇe od API 21), a to jeˇstˇe ne kompletnˇe. I kdyˇz ˇreˇsen´ı pro pouˇzit´ı lambda funkc´ı pod verz´ı Java 5 a novˇejˇs´ı existuje, jak uvád´ı 17

eXtensible Markup Language - znaˇckovac´ı jazyk Objektovˇe-relaˇcn´ı rozhran´ı, v´ıce viz https://msdn.microsoft.com/en-us/data/ef. aspx 19 Language-Integrated Query - Sada dotazovac´ıch funkc´ı, v´ıce viz https://msdn. microsoft.com/cs-cz/library/bb397926.aspx 18

16


Xamarin

[Luo15]. Rovnˇeˇz je moˇzné podporu lambda funkc´ı zprovoznit na platformˇe Android, ˇc´ımˇz se zab´ yvá [Tat15]. Nicménˇe se v obou pˇr´ıpadech jedná o neoficiáln´ı ˇreˇsen´ı, které nahrazuje inkriminované u ´seky kódu pˇri kompilaci. Ale i toto ˇreˇsen´ı má mnoho nedostatk˚ u a sami autoˇri ho dle [Zai14] oznaˇcuj´ı jako Hack, nebot’ obcház´ı oficiáln´ı kompilátor jazyka Java. Hlavn´ı v´ yhodou pouˇzit´ı lambda funkc´ı je moˇznost nahradit systémová rozhran´ı obsahuj´ıc´ı pouze jednu metodu. Pˇresnˇe takov´ y pˇr´ıpad je ukázán na následuj´ıc´ım u ´seku kódu, kter´ y pˇredstavuje obsluhu stisknut´ı tlaˇc´ıtka v uˇzivatelském rozhran´ı. Ukázka byla pˇrevzata z [Zai14]. // Rozhran ´ ı definovan ´ e Android SDK interface OnClickListener { public void onClick ( View v ) ; } // implementace proveden a ´ program ´ a torem mButton . setOnClickListener ( new View . OnClickListener () { @Override public void onClick ( View v ) { // proveden ´ ı akce } }) ;

Ukázka kódu 3.1: Obsluha tlaˇc´ıtka - klasicky Pˇri pouˇzit´ı lambda funkc´ı m˚ uˇze b´ yt kód zjednuduˇsen na následuj´ıc´ı v´ yraz: mButton . setOnClickListener (( View v ) -> { // proveden ´ ı akce }) ;

Ukázka kódu 3.2: Obsluha tlaˇc´ıtka - lambda v´ yraz V budoucnu m˚ uˇze b´ yt jedn´ım z d˚ uvod˚ u pro volbu jazyka C# i fakt, ˇze základn´ı souˇcásti platformy .NET jsou od roku 2014 uvolnˇeny jako opensource 20 (viz [Lan14]), coˇz m˚ uˇze tomuto ˇreˇsen´ı nahrávat, nebot’ v´ yvojáˇri tak nebudou omezeni pouze na jazyk Java.

20

angl. pro Otevˇren´ y software

17

Návrh polymorfn´ı aplikace

4 Návrh polymorfn´ı aplikace Jak bylo uvedeno jiˇz v kapitole 2, navazuje tato diplomová práce na projekt pˇredstaven´ y Ing. Milanem Staffou v práci [Sta13]. V této kapitole jsou popsány jak ˇca´sti návrhu, které z˚ ustaly zachovány, tak ˇca´sti polymorfn´ı aplikace, které byly pozmˇenˇeny nebo pˇridány oproti p˚ uvodn´ımu ˇreˇsen´ı. Z hlediska funkcionality celé aplikace z˚ ustal zachován návrh rozdˇelen´ı aplikace na dvˇe kl´ıˇcové ˇca´sti, kdy jedna má za u ´kol v´ ybˇer samotn´ ych vizuáln´ıch a funkˇcn´ıch podklad˚ u, které se pouˇzij´ı pro vytvoˇren´ı dceˇrinné aplikace, druhá ˇcást pak slouˇz´ı k obsluze samotné generované aplikace. Zat´ımco p˚ uvodn´ı verze provád´ı naˇcten´ı programového kódu aˇz pˇri bˇehu generované aplikace, nov´ y návrh ˇreˇsen´ı c´ıl´ı na to, aby vˇsechny d˚ uleˇzité ˇcásti generované aplikace byly pˇripraveny jiˇz pˇred spuˇstˇen´ım generované aplikace. Jak je toho doc´ıleno, popisuje ˇca´st 4.1. M. Staffa se ve své práci zamˇeˇril z velké ˇcásti na komunikaci aplikace se vzdálen´ ym serverem, vykonáván´ı vzdálen´ ych procedur a zabezpeˇcen´ı komunikace. Aplikace popsaná v této práci c´ıl´ı pˇredevˇs´ım na vykonáván´ı kódu v samotném zaˇr´ızen´ı. Tato zmˇena byla umoˇznˇena hlavnˇe faktem, ˇze v posledn´ıch nˇekolika letech zaznamenala mobiln´ı zaˇr´ızen´ı znateln´ y nár˚ ust z hlediska v´ ypoˇcetn´ı s´ıly a nˇekterá zaˇr´ızen´ı sv´ ym v´ ykonem leckdy i pˇredˇc´ı starˇs´ı osobn´ı poˇc´ıtaˇce. Smysl jednoduch´ ych generovan´ ych aplikac´ı formuláˇrového typu vˇsak z˚ ustal zachován a vykonávané d´ılˇc´ı aplikace se stále skládaj´ı pˇredevˇs´ım z kódu s jednoduchou funkcionalitou. Ve své pokroˇcilejˇs´ı verzi vˇsak polymorfn´ı aplikace nab´ız´ı rozmanitˇejˇs´ı uˇzivatelské rozhran´ı, které je moˇzné vytváˇret jak pro samotnou generovanou aplikaci, tak jako v´ ysledek jej´ı ˇcinnosti. Rozˇs´ıˇren´ı palety grafick´ ych prvk˚ u pro tvorbu generovan´ ych aplikac´ı umoˇzn ˇuje tvorbu rozmanitˇejˇs´ıch rozhran´ı. Provedené zmˇeny jsou popsány v ˇca´sti 4.2 a samotnou realizaci grafického návrhu popisuje ˇcást 5.1. Rozˇs´ıˇren´ı p˚ uvodn´ı práce rovnˇeˇz pˇredstavuje nové typy aplikac´ı, které lze vyuˇz´ıvat. Stejnˇe jako v p˚ uvodn´ım návrhu c´ıl´ı ukázkové aplikace na spuˇstˇen´ı jednoduché funkce z pˇripojené knihovny, nicménˇe programy popsané v kapitole 7 slouˇz´ı pro vyhledán´ı obsahu, kter´ y by jinak byl pro uˇzivatele h˚ uˇre dostupn´ y ˇci zobraziteln´ y.

18


Princip fungován´ı

Ze zdroje zpráv ˇci vybraného webu z´ıskávaj´ı ukázkové aplikace data, která pak uˇzivateli zobrazuj´ı ve formˇe vhodnˇejˇs´ı pro mobiln´ı zaˇr´ızen´ı. Samotné naˇc´ıtán´ı tˇechto d´ılˇc´ıch program˚ u do polymorfn´ı aplikace prob´ıhá stejn´ ym zp˚ usobem jako v práci [Sta13], zejména vˇsak proto, ˇze platforma Android stále nenab´ız´ı efektivnˇejˇs´ı dynamické naˇc´ıtán´ı spustitelného kódu za bˇehu aplikace. Následuj´ıc´ı tabulka 4.1 pˇrehledn´ ym zp˚ usobem ukazuje nejv´ yznamnˇejˇs´ı zmˇeny pokroˇcilého návrhu polymorfn´ıch aplikac´ı pˇredstaveného v této práci. P˚ uvodn´ı verze

Aktu´ aln´ı verze

• XML ˇsablona + knihovna dex

• XML ˇsablona + knihovna dex

• Aktivita pro naˇcten´ı + aktivita • Aktivita pro naˇcten´ı + aktivita pro generovanou aplikaci pro generovanou aplikaci • Soubory pouze z URL1

• Stahován´ı z URL, Google Drive, Dropbox, lokáln´ı u ´loˇziˇstˇe, historie vybran´ ych zdroj˚ u

• Jedna obrazovka

• Dynamická práce s fragmenty

• Nemˇenné rozhran´ı

• Zmˇena vzhledu za bˇehu aplikace

• Vykonáván´ı vzdáleného kódu

• Vykonáván´ı lokáln´ıho kódu

• Volán´ı jednoduch´ ych funkc´ı

• Samostatnˇe pouˇzitelné moduly

• C´ılem spuˇstˇen´ı funkce

• C´ılem prezentace dat

• Základn´ı podoba prvk˚ u ˇ adn´ • Z´ y pˇresah aplikace

• Pˇrizp˚ usoben´ı v´ yznamu a obsahu • Spolupráce s telefonem, prohl´ıˇzeˇcem, e-mailov´ ym klientem

Tabulka 4.1: Porovnán´ı p˚ uvodn´ıho a souˇcasného ˇreˇsen´ı

4.1

Princip fungov´ an´ı

Aby mohla polymorfn´ı aplikace správnˇe zobrazit a vykonávat generovanou aplikaci, potˇrebuje dva základn´ı prvky: 1. Pˇredpis definuj´ıc´ı zobrazen´ı prvk˚ u, jejich vlastnosti a t´ım pádem i zp˚ uˇ sob, jak´ ym budou vykresleny na displeji zaˇr´ızen´ı - tj. urˇcitou Sablonu. 19


Princip fungován´ı

2. Programov´ y kód v pˇreloˇzené a spustitelné podobˇe, kter´ y bude moci za bˇehu aplikace naˇc´ıst a vykonat - tedy spustitelnou Knihovnu. Celou polymorfn´ı aplikaci lze tedy z logického hlediska rozdˇelit na dvˇe ˇcásti. Prvn´ı ˇcást bude opatˇrovat potˇrebné soubory a zajist´ı jejich pˇresun do zaˇr´ızen´ı. Druhá ˇca´st pak na základˇe poskytnut´ ych soubor˚ u vygeneruje uˇzivatelské rozhran´ı a spust´ı programov´ y kód, kter´ y má k dispozici. Vytváˇren´ı uˇzivatelského rozhran´ı dle ˇsablon popisuje ˇca´st 5.1.3. Práce s programov´ ym kódem je rozebrána v ˇca´sti 5.2.2. Zm´ınˇené dvˇe ˇca´sti aplikace jsou pˇredstavovány dvˇema samostatn´ ymi programov´ ymi prvky typu Activity (téˇz aktivita). Následuj´ıc´ı obrázek 4.1 znázorˇ nuje rozsah ˇcinnost´ı tˇechto aktivit a jednotlivé kroky nutné pro u ´spˇeˇsn´ y bˇeh polymorfn´ı aplikace, v obrázku oznaˇcené jako akce A1 - A7. Pro jasnˇejˇs´ı odliˇsen´ı jsou zelenou barvou zv´ yraznˇeny aktivity vykonávané polymorfn´ı aplikac´ı, oranˇzová barva znaˇc´ı ˇsablonu grafického rozhran´ı dceˇrinné aplikace, modrá barva pˇredstavuje programovou ˇcást, která se vykonává v generované aplikaci.

Obrázek 4.1: Bˇeh aplikace

20


Zmˇeny v uˇzivatelském rozhran´ı

• A 1 - Uˇzivatel pomoc´ı prvn´ı aktivity vybere soubor ˇsablony z libovolného zdroje. Je moˇzné naˇc´ıst soubor z pamˇeti zaˇr´ızen´ı, zadaného URL, zu ´loˇziˇst’ Dropbox ˇci Google Drive (práci s u ´loˇziˇsti popisuje ˇca´st 5.3). • A 2 - Soubor ˇsablony se mus´ı z vybraného um´ıstˇen´ı pˇresunout do pamˇeti zaˇr´ızen´ı, aby s n´ım bylo moˇzné pracovat. • A 3 - Analogicky prob´ıhá v´ ybˇer souboru spustitelné knihovny. • A 4 - Stejnˇe tak i jej´ı staˇzen´ı do zaˇr´ızen´ı pro budouc´ı pouˇzit´ı. • A 5 - Na základˇe staˇzené ˇsablony se vytvoˇr´ı uˇzivatelské rozhran´ı jedné ˇci v´ıce obrazovek generované aplikace. • A 6 - Z generované aplikace je moˇzné spustit pˇripraven´ y programov´ y kód. • A 7 - V´ ysledkem bˇehu programového kódu je dalˇs´ı ˇsablona pro vzhled generované aplikace, kterou se nahrad´ı ˇci rozˇs´ıˇr´ı p˚ uvodn´ı vzhled.

4.2

Zmˇ eny v uˇ zivatelsk´ em rozhran´ı

P˚ uvodn´ı návrhy polymorfn´ı aplikace pˇredstavené v prac´ıch [Hul12] a [Sta13] pracuj´ı pouze se základn´ımi grafick´ ymi prvky typu Button (tlaˇc´ıtko), TextView (zobrazen´ı popisku ˇci textu) a EditText (kolonka pro zadán´ı textu). Aby vˇsak bylo moˇzné programy generované v polymorfn´ı aplikaci efektivˇe pouˇz´ıvat, bylo nutné nab´ıdku tˇechto prvk˚ u rozˇs´ıˇrit. Nejedná se o rozˇs´ıˇren´ı, co se do poˇctu pouˇzit´ ych objekt˚ u t´ yˇce, ale sp´ıˇse o vyuˇzit´ı povahy jednotliv´ ych prvk˚ u, jejich rozliˇsen´ı z hlediska d˚ uleˇzitosti a funkce. Souˇcasná verze polymorfn´ı aplikace vyuˇz´ıvá následuj´ıc´ı prvky uˇzivatelského rozhran´ı: • Tlaˇ c´ıtko - oproti p˚ uvodn´ımu návrhu nezmˇenˇeno, slouˇz´ı ke spuˇstˇen´ı pˇriˇrazené funkce. • Text - novˇe umoˇzn ˇuje rozliˇsit d˚ uleˇzitost informace pomoc´ı zv´ yraznˇen´ı typu kurz´ıva a/nebo tuˇcné p´ısmo. T´ım je umoˇznˇeno jasné strukturován´ı obsahu na displeji zaˇr´ızen´ı. Dále je zd˚ uraznˇena v´ yznamová stránka obsahu - v pˇr´ıpadˇe, ˇze je v textu uvedeno telefonn´ı ˇc´ıslo, je moˇzné kliknut´ım toto ˇc´ıslo vytoˇcit. Kliknut´ı na odkaz zase slouˇz´ı pro pˇrechod 21


Zmˇeny v uˇzivatelském rozhran´ı

do internetového prohl´ıˇzeˇce. Tyto u ´pravy v´ yraznˇe zlepˇsuj´ı uˇzivatelskou zkuˇsenost s pouˇz´ıván´ım generované aplikace. • Kolonky - je moˇzné dle poˇzadovaného obsahu pˇrizp˚ usobit rozloˇzen´ı klávesnice zaˇr´ızen´ı pro nˇekolik vybran´ ych typ˚ u (datum, text, telefonn´ı ˇc´ıslo, atd.). • CheckBox - prvek slouˇz´ıc´ı pro zapnut´ı ˇci vypnut´ı pˇriˇrazené volby. Dále rozˇsiˇruje moˇznosti volané funkce. • Obr´ azky - mnohdy zprostˇredkuj´ı potˇrebnou informaci efektivnˇeji neˇz slovn´ı popis, mohou rovnˇeˇz slouˇzit pro doplnˇen´ı textu o dalˇs´ı rozmˇer informace. Povaha polymorfn´ı aplikace omezuje moˇznosti a typ pouˇzit´ ych prvk˚ u oproti klasick´ ym aplikac´ım. Hlavn´ımi poˇzadavky na rozhran´ı generované aplikace jsou pˇrehlednost, jednoduchost, ale rovnˇeˇz schopnost vygenerovat rozhran´ı pro pˇredem neznámé rozloˇzen´ı a poˇcet prvk˚ u. Vzhledem k tomu, ˇze jak´ ykoli dynamick´ y prvek rozhran´ı (napˇr. Slider ˇci Picker ) je z podstaty svázán s urˇcitou promˇennou obsahuj´ıc´ı jeho hodnotu a obsluˇznou funkc´ı, která obsluhuje manipulaci s takov´ ym prvkem, nen´ı moˇzno tyto prvky jednoduch´ ym zp˚ usobem vytvoˇrit dynamicky. Efektivn´ı práce s takov´ ymi aktivn´ımi prvky vyˇzaduje pˇredchoz´ı znalost rozloˇzen´ı uˇzivatelského rozhran´ı, proto byly z polymorfn´ı aplikace vynechány. Podrobn´ y popis vˇsech komponent pouˇziteln´ ych v rozhran´ı polymorfn´ı aplikace je uveden v pˇr´ıloze C.

22

Realizace polymorfn´ı aplikace

5 Realizace polymorfn´ı aplikace Zat´ımco pˇredchoz´ı kapitola 4 se zab´ yvala pˇredevˇs´ım strukturou polymorfn´ı aplikace v porovnán´ı s ˇreˇsen´ımi znám´ ymi z pˇredchoz´ıch let, c´ılem této kapitoly je popsat samotn´ y princip, na kterém polymorfn´ı aplikace reálnˇe bˇeˇz´ı. Nezab´ yvá se sice dopodrobna vˇsemi pouˇzit´ ymi tˇr´ıdami, metodami a dalˇs´ımi komponentami programu, nicménˇe by po jej´ım pˇreˇcten´ı mˇel b´ yt jasn´ y zp˚ usob jej´ıho fungován´ı.

5.1

Uˇ zivatelsk´ e rozhran´ı

Jak bylo jiˇz uvedeno v ˇcásti 4.1, je základn´ım stavebn´ım prvkem klasické aplikace na platformˇe Android objekt typu aktivita - programová ˇca´st obsluhuj´ıc´ı události, vykonávaj´ıc´ı kód hlavn´ıho vlákna programu, tzv. UI Thread1 . U jednoduch´ ych aplikac´ı je kaˇzdé aktivitˇe pˇriˇrazen soubor typu Layout, kter´ y pevnˇe definuje rozloˇzen´ı prvk˚ u rozhran´ı dané aktivity a pˇriˇrazuje jim funkce, které maj´ı vykonat. Aktivita spoleˇcnˇe s layoutem pak tvoˇr´ı z pohledu uˇzivatele jednu obrazovku aplikace. Aby bylo moˇzné vyuˇz´ıvat r˚ uzná rozloˇzen´ı prvk˚ u a jednoduˇse mezi nimi pˇrep´ınat, lze pouˇz´ıt prvky typu Fragment. Fragment pˇredstavuje ˇcást aktivity, kterou lze dynamicky vytváˇret ˇci ukonˇcovat, ˇc´ımˇz je moˇzné doc´ılit jednoduˇsˇs´ı navigace v obsahu, ˇci vytvoˇrit v´ıcepanelové rozloˇzen´ı obrazovky (p˚ uvodn´ı u ´ˇcel fragment˚ u). Ve vˇetˇsinˇe pˇr´ıpad˚ u maj´ı fragmenty, podobnˇe jako aktivity pˇriˇrazen´ y pˇredem vytvoˇren´ y soubor layoutu. Narozd´ıl od aktivit, se ale jedná pˇredevˇs´ım o prvky uˇzivatelského rozhran´ı a samotn´ y kód aplikace je stále obsluhován nadˇrazenou aktivitou fragment˚ u. Toto schéma znázorˇ nuje obrázek 5.1.

5.1.1

Struktura prvk˚ u

Platforma Android vyuˇz´ıvá v uˇzivatelsk´ ych rozhran´ıch objekty typu View. Jedn´ım z podtyp˚ u tohoto objektu je ViewGroup, kter´ y m˚ uˇze obsahovat dalˇs´ı 1

User Interface Thread - angl. pro Vlákno uˇzivatelského rozhran´ı

23


Uˇzivatelské rozhran´ı

Obrázek 5.1: Struktura aplikace prvky typu View ˇci ViewGroup. Kombinac´ı tˇechto prvk˚ u docház´ı k vytvoˇren´ı stromové struktury rozhran´ı, která je znázornˇena na obrázku 5.2.

Obrázek 5.2: Struktura prvk˚ u View, zdroj: [Aui15] Soubor layoutu typicky definuje rozloˇzen´ı uˇzivatelského rozhran´ı pomoc´ı jednoho nebo v´ıce prvk˚ u typu ViewGroup, kter´ y obsahuje dalˇs´ı specializované prvky typu View. Nejpouˇz´ıvanˇejˇs´ımi prvky typu ViewGroup jsou: • LinearLayout - seznam prvk˚ u, kde kaˇzdé View pˇredstavuje jeden ˇra´dek (resp. sloupec, dle orientace). • RelativeLayout - rozloˇzen´ı, které umoˇzn ˇuje definovat vzdálenosti a um´ıstˇen´ı prvku dle jeho sousedn´ıch prvk˚ u. 24



• ScrollView - rozloˇzen´ı, které pˇrizp˚ usob´ı obsah velikosti displeje tak, aby bylo moˇzné zobrazit i prvky, které by se jinak vykreslily mimo obrazovku.

5.1.2

Vytv´ aˇ ren´ı prvk˚ u

V klasické aplikaci jsou vˇsechny d˚ uleˇzité prvky View definovány v pˇr´ısluˇsném souboru layout, nicménˇe je moˇzné dle potˇreby vytváˇret prvky i dynamicky (za bˇehu aplikace, po vykreslen´ı daného fragmentu ˇci aktivity). Klasick´ y pˇr´ıstup, ale i dynamické vytváˇren´ı programov´ ych souˇcást´ı aplikace platformy Android se detailnˇeji zmiˇ nuje napˇr´ıklad [Gra13]. Moˇznost vytváˇret prvky uˇzivatelského rozhran´ı programovˇe je základem tvorby grafického rozhran´ı polymorfn´ı aplikace. Ta nam´ısto klasick´ ych soubor˚ u typu layout pouˇz´ıvá podobné definice v podobˇe XML soubor˚ u, které se pouˇzij´ı pˇri naˇcten´ı daného fragmentu (viz. následuj´ıc´ı ˇcást 5.1.3. V klasické aplikaci je moˇzné vˇsem pˇredem znám´ ym prvk˚ um typu View pˇriˇradit unikátn´ı identifikátor v rámci aplikace, kter´ y slouˇz´ı k vyhledáván´ı daného prvku a zmˇenˇe jeho parametr˚ u. U polymorfn´ı aplikace vˇsak nen´ı moˇzné pˇredem definovat jedineˇcné identifikátory tak, aby bylo moˇzné zaruˇcit, ˇze se v rámci aplikace nebude vyskytovat prvek se stejn´ ym ID2 . V aplikaci jsou identifikátory reprezentovány jako unikátn´ı zdroje typu integer3 , ale programátor s nimi zacház´ı pomoc´ı jejich slovn´ıho názvu, aniˇz by znal samotnou hodnotu identifikátoru vygenerovanou aplikac´ı. Nemoˇznost pouˇz´ıvat jednoduˇse identifikátory prvk˚ u do velké m´ıry znemoˇzn ˇuje u ´pravy rozhran´ı na u ´rovni konkrétn´ıch prvk˚ u za bˇehu polymorfn´ı aplikace. Nicménˇe je stále moˇzné pro prvek vybran´ y jin´ ym zp˚ usobem (procházen´ı seznamu, prvek jako p˚ uvodce události) mˇenit jeho parametry ˇci obsah. Pokud se jedná o prvek typu ViewGroup, lze rovnˇeˇz mˇenit jeho potomky. Pro zjednoduˇsen´ı a moˇznost jednoznaˇcného pozicován´ı prvk˚ u byla mnoˇzina pouˇzit´ ych prvk˚ u omezena na nˇekolik základn´ıch typ˚ u: LinearLayout, TextView, EditText, Button, ImageView a CheckBox. I tento pomˇernˇe limitovan´ y poˇcet prvk˚ u nicménˇe umoˇzn ˇuje tvorbu rela2 3

zkratka pro identifik´ ator celé ˇc´ıslo des´ıtkové soustavy

25



tivnˇe rozmanit´ ych uˇzivatelsk´ ych rozhran´ı pˇri zachován´ı pˇrehlednosti ˇsablon. Jednotlivé prvky a atributy, které jim lze pˇriˇradit, jsou popsány v pˇr´ıloze C.

5.1.3

ˇ Sablony rozhran´ı

ˇ Sablony rozhran´ı pˇredstavuj´ı alternativu k soubor˚ um typu layout. Jedná se vˇzdy o validn´ı XML, bud’ v podobˇe souboru, nebo jako ˇretˇezec (String), kter´ y je v´ ysledkem funkce bˇeˇz´ıc´ı v programu. Jak ukazuje obrázek 5.3, pouˇz´ıvá kaˇzd´ y fragment generované aplikace klasick´ y soubor layout. Nicménˇe tento soubor definuje pouze obaluj´ıc´ı scrollView pro dalˇs´ı obsah. Jedná se tedy o definici, jak vykreslit fragment bez ohledu na jeho obsah. Jednotlivé prvky View ve fragmentu jsou nav´ıc obaleny pomoc´ı LinearLayout, kter´ y zajiˇst’uje rozm´ıstˇen´ı prvk˚ u na jednotlivé ˇrádky rozhran´ı v poˇrad´ı, ve kterém jsou do nˇej vloˇzeny. Prvky generované dynamicky pˇri vytvoˇren´ı fragmentu jsou v obrázku 5.3 zv´ yraznˇeny ˇzlutou barvou.

Obrázek 5.3: Naˇc´ıtán´ı obsahu Fragmentu Kaˇzdá ˇsablona vyuˇz´ıvá toho, ˇze vˇsechny prvky typu View jsou v aplikaci reprezentovány pomoc´ı stromu, jak znázorˇ nuje obrázek 5.2. Proto jsou i v ˇsablonách definovány odpov´ıdaj´ıc´ım zp˚ usobem jako strom element˚ u.

26



ˇ Sablony jsou zpracovávány pomoc´ı DOM4 parseru, jehoˇz definici popisuje [Dom04]. Kaˇzdá ˇsablona m˚ uˇze obsahovat definici v´ıce prvk˚ u typu fragment (pouˇzito zejména u soubor˚ u), u provádˇen´ı kódu z naˇcten´ ych knihoven se vˇsak pouˇz´ıvá jedna ˇsablona pro jeden fragment, jak podrobnˇeji popisuje 5.2. Pˇr´ıklady pouˇzit´ ych ˇsablon je moˇzné naj´ıt v pˇr´ıloze D.

5.1.4

Naˇ c´ıt´ an´ı fragment˚ u

Pro generovanou aplikaci je vytvoˇrena jediná aktivita, v rámci které se generuj´ı potˇrebné fragmenty dle pouˇzité ˇsablony. Tato aktivita pouˇz´ıvá objektu SectionsPagerAdapter, kter´ y umoˇzn ˇuje dynamické vytváˇren´ı fragment˚ u pˇri 5 v´ ybˇeru jedné ze záloˇzek v navigaˇcn´ım prvku ToolBar . Protoˇze poˇcet vygenerovan´ ych panel˚ u nen´ı pˇredem znám, jsou vytváˇreny vˇzdy dle aktuáln´ı potˇreby, coˇz zajiˇst’uje tˇr´ıda FragmentStatePagerAdapter, od které SectionsPagerAdapter dˇed´ı. Mezi panely lze rovnˇeˇz pˇrecházet pomoc´ı posouván´ı aktuáln´ıho fragmentu do stran (tzv. Swipe Views). Obsah jednotliv´ ych fragment˚ u je uloˇzen v seznamu v aktivitˇe zastˇreˇsuj´ıc´ı práci s nimi. Pˇri pokusu o pˇr´ıstup do jiného neˇz aktuáln´ıho fragmentu se vybere View na odpov´ıdaj´ıc´ı pozici seznamu a je pˇredán nové instanci fragmentu ke zobrazen´ı. T´ım, ˇze jsou vˇsechny prvky View v seznamu vytvoˇreny pˇredem, docház´ı k rychlému naˇcten´ı obsahu fragmentu, aniˇz by bylo tˇreba samotn´ y obsah vytváˇret vˇzdy znovu. Po odchodu z aktuáln´ıho fragmentu docház´ı k zruˇsen´ı jeho instance, ale obsah ve formˇe View je stále dostupn´ y pro opˇetovné vyuˇzit´ı. V rámci aktivity je moˇzné rovnˇeˇz aktuáln´ı fragment uzavˇr´ıt, nen´ı-li tento fragment jedin´ ym vygenerovan´ ym. Fragmenty, které byly naˇcteny ze souborové ˇsablony, lze rovnˇeˇz libovolnˇe duplikovat. C´ılem této akce je vytvoˇrit nov´ y fragment, kter´ y umoˇzn ˇuje vykonáván´ı kódu, kter´ y mu byl pˇriˇrazen v definici v p˚ uvodn´ı ˇsablonˇe. Fragmenty, které jsou produktem vykonaného kódu, duplikovat nelze. Nam´ısto takového fragmentu se vytvoˇr´ı kopie p˚ uvodn´ıho fragmentu v takové podobˇe, v jaké byl pˇred vykonán´ım pˇriˇrazené funkce (resp. v jaké byl naˇcten ze souboru ˇsablony). Kombinac´ı zav´ırán´ı a duplikace fragment˚ u je 4 5

Document Object Model - angl. pro Objektov´ y model dokumentu N´ astrojov´ y nebo téˇz navigaˇcn´ı panel

27


Pouˇzit´ı knihoven

mimo jiné umoˇznˇeno zavˇren´ı nepotˇrebn´ ych fragment˚ u v´ ysledku a opˇetovné spuˇstˇen´ı funkce. Pokud fragment obsahuje objekty ImageView, které maj´ı pˇriˇrazenu adresu (URL) zdroje obrázku, probˇehne po prvn´ım zobrazen´ı daného fragmentu naˇcten´ı tˇechto obrázk˚ u. Pro kaˇzd´ y prvek ImageView se vytvoˇr´ı objekt typu bitmap, kter´ y pˇredstavuje samotnou obrazovou informaci, a je do ImageView pˇriˇrazen. Soubory obrázk˚ u se vytváˇrej´ı v cache6 zaˇr´ızen´ı, takˇze mohou b´ yt odstranˇeny dle potˇreb systému, nebo pˇri spuˇstˇen´ı ˇcistic´ıho programu.

5.2

Pouˇ zit´ı knihoven

Programy vytvoˇrené v jazyku Java pro osobn´ı poˇc´ıtaˇce vznikaj´ı kompilac´ı zdrojov´ ych kód˚ u (soubory .java) do bytecode - strojovˇe ˇcitelného kódu (soubory .class). Soubory bytecode lze dále jeˇstˇe komprimovat zabalen´ım do archivu (soubory .jar) spolu s dalˇs´ımi souˇca´stmi programu a následnˇe je kód vykonáván pomoc´ı JVM7 . Oproti tomu zaˇr´ızen´ı bˇeˇz´ıc´ı na platformˇe Android 4.4 a starˇs´ı pouˇz´ıvaj´ı vlastn´ı virtuáln´ı stroj DVM8 , kter´ y funguje na principu architektury registr˚ u, na rozd´ıl od JVM, kter´ y pouˇz´ıvá zásobn´ıkovou architekturu. Prostˇred´ı Dalvik9 vyuˇz´ıvá just-in-time (JIT) kompilaci, pˇri které je spuˇstˇen´ y program kompilován pˇr´ımo v dobˇe provádˇen´ı. Od verze Android 5.0 je Dalvik nahrazen prostˇred´ım ART10 , které kód programu kompiluje pˇredem, pˇri jeho instalaci, pomoc´ı ahead-of-time (AOT) kompilátoru. Stejnˇe tak kompiluje programové ˇcásti systému pˇri startu zaˇr´ızen´ı. Pˇredem kompilovan´ y kód by mˇel pˇrinést zrychlen´ı bˇehu aplikac´ı a ve v´ ysledku vyˇsˇs´ı v´ ykon zaˇr´ızen´ı. Prostˇred´ı ART je kompatibiln´ı s aplikacemi vytvoˇren´ ymi pro Dalvik, porovnán´ı obou uveden´ ych systém˚ u popisuje [Asa15]. 6

V tomto kontextu doˇcasn´ a pamˇet’ Java Virtual Machine - angl. pro Virtuáln´ı stroj Javy 8 Dalvik Virtual Machine - angl. pro Virtuáln´ı stroj Dalviku 9 v´ıce informac´ı na http://www.dalvikurbyggd.is/EN/About-Dalvik/ 10 Android Runtime - angl. pro aplikaˇcn´ı (bˇehové) prostˇred´ı 7

28


5.2.1


Dalvik executable archiv

D˚ usledkem pouˇzit´ı odliˇsn´ ych virtuáln´ıch stroj˚ u na mobiln´ıch zaˇr´ızen´ıch je nutnost dodateˇcné kompilace kódu aplikace pro mobiln´ı prostˇred´ı. Mobiln´ı aplikace pouˇz´ıvaj´ı nam´ısto klasick´ ych jar archiv˚ u tzv. dex, neboli Dalvik Executable, soubory popsané v [Asd15]. Rozd´ıl mezi obsahem jar a dex archivu je ukázán v pˇr´ıloze na obrázku E.1. Z hlediska bezpeˇcnosti m˚ uˇze b´ yt d˚ uleˇzit´ y i fakt, ˇze oproti jar archivu se nedá obsah dex archivu prohlédnout bez pomoci specializovan´ ych dekompilaˇcn´ıch nástroj˚ u. Následuj´ıc´ı obrázek 5.4 ilustruje proces kompilace dex soubor˚ u do podoby spustitelné na platformˇe Android.

Obrázek 5.4: Kompilace dex soubor˚ u Pˇri vytváˇren´ı aplikace pro platformu Android docház´ı k dodateˇcné kompilaci automaticky. V´ ysledn´ y soubor apk se sestává z manifestu aplikace, zdroj˚ u aplikace, dodateˇcn´ ych knihoven a souboru classes.dex, kter´ y obsahuje vˇsechny pˇrekompilované zdrojové kódy potˇrebné k bˇehu aplikace. Samostatnˇe stoj´ıc´ı archivy dex je ale tˇreba vytvoˇrit manuáln´ı kompilac´ı jar archivu pomoc´ı nástroje dx, kter´ y je základn´ı souˇca´st´ı nástroj˚ u Adroid 11 SDK . Nástroj dx um´ı do v´ ysledného archivu zabalit soubory tˇr´ıd, které jsou mu dány k dispozici, nicménˇe problém nastává u knihoven tˇret´ıch stran, kdy nen´ı moˇzné manuálnˇe ovlivnit obsah v´ ysledného archivu. M˚ uˇze tak doj´ıt k tomu, ˇze z p˚ uvodn´ı knihovny budou vynechány napˇr´ıklad soubory typu .property, se kter´ ymi prostˇred´ı Dalvik standarnˇe nepracuje, coˇz zapˇr´ıˇcin´ı nefunkˇcnost aplikace. Knihovny tˇret´ıch stran je tak tˇreba pˇridat pˇr´ımo do projektu polymorfn´ı aplikace, kter´ y je pˇribal´ı do v´ ysledného souboru 11

Software Development Kit - angl. pro Sada v´ yvojov´ ych nástroj˚ u

29



apk. T´ım je bohuˇzel vylouˇcena u ´plná nezávislost generovan´ ych aplikac´ı na jejich mateˇrské aplikaci. Na druhou stranu je moˇzné tutéˇz knihovnu pouˇz´ıt ve v´ıce d´ılˇc´ıch aplikac´ıch. Pˇr´ıkaz pro kompilován´ı archiv˚ u pomoc´ı nástroje dx vypadá následovnˇe: dx -- dex -- keep - classes -- output ="./ vysledek . dex " "./ puvodni . jar "

Ukázka kódu 5.1: Kompilace dex archivu

5.2.2

Naˇ c´ıt´ an´ı archiv˚ u

Standardnˇe jsou pˇri bˇehu aplikace naˇc´ıtány pouze soubory obsaˇzené v jej´ım vlastn´ım archivu classes.dex, kter´ y je souˇca´st´ı instalaˇcn´ıho bal´ıku aplikace apk. K naˇc´ıtán´ı kompilovaného kódu aplikace slouˇz´ı tˇr´ıda DexClassLoader, která zpˇr´ıstupˇ nuje tˇr´ıdy obsaˇzené v archivech jar a apk. Tuto tˇr´ıdu lze vyuˇz´ıt rovnˇeˇz k manuáln´ımu naˇcten´ı dex soubor˚ u z pamˇeti zaˇr´ızen´ı. Následuj´ıc´ı ukázka kódu pˇredstavuje vytvoˇren´ı instance tˇr´ıdy DexClassLoader, která jako parametry bere: • Vstupn´ı soubor dex; • Adresáˇr v cache aplikace, do kterého se rozbal´ı potˇrebné soubory; • Pˇr´ıpadn´ y soubor nativn´ıch knihoven; • ClassLoader pouˇz´ıvan´ y obaluj´ıc´ı Aktivitou. File dexFile = Utilities . g e t F i l e I n W o r k i n g D i r e c t o r y ( context , dexFilename ) ; File dexOutput = context . getDir ( " outdex " , Context . MODE_PRIVATE ) ; DexClassLoader dcl = new DexClassLoader ( dexFile . getAbsolutePath () , dexOutput . getAbsolutePath () , null , context . getClassLoader () ) ; Class libProviderClass = null ; libProviderClass = dcl . loadClass ( targetClass ) ;

Ukázka kódu 5.2: Pouˇz´ıt´ı DexClassLoaderu 30



Po naˇcten´ı potˇrebné tˇr´ıdy je moˇzné vytvoˇrit jej´ı instanci a spustit nˇekterou z jej´ıch metod. V realizované aplikaci je konzistence naˇc´ıtán´ı zajiˇstˇena t´ım, ˇze vˇsechny pouˇzité podprogramy mus´ı implementovat spoleˇcné rozhran´ı ILibraryFunction, které obsahuje metodu doLibraryFunction. Zm´ınˇená metoda je pak definována v jednotliv´ ych knihovnách, takˇze ji lze vˇzdy pouˇz´ıt. Jako vstupn´ı parametr bere seznam ˇretˇezc˚ u a v´ ystupem je rovnˇeˇz seznam ˇretˇezc˚ u. T´ım je dosaˇzeno velkého zobecnˇen´ı pˇri volán´ı metody bez pˇredchoz´ı znalosti jej´ıho obsahu ˇci funkce. interface ILibraryFunction { public ArrayList < String > doLibraryFunction ( ArrayList < String > parameters ) ; }

Ukázka kódu 5.3: Rozhran´ı dex archivu Samotného volán´ı metody je dosaˇzeno pomoc´ı reflexe. Pˇri instancován´ı metody je podstatná pouze samotná metoda doLibraryFunction, která je volána. Dalˇs´ı metody a jin´ y obsah tˇr´ıdy jsou ignorovány. Z´ıskán´ı v´ ysledk˚ u volané metody vypadá následovnˇe: final Object myInstance = libProviderClass . newInstance () ; final Method doSomething = libProviderClass . getMethod ( " doLibraryFunction " , ArrayList . class ) ; Object output = doSomething . invoke ( myInstance , input ) ;

Ukázka kódu 5.4: Volán´ı knihovn´ı funkce Obecnˇe je moˇzné volat libovolnou metodu vybrané tˇr´ıdy, pro jej´ı pouˇzit´ı staˇc´ı pouze zadat jméno metody a typ jej´ıch vstupn´ıch parametr˚ u. Pouˇzit´ım co nejobecnˇejˇs´ıho návrhu vˇsak máme zajiˇstˇeno, ˇze právˇe metoda doLibraryFunction bude v c´ılené tˇr´ıdˇe implementována, coˇz je podstatné zejména z hlediska jednoduchého návrhu polymorfn´ı aplikace. V pˇr´ıpadˇe potˇreby by bylo moˇzné návrh rozˇs´ıˇrit o volán´ı libovolné funkce, u které by bylo pomoc´ı reflexe nutné zjistit poˇcet a typy vˇsech jej´ıch parametr˚ u, napˇr´ıklad zp˚ usobem popsan´ ym v [Omt15].

31


5.2.3


Obsluha generovan´ e aplikace

Jak popisuje pˇredchoz´ı ˇca´st 5.2.2, je komunikace mezi generovanou aplikac´ı a jej´ım programov´ ym kódem realizována jednotnˇe pomoc´ı rozhran´ı ILibraryFunction a jeho metody doLibraryFunction. P˚ uvodcem volán´ı extern´ı metody je tlaˇc´ıtko, které má pˇriˇrazen objekt typu Function. Tento objekt se vytvoˇr´ı na základˇe ˇsablony, ze které bylo uˇzivatelské rozhran´ı vytvoˇreno. Zápis v souboru ˇsablony m˚ uˇze vypadat napˇr´ıklad takto: < Button text = " Naj ´ ıt"> < function type = " replace " target = " com . example . control . ContactFinder " / >

Ukázka kódu 5.5: Pˇriˇrazen´ı funkce tlaˇc´ıtku Po stisku tlaˇc´ıtka dojde v obaluj´ıc´ı aktivitˇe k obsluze události, dle typu funkce se provede patˇriˇcná akce. Pokud má dané tlaˇc´ıtko typ funkce replace, znamená to, ˇze se obsah aktuáln´ıho fragmentu bude nahrazovat obsahem vygenerovan´ ym specifikovanou tˇr´ıdou odpov´ıdaj´ıc´ı parametru target. Tato vybraná tˇr´ıda bude instancována pomoc´ı nástroje DexClassLoader a bude v n´ı spuˇstˇena metoda doLibraryFunction. Parametrem této metody je seznam prvk˚ u typu String, kter´ y je generován ze vˇsech editovateln´ ych prvk˚ u typu View obsaˇzen´ ych v aktuáln´ım fragmentu. Mezi editovatelné prvky patˇr´ı prvky typu EditText a CheckBox. Pro kaˇzd´ y uveden´ y typ se vygeneruje jeden spoleˇcn´ y ˇretˇezec s obsahem prvk˚ u pomoc´ı metody itemsContentToString obaluj´ıc´ı aktivity ChildActivity. z prvk˚ u typu EditText je extrahován jejich textov´ y obsah, prvky CheckBox generuj´ı ˇretˇezec true ˇci false dle aktuáln´ı hodnoty. Ve v´ ysledku m˚ uˇze vypadat vstup volané metody následovnˇe: " class android . widget . EditText =[ text1 ; text2 ;...] " , " class android . widget . CheckBox =[ true ; false ;...] "

Ukázka kódu 5.6: Struktura vstupn´ıch parametr˚ u funkce Následnˇe se vytvoˇr´ı instance tˇr´ıdy ProcessFunctionTask, která na pozad´ı provede naˇcten´ı pˇriˇrazeného dex archivu, instancuje specifikovanou tˇr´ıdu a zavolá jej´ı metodu doLibraryFunction s pˇredan´ ymi parametry. Volaná tˇr´ıda mus´ı sama znát poˇcet a typ parametr˚ u, které potˇrebuje k vykonán´ı metody. 32


Práce s u ´loˇziˇsti

Tyto parametry vybere ze vstupu, provede sv˚ uj kód a následnˇe vrac´ı obsah, kter´ y se má zobrazit ve Fragmentu, z nˇehoˇz byla metoda zavolána. V´ ystupn´ım objektem volané metody je opˇet seznam typu ArrayList objekt˚ u typu String. Prvn´ım prvkem seznamu je vˇzdy návratov´ y kód metody. V pˇr´ıpadˇe u ´spˇeˇsného vykonáván´ı je dan´ ym kódem OK, v pˇr´ıpadˇe ne´ uspˇechu je to ˇretˇezec ER. Jednoduch´ ym porovnán´ım pak volaj´ıc´ı aktivita zjist´ı, zda má doj´ıt k pˇrekreslen´ı obsahu (a v takovém pˇr´ıpadˇe zpracuje dalˇs´ı prvky seznamu), ˇci nikoli. Vˇsechny dalˇs´ı prvky v´ ystupn´ıho seznamu jsou tvoˇreny ˇsablonami urˇcen´ ymi pro pˇrekreslen´ı jednotliv´ ych fragment˚ u volaj´ıc´ı aktivity. Po dobˇehnut´ı u ´lohy na pozad´ı je v´ ysledek pˇredán právˇe volaj´ıc´ı aktivitˇe a zpracován´ı v´ ysledku prob´ıhá jiˇz v rámci hlavn´ıho UI vlákna. V pˇr´ıpadˇe, ˇze dobˇehla volaná metoda bez chyby, vyhodnocuje se nejprve poˇcet navrácen´ ych ˇsablon. V pˇr´ıpadˇe, ˇze je navrácena pouze jedna ˇsablona, je pˇrekreslen obsah aktua´ln´ıho fragmentu. V pˇr´ıpadˇe, ˇze je ˇsablon v´ıce, je pro kaˇzdou vytvoˇren nov´ y fragment, kterému je následnˇe pˇriˇrazen obsah vznikl´ y naˇcten´ım odpov´ıdaj´ıc´ı ˇsablony. Naˇc´ıtán´ı obsahu pˇritom prob´ıhá stejnˇe tak, jak je popsáno v ˇca´sti 5.1.3.

5.3

Pr´ ace s u ´ loˇ ziˇ sti

Jak bylo uvedeno v ˇca´sti 4.1, umoˇzn ˇuje základn´ı aktivita polymorfn´ı aplikace staˇzen´ı ˇsablon a dex archiv˚ u z nˇekolika zdroj˚ u. Kromˇe samotného zaˇr´ızen´ı a s´ıt’ového URL jsou takov´ ym zdrojem i tzv. cloudová u ´loˇziˇstˇe. Cloud v tomto pˇr´ıpadˇe znamená veˇrejnˇe dostupnou sluˇzbu pro ukládán´ı dat na internetové servery, pˇriˇcemˇz koncov´ y uˇzivatel je oddˇelen od samotné technologické implementace a k u ´loˇziˇsti pˇristupuje pomoc´ı specializované aplikace ˇci internetového prohl´ıˇzeˇce. C´ılem tˇechto sluˇzeb je záloha dat, sd´ılen´ı dat mezi uˇzivateli a umoˇznˇen´ı dostupnosti dat uˇzivatele z nˇekolika r˚ uzn´ ych zaˇr´ızen´ı. V posledn´ıch letech se z cloudov´ ych u ´loˇziˇst’ rovnˇeˇz stávaj´ı nástroje pro správu dokument˚ u. Mezi nejpouˇz´ıvanˇejˇs´ı sluˇzby tohoto typu patˇr´ı: • Dropbox - odhadovan´ y poˇcet uˇzivatel˚ u pˇrevyˇsuj´ıc´ı 300 milion˚ u, dostupné na https://www.dropbox.com/. 33



• Google Drive - odhadovan´ y poˇcet uˇzivatel˚ u 240 milion˚ u, dostupné na https://www.google.com/intl/cs/drive/. • OneDrive - u ´loˇziˇstˇe spoleˇcnosti Microsoft s v´ıce neˇz 250 miliony uˇzivateli, dostupné na https://onedrive.live.com/about/cs-cz/. • ownDrive - u ´loˇziˇstˇe sdruˇzen´ı CESNET pro akademickou sféru, dostupné na https://du.cesnet.cz/cs/navody/owncloud/start. Zdroj dat: [For14]. Vybraná u ´loˇziˇstˇe jsou mnohdy pˇr´ımo svázána s uˇzivatelsk´ ym u ´ˇctem mobiln´ıho zaˇr´ızen´ı ˇci operaˇcn´ıho systému, proto nelze povaˇzovat ˇc´ıselné u ´daje za reálné poˇcty aktivn´ıch uˇzivatel˚ u. Vyuˇzit´ım cloudov´ ych u ´loˇziˇst’ a stahován´ı souboru pˇr´ımo z internetu odpadá nutnost nahrávat soubory do zaˇr´ızen´ı fyzick´ ym pˇripojen´ım k poˇc´ıtaˇci. Soubory je moˇzné nahrávat takˇrka kdekoli. A rovnˇeˇz je moˇzné pouˇz´ıt u ´loˇziˇstˇe ke správˇe a verzován´ı soubor˚ u d´ılˇc´ı aplikace. Celkovˇe se tak zlepˇsuje pohodl´ı uˇzivatele a pˇr´ıstupnost aplikace jako celku.

5.3.1

Google Drive

Platforma Android je jakoˇzto produkt spoleˇcnosti Google pˇr´ımo svázána s uˇzivatelsk´ ym u ´ˇctem zm´ınˇené firmy. Google Drive je tak pˇrirozenˇe podporován Androidov´ ymi zaˇr´ızen´ımi, nebot’ ta ke své funkci vyˇzaduj´ı pˇrihláˇsen´ı právˇe k onomu uˇzivatelskému u ´ˇctu spoleˇcnému pro vˇsechny sluˇzby spoleˇcnosti, tedy i Google Drive. Podm´ınkou pro vyuˇz´ıván´ı sluˇzby je právˇe u ´spˇeˇsné spárován´ı s u ´ˇctem sluˇzeb Google Play, které jsou nativn´ı souˇca´st´ı operaˇcn´ıho systému Android. Tohoto faktu bylo vyuˇzito i pˇri realizaci polymorfn´ı aplikace. Ta pˇri prvn´ım spuˇstˇen´ı uˇzivatele poˇza´dá o pˇr´ıstup k uˇzivatelskému u ´ˇctu a následnˇe umoˇzn´ı stahován´ı soubor˚ u z cloudového u ´loˇziˇstˇe. I kdyˇz je sluˇzba Google Drive automaticky synchronizována na pozad´ı a umoˇzn ˇuje pˇr´ım´ y pˇr´ıstup k soubor˚ um pˇr´ımo ze s´ıtˇe ˇci z lokáln´ı cache zaˇr´ızen´ı, je u vˇsech vybran´ ych soubor˚ u uloˇzena kopie souboru pˇr´ımo do domovské sloˇzky aplikace. To umoˇzn ˇuje jednotné zacházen´ı se soubory, které jsou nezávisle na zdroji ukládány do spoleˇcné sloˇzky pomoc´ı asynchronn´ı u ´lohy. T´ım je zajiˇstˇeno, ˇze se ve sloˇzce nacház´ı vˇzdy nejaktuálnˇejˇs´ı verze souboru, kterou lze pozdˇeji vyuˇz´ıt pˇri v´ ybˇeru poloˇzky z historie. Nav´ıc nem˚ uˇze doj´ıt k problém˚ um zp˚ usoben´ ym 34



napˇr´ıklad v´ ypadkem pˇripojen´ı pˇri naˇc´ıtán´ı dex archivu pˇr´ımo ze s´ıt’ového proudu dat.

5.3.2

Dropbox

Aˇc nen´ı sluˇzba Dropbox pˇr´ımo svázána s uˇzivatelsk´ ym u ´ˇctem zaˇr´ızen´ı tak, jako Google Drive, b´ yvá ˇcasto souˇcást´ı zaˇr´ızen´ı vybran´ ych v´ yrobc˚ u hardware. Mimo to se jedná o cloudové u ´loˇziˇstˇe s nejvyˇsˇs´ım poˇctem uˇzivatel˚ u, a tak bylo logicky dalˇs´ım c´ılem podpory v polymorfn´ı aplikaci. Sluˇzba Dropbox vyuˇz´ıvá odliˇsn´ y systém pˇrihláˇsen´ı uˇzivatele, kdy je do aplikace zaˇclenˇen plug-in12 dropboxChooser, kter´ y vyuˇz´ıvá aplikace jiˇz pˇr´ıtomné v zaˇr´ızen´ı k pˇrihláˇsen´ı a pˇrenosu dat. Aplikace spoleˇcnosti Dropbox se tak stává podm´ınkou pro vyuˇz´ıván´ı této sluˇzby, ale na druhou stranu ˇreˇs´ı technickou stránku spojen´ı s u ´loˇziˇstˇem, aniˇz by bylo nutné programovat jakékoli rozsáhlejˇs´ı rozhran´ı v polymorfn´ı aplikaci. Pˇri stahován´ı soubor˚ uzu ´loˇziˇstˇe Dropbox je v polymorfn´ı aplikaci vyuˇzito toho, ˇze sluˇzba Dropbox poskytuje pro vybran´ y soubor URL odkaz platn´ y nˇekolik hodin. Samotné staˇzen´ı souboru pak prob´ıhá zcela stejnˇe jako stahován´ı z jakéhokoli URL, ale odpadaj´ı problémy se zadáván´ım zdrojové adresy souboru.

12

angl. pro z´ asuvn´ y modul

35

Významné programové ˇcásti

6 Významné programové ˇcásti Tato kapitola si klade za c´ıl pˇredstavit ned˚ uleˇzitˇejˇs´ı ˇcásti polymorfn´ı aplikace a jejich funkci. Pro bliˇzˇs´ı seznámen´ı s kódem aplikace vˇsak doporuˇcuji pˇr´ımo prohl´ıdku zdrojov´ ych kód˚ u, které jsou souˇca´st´ı CD pˇriloˇzeného k této práci. Následuj´ıc´ı odstavce maj´ı slouˇzit sp´ıˇse pro lepˇs´ı pˇrehled ve funkci aplikace, nikoli nahrazovat programovou dokumentaci, i kdyˇz obsahuj´ı nˇekolik ukázek kódu pˇrevzatého pˇr´ımo z polymorfn´ı aplikace.

6.1

Bal´ık activity

V tomto bal´ıˇcku se nacházej´ı základn´ı stavebn´ı prvky aplikace - dvˇe aktivity, které zajiˇst’uj´ı jej´ı chod, správnou reakci prvk˚ u uˇzivatelského rozhran´ı a práci s d´ılˇc´ımi komponentami aplikace.

6.1.1

MainActivity

Jedná se o hlavn´ı spouˇstˇec´ı tˇr´ıdu aplikace, jej´ımˇz hlavn´ım u ´ˇcelem je opatˇren´ı soubor˚ u potˇrebn´ ych pro spuˇstˇen´ı generované aplikace. Tato aktivita ˇreˇs´ı pˇrihláˇsen´ı uˇzivatele a napojen´ı na u ´ˇcet Google Play. A z této tˇr´ıdy jsou spouˇstˇeny asynchronn´ı u ´lohy pro staˇzen´ı soubor˚ u. Aktivita jako taková se stará o zpracován´ı událost´ı vznikl´ ych pouˇzit´ım jednotliv´ ych prvk˚ u uˇzivatelského rozhran´ı. S kaˇzd´ ym zdrojem soubor˚ u je asociováno tlaˇc´ıtko uˇzivatelského rozhran´ı, které obsluhuje danou volbu. Pˇr´ıkladem je v´ ybˇer souboru z Google drive na ukázce 6.1. Po z´ıskán´ı potˇrebn´ ych soubor˚ u je moˇzné spustit aktivitu ChildActivity. /* * * Otev ˇ r e nab ´ ı dku Google Drive . * @param v tla ˇ c´ ı tko Google Drive */ public void driveButtonAction ( View v ) { IntentSender intentSender = Drive . DriveApi . n e w O p e n F i l e A c t i v i t y B u i l d e r () . build ( mGoogleApiClient ) ; try {

36


Bal´ık activity

startIntentSenderForResult ( intentSender , REQUEST_CODE_OPENER , null , 0 , 0 , 0) ; } catch ( IntentSender . S endInte ntExcept ion e ) { Log . w ( " Google API " , " Unable to send intent " , e ) ; } }

Ukázka kódu 6.1: V´ ybˇer souboru z Google Drive

6.1.2

ChildActivity

Tato aktivita obaluje samotnou generovanou aplikaci. D˚ uleˇzit´ ym atributem této aktivity je ArrayList content - seznam s obsahy jednotliv´ ych fragment˚ u. Po spuˇstˇen´ı této aktivity se vytvoˇr´ı instance tˇr´ıdy XmlParser parser, která provád´ı pˇreveden´ı prvk˚ u z textové podoby na objekty uˇzivatelského rozhran´ı. Názvy soubor˚ u vybran´ ych uˇzivatelem v prvn´ı aktivitˇe jsou pˇredány pomoc´ı sd´ılen´ ych preferenc´ı programu, odkud jsou po vytvoˇren´ı aktivity naˇcteny. Tato aktivita se rovnˇeˇz stará o obsluhu událost´ı generovan´ ych aktivn´ımi prvky uˇzivatelského rozhran´ı. Po stisku tlaˇc´ıtka docház´ı k obslouˇzen´ı jeho pˇridruˇzené funkce metodou processFunction a pˇr´ıpadnˇe k vytvoˇren´ı asynchronn´ı u ´lohy ProcessFunctionTask pro obsluhu této funkce, pokud je typ funkce replace. U takov´ ych funkc´ı se provedou následuj´ıc´ı kroky: 1. Vybrán´ı vˇsech objekt˚ u View v aktuáln´ım fragmentu prohledán´ım odpov´ıdaj´ıc´ı poloˇzky seznamu content metodou getAllChildrenBFS. 2. Zpracován´ı obsahu vˇsech poloˇzek typu EditText a CheckBox a vytvoˇren´ı seznamu parametr˚ u pro volanou funkci. 3. Vytvoˇren´ı a spuˇstˇen´ı asynchronn´ı u ´lohy pro obsluhu dané funkce s odpov´ıdaj´ıc´ımi parametry. U prvk˚ u typu TextView s aktivn´ım obsahem (url, e-mailová adresa, telefonn´ı ˇc´ıslo) pak zajiˇst’uje spuˇstˇen´ı správného Intent s odpov´ıdaj´ıc´ım parametrem. Napˇr´ıklad pˇredá jako parametr telefonn´ı ˇc´ıslo a vytvoˇr´ı metodou startDialerIntent odpov´ıdaj´ıc´ı Intent.ACTION DIAL. Pro ostatn´ı typy obsahu funguje spouˇstˇen´ı odpov´ıdaj´ıc´ıch aplikac´ı analogicky. Ukázka 6.2 pˇredstavuje vyvolán´ı e-mailového klienta. 37


Bal´ık activity

/* * * Spust ´ ı intent a otev ˇ r e aplikaci asociovanou s elektronickou po ˇ s tou . * @param address e - mailov ´ a adresa z TextView . */ private void startMailIntent ( String address ) { String [] adresses = new String []{ address }; Intent intent = new Intent ( Intent . ACTION_SENDTO ) ; // omezuje v ´ ybˇ e r na e - mail intent . setData ( Uri . parse ( " mailto : " ) ) ; intent . putExtra ( Intent . EXTRA_EMAIL , adresses ) ; if ( intent . resolveActivity ( getPackageManager () ) != null ) { startActivity ( intent ) ; } }

Ukázka kódu 6.2: Intent mailové aplikace Aktivita rovnˇeˇz umoˇzn ˇuje dynamickou práci s fragmenty pomoc´ı metod duplicateFragment a removeFragment dostupn´ ymi pomoc´ı tlaˇc´ıtek v nástrojové liˇstˇe. Po dokonˇcen´ı asynchronn´ı u ´lohy vyhodnocuje navrácené v´ ysledky a na základˇe jejich poˇctu bud’ nahrad´ı obsah aktuáln´ıho fragmentu metodou updateFragment (viz ukázka 6.3), nebo vytvoˇr´ı a pˇridá nové fragmenty pomoc´ı metody addFragment. /* * * Pou ˇ z ije p ˇ r edan ´ e View jako obsah aktu ´ a ln ´ ı ho fragmentu . * @param fragmentContent budouc ´ ı obsah fragmentu */ private void updateFragment ( View fragmentContent ) { if ( fragmentContent == null ) { return ; } // aktu ´ a ln ´ ı polo ˇ z ka int currentIndex = mViewPager . getCurrentItem () ; View v = content . get ( currentIndex ) ; String title = fragmentContent . getTag ( R . id . title_key ) . toString () ; // asociace s p ˚ u vodn ´ ı s ˇ ablonou fragmentContent . setTag ( R . id . resource_key , v . getTag ( R . id . resource_key ) ) ; // aktualizace z ´ a lo ˇ z ek

38


Bal´ık fragment

ActionBar actionBar = ge tSupport ActionB ar () ; actionBar . getTabAt ( currentIndex ) . setText ( title ) ; // aktualizace obsahu content . set ( currentIndex , fragmentContent ) ; updateImages () ; m Se ct i on s Pa ge r Ad ap t er . not if yDa ta Set Ch ang ed () ; }

Ukázka kódu 6.3: Nahrazen´ı obsahu fragmentu Pˇri prvn´ım naˇcten´ı fragmentu, kter´ y obsahuje obrázky typu ImageView s pˇriˇrazen´ ym URL, spouˇst´ı tato aktivita asynchronn´ı u ´lohu DownloadImageTask, která provede jejich staˇzen´ı a pˇriˇrazen´ı do odpov´ıdaj´ıc´ıch prvk˚ u.

6.2

Bal´ık fragment

Tento bal´ık obsahuje dvˇe tˇr´ıdy zajiˇst’uj´ıc´ı správnou práci s fragmenty. Jedná se o tˇr´ıdu PlaceholderFragment, která pˇredstavuje samotn´ y fragment, a tˇr´ıdu SectionsPagerAdapter, která se stará o správné vytváˇren´ı záloˇzek v nástrojovém panelu pomoc´ı metody z ukázky 6.4. /* * * Na ˇ c te spr ´ a vn ´ y titulek pro fragment . * @param position pozice fragmentu . * @return TITULEK */ @Override public CharSequence getPageTitle ( int position ) { Locale l = Locale . getDefault () ; String title = " " ; View v = ChildActivity . content . get ( position ) ; title = v . getTag ( R . id . title_key ) . toString () ; if ( title . isEmpty () ) { title = " Fragment " + position ; } return title . toUpperCase ( l ) ; }

Ukázka kódu 6.4: Naˇcten´ı titulku fragmentu 39


Bal´ık task

Vytvoˇren´ı nového fragmentu prob´ıhá tak, ˇze si novˇe vytvoˇrená instance vybere ze seznamu prvk˚ u content tˇr´ıdy ChildActivity poloˇzku na odpov´ıdaj´ıc´ım indexu a pˇrevezme jej´ı obsah. Pˇri naˇcten´ı tohoto fragmentu dojde k vloˇzen´ı obsahu do layoutu fragmentu. Pˇri pˇrechodu na jin´ y fragment dojde k odstranˇen´ı tohoto obsahu. T´ım je zajiˇstˇeno, ˇze se v pamˇeti neuchovává zbyteˇcnˇe mnoho naˇcten´ ych fragment˚ u, které nejsou potˇreba. Veˇskerá práce s fragmenty je pˇritom obsluhována pomoc´ı instance tˇr´ıdy SectionsPagerAdapter v aktivitˇe ChildActivity.

6.3

Bal´ık task

Bal´ık task obsahuje definice vˇsech asynchronn´ıch u ´loh pouˇz´ıvan´ ych pˇri bˇehu aplikace. Vˇsechny obsaˇzené tˇr´ıdy dˇed´ı od tˇr´ıdy AsyncTask a liˇs´ı se pouze funkc´ı, kterou vykonávaj´ı, a parametry, které pouˇz´ıvaj´ı.

6.3.1

IOnTaskCompleted

Jedná se o rozhran´ı, které mus´ı implementovat aktivity, aby bylo moˇzné spustit zpracován´ı v´ ysledku okamˇzitˇe po dobˇehnut´ı asynchronn´ı u ´lohy. Doba vykonáván´ı u ´lohy nikdy nen´ı pˇredem známa. Pouˇzit´ım tohoto rozhran´ı lze ale vˇzdy spolehlivˇe vyvolat obsluˇznou událost aktivity, jakmile je u ´loha dokonˇcena.

6.3.2

CopyFileTask

Asynchronn´ı u ´loha pro kop´ırován´ı souboru v rámci pamˇeti zaˇr´ızen´ı. Vˇsechny soubory pouˇz´ıvané aplikac´ı jsou uchovávány ve spoleˇcné domovské sloˇzce v intern´ı pamˇeti zaˇr´ızen´ı, nebot’ naˇc´ıtán´ı archiv˚ u dex z extern´ı pamˇeti nen´ı moˇzné. Proto je nutné soubory z pamˇet’ové karty pˇresunout právˇe do této domovské sloˇzky. Kop´ırovan´ y soubor je pomoc´ı tˇr´ıd FileInputStream a FileOutputStream rozdˇelen na bloky o velikosti 1024 byte a pˇresunut do odpov´ıdaj´ıc´ıho um´ıstˇen´ı. Po pˇreˇcten´ı kaˇzdého bloku je aktualizován ProgressDialog bˇeˇz´ıc´ı na UI vláknu, zat´ımco kop´ırován´ı souboru je vykonáváno na pozad´ı.

40


6.3.3

Bal´ık task

DownloadFileTask

Analogicky funguje asynchronn´ı u ´loha pro staˇzen´ı souboru ze zadaného URL. Rozd´ılná je v tom, ˇze nejprve mus´ı vytvoˇrit spojen´ı se vzdálen´ ym um´ıstˇen´ım pomoc´ı HttpURLConnection. V pˇr´ıpadˇe u ´spˇeˇsného pˇripojen´ı je moˇzné otevˇr´ıt proud pro ˇcten´ı souboru metodou url.openStream() a postupovat stejnˇe jako pˇri kop´ırován´ı lokáln´ıho souboru.

6.3.4

DownloadImageTask

´ Uloha stahuj´ıc´ı obrázky pro vybrané prvky ImageView funguje obdobnˇe jako u ´loha pro staˇzen´ı jakéhokoli jiného souboru. Jedin´ y rozd´ıl spoˇc´ıvá v tom, ˇze naˇcten´ı souboru je zde ponecháno pˇr´ımo na systému, kter´ y poˇzadovan´ y objekt typu Bitmap vytváˇr´ı pomoc´ı metody BitmapFactory.decodeStream. V tomto pˇr´ıpadˇe nen´ı moˇzné urˇcit aktuáln´ı fázi dokonˇcen´ı pˇri pˇrenosu souboru, takˇze jsou moˇznosti zobrazeného dialogu omezené. V ukázce 6.5 je uvedena ˇcást tˇela metody doInBackground, která definuje vˇsechny asynchronn´ı u ´lohy. // p ˇ r evod adresy na URL url = new URL ( urlString ) ; // vytvo ˇ r en ´ ı spojen ´ ı connection = ( HttpURLConnection ) url . openConnection () ; connection . connect () ; // o ˇ c ek ´ av´ a me HTTP 200 OK , v opa ˇ cn´ em pˇ r´ ı pad ˇ e by mohlo doj ´ ıt // ke sta ˇ z en ´ ı chybov ´ e zpr ´ a vy m ´ ı sto souboru if ( connection . getResponseCode () != HttpURLConnection . HTTP_OK ) { errorString = " Server returned HTTP " + connection . getResponseCode () + " " + connection . getResponseMessage () ; return null ; } // vytvo ˇ r en ´ ı bitmapy InputStream is = connection . getInputStream () ; bm = BitmapFactory . decodeStream ( is ) ;

Ukázka kódu 6.5: Staˇzen´ı obrázku z URL

41


Bal´ık type

Objekt Bitmap je uloˇzen v cache zaˇr´ızen´ı jako doˇcasn´ y soubor. Protoˇze nen´ı moˇzné z vlákna bˇeˇz´ıc´ıho na pozad´ı upravovat prvky uˇzivatelského rozhran´ı vytvoˇrené UI vláknem, je z´ıskaná instance objektu Bitmap pˇredána ke zpracován´ı aktivitˇe ChildActivity, která se stará o správné pˇriˇrazen´ı do prvku ImageView.

6.3.5

DriveFileTask

Tato u ´loha má za u ´kol opatˇrit lokáln´ı kopii souboru um´ıstˇeného v u ´loˇziˇsti Google Drive. Z dialogu sluˇzby Google Drive je v´ ybˇerem souboru z´ıskáno jeho DriveId. Podle tohoto u ´daje je moˇzné vytvoˇrit instanci objektu DriveFile a pomoc´ı nˇekolika metod sluˇzeb Google Drive z´ıskat i jeho základn´ı metadata - název a velikost. Pokud je spojen´ı se sluˇzbou Google Drive u ´spˇeˇsnˇe otevˇrené, lze vytvoˇrit instanci objektu DriveContents, ze které je dále moˇzné z´ıskat proudov´ y vstup a zkop´ırovat soubor jako pˇri normáln´ım stahován´ı.

6.3.6

ProcessFunctionTask

ProcessFunctionTask je u ´loha slouˇz´ıc´ı ke spuˇstˇen´ı funkce z archivu typu dex. Pomoc´ı nástroje DexClassLoader je moˇzné z´ıskat instanci c´ılové tˇr´ıdy z pˇripraveného archivu. Následnˇe je pomoc´ı reflexe zavolána metoda doLibraryFunction instance této tˇr´ıdy. Tento postup je popsán jiˇz v kapitole 5.2.2. Nev´ yhodou takového volán´ı metody je fakt, ˇze nen´ı moˇzné urˇcit, kolik zb´ yvá ˇcasu k dokonˇcen´ı metody. Podle v´ ykonu zaˇr´ızen´ı a rychlosti pˇripojen´ı k internetu se tak m˚ uˇze doba potˇrebná k proveden´ı operace velmi liˇsit.

6.4

Bal´ık type

Obsahem tohoto bal´ıku je tˇr´ıda Function, která slouˇz´ı pouze jako objekt pro uloˇzen´ı informac´ı o funkci, která má b´ yt volána po stisknut´ı tlaˇc´ıtka, kterému je pˇriˇrazena. Oddˇelen´ı funkce jako samostatného objektu umoˇzn ˇuje pouˇzit´ı vyˇsˇs´ı m´ıry abstrakce a jednoduˇsˇs´ı pˇredáván´ı parametr˚ u v pr˚ ubˇehu zpracován´ı funkce. Dalˇs´ım prvkem bal´ıku je rozhran´ı ILibraryFunction, které sice nen´ı v po42


Bal´ık util

lymorfn´ı aplikaci pˇr´ımo vyuˇz´ıváno, jeho implementace je vˇsak vyˇzadována u d´ılˇc´ıch funkc´ı generované aplikace, aby bylo moˇzné je spouˇstˇet jednotn´ ym pˇr´ıstupem popsan´ ym v ˇcásti 5.2.2.

6.5

Bal´ık util

Souˇca´st´ı tohoto bal´ıˇcku jsou tˇr´ıdy, které pˇr´ımo nezasahuj´ı do chodu aplikace, nicménˇe poskytuj´ı nástroje a metody nutnˇe potˇrebné pro jej´ı správnou funkci.

6.5.1

Utilities

Tato tˇr´ıda se stará zejména o práci se soubory na u ´rovni kontroly jejich existence, vytváˇren´ı potˇrebn´ ych adresáˇr˚ u a jejich pˇr´ıpadné odstranˇen´ı. Dalˇs´ı d˚ uleˇzitou funkc´ı tˇr´ıdy Utilities je práce se shared preferences, které pˇredstavuj´ı zp˚ usob, jak ukládat data aplikace pro pozdˇejˇs´ı pouˇzit´ı - napˇr´ıklad historii naˇcten´ ych soubor˚ u a dalˇs´ı u ´daje. Ukázka kódu 6.6 pˇredstavuje metodu, která provád´ı uloˇzen´ı jedné hodnoty do seznamu ˇretˇezc˚ u v shared preferences. /* * * Pˇ r id ´ a uvedenou hodnotu do odpov ´ ı daj ´ ıc´ ı ho seznamu v shared Preferences . * @param context Kontext volaj ´ ıc´ ı aplikace * @param key Kl ´ ıˇ c pro v y ´bˇ e r seznamu * @param value Hodnota pro p ˇ r id ´ an´ ı */ public static void writeToSet ( Context context , String key , String value ) { Set < String > values = new HashSet < String >() ; Set < String > data = getPreferences ( context ) . getStringSet ( key , values ) ; values . addAll ( data ) ; values . add ( value ) ; getEditor ( context ) . putStringSet ( key , values ) . commit () ; }

Ukázka kódu 6.6: Zápis do shared preferences Pouˇzit´ım této tˇr´ıdy je zajiˇstˇeno, ˇze ani jedna aktivita nemus´ı znát pˇresné um´ıstˇen´ı domovské sloˇzky v souborovém systému zaˇr´ızen´ı, aby mohla pra43


Bal´ık util

covat se soubory. V´ yznamnou metodou je pak napˇr´ıklad metoda getPath, která pˇrevád´ı obecn´ y identifikátor um´ıstˇen´ı souboru na zaˇr´ızen´ı Android na skuteˇcnou cestu k tomuto souboru. V této tˇr´ıdˇe je rovnˇeˇz um´ıstˇena metoda pro zjiˇstˇen´ı aktuáln´ıho stavu pˇripojen´ı k s´ıti isOnline uvedená na ukázce 6.7. /* * * Zjist ´ ı , zda je za ˇ r´ ı zen ´ ı pˇ r ipojeno k s ´ ı ti . * @param context Kontext volaj ´ ıc´ ı aktivity . * @return true pro aktivn ´ ı pˇ r ipojen ´ ı , jinak false */ private boolean isOnline ( Context context ) { try { Conn ectivity Manager cm = ( Connec tivityM anager ) context . getSystemService ( Context . C ON NEC TI VIT Y_S ER VIC E ) ; return cm . g etA ct ive Ne two rk Inf o () . i s C o n n e c t e d O r C o n n e c t i n g () ; } catch ( Exception e ) { return false ; } }

Ukázka kódu 6.7: Ovˇeˇren´ı pˇripojen´ı k s´ıti

6.5.2

XmlParser

XmlParser je tˇr´ıda kl´ıˇcová pro zpracován´ı vˇsech XML ˇsablon a jejich pˇreveden´ı na prvky grafického rozhran´ı. Samotné prvky je nutné vytváˇret v UI vláknˇe, které je posléze ovládá. Proto jsou tvoˇreny v rámci kontextu Child Activity, která parser instancuje. Pr˚ ubˇeh vytváˇren´ı grafického rozhran´ı generované aplikace je popsán jiˇz v ˇcásti 5.1. Z hlediska tˇr´ıdy XmlParser se skládá z následuj´ıc´ıch krok˚ u: 1. Parsován´ı vstupn´ıho souboru ˇci stringového vstupu pomoc´ı instance tˇr´ıdy DocumentBuilder. 2. Rozdˇelen´ı na jednotlivé fragmenty, pokud je jich obsaˇzeno v´ıce. 44


Bal´ık util

3. Vytvoˇren´ı obaluj´ıc´ıho LinearLayout, do kterého se vˇsechny dalˇs´ı prvky vybraného fragmentu pˇridaj´ı, metodou parseFragmentContent. 4. Procházen´ı struktury prvk˚ u do hloubky pomoc´ı rekurzivn´ı metody parseNode. 5. Pˇreveden´ı vybraného elementu ˇsablony na odpov´ıdaj´ıc´ı prvek uˇzivatelského rozhran´ı a pˇriˇrazen´ı vˇsech atribut˚ u. Následuj´ıc´ı ukázka 6.8 pˇredstavuje metodu pro pˇreveden´ı jednoho uzlu ˇsablony na prvek uˇzivatelského rozhran´ı (viz bod 4 v pˇredcházej´ıc´ım seznamu). /* * * Pˇ r evede vybran ´ y uzel ˇ s ablony na prvek rozhran ´ ı. * @param node prvek ˇ s ablony * @return prvek u ˇ z ivatelsk ´ e ho rozhran ´ ı */ private View parseNode ( Node node ) { View v = null ; Element ele = ( Element ) node ; String nodename = ele . getTagName () ; switch ( nodename ) { case ( " linearlayout " ) : v = parseLinearLayout ( ele ) ; break ; case ( " button " ) : v = parseButton ( ele ) ; break ; case ( " textview " ) : v = parseTextView ( ele ) ; break ; case ( " edittext " ) : v = parseEditText ( ele ) ; break ; case ( " checkbox " ) : v = parseCheckBox ( ele ) ; break ; case ( " imageview " ) : v = parseImageView ( ele ) ; break ; default : v = parseTextView ( ele ) ; }

45


Bal´ık util

String weightValue = ele . getAttribute ( " weight " ) ; LinearLayout . LayoutParams defaultLP = new LinearLayout . LayoutParams ( LinearLayout . LayoutParams . MATCH_PARENT , LinearLayout . LayoutParams . MATCH_PARENT , parseWeight ( weightValue ) ) ; v . setLayoutParams ( defaultLP ) ; return v ; }

Ukázka kódu 6.8: Parsován´ı uzl˚ u ˇsablony Posledn´ı ukázka této kapitoly 6.9 pˇredstavuje vytvoˇren´ı prvku uˇzivatelského rozhran´ı z elementu ˇsablony. Jedná se o metodu volanou z kódu v ukázce 6.8. Vytváˇren´ı ostatn´ıch prvk˚ u uˇzivatelského rozhran´ı prob´ıhá analogicky, liˇs´ı se jen pouˇzité atributy element˚ u, které popisuje pˇr´ıloha C. /* * * Vytvo ˇ r´ ı z elementu ˇ s ablony prvek u ˇ z ivatelsk ´ e ho rozhran ´ ı EditText * @param e vybran ´ y element ˇ s ablony * @return Vytvo ˇ r en ´ a instance objektu EditText */ private EditText parseEditText ( Element e ) { EditText et = new EditText ( appContext ) ; et . setTextSize ( TypedValue . COMPLEX_UNIT_PX , appContext . getResources () . getDimension ( R . dimen . a b c _ t e x t _ s i z e _ m e d i u m _ m a t e r i a l ) ) ; et . setHint ( e . getAttribute ( " hint " ) . trim () ) ; et . setTag ( e . getAttribute ( " tag " ) ) ; String inputTypeValue = e . getAttribute ( " type " ) ; switch ( inputTypeValue ) { case ( " datetime " ) : et . setInputType ( InputType . T YPE_CLA SS_DATE TIME ) ; break ; case ( " number " ) : et . setInputType ( InputType . TYPE_CLASS_NUMBER ) ; break ; case ( " phone " ) : et . setInputType ( InputType . TYPE_CLASS_PHONE ) ; break ; case ( " multiline " ) :

46


Bal´ık util

et . setSingleLine ( false ) ; et . s e t H o r i z o n t a l S c r o l l B a r E n a b l e d ( false ) ; break ; case ( " text " ) : default : et . setInputType ( InputType . TYPE_CLASS_TEXT ) ; } return et ; }

Ukázka kódu 6.9: Vytvoˇren´ı prvku EditText Pˇri naˇc´ıtán´ı ˇsablony ze souboru se kaˇzd´ y naˇcten´ y fragment ukládá do struktury Map<String, ArrayList > fragmentSources, ve které je asociován sv´ ym titulkem. V pˇr´ıpadˇe, ˇze je tˇreba duplikovat vybran´ y fragment uˇzivatelského rozhran´ı, dojde k v´ ybˇeru pˇredpˇripraveného obsahu pˇr´ımo z této zdrojové mapy. Toto ˇreˇsen´ı je zvoleno z d˚ uvodu, ˇze samotné prvky uˇzivatelského rozhran´ı nejde jednoduˇse duplikovat, pokud jsou jiˇz vytvoˇreny v kontextu aktivity ChildActivity. Naˇcten´ım prvk˚ u z mapy tak lze efektivnˇe a rychle provést duplikaci fragmentu se zcela nov´ ymi prvky, coˇz je d˚ uleˇzité hlavnˇe pro fragmenty, u kter´ ych jiˇz byl p˚ uvodn´ı obsah nahrazen v´ ystupem z volané funkce generované aplikace.

47

Ukázkové aplikace

7 Ukázkové aplikace Funkcionalitu polymorfn´ı aplikace je moˇzné nejlépe prezentovat na sadˇe generovan´ ych aplikac´ı, které pod polymorfn´ı aplikac´ı bˇeˇz´ı. Jedná se o aplikace, které byly vytvoˇreny nezávisle, jako samostatné projekty v jazyce Java, ve v´ yvojovém prostˇred´ı Eclipse1 . Aplikace byly zámˇernˇe vytvoˇreny oddˇelenˇe od mateˇrské aplikace, bez pouˇzit´ı jak´ ychkoli funkc´ı ˇci prvk˚ u platformy Android, aby bylo ukázáno, ˇze se jedná o samostatnˇe bˇeˇz´ıc´ı ˇreˇsen´ı, které lze do polymorfn´ı aplikace jednoduˇse integrovat. Vzhledem ke zp˚ usobu, kter´ ym aplikace vznikly, je lze spustit pouˇz´ıt dvˇema zp˚ usoby znázornˇen´ ymi na obrázku 7.1.

Obrázek 7.1: Spuˇstˇen´ı ukázkov´ ych aplikac´ı

1. Jako standardn´ı desktopové aplikace s rozhran´ım v´ yvojového prostˇred´ı, pˇr´ıpadnˇe konzolov´ ym rozhran´ım. Aplikace v takovém pˇr´ıpadˇe naˇc´ıtá jen nezbytnˇe nutné parametry a v´ ystupem je formátovan´ y text do konzolového rozhran´ı. 2. Jako jádro generované mobiln´ı aplikace, které je spuˇstˇeno z uˇzivatelského rozhran´ı odpov´ıdaj´ıc´ı ˇsablony. Program se provede v rámci asynchronn´ı u ´lohy polymorfn´ı aplikace, vstupem je seznam text˚ u editovateln´ ych prvk˚ u rozhran´ı a seznam hodnot nastaven´ ych pomoc´ı CheckBox˚ u v rozhran´ı. V´ ystupem je pak jedna nebo v´ıce ˇsablon vygenerovan´ ych z nalezen´ ych v´ ysledk˚ u. 1

Pouˇzit´ a verze: Eclipse Standard, Kepler Service Release 1, Build id: 20130919-0819

48


7.1

Omezen´ı a poˇzadavky

Omezen´ı a poˇ zadavky

Pokud nemá uˇzivatel k dispozici jiˇz hotov´ y dex archiv s v´ ykonn´ ym kódem aplikace, je tˇreba pˇred pouˇzit´ım aplikace v mobiln´ım zaˇr´ızen´ı aplikaci nejprve pˇrekompilovat do poˇzadovaného formátu. D˚ uvody pro tento krok popisuje kapitola 5.2. Pˇresn´ y postup pak popisuje pˇr´ıloha B.3. Kv˚ uli omezen´ım dan´ ym kompilac´ı kódu do dex archivu nen´ı moˇzné pouˇz´ıvat v rámci d´ılˇc´ı aplikace knihovny tˇret´ıch stran. Respektive nen´ı moˇzné zaruˇcit, ˇze ve v´ ysledném dex archivu budou obsaˇzeny veˇskeré komponenty nutné pro správn´ y chod programu. V pˇr´ıpadˇe, ˇze d´ılˇc´ı aplikace knihovnu tˇret´ıch stran vyuˇz´ıvá, je lepˇs´ı pˇriloˇzit soubor knihovny do projektu polymorfn´ı aplikace dle návodu v pˇr´ıloze B.4, a to i v pˇr´ıpadˇe, ˇze samotná polymorfn´ı aplikace ˇza´dnou funkci dané knihovny nevyuˇz´ıvá. Uvedené aplikace pracuj´ı na bázi hledán´ı odpov´ıdaj´ıc´ıch informac´ı na internetu, takˇze je pro jejich bˇeh vyˇzadováno aktivn´ı pˇripojen´ı k s´ıti v mobiln´ı i desktopové podobˇe. Je rovnˇeˇz tˇreba dbát na to, aby vytvoˇrená aplikace nepˇrekraˇcovala systémová povolen´ı polymorfn´ı aplikace popsaná v pˇr´ıloze A.

7.2

ˇ cka RSS Cteˇ

RSS2 je podskupinou jazyka XML. P˚ uvodnˇe bylo vytvoˇreno jako formát pro v´ ymˇenu informac´ı mezi poˇc´ıtaˇcov´ ymi servery, ale v souˇcasné dobˇe je vˇseobecnˇe vyuˇz´ıváno jako kanál pro zas´ılán´ı novinek - zpráv, zveˇrejnˇen´ ych ˇclánk˚ u atd. Základem ˇcten´ı RSS zpráv je pˇripojen´ı se k vybranému kanálu, identifikovanému odpov´ıdaj´ıc´ım URL. V rámci tohoto kanálu (channel ) jsou pak postupnˇe zveˇrejˇ novány jednotlivé pˇr´ıspˇevky (item). V ukázkové aplikaci byla pouˇzita specifikace RSS 2.0.1 popsaná v [Rss09] jako nejuniverzálnˇejˇs´ı struktura zdroje zpráv, i kdyˇz v souˇcasnosti nab´ yvaj´ı na v´ yznamu novˇejˇs´ı ˇreˇsen´ı, ˇ sen´ı RSS 2 je vˇsak nejrozˇs´ıˇrenˇejˇs´ı napˇr´ıklad Atom definovan´ y v [Not05]. Reˇ zejména z historick´ ych d˚ uvod˚ u. C´ılem aplikace je pak zpˇr´ıstupnˇen´ı novinek z vybran´ ych kanál˚ u ve formˇe ˇcitelné na displeji mobiln´ıho zaˇr´ızen´ı. Uˇzivatel zadává do aplikace pouze dva 2

Really Simple Syndication - angl. pro Velmi jednoduchá syndikace obsahu

49

ˇ cka RSS Cteˇ


u ´daje - adresu zdroje a poˇcet pˇr´ıspˇevk˚ u, které se maj´ı naˇc´ıst. Dále je moˇzné specifikovat, zda se má pro naˇctené pˇr´ıspˇevky stahovat i obrazov´ y materiál ´ z pˇr´ılohy pˇr´ıspˇevku. Uvodn´ı obrazovku generované aplikace pˇredstavuje obrázek 7.2.

´ Obrázek 7.2: Uvodn´ ı obrazovka RSS ˇcteˇcky Na obrázku 7.2 je také patrné, ˇze u poloˇzek typu EditText lze vybrat jeden z typ˚ u vstupu, kterému se pak pˇrizp˚ usob´ı rozloˇzen´ı klávesnice na zaˇr´ızen´ı. V´ıce o definici prvk˚ u uˇzivatelského rozhran´ı se lze doˇc´ıst v pˇr´ıloze C. Po naˇcten´ı vybraného zdroje probˇehne jeho parsován´ı pomoc´ı DOM parseru. P˚ uvodnˇe byl pouˇzit StAX3 parser inspirovan´ y ˇreˇsen´ım uveden´ ym ve [Vog13]. Bohuˇzel zde docház´ı k tomu problému, ˇze tˇr´ıdy bal´ıku javax.xml stream.events nejsou implementovány v základn´ıch prostˇredc´ıch platformy 3

Streaming API for XML - angl. pro Rozhran´ı pro ˇcten´ı XML proud˚ u.

50

ˇ cka RSS Cteˇ


Android, aˇc se jedná o zcela bˇeˇznˇe pouˇz´ıvan´ y prostˇredek standardn´ı verze jazyka Java. Nam´ısto integrace potˇrebn´ ych knihoven do polymorfn´ı aplikace tak bylo zvoleno náhradn´ı ˇreˇsen´ı a parser RSS zdroje byl kompletnˇe pˇredˇelán. Pro u ´plnost ale uvád´ım, ˇze platforma Android nemus´ı podporovat ani nˇekteré funkce jazyka Java verze 7, pokud jsou ve tˇr´ıdách naˇc´ıtan´ ych pomoc´ı DexClassLoaderu. A je tak lepˇs´ı se nov´ ym prvk˚ um jazyka Java radˇeji vyhnout, napˇr´ıklad pˇr´ıkaz switch s parametrem typu String nemus´ı b´ yt vˇzdy bezpeˇcn´ y, aˇckoli ho vyuˇz´ıvá samotná polymorfn´ı aplikace. @Override public String toString () { return " Feed [ copyright = " + copyright + " , description = " + description + " , language = " + language + " , link = " + link + " , pubDate = " + pubDate + " , title = " + title + " , lastBuildDate = " + lastBuildDate + " ] " ; }

Ukázka kódu 7.1: Atributy objektu Feed Po zpracován´ı zdrojového souboru parserem prob´ıhá pˇreveden´ı na odpov´ıdaj´ıc´ı objekty - Feed a FeedMessage. Jednotlivé atributy objekt˚ u jsou ukládány v podobˇe ˇretˇezce a jsou pojmenovány stejn´ ymi názvy jako v definici RSS zdroj˚ u. Proto nam´ısto v´ yˇctu uvád´ım pouze metody v´ ypisu objekt˚ u na konzoli, které jsou dostateˇcnˇe názorné. @Override public String toString () { return " FeedMessage [ title = " + title + " , description = " + description + " , link = " + link + " , author = " + author + " , guid = " + guid + " , pubDate = " + pubDate + " , enclosureType = " + enclosureType + " , enclosureURL = " + enclosureURL + " ] " ; }

Ukázka kódu 7.2: Atributy objektu FeedMessage Jednotlivé poloˇzky FeedMessage mohou ve zdrojovém souboru obsahovat prvek enclosure, kter´ y znaˇc´ı pˇr´ıtomnost pˇridaného obsahu ve formˇe souboru.

51

ˇ cka RSS Cteˇ


Napˇr´ıklad: < enclosure url = " http: // www . scripting . com / mp3s /\\ weatherReportSuite . mp3 " length = " 12216320 " type = " audio / mpeg " />

Ukázka kódu 7.3: Enclosure - zvukov´ y soubor Pokud uˇzivatel vybere moˇznost stahován´ı obrázk˚ u v RSS zprávách a pokud zpráva obsahuje pˇr´ılohu typu image, uloˇz´ı se zdrojové URL obrázku do objektu FeedMessage. Jelikoˇz ale modul aplikace neˇreˇs´ı práci se souborov´ ym systémem, nen´ı moˇzné obrázek rovnou uloˇzit. Nahráván´ı obrázk˚ u prob´ıhá aˇz pˇri prvn´ım zobrazen´ı daného prvku v c´ılovém fragmentu aplikace. Aby bylo moˇzné staˇzen´ı provést, je tˇreba pˇredat aplikaci URL v bezpeˇcné podobˇe, která nenaruˇs´ı strukturu v´ ysledné XML ˇsablony. K pˇreveden´ı obvykle slouˇz´ı vybraná metoda bal´ıku java.net, nicménˇe ta byla nahrazena vlastn´ım ˇreˇsen´ım, aby bylo moˇzné se vyhnout jakékoli závislosti na extern´ıch knihovnách. /* * Pˇ r evede URI na bezpe ˇ cn´ y ˇ r et ˇ e zec * @param s p ˚ u vodn ´ ı ˇ r et ˇ e zec * @return p ˇ r eveden ´ y ˇ r et ˇ e zec */ private String encodeURIcomponent ( String s ) { StringBuilder o = new StringBuilder () ; for ( char ch : s . toCharArray () ) { if ( isUnsafe ( ch ) ) { o . append ( ’ \% ’ ) ; o . append ( toHex ( ch / 16) ) ; o . append ( toHex ( ch \% 16) ) ; } else o . append ( ch ) ; } return o . toString () ; } /* * * Vrac ´ ı hexa decim ´ a ln ´ ı hodnotu znaku . * @param ch znak k p ˇ r eveden ´ ı * @return hexadecim ´ a ln ´ ı hodnota */ private char toHex ( int ch ) { return ( char ) ( ch < 10 ? ’ 0 ’ + ch : ’ A ’ + ch - 10) ; } /* *

52

ˇ Kontakty ZCU


* Kontroluje bezpe ˇ c nost znak ˚ u * @param ch zkouman ´ y znak * @return true pro speci ´ a ln ´ ı znaky , false pro ostatn ´ ı */ private boolean isUnsafe ( char ch ) { if ( ch > 128 || ch < 0) return true ; return " % $ &+ ,/:;=? @ < ># ’ ‘ \"\\ " . indexOf ( ch ) >= 0; }

Ukázka kódu 7.4: Pˇreveden´ı URL na bezpeˇcn´ y ˇretˇezec Stejn´ y postup je pouˇzit pro samotn´ y odkaz na plnou verzi zprávy, kter´ y se téˇz vkládá do v´ ysledné ˇsablony. Pomoc´ı pouˇzit´ı r˚ uzn´ ych typ˚ u textu pro jednotlivé prvky TextView je dosaˇzeno toho, ˇze po kliknut´ı na uveden´ y odkaz bude otevˇren dan´ y ˇclánek pˇr´ımo v prohl´ıˇzeˇci zaˇr´ızen´ı. Pokud se tedy uˇzivatel aplikace chce dozvˇedˇet v´ıce informac´ı ˇci zobrazit obsah, kter´ y byl v rámci aplikace vynechán (videa, zvukové soubory, HTML elementy v popisu zprávy). ˇ cka je pak ˇsablona se zadan´ V´ ysledkem ˇcinnosti d´ılˇc´ı aplikace RSS Cteˇ ym poˇctem prvk˚ u, kde je kaˇzd´ y prvek zobrazen ve formátu: obrázek, nadpis, datum publikován´ı, popis zprávy, zvýraznˇený odkaz na celý text. Sn´ımky v´ ysledk˚ u ˇcteˇcky pˇr´ımo ze zaˇr´ızen´ı jsou pˇriloˇzené v pˇr´ıloze E.3.

7.3

ˇ Kontakty ZCU

Dalˇs´ı ukázková aplikace slouˇz´ı k rychlému nalezen´ı kontaktn´ıch informac´ı o pracovn´ıc´ıch Západoˇceské univerzity v Plzni. Vyuˇz´ıvá k tomu infromac´ı z´ıskan´ ych z profil˚ u zamˇestnanc˚ u na stránkách http://www.zcu.cz/media/ about/people/, které uprav´ı do podoby vhodné pro mobiln´ı zaˇr´ızen´ı. Jednotlivé informace jsou z´ıskávány pˇr´ımo z webov´ ych stránek pomoc´ı 4 nástroje jsoup . Ten umoˇzn ˇuje v´ ybˇer element˚ u jazyka HTML pomoc´ı jejich unikátn´ıch CSS selektor˚ u. V pˇr´ıpadˇe jednotné struktury vizitek“ jednotli” v´ ych zamˇestnanc˚ u je tedy moˇzné vytvoˇrit parser na m´ıru vˇsem stránkám ˇ obsahuj´ıc´ım informace o zamˇestnanc´ıch ZCU. Jelikoˇz se jedná o knihovnu tˇret´ıch stran pouˇz´ıvanou v d´ılˇc´ı aplikaci, bylo 4

v´ıce informac´ı na http://jsoup.org/

53

ˇ Kontakty ZCU


nutné ji zavést pˇr´ımo do mateˇrské aplikace jako knihovnu, protoˇze nebylo moˇzné ji pˇridat do archivu pomoc´ı nástroje dx. Po pˇridán´ı této knihovny je vˇsak aplikace pˇripravena na parsován´ı jakékoli webové stránky, staˇc´ı pouze pˇrizp˚ usobit pravidla parseru dané stránce. Vyhledáván´ı kontakt˚ u prob´ıhá dle zadaného jména a pˇr´ıjmen´ı hledané osoby. Ani jeden z parametr˚ u nen´ı povinn´ y, nicménˇe nepˇresn´ y dotaz povede v absolutn´ı vˇetˇsinˇe pˇr´ıpad˚ u k nepˇresn´ ym v´ ysledk˚ um. Nedoporuˇcuje se tedy zadáván´ı pˇr´ıliˇs obecn´ ych dotaz˚ u typu: nebo <” ”, Novák>. Ukázka vstupu aplikace je na obrázku 7.3. Prvky typu CheckBox nejsou v této aplikaci pouˇzity, a proto je m˚ uˇze v´ ykonn´ y modul ignorovat.

´ ˇ Obrázek 7.3: Uvodn´ ı obrazovka aplikace Kontakty ZCU Po zpracován´ı vstupn´ıch u ´daj˚ u program pˇristoup´ı pomoc´ı knihovny jsoup na základn´ı stránku http://www.zcu.cz/media/about/people/, odkud vyˇ extrahuje vˇsechny odkazy na jednotlivé stránky pracovn´ık˚ u ZCU. Z tˇechto 54

ˇ Kontakty ZCU


odkaz˚ u vybere takové stránky, u kter´ ych se shoduje pˇr´ıjmen´ı osoby se zadan´ ym u ´dajem, a dále je vyfiltruje podle zadaného jména. Dalˇs´ım krokem je postupn´ y pˇr´ıstup na vˇsechny odpov´ıdaj´ıc´ı stránky zamˇestnanc˚ u, ze kter´ ych jsou z´ıskány potˇrebné u ´daje. Ty se pouˇzij´ı pro vytvoˇ cky ˇren´ı instance objektu Person, která má stejnˇe jako v u aplikace RSS Cteˇ vˇsechny atributy typu String, a tak bude popsána pouze pomoc´ı metody toString v ukázce 7.5. @Override public String toString () { StringBuilder builder = new StringBuilder () ; builder . append ( " Jm ´ e no : " + name + " \ n " ) ; builder . append ( " Telefon : " + phone + " \ n " ) ; builder . append ( " Mail : " + mail + " \ n " ) ; builder . append ( " M ´ ı stnost : " + room + " \ n " ) ; builder . append ( " Pracovi ˇ stˇ e : " + department + " \ n " ) ; builder . append ( " Fotka : " + photo + " \ n " ) ; return builder . toString () ; }

Ukázka kódu 7.5: Atributy objektu Person Pro kaˇzdou instanci objektu Person je následnˇe vytvoˇrena vlastn´ı ˇsablona pro polymorfn´ı aplikaci. Aby nedoˇslo k zahlcen´ı polymorfn´ı aplikace novˇe vytvoˇren´ ymi fragmenty, je poˇcet vrácen´ ych v´ ysledk˚ u omezen na pˇet. I tak je kladen d˚ uraz na pˇresnost dotazu zadaného uˇzivatelem. Struktura ˇsablon pro vstup i v´ ystup aplikace je popsána v pˇr´ıloze D.2. Na obrázku 7.4 je sn´ımek obrazovky v´ ystupu aplikace pro jeden nalezen´ y v´ ysledek. Zat´ımco u ´daje o pracovn´ım zaˇrazen´ı zamˇestnance a jeho pracoviˇsti slouˇz´ı jen pro ˇcten´ı, u ´daje s telefonn´ım ˇc´ıslem a e-mailovou adresou jsou interaktivn´ı. Po kliknut´ı na telefonn´ı ˇc´ıslo dojde k otevˇren´ı aplikace mobiln´ıho zaˇr´ızen´ı urˇcené pro hovory - tzv. dialer u5 . Následná akce je pak uˇz jen na uˇzivateli. Je moˇzné dané ˇc´ıslo vytoˇcit, uloˇzit do kontakt˚ u atd. T´ım, ˇze aplikace neprovád´ı pˇr´ımo volán´ı na dané ˇc´ıslo, je zajiˇstˇena také vˇetˇs´ı bezpeˇcnost, nebot’ je zaruˇceno, ˇze hovor m˚ uˇze uskuteˇcnit pouze uˇzivatel sám, nikoli aplikace bez jeho vˇedom´ı. I proto nen´ı potˇreba povolen´ı pro uskuteˇcn ˇován´ı hovor˚ u, viz. pˇr´ıloha A. 5

angl. pro vyt´ aˇcen´ı

55

ˇ Kontakty ZCU


ˇ Obrázek 7.4: Vizitka zamˇestnance ZCU Po kliknut´ı na e-mailovou adresu zamˇestnance dojde analogicky k otevˇren´ı nové zprávy ve v´ ychoz´ı aplikaci pro vyˇrizován´ı elektronické poˇsty. Pˇredmˇet a text zprávy je opˇet ponechán pouze na uˇzivateli, stejnˇe jako jej´ı fináln´ı (ne)odeslán´ı.

56

Testován´ı aplikace

8 Testován´ı aplikace Aplikace byla vyv´ıjena v prostˇred´ı Android Studio a testována na zaˇr´ızen´ı Samsung Galaxy S4 mini na verzi systému 4.4.2 (API 19), které je ve vlastnictv´ı autora. C´ılovou skupinou pouˇzit´ ych zaˇr´ızen´ı byly mobiln´ı telefony, takˇze rozloˇzen´ı obrazovky na tabletech ˇci jin´ ych zaˇr´ızen´ıch nemus´ı odpov´ıdat sn´ımk˚ um obrazovky uveden´ ym v této práci a v pˇr´ıloze E. Obecnˇe by mˇelo b´ yt moˇzné aplikaci provozovat na vˇsech zaˇr´ızen´ıch s verz´ı systému 4.0.3 (API 15) a novˇejˇs´ı, coˇz znamená funkcinalitu na 89% zaˇr´ızen´ı na trhu, jak uvád´ı [Apf15]. Aplikace byla kompilována c´ılov´ ym API 22, tedy nejaktuálnˇejˇs´ım v dobˇe v´ yvoje.

8.1

Pouˇ zit´ a zaˇ r´ızen´ı

Protoˇze jsou nˇekteré funkce aplikace, zejména práce s uˇzivatelsk´ ymi u ´ˇcty a spolupráce s aplikacemi tˇret´ıch stran, v rámci emulátoru Android nedostupné, bylo moˇzné v rámci emulátoru otestovat pouze základn´ı funkce aplikace. Na verz´ıch emulátoru se systémem verze 4.0.3. (API 15) a 5.1.1 (API 22) byla aplikace nainstalována i spuˇstˇena u ´spˇeˇsnˇe. Pro praktické testy ukázkov´ ych aplikac´ı byla pouˇzita následuj´ıc´ı zaˇr´ızen´ı1 : • Samsung Galaxy Fame, verze systému 4.1.2 (API 16), u ´hlopˇr´ıˇcka displeje 3,5”, rozliˇsen´ı 320 ∗ 480 bod˚ u; • Samsung Galaxy S3 mini, verze systému 4.2.2 (API 17), u ´hlopˇr´ıˇcka displeje 4,0”, rozliˇsen´ı 480 ∗ 800 bod˚ u; • Samsung Galaxy S4 mini, verze systému 4.4.2 (API 19), u ´hlopˇr´ıˇcka displeje 4,3”, rozliˇsen´ı 480 ∗ 960 bod˚ u; • Samsung GalaxyTab 4, verze systému 4.4.2 (API 19), u ´hlopˇr´ıˇcka displeje 10,1”, rozliˇsen´ı 1280 ∗ 800 bod˚ u. Na vˇsech uveden´ ych zaˇr´ızen´ıch probˇehla u ´spˇeˇsnˇe instalace aplikace, spuˇstˇen´ı aplikace, proveden´ı ukázkov´ ych aplikac´ı a odinstalace aplikace. Bohuˇzel 1

V´ yvoj aplikace nebyl sponzorován ˇci jinak podporován spoleˇcnost´ı Samsung.

57


Aplikace tˇret´ıch stran

nebylo moˇzné do odevzdán´ı této práce u ´spˇeˇsnˇe ovˇeˇrit plnou funkcionalitu na zaˇr´ızen´ı s verz´ı systému Andoid 5.0 (API 21) ˇci Android 5.1 (API 22).

8.2

Aplikace tˇ ret´ıch stran

Aby bylo moˇzné pouˇz´ıvat nˇekteré funkce pro v´ ybˇer soubor˚ u generovan´ ych aplikac´ı, jsou nutné následuj´ıc´ı pˇredpoklady: • Pˇ ripojen´ı k internetu - pro stahován´ı soubor˚ u a u ´spˇeˇsn´ y provoz ukázkov´ ych aplikac´ı. Testován´ı probˇehlo jak na Wi-fi pˇripojen´ı, tak na mobiln´ım internetu 4G u ´spˇeˇsnˇe. Pˇri pouˇzit´ı mobiln´ıho 3G pˇripojen´ı byla citeln´ ym nedostatkem rychlost pˇripojen´ı, pˇresto probˇehlo testován´ı u ´spˇeˇsnˇe. • Sp´ arov´ an´ı s u ´ˇ ctem Google - bez pouˇzit´ı u ´ˇctu nejde vyuˇz´ıvat sluˇzeb Google Drive. Testován´ı probˇehlo u ´spˇeˇsnˇe na tˇrech r˚ uzn´ ych uˇzivatelsk´ ych u ´ˇctech. • Aplikace Dropbox - klientská aplikace sluˇzby Dropbox obsluhuje v´ ybˇer soubor˚ u z tohoto u ´loˇziˇstˇe. Testován´ı probˇehlo u ´spˇeˇsnˇe na dvou r˚ uzn´ ych uˇzivatelsk´ ych u ´ˇctech. V pˇr´ıpadˇe, ˇze nen´ı aplikace nainstalována, je uˇzivatel vyzván k jej´ı instalaci, která je dobrovolná, avˇsak podmiˇ nuj´ıc´ı pro pouˇzit´ı sluˇzeb Dropbox. • Spr´ avce soubor˚ u - aplikace nutná pro v´ ybˇer soubor˚ u z lokáln´ı pamˇeti zaˇr´ızen´ı. Testován´ı probˇehlo u ´spˇeˇsnˇe s aplikacemi ES File Explorer, Total Commander a Správce soubor˚ u spoleˇcnosti Cheetah Mobile. V pˇr´ıpadˇe, ˇze nen´ı nainstalována ˇzádná aplikace pro práci se soubory, m˚ uˇze nab´ıdka pro v´ ybˇer lokálnˇe uloˇzeného souboru obsahovat i sluˇzby Drop box, Google Drive (Disk) ˇci jiné aplikace. Obecnˇe by mˇelo b´ yt moˇzné pouˇz´ıt libovolnou aplikaci pro správu soubor˚ u systému Android.

8.3

Publikace aplikace

V dobˇe vydán´ı této práce nen´ı aplikace veˇrejnˇe dostupná na oficiáln´ım obchodu https://play.google.com/store ˇci jin´ ych aplikaˇcn´ıch kanálech. Je-

58


Publikace aplikace

din´ y zp˚ usob, jak aplikaci nainstalovat, je pouˇzit´ı souboru z CD pˇriloˇzeného k této práci. Jak instalaci provést, popisuje pˇr´ıloha B.1. Aplikace je pˇriloˇzena v debug verzi, nebot’ nástroje Google Developers Console neumoˇzn ˇuj´ı souˇcasné vyuˇz´ıván´ı sluˇzeb Google Drive v´ıce verzemi téˇze aplikace. Po vydán´ı release verze aplikace by bylo nutné zmˇenit ovˇeˇrovac´ı SHA12 kód aplikace, coˇz by znemoˇznilo vyuˇzit´ı uˇzivatelského u ´ˇctu v´ yvojovou verz´ı aplikace. Obdobnˇe sluˇzba Dropbox je omezena poˇctem 100 uˇzivatel˚ u, kteˇr´ı se smˇej´ı pomoc´ı aplikace pˇripojit. Po pˇrekroˇcen´ı tohoto poˇctu je nutné zmˇenit typ spolupráce se sluˇzbou Dropbox na produkˇcn´ı typ. Pˇred publikován´ım aplikace by bylo nutné provést rozsáhlé testován´ı a dalˇs´ı kroky potˇrebné pro uveˇrejnˇen´ı aplikace. Také by bylo tˇreba vz´ıt v potaz samotnou funkcionalitu aplikace, která zjednoduˇsenˇe umoˇzn ˇuje spouˇstˇen´ı libovolného kódu na zaˇr´ızen´ı platformy Android. V pˇr´ıpadˇe uveˇrejnˇen´ı by bylo nutné napˇr´ıklad vytvoˇrit právnˇe platné zˇreknut´ı se zodpovˇednosti za akce uˇzivatele, kter´ y si napˇr´ıklad m˚ uˇze pomoc´ı generované aplikace odstranit ze zaˇr´ızen´ı d˚ uleˇzité soubory. A obecnˇe by mohla nejasná funkcionalita aplikace b´ yt problémem pˇri schvalovac´ım procesu v rámci obchodu Google Play.

2

druh 160 bitového k´ odov´ an´ı

59

Moˇznosti dalˇs´ıho rozˇs´ıˇren´ı

9 Moˇznosti dalˇs´ıho rozˇs´ıˇren´ı Na budouc´ı rozˇs´ıˇren´ı polymorfn´ı aplikace lze nahl´ıˇzet z nˇekolika u ´hl˚ u pohledu: pˇridán´ı nov´ ych grafick´ ych prvk˚ u, rozˇs´ıˇren´ı funkcionality stávaj´ıc´ıch prvk˚ u, zaˇclenˇen´ı nov´ ych typ˚ u funkc´ı, pˇridán´ı moˇznost´ı nov´ ych vstup˚ u a v´ ystup˚ u generované aplikace atp. Z hlediska praktické pouˇzitelnosti bych ale rád rozebral dva typy zmˇen, které by mohly v´ yznamnˇe vylepˇsit pouˇz´ıván´ı polymorfn´ı aplikace. Následuj´ıc´ı moˇznosti zdokonalen´ı polymorfn´ı aplikace vycházej´ı mimo jiného i z nerealizovan´ ych projekt˚ u generovan´ ych aplikac´ı, které nebylo moˇzné vytvoˇrit z ˇcasov´ ych d˚ uvod˚ u ˇci pˇr´ıliˇsné odliˇsnosti návrhu od aktuáln´ıho ˇreˇsen´ı, pˇr´ıpadnˇe projekt˚ u, které byly zavrˇzeny jiˇz ve stádiu návrhu.

9.1

N´ avaznost funkc´ı

Navázán´ım v´ ystupu jedné funkce generované aplikace na vstup následuj´ıc´ı funkce by bylo moˇzné dosáhnout komplexn´ıho ˇreˇsen´ı pro vybrané specializované u ´lohy jako dotazn´ıky, kv´ızy ˇci jednoduché logické hry, u které by se v kaˇzdé následuj´ıc´ı u ´rovni pˇrizp˚ usobila obt´ıˇznost problému uˇzivateli podle toho, jak rychle a u ´spˇeˇsnˇe vyˇreˇsil pˇredchoz´ı problém. V souˇcasné podobˇe umoˇzn ˇuje aplikace pouze dva typy akc´ı: 1. Zadán´ı parametr˚ u a zavolán´ı pˇriˇrazené funkce. 2. Zobrazen´ı z´ıskan´ ych v´ ysledk˚ u. Pro komplexn´ı funkci generované aplikace by se vˇsak dal vytvoˇrit takov´ y návrh, kde je v´ yˇse uveden´ y proces pouze jedn´ım z nˇekolika krok˚ u pˇri pouˇz´ıván´ı aplikace. Generovaná aplikace by jako v´ ysledek vracela rozhran´ı obsahuj´ıc´ı odliˇsná data a volaj´ıc´ı rozd´ılné funkce, napˇr´ıklad na základˇe voleb uˇzivatele v pˇredchoz´ım zobrazen´ı. Takovou aplikaci by bylo moˇzné vyuˇz´ıt napˇr´ıklad jako formu dotazn´ıku. Uˇzivateli by se na základˇe jeho odpovˇed´ı zobrazovaly dalˇs´ı dotazy a po krátké sérii otázek by dospˇel k závˇereˇcnému vyhodnocen´ı. Pˇr´ıpadnˇe by takov´ y proces mohl vést k personalizaci jiné, rozsáhlejˇs´ı aplikace, jej´ıˇz souˇca´st´ı by byla polymorfn´ı aplikace. 60

Moˇznosti dalˇs´ıho rozˇs´ıˇren´ı

9.2

Zpracován´ı v´ıce fragment˚ u

Zpracov´ an´ı v´ıce fragment˚ u

Aktuáln´ı ˇreˇsen´ı polymorfn´ı aplikace pouˇz´ıvá jako vstupn´ı parametry funkce pouze data z jednoho, aktuálnˇe vybraného fragmentu. Kombinace dat z nˇekolika otevˇren´ ych fragment˚ u by umoˇznila pouˇzit´ı komplexnˇejˇs´ıch funkc´ı pro agregaci dat. Vyuˇzit´ı takové aplikace by mohlo b´ yt velmi r˚ uznorodé. Jedn´ım z pˇr´ıklad˚ u by mohlo b´ yt zaslán´ı hromadného e-mailu vˇsem kontakt˚ um právˇe otevˇren´ ym v záloˇzkách jakoˇzto rozˇs´ıˇren´ı souˇcasné ukázkové aplikace popsané v ˇca´sti 7.3. Jedn´ım z nerealizovan´ ych projekt˚ u byla i jednoduchá aplikace pro vytváˇren´ı nákupn´ıho seznamu. Aplikace mˇela naˇc´ıtat seznam surovin potˇrebn´ ych pro uvaˇren´ı pokrmu dle vybraného receptu na nˇekterém z nˇekolika web˚ u. V pˇr´ıpadˇe jednoho vybraného receptu by doˇslo pomoc´ı knihovny jsoup k extrakci releventn´ıch dat ve formˇe seznamu potˇrebného mnoˇzstv´ı vˇsech surovin nutn´ ych pro pˇr´ıpravu daného j´ıdla. V pˇr´ıpadˇe v´ıce vybran´ ych recept˚ u by doˇslo ke kombinaci jednotliv´ ych recept˚ u za u ´ˇcelem vytvoˇren´ı jednoho nákupn´ıho seznamu. V ideáln´ım pˇr´ıpadˇe by pak bylo moˇzné takov´ y seznam exportovat jako poznámku extern´ı aplikace. Obdobn´ ym zp˚ usobem by bylo moˇzné kombinovat napˇr´ıklad rozvrhy nˇekolika ˇzák˚ u za u ´ˇcelem nalezen´ı pr˚ uniku voln´ ych ˇcas˚ u, ˇci k slouˇcen´ı jiného typu dat. Samozˇrejmˇe by se daly uvedené postupy pouˇz´ıt k vytvoˇren´ı mnohem sofistikovanˇejˇs´ıch aplikac´ı bez nutnosti vytváˇret samostatnˇe bˇeˇz´ıc´ı jedno´ uˇcelovou aplikaci.

61

Závˇer

10 Závˇer ´ Ukolem této práce bylo porovnat moˇznosti tvorby polymorfn´ıch aplikac´ı pro platformu Android. V rámci tohoto porovnán´ı pˇredstavila práce nejvˇetˇs´ı v´ yhody a slabiny webov´ ych a multiplatformn´ıch ˇreˇsen´ı v porovnán´ı s polymorfn´ı aplikac´ı vyvinutou v´ yhradnˇe pro operaˇcn´ı systém Android. Tato práce rozˇsiˇruje jiˇz znám´ y koncept polymorfn´ı aplikace pouˇz´ıvaj´ıc´ı soubory XML pro definici uˇzivatelsk´ ych rozhran´ı o nové prvky, které umoˇzn ˇuj´ı zd˚ uraznit v´ yznam a obsah zobrazovan´ ych informac´ı. Dále pˇrináˇs´ı moˇznost dynamického vytváˇren´ı fragment˚ u v rámci generované aplikace, jejich duplikaci, pˇridáván´ı nebo nahrazen´ı p˚ uvodn´ıho obsahu novˇe z´ıskanou informac´ı. Pˇresto je hlavn´ım c´ılem aplikace vytvoˇrené v této práci nab´ıdnout jednoduch´ y nástroj jak pro uˇzivatele mobiln´ıho zaˇr´ızen´ı, tak pro v´ yvojáˇre mobiln´ıch aplikac´ı. Jedn´ım z u ´ˇcel˚ u polymorfn´ı aplikace je i snadné pˇreveden´ı klasického programu jazyka Java do mobiln´ı podoby. Tento postup je rovnˇeˇz v práci popsán. Polymorfn´ı aplikace umoˇzn ˇuje v´ ybˇer soubor˚ u pro definici uˇzivatelského rozhran´ı a knihoven s v´ ykonn´ ym kódem programu generované aplikace z nˇekolika r˚ uzn´ ych zdroj˚ u - z pamˇeti zaˇr´ızen´ı, webového URL, ale i z cloudov´ ych u ´loˇziˇst’ Dropbox a Google Drive. Uˇzivatel tak má moˇznost v´ ybˇeru zdroje dle aktuáln´ı potˇreby a rovnˇeˇz je tak usnadnˇen pˇrenos potˇrebn´ ych soubor˚ u do zaˇr´ızen´ı, jejich spravován´ı a zálohován´ı a v neposledn´ı ˇradˇe i sd´ılen´ı. Uvedené cloudové sluˇzby mohou v budoucnu slouˇzit i jako jeden z distribuˇcn´ıch kanál˚ u pro d´ılˇc´ı programy spouˇstˇené v polymorfn´ı aplikaci. Moˇznosti vytvoˇreného ˇreˇsen´ı jsou prezentovány na dvou ukázkov´ ych aplikac´ıch - ˇcteˇcce RSS a vyhledávaˇci kontaktn´ıch informac´ı pracovn´ık˚ u Západoˇceské univerzity v Plzni. Tyto aplikace maj´ı za c´ıl jednak pˇredvést zp˚ usob práce s polymorfn´ı aplikac´ı, a pak maj´ı slouˇzit jako vzor pro programátory, kteˇr´ı by se rozhodli koncept polymorfn´ı aplikace vyuˇz´ıt ve sv´ ych projektech nebo jej dále rozv´ıjet.

62

LITERATURA

LITERATURA

Literatura [Aar15] Android Developers. App Resources [online]. 2015, [cit. 2015-0601]. Dostupné z: http://developer.android.com/guide/topics/ resources/index.html [Amp15] Android Developers. Manifest.permission [online]. 2015, [cit. 201505-29]. Dostupné z: http://developer.android.com/reference/ android/Manifest.permission.html [Apf15] Android Developers. Platform Versions [online]. Akt. 2015-06-01, [cit. 2015-06-01]. Dostupné z: https://developer.android.com/ about/dashboards/index.html [Art15] Android Developers. Resource Types [online]. 2015, [cit. 2015-0601]. Dostupné z: http://developer.android.com/guide/topics/ resources/available-resources.html [Asa15] Android Source. ART and Dalvik [online]. 2015, [cit. 2015-0618]. Dostupné z: https://source.android.com/devices/tech/ dalvik/index.html [Asd15] Android Source. Dalvik Executable format [online]. 2015, [cit. 201506-18]. Dostupné z: https://source.android.com/devices/tech/ dalvik/ [Asl15] Android Developers. Support Library [online]. Akt. 2015-05, ver. 22.2.0, [cit. 2015-06-01]. Dostupné z: http://developer.android. com/tools/support-library/index.html [Asp15] Android Developers. System Permissions [online]. 2015, [cit. 2015-05-29]. Dostupné z: http://developer.android.com/guide/ topics/security/permissions.html

63

LITERATURA

LITERATURA

[Aui15] Android Developers. UI Overview [online]. 2015, [cit. 2015-06-18]. Dostupné z: https://developer.android.com/guide/topics/ui/ overview.html [Bmp13] Mob Partner. Top 5 HTML5 Frameworks’ for Mobile Web Apps [online]. Pub. 2013-06-24, [cit. 2015-06-01]. Dostupné z: http://blog.mobpartner.com/2013/06/24/top5-html5frameworks-web-apps/ [Ceb14] GNEST, Anja. Mobile Trends 2014 [online]. Pub. 2014-02-21, [cit. 2015-05-28]. Dostupné z: http://blog.cebit.de/2014/02/21/ infographic-mobile-trends-2014/ ˇ y telekomunikaˇcn´ı u [Ctu15] Cesk´ ´ˇrad. Veˇrejné ˇsirokopásmové mobiln´ı s´ıtˇe [online]. Akt. 2015-05-19, [cit. 2015-05-28]. Dostupné z: http://lte. ctu.cz/pokryti/ [Dom04] W3C. Document Object Model (DOM) Level 3 Core Specification [online]. Pub. 2004-04-07, ver. 1.0, [cit. 2015-06-18]. Dostupné z: http://www.w3.org/TR/2004/REC-DOM-Level-3-Core20040407/ [For14] GRIFFITH, Erin pro Fortune.com Who’s winning the consumer cloud storage wars? [online]. Pub. 2014-11-06, [cit. 2015-06-18]. Dostupné z: http://fortune.com/2014/11/06/dropbox-googledrive-microsoft-onedrive/ [Gio15] Google Developers. Google I/O Keynote [video]. Pub. 2015-05-28, [cit. 2015-05-28]. Dostupné z: https://www.youtube.com/watch?v= 7V-fIGMDsmE [Gra13] GRANT, Allan. Android 4 : pr˚ uvodce programován´ım mobiln´ıch aplikac´ı, 1. vyd. Brno: Computer Press, 2013. 656s. ISBN 978-80251-3782-6 [Hul12] HULA, Josef. Dynamická tvorba aplikac´ı v systému Android [on´ ˇ ´ line]. 2012, [cit. 2015-05-28]. Bakaláˇrská práce. ZAPADO CESK A UNIVERZITA V PLZNI, Fakulta aplikovan´ ych vˇed. Vedouc´ı práce Ladislav Peˇsiˇcka. Dostupné z: http://theses.cz/id/vf9jn8/. [Iwa15] Google Developers. Installable Web Apps [video]. 2015, [cit. 2015-05-28]. Dostupné z: https://www.youtube.com/watch?v= N1Bdu7ukN40

64

LITERATURA

LITERATURA

[Lac15] LACKO, L’uboslav. Vývoj aplikac´ı pro Android, 1. vyd. Brno: Computer Press, 2015. 472s. ISBN 978-80-251-4347-6 [Lan14] LANDWERTH, Immo. .NET Core is Open Source [online]. Pub. 2014-11-12, [cit. 2015-06-01]. Dostupné z: http://blogs.msdn.com/ b/dotnet/archive/2014/11/12/net-core-is-open-source.aspx [Luo15] LUONTOLA, Esko. Retrolambda [online]. Akt. 2015-04-14, ver. 2.0.2, [cit. 2015-06-01]. Dostupné z: https://github.com/ orfjackal/retrolambda [Mar10] MARCOTTE, Ethan. Responsive Web Design [online]. Pub. 201505-25, [cit. 2015-06-01]. Dostupné z: http://alistapart.com/ article/responsive-web-design [Nam13] NAM, Changwon. Decompiling Android [online]. Pub. 2013-09-28, [cit. 2015-06-18]. Dostupné z: http://nckwon.blogspot.cz/2013/ 09/decompiling-android.html [Not05] NOTTINGHAM, M. - SAYRE, R. The Atom Syndication Format [online]. Pub. 2005-12, [cit. 2015-06-18]. Dostupné z: https: //tools.ietf.org/html/rfc4287 [Omt15] Oracle Java documentation. Obtaining Method Type Information [online]. 2015, [cit. 2015-06-18]. Dostupné z: https://docs.oracle. com/javase/tutorial/reflect/member/methodType.html [Rss09] RSS Advisory board. RSS 2.0 Specification [online]. Pub. 2009-0430, [cit. 2015-06-18]. Dostupné z: http://www.rssboard.org/rssspecification [Rud14] RUDOPLPH, Patrick. Hybrid Mobile Apps: Providing A Native Experience With Web Technologies [online]. Pub. 2014-10-21, [cit. 201506-01]. Dostupné z: http://www.smashingmagazine.com/2014/10/ 21/providing-a-native-experience-with-web-technologies/ [Srr14] Staffing Robot. Responsive Web Design is Not a Fad, It’s Great for SEO [online]. Pub. 2014-12-05, [cit. 2015-06-01]. Dostupné z: http://www.staffingrobot.com/2014/12/responsiveweb-site-design-just-fad-great-seo.html [Sta13] STAFFA, Milan. Polymorfn´ı aplikace pro systém Android [online]. ´ ˇ ´ UNI2013, [cit. 2015-05-28]. Diplomová práce. ZAPADO CESK A VERZITA V PLZNI, Fakulta aplikovan´ ych vˇed. Vedouc´ı práce Ladislav Peˇsiˇcka. Dostupné z: http://theses.cz/id/fiunqh/. 65

LITERATURA

LITERATURA

[Sum15] SUMMERFIELD, Jason. Mobile Website vs. Mobile App [online]. 2015, [cit. 2015-05-28]. Dostupné z: http://www.hswsolutions. com/services/mobile-web-development/mobile-website-vsapps/ [Tat15] TATARKA, Evan. Gradle-Retrolambda [online]. Akt. 2015-05-02, ver. 3.1.0, [cit. 2015-06-01]. Dostupné z: https://github.com/ evant/gradle-retrolambda [Vog13] VOGEL, Lars. RSS feeds with Java - Tutorial [online]. Akt. 201303-06, [cit. 2015-06-18]. Dostupné z: http://www.vogella.com/ tutorials/RSSFeed/article.html [W3r15] W3Schools. HTML Responsive Web Design [online]. 2015, [cit. 2015-06-01]. Dostupné z: http://www.w3schools.com/html/html_ responsive.asp [W3t15] W3Techs. Usage of content management systems for websites [online]. Akt. 2015-06-06, [cit. 2015-06-06]. Dostupné z: http:// w3techs.com/technologies/overview/content_management/all [Wpc15] Wordpress.com. Responsive Layout WordPress Themes [online]. 2015, [cit. 2015-06-01]. Dostupné z: https://theme.wordpress. com/themes/features/responsive-layout/ [Xaf15] Xamarin. Introduction to Xamarin.Forms [online]. 2015, [cit. 201505-28]. Dostupné z: http://developer.xamarin.com/guides/ cross-platform/xamarin-forms/introduction-to-xamarinforms/ [Zai14] ZAITSEV, Serge. Lambda support for Android [online]. Pub. 201401-09, [cit. 2015-06-01]. Dostupné z: http://zserge.com/blog/ android-lambda.html

66

SEZNAM ZKRATEK

SEZNAM ZKRATEK

Seznam zkratek V textu práce byly pouˇzity následuj´ıc´ı v´ yrazy a zkratky: • 3D - Three-dimensional, trojrozmˇern´ y • Activity - aktivita, základn´ı ˇcást aplikace pro OS Android • Android - operaˇcn´ı systém mobiln´ıch zaˇr´ızen´ı • AOT - Ahead Of Time, pˇredbˇeˇzná kompilace kódu • API - Application Programming Interface, aplikaˇcn´ı rozhran´ı • APK - Android Application Package, bal´ıˇcek aplikace • ART - prostˇred´ı platformy Android • Button - tlaˇc´ıtko, prvek uˇzivatelského rozhran´ı aplikace • C# - programovac´ı jazyk • CSS - Cascading Style Sheets, kaskádové styly • Dalvik - prostˇred´ı platformy Android • DEX - Dalvik EXecutable, spustiteln´ y kód Dalviku • DOM - Document Object Model, objektov´ y model dokumentu • Drawable - grafick´ y zdroj aplikace • DVM - Dalvik Virtual Machine, virtuáln´ı stroj Dalviku • DX - nástroj pro kompilaci bal´ıˇck˚ u dex • Eclipse - v´ yvojové prostˇred´ı 67

SEZNAM ZKRATEK

SEZNAM ZKRATEK

• EditText - kolonka, prvek uˇzivatelského rozhran´ı aplikace • Fragment - ˇca´st aktivity, základn´ı ˇca´st aplikace pro OS Android • Framework - sada v´ yvojáˇrsk´ ych nástroj˚ u • HSPA+, 3G - pˇredch˚ udce mobiln´ıho pˇripojen´ı LTE • HTML - HyperText Markup Language, znaˇckovac´ı jazyk pro tvorbu webu • CheckBox - prvek uˇzivatelského rozhran´ı aplikace • ID - identifikátor • ImageView - obrázek, prvek uˇzivatelského rozhran´ı aplikace • Integer - typ celého ˇc´ısla • iOS - operaˇcn´ı systém spoleˇcnosti Apple • JAR - Java ARchive, bal´ıˇcek kódu jazyka Java • Java - programovac´ı jazyk • JavaScript - programovac´ı jazyk • JIT - Just In Time, kompilace kódu za bˇehu • JVM - Java Virtual Machine, virtuáln´ı stroj Javy • Layout - definice rozloˇzen´ı uˇzivatelského rozhran´ı • LinearLayout - ˇrádkové rozloˇzen´ı prvk˚ u View v uˇzivatelském rozhran´ı • LINQ - Language-Integrated Query, dotazovac´ı funkce jazyka C# • LTE, 4G - standard rychlého mobiln´ıho pˇripojen´ı • Manifest - soubor popisuj´ıc´ı aplikaci a jej´ı povolen´ı • Mono - platforma pro aplikace v jazyku C# • .NET - platforma pro aplikace v jazyku C# • OS - operaˇcn´ı systém • Permission - oprávnˇen´ı aplikace 68

SEZNAM ZKRATEK

SEZNAM ZKRATEK

• RelativeLayout - relativn´ı rozloˇzen´ı prvk˚ u View v uˇzivatelském rozhran´ı • RSS - Really Simple Syndication, systém zpˇr´ıstupnˇen´ı zpráv v s´ıti • ScrollView - posuvné rozloˇzen´ı prvk˚ u View v uˇzivatelském rozhran´ı • SDK - Software Development Kit, sada v´ yvojov´ ych nástroj˚ u • SEO - Search Engine Optimization, optimalizace webu pro vyhledávaˇc • SHA1 - 160 bitové kódován´ı pro tvorbu kl´ıˇc˚ u aplikac´ı • StAX - Streaming API for XML, nástroj pro ˇcten´ı XML proud˚ u • String - typ ˇretˇezce • TextView - text, prvek uˇzivatelského rozhran´ı aplikace • ToolBar - nástrojov´ y panel, prvek uˇzivatelského rozhran´ı aplikace • UI - User Interface, uˇzivatelské rozhran´ı • UI Thread - hlavn´ı vlákno aplikace • URL - Uniform Resource Locator, jednotná adresa zdroje • View - prvek uˇzivatelského rozhran´ı aplikace • ViewGroup - prvek uˇzivatelského rozhran´ı aplikace obsahuj´ıc´ı prvky View ˇci ViewGroup • WebView - zobrazen´ı HTML kódu v aplikaci • Wordpress - platforma pro v´ yvoj webov´ ych stránek • XAML - eXtensible Application Markup Language, znaˇckovac´ı jazyk pro grafická rozhran´ı • XML - eXtensible Application Markup Language, znaˇckovac´ı jazyk

69

Oprávnˇen´ı aplikace

A Oprávnˇen´ı aplikace Prvn´ı sada povolen´ı obsahuje poloˇzky potˇrebné pro pˇr´ıstup k s´ıti. Ten je potˇrebn´ y jednak pro stahován´ı poˇzadovan´ ych soubor˚ u ˇsablon a archiv˚ u dex, jednak je vyˇzadován ukázkov´ ymi aplikacemi. Bez pˇripojen´ı k s´ıti je moˇzné stále vyuˇz´ıvat posledn´ı pouˇzité soubory z pamˇeti zaˇr´ızen´ı a pˇr´ıpadnˇe pouˇstˇet d´ılˇc´ı aplikace, které pro svoji funkci pˇripojen´ı k s´ıti nevyˇzaduj´ı. Poloˇzka ACCESS NETWORK STATE slouˇz´ı pro ovˇeˇren´ı, zda je pˇripojen´ı aktivn´ı, ˇci nikoli, zat´ımco povolen´ı INTERNET je vyˇzadováno pro pouˇzit´ı pˇripojen´ı k s´ıti. < uses - permission android:name = " android . permission . INTERNET " / > < uses - permission android:name = " android . permission . AC CES S_ NET WOR K_ STA TE " / >

Ukázka kódu A.1: Oprávnˇen´ı - Internet Povolen´ı WRITE EXTERNAL STORAGE zajiˇst’uje moˇznost zápisu soubor˚ u na pamˇet’ovou kartu (obecnˇe do extern´ı pamˇeti zaˇr´ızen´ı). Toto povolen´ı zahrnuje rovnˇeˇz i ˇcten´ı soubor˚ u z extern´ı pamˇeti. < uses - permission android:name = " android . permission . W R I T E_ E X T E RN A L _ ST O R A G E " / >

Ukázka kódu A.2: Oprávnˇen´ı - Extern´ı pamˇet’ Posledn´ı povolen´ı slouˇz´ı k pˇriˇrazen´ı polymorfn´ı aplikace k uˇzivatelskému u ´ˇctu zaˇr´ızen´ı a k vyuˇzit´ı u ´daj˚ u z tohoto uˇzivatelského u ´ˇctu pro pˇrihláˇsen´ı do sluˇzby Google Drive. < uses - permission android:name = " android . permission . GET_ACCOUNTS " / > < uses - permission android:name = " android . permission . USE_CREDENTIALS " / >

Ukázka kódu A.3: Oprávnˇen´ı - Uˇzivatelské u ´ˇcty

70

Uˇzivatelská pˇr´ıruˇcka

B Uˇzivatelská pˇr´ıruˇcka V této pˇr´ıloze jsou popsány základn´ı kroky pro u ´spˇeˇsnou instalaci a pouˇz´ıván´ı vytvoˇrené polymorfn´ı aplikace a pro práci s jednotliv´ ymi generovan´ ymi aplikacemi.

B.1

Instalace aplikace

Jedn´ım zp˚ usobem, jak nainstalovat aplikaci do zaˇr´ızen´ı, je import projektu aplikace z pˇriloˇzeného CD do v´ yvojového prostˇred´ı Android Studio a následné spuˇstˇen´ı projektu. Takov´ y pˇr´ıstup umoˇzn ˇuje souˇcasnou kontrolu zdrojov´ ych kód˚ u a logu zaˇr´ızen´ı. Rovnˇeˇz je moˇzné pouˇz´ıt nástroje pro ladˇen´ı aplikace a jej´ı bˇeh na vybraném m´ıstˇe pozastavit ˇci krokovat. Klasick´ ym pˇr´ıstupem je vˇsak instalace pomoc´ı aplikaˇcn´ıho bal´ıˇcku polymorph.apk. Ten se nacház´ı na pˇriloˇzeném CD ve sloˇzce apk. Jedná se o aplikaci vydanou neoficiáln´ı cestou, proto bude na vˇetˇsinˇe zaˇr´ızen´ı nutné povolit instalaci aplikac´ı z neznám´ ych zdroj˚ u. Tento krok je moˇzné podniknout samostatnˇe pomoc´ı odpov´ıdaj´ıc´ı moˇznosti v Nastaven´ı > Zabezpeˇcen´ı > Správa zaˇr´ızen´ı (m˚ uˇze se liˇsit dle modelu a verze systému). Pˇr´ıpadnˇe k nˇemu bude uˇzivatel vyzván pˇri pokusu o instalaci aplikace, jak ukazuje obrázek B.1a. V prvn´ım kroku instalace je nutné provést souhlas se vˇsemi povolen´ımi, které aplikace pro sv˚ uj bˇeh potˇrebuje. Seznam tˇechto povolen´ı pˇri instalaci zobrazuje sn´ımek B.1b, jejich seznam a od˚ uvodnˇen´ı pak popisuje kapitola A. Po u ´spˇeˇsném dokonˇcen´ı aplikace je moˇzné ji pouˇz´ıvat.

71


Pouˇz´ıván´ı aplikace

(a) Nezn´ amé zdroje

(b) Povolen´ı aplikace

Obrázek B.1: Instalace polymorfn´ı aplikace

B.2

Pouˇ z´ıv´ an´ı aplikace

Pˇri prvn´ım spuˇstˇen´ı aplikace je uˇzivatel vyzván, aby provedl spárován´ı aplikace se sv´ ym uˇzivatelsk´ ym u ´ˇctem (obrázek B.2a). Po pˇridán´ı tohoto u ´ˇctu je provedeno spárován´ı a vyˇzadován souhlas uˇzivatele s pˇr´ıstupem aplikace k jeho dat˚ um ve sluˇzbˇe Google Drive, viz obrázek B.2b. Pro zruˇsen´ı párován´ı je tˇreba odebrat odpov´ıdaj´ıc´ı moˇznost v nastaven´ı u ´ˇctu Google v kategorii Pˇrihláˇsen´ı a zabezpeˇcen´ı > Pˇridruˇzené aplikace a weby > Spravovat aplikace > Polymorph. Po proveden´ı autorizace je moˇzné aplikaci pouˇz´ıvat, pˇriˇcemˇz pˇripojen´ı k uˇzivatelskému u ´ˇctu uˇz je zajiˇst’ováno automaticky a aplikaci lze pouˇz´ıvat bez omezen´ı.

72


Pouˇz´ıván´ı aplikace

(a) Pˇripojen´ı u ´ˇctu

(b) Pˇr´ıstup ke Google Drive

Obrázek B.2: Párován´ı s u ´ˇctem Google Play Obrázek B.3a ukazuje vˇsechny prvky uˇzivatelského rozhran´ı u ´vodn´ı aktivity aplikace. Pomoc´ı prvku 1 je moˇzné pˇrep´ınat mezi v´ ybˇerem souboru ˇsablony a souboru knihovny dex. Pokud je prvek vybrán, uloˇzen a pˇriˇrazen, zobraz´ı se název daného souboru v prvku 2, kter´ y je jinak prázdn´ y. Prvky 3, 4, 6, 7, 8 slouˇz´ı pro v´ ybˇer souboru z pamˇeti zaˇr´ızen´ı, z historie, ´ ziˇstˇe Google Drive a z vybraného URL. Dialogy ze sluˇzby Dropbox, z Uloˇ tˇechto sluˇzeb zobrazuje pˇr´ıloha E.2. Tlaˇc´ıtko 5 slouˇz´ı k odstratnˇen´ı dané poloˇzky z v´ ybˇeru. Prvek 9 pak slouˇz´ı k pˇrechodu na generovanou aplikaci v dalˇs´ı aktivitˇe. Na obrázku B.3b je zobrazen v´ ybˇer souboru z historie posledn´ıch pouˇzit´ ych ˇsablon.

73


Vytvoˇren´ı dex archivu

(a) Prvky rozhran´ı

(b) Historie v´ ybˇer˚ u

Obrázek B.3: Pouˇz´ıván´ı aplikace

B.3

Vytvoˇ ren´ı dex archivu

Vytvoˇren´ı dex knihovny pro generovanou aplikaci je relativnˇe jednoduchou záleˇzitost´ı. Nejprve je nutné zaloˇzit nov´ y Java projekt v libovolném IDE. Struktura bal´ık˚ u, obsah tˇr´ıd a funkce kódu je na programátorovi. Je vˇsak nutné zajistit, aby základn´ı tˇr´ıda projektu obsahovala metodu doLibraryFunction, nejlépe pomoc´ı implementace rozhran´ı ILibraryFunction, které je souˇcást´ı projektu aplikace a nacház´ı se v bal´ıku cz.zcu.kiv.polymorph.type. Naˇc´ıtán´ı knihovny je popsáno v kapitole 5.2.2, se kterou je nutné se pˇredem seznámit. Pro volanou funkci je potˇreba vytvoˇrit odpov´ıdaj´ıc´ı ˇsablonu, ze které bude moˇzné funkci spustit. Struktura prvk˚ u ˇsablon je popsaná v pˇr´ıloze C a je nutné, aby programátor zachoval poˇzadovanou strukturu ˇsablony. 74


Pouˇzit´ı extern´ı knihovny

Funkcionalitu programu je vhodné nejprve otestovat pˇr´ımo ve v´ yvojovém prostˇred´ı a odladit pˇr´ıpadné chyby. Poté je moˇzné projekt pˇreloˇzit libovoln´ ym zp˚ usobem pomoc´ı kompilátoru javac. Dalˇs´ım krokem je zabalen´ı vygenerovan´ ych soubor˚ u .class do spoleˇcného archivu. To lze provést napˇr´ıklad pˇr´ıkazem uveden´ ym na ukázce B.1 z pˇr´ıkazové ˇrádky. lib.jar pˇredstavuje název v´ ysledného archivu, druh´ ym parametrem je um´ıstˇen´ı soubor˚ u k zabalen´ı, v tomto pˇr´ıpadˇe ./com. jar cf lib . jar ./ com

Ukázka kódu B.1: Vytvoˇren´ı archivu jar Po zabalen´ı soubor˚ u je vhodné pˇrekontrolovat, jestli cesta k c´ılovému souboru opravdu sed´ı s cestou uvedenou v ˇsablonˇe pro spuˇstˇen´ı aplikace, jinak nebude moˇzné spustit poˇzadovanou funkci. Jakmile bude archiv pˇrekódován do formátu dex, nebude jiˇz moˇzné zobrazit a procházet jeho obsah. Kompilaci nástrojem dx je moˇzné spustit pˇr´ıkazem ve tvaru uvedeném na ukázce B.2. Um´ıstˇen´ı nástroje dx se liˇs´ı na kaˇzdém stroji, proto nen´ı moˇzné vytvoˇrit jednoduch´ y kompilaˇcn´ı skript. Standardn´ı um´ıstˇen´ı nástroje dx je /build-tools//dx.bat. Cestu k Android SDK má nastavenu uˇzivatel individuálnˇe a je moˇzné ji zjistit napˇr´ıklad pomoc´ı nástroje Android SDK Manager, kter´ y slouˇz´ı ke správˇe v´ yvojáˇrsk´ ych nástroj˚ u platformy Android. dx -- dex -- verbose -- keep - classes -- output ="./ lib . dex " ./ lib . jar

Ukázka kódu B.2: Vytvoˇren´ı archivu dex V ukázce B.2 pˇredstavuje ./lib.jar archiv vytvoˇren´ y v ukázce B.1, jméno v´ ystupn´ıho archivu je pak nutné uvést do parametru --output. Parametr --verbose dává programátorovi pˇrehled o tom, jaké tˇr´ıdy jiˇz byly zpracovány. T´ımto krokem je knihovna dex vytvoˇrena a lze ji pouˇz´ıt v zaˇr´ızen´ı.

B.4

Pouˇ zit´ı extern´ı knihovny

Nástroj dx neum´ı spolehlivˇe zabalit do v´ ysledného archivu knihovny tˇret´ıch stran. Proto je nutné pˇri jejich pouˇzit´ı pˇridat knihovny pˇr´ımo do projektu polymorfn´ı aplikace pomoc´ı následuj´ıc´ıch krok˚ u:

75


Pouˇzit´ı extern´ı knihovny

1. V nástroji Android Studio pˇrepnˇete v postrann´ım panelu perspektivu z Android na Project. 2. V modulu aplikace app vyberte adresáˇr libs a do nˇej nakop´ırujte vybranou knihovnu. 3. V nástrojovém panelu vyberte moˇznost File > Project Structure. 4. Ve zobrazeném oknˇe vyberte modul app a kartu Dependencies, viz obrázek B.4. 5. Pomoc´ı nástroje pˇridat (+) pˇridejte poˇzadovanou knihovnu (File Dependency). 6. Potvrd’te tlaˇc´ıtkem OK. Po sestaven´ı projektu by mˇela b´ yt knihovna jeho souˇcást´ı.

Obrázek B.4: Závislosti projektu Pro knihovny vyuˇz´ıvaj´ıc´ı systému závislost´ı Gradle nebo Maven je proces jednoduˇsˇs´ı a staˇc´ı pouze zanést knihovnu do dependencies souboru build.gradle modulu app.

76

Prvky uˇzivatelského rozhran´ı

C Prvky uˇzivatelského rozhran´ı V rámci této kapitoly jsou popsány takové prvky, které lze v generované aplikaci vykreslit pomoc´ı ˇsablon uˇzivatelského rozhran´ı, a tak se do velké m´ıry prol´ıná s pˇr´ılohou D. Kaˇzdému z prvk˚ u uˇzivatelského rozhran´ı lze pˇriˇradit urˇcit´ y poˇcet vybran´ ych argument˚ u. Pˇri zpracován´ı ˇsablony rozhran´ı pomoc´ı XML parseru pak docház´ı k v´ ybˇeru tˇechto prvk˚ u a jejich atribut˚ u, na jejichˇz základˇe se pak vytváˇrej´ı samotné objekty uˇzivatelského rozhran´ı.

C.1

Obecn´ e vlastnosti

Jak popisuje ˇca´st 5.1.3, jsou vˇsechny vytvoˇrené prvky nejprve obaleny rozloˇzen´ım LinearLayout a následovnˇe vloˇzeny do prvku ScrollView. Pro tento rodiˇcovsk´ y LinearLayout je pouˇzita v´ ychoz´ı direktiva, která zajiˇst’uje, ˇze vˇsechny prvky vloˇzené do seznamu budou m´ıt stejnou váhu. A rovnˇeˇz se budou snaˇzit vyplnit maximum pˇridˇeleného prostoru. LinearLayout . LayoutParams lp = new LinearLayout . LayoutParams ( LinearLayout . LayoutParams . MATCH_PARENT , LinearLayout . LayoutParams . MATCH_PARENT , defaultWeight ) ; parent . setLayoutParams ( lp ) ;

Ukázka kódu C.1: V´ ychoz´ı nastaven´ı LinearLayout T´ım je zajiˇstˇeno, ˇze pokud bude jedin´ ym definovan´ ym prvkem daného fragmentu pouze LinearLayout, dostane k dispozici prostor celého displeje, nikoli pouze jednu ˇra´dku z obaluj´ıc´ıho prvku. Váhu jednotliv´ ych prvk˚ u obaluj´ıc´ıho layoutu je moˇzné mˇenit pomoc´ı parametru weight. Jeho hodnota udává, jak´ y pod´ıl prostoru by mˇel v rámci obaluj´ıc´ıho LinearLayout zabrat. Napˇr´ıklad LinearLayout obsahuj´ıc´ı tˇri prvky s vahami 1, 1, 2 by mˇel pˇridˇelit polovinu (2/4) prostoru posledn´ımu, nejvˇetˇs´ımu, prvku a zbyl´ y prostor rozdˇelit mezi dva menˇs´ı prvky. Nicménˇe je nutné vz´ıt v potaz to, ˇze na fináln´ı zobrazen´ı maj´ı vliv napˇr´ıklad i rozestupy mezi prvky, okraje a dalˇs´ı faktory. Pˇri pouˇzit´ı atributu weight je vˇsak tˇreba dát pozor na to, ˇze urˇcuje rozmˇer prvku pouze v jednom rozmˇeru. Pokud tedy prvek obsahuje text ˇci popisek, bude jeho obsah rovnˇeˇz pˇrizp˚ usoben rozmˇer˚ um celého prvku. M˚ uˇze 77


Fragment

se tak stát, ˇze obsah prvku pˇreteˇce na dalˇs´ı ˇra´dky a t´ım dojde k protaˇzen´ı a vizuáln´ı deformaci objektu. Váhu prvk˚ um je tedy potˇreba pˇriˇrazovat s rozmyslem. Vˇsechny prvky s textov´ ym obsahem mohou zpracovávat jak obsah atributu text, tak pˇr´ımo textov´ y obsah elementu. To umoˇzn ˇuje pouˇzit´ı atributu pro text tlaˇc´ıtek, zat´ımco bloky textu je moˇzné um´ıstit dovnitˇr elementu v XML souboru ˇsablony.

C.2

Fragment

Fragment slouˇz´ı jako prvek rozhran´ı, ve kterém se vˇsechen obsah nahran´ y ze ˇsablony zobraz´ı. Pro jednoduchost je moˇzné v rámci jednoho souboru ˇsablony definovat v´ıce fragment˚ u, kde kaˇzd´ y bude m´ıt sv˚ uj titulek dan´ y atributem title a vlastn´ı prvky rozhran´ı, t´ım pádem i vlastn´ı funkci. Pokud ˇsablona neobsahuje pˇr´ımo prvek typu , povaˇzuje se veˇsker´ y jej´ı obsah za obsah jednoho fragmentu a je s n´ım dále i tak nakládáno. Pokud obsahuje titulek fragmentu znaky , jsou tyto znaky nahrazeny ve v´ ysledném názvu znakem mezera“. Analogick´ y postup je pouˇzit pˇri vytvá” ˇren´ı atributu XML ˇsablony z ˇretˇezce názvu. Atribut

Hodnoty

• title

libovoln´ y ˇretˇezec validn´ı v souboru ˇsablony Tabulka C.1: Atributy prvku fragment

C.3

LinearLayout

Pomoc´ı kombinace prvk˚ u lze rozloˇzen´ı displeje rozdˇelit na ˇra´dky a sloupce. Orientace layoutu m˚ uˇze b´ yt dvoj´ı - horizontal (prvky jsou pouˇzité jako sloupeˇcky) a vertical (prvky jsou pouˇzité jako ˇra´dky). V souboru ˇsablony je orientace specifikována atributem orientation. Pro lepˇs´ı vizuáln´ı orientaci v prvc´ıch grafického rozhran´ı lze pouˇz´ıt téˇz prvek oddˇelovaˇce. Jeho vzhled je pevnˇe nastaven v samotné aplikaci, uˇzivatel pouze m˚ uˇze specifikovat, zda se prvek zobraz´ı, ˇci nikoli. 78


Atribut

Button

Hodnoty

• orientation horizontal nebo vertical (v´ ychoz´ı) • divider

true nebo false (v´ ychoz´ı)

• weight

ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0)

Tabulka C.2: Atributy prvku linearlayout

C.4

Button

Tlaˇc´ıtka pouˇz´ıvaj´ı kromˇe základn´ıho popisku i nˇekolik dalˇs´ıch d˚ uleˇzit´ ych atribut˚ u, které sice nebyly v ukázkov´ ych aplikac´ıch vyuˇzity, nicménˇe mohou m´ıt zásadn´ı vliv na v´ ysledn´ y layout. Jedná se o atributy visible, kter´ y um´ı tlaˇc´ıtko zneviditelnit ve v´ ysledném layoutu pˇri zachován´ı jeho pozice. A dále byl pouˇzit atribut enabled slouˇz´ıc´ı k deaktivaci tlaˇc´ıtka. Atribut

Hodnoty

• enabled false nebo true (v´ ychoz´ı) • visible

false nebo true (v´ ychoz´ı)

• weight

ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0) Tabulka C.3: Atributy prvku button

Souˇca´st´ı kaˇzdého tlaˇc´ıtka je i funkce, kterou má tlaˇc´ıtko vykonávat. Obecnˇe je moˇzné specifikovat r˚ uzné typy funkc´ı atributem type, nicménˇe v souˇcasné verzi polymorfn´ı aplikace je implementována pouze funkce typu replace, která provád´ı spuˇstˇen´ı metody doLibraryFunction ve tˇr´ıdˇe specifikované atributem target. Ve v´ ysledné aplikaci nebyla zavedena moˇznost spouˇstˇen´ı r˚ uzn´ ych funkc´ı v c´ılové tˇr´ıdˇe, ale atribut name byl u objektu funkce ponechán pro moˇzná budouc´ı rozˇs´ıˇren´ı.

79


EditText

Atribut

Hodnoty

• type

libovoln´ y ˇretˇezec validn´ı v souboru ˇsablony

• target libovoln´ y ˇretˇezec validn´ı v souboru ˇsablony • name

libovoln´ y ˇretˇezec validn´ı v souboru ˇsablony Tabulka C.4: Atributy prvku function

C.5

EditText

Editovatelné poloˇzky maj´ı spoleˇcn´ y atribut hint, kter´ y pˇredstavuje nápovˇedu v dané kolonce pˇredt´ım, neˇz zaˇcne uˇzivatel vyplˇ novat jej´ı obsah. Dalˇs´ım v´ yznamn´ ym atributem je type, kter´ y specifikuje pouˇzit´ı daného prvku pro vybran´ y typ obsahu. T´ım je moˇzné provést obdobu validace vstupu na u ´rovni samotné kolonky. Skuteˇcná validace by vˇsak vyˇzadovala zpracován´ı události pˇri zadán´ı u ´daj˚ u do daného pol´ıˇcka. Takovou funkci vˇsak nen´ı moˇzné jednoduˇse provádˇet u dynamicky vytvoˇreného rozhran´ı. Proto je nutné vystaˇcit si pˇri tvorbˇe generovan´ ych aplikac´ı s nˇekolika vybran´ ymi typy vstupu. Pˇr´ıpadnˇe pouˇz´ıt obecn´ y vstup text a validaci provádˇet aˇz v rámci spouˇstˇené funkce doLibraryFunction. Atribut

Hodnoty

• hint


• type

number pro zadán´ı celého ˇc´ısla phone pro zadán´ı telefonn´ıho ˇc´ısla datetime pro zadán´ı data multiline pro pouˇzit´ı v´ıceˇra´dkového vstupu text (v´ ychoz´ı) pro obecn´ y vstup

• weight ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0) Tabulka C.5: Atributy prvku edittext

80


C.6

TextView

TextView

Nejd˚ uleˇzitˇejˇs´ım atributem prvku pro zobrazen´ı textu b´ yvá zpravidla atribut text, kterému je pˇriˇrazen obsah prvku. Pro souvislé texty je vˇsak lepˇs´ı vyuˇz´ıt moˇznosti vloˇzen´ı textu do tˇela elementu, coˇz jednak zpˇrehledˇ nuje zápis ˇsablony, a pak zajiˇst’uje, ˇze validita dokumentu ˇsablony nebude ohroˇzena nevhodn´ ym znakem v hodnotˇe atributu. Textové prvky je moˇzné stylovat pomoc´ı atributu style, kter´ y umoˇzn ˇuje rozliˇsen´ı nadpis˚ u, bˇeˇzného textu a textu psaného kurz´ıvou. Rovnˇeˇz je moˇzné nastavit zarovnán´ı textu k okraji ˇci na stˇred pomoc´ı atributu gravity. V´ yznam textu je moˇzné zd˚ uraznit atributem type, kter´ y um´ı rozliˇsit telefonn´ı ˇc´ısla, e-mailové adresy a webová URL. V pˇr´ıpadˇe pouˇzit´ı URL je tˇreba jeho text pˇredem pˇrekódovat tak, aby neobsahoval nebezpeˇcné znaky. Pˇri naˇcten´ı tohoto textu pak probˇehne dekódován´ı, takˇze je zaruˇceno korektn´ı zobrazen´ı vybrané adresy. Atribut

Hodnoty

• text

libovoln´ y ˇretˇezec validn´ı v souboru ˇsablony (Lze nahradit obsahem elementu)

• style

italics pro pouˇzit´ı kurz´ıvy bold pro pouˇzit´ı tuˇcného p´ısma bolditalics pro kombinaci obou normal obyˇcejn´ y text (v´ ychoz´ı)

• gravity right zarovnán´ı vpravo center zarovnán´ı na stˇred leftzarovnán´ı vlevo (v´ ychoz´ı) • type

url pro asociaci s prohl´ıˇzeˇcem mail pro asociaci s poˇstovn´ım klientem phone pro asociaci s telefonem

• weight

ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0) Tabulka C.6: Atributy prvku textview

81


C.7

CheckBox

CheckBox

CheckBox pˇredstavuje jednoduch´ y prvek se dvˇema atributy - text pro popisek a checked pro v´ ychoz´ı hodnotu prvku. Atribut

Hodnoty

• text


• checked true nebo false (v´ ychoz´ı) • weight

ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0) Tabulka C.7: Atributy prvku checkbox

C.8

ImageView

Prvek pro zobrazen´ı grafického obsahu je definován jedn´ım atributem - src - udávaj´ıc´ım zdrojovou adresu obrázku, kter´ y se zobraz´ı po naˇcten´ı prvku v uˇzivatelském rozhran´ı. Pokud z nˇejakého d˚ uvodu ke zobrazen´ı nedojde, neprob´ıhá ani stahován´ı samotného obrázku do zaˇr´ızen´ı. Vˇsechny prvky ImageView maj´ı standardnˇe obsah pˇrizp˚ usoben´ y velikosti prvku uˇzivatelského rozhran´ı a vycentrovan´ y v rámci prvku. Je tˇreba tedy poˇc´ıtat s t´ım, ˇze zobrazen´ı dvou r˚ uzn´ ych obrázk˚ u m˚ uˇze na stejném prostoru p˚ usobit rozliˇsnˇe, a pokud je to nutné, pouˇz´ıt oddˇelovaˇc prvku LinearLayout k oddˇelen´ı obrázku od ostatn´ıho obsahu. Atribut

Hodnoty

• src

kódovan´ y ˇretˇezec s adresou obrázku

• weight ˇc´ıslo formátu double (v´ ychoz´ı hodnota 1.0) Tabulka C.8: Atributy prvku imageview

82

Soubory ˇsablon

D Soubory ˇsablon Z pˇredchoz´ı kapitoly C vypl´ yvá, ˇze funkce vykonávaná v rámci generované aplikace mus´ı vracet v´ ystup splˇ nuj´ıc´ı definici popsanou dokumentem na ukázce D.1.
button button button button button

( function ) > text CDATA # IMPLIED > visible ( true | false ) " true " > enabled ( true | false ) " true " > weight CDATA " 1 " >

function function function function

EMPTY > type CDATA # REQUIRED > target CDATA # REQUIRED > name CDATA # IMPLIED >

gravity ( right | center | left ) " left " > type ( url | mail | phone | text ) " text " > weight CDATA " 1 " >

EMPTY > text CDATA # IMPLIED > checked ( true | false ) " true " > weight CDATA " 1 " >

checkbox checkbox checkbox checkbox

CDATA > style ( italics | bold | italicsbold | normal )

83

Soubory ˇsablon

RSS ˇcteˇcka

]>

Ukázka kódu D.1: Definice ˇsablony fragmentu

D.1

RSS ˇ cteˇ cka

Následuj´ıc´ı ukázky obsahuj´ı ˇsablony pouˇzité pro spouˇstˇec´ı ˇcást ukázkové apliˇ cka (D.2) a v´ kace RSS Cteˇ ystup samotné ˇcteˇcky se tˇremi poloˇzkami a bez obrázk˚ u (D.3). < application title = " RSS ˇ C te ˇ c ka " > < edittext hint = " url " / > < edittext hint = " po ˇ c et " type = " number " / > < checkbox text = " checkbox " text = " Na ˇ c´ ı tat obr ´ a zky " / > < button text = " Na ˇ c´ ı st " > < function type = " replace " target = " com . example . control . RSSReader " name = " readUrl " / >

ˇ Ukázka kódu D.2: Sablona vstupn´ı ˇca´sti < fragment title = " Sport_iDNES . cz_ - _Nejlep ˇ s´ ı _sport " > < linearlayout orientation = " vertical " divider = " true " > < linearlayout orientation = " vertical " > < textview style = " bold " > ˇ C ty ˇ r i duely , ˇ c ty ˇ ri v´ y hry . Basketbalov ´ ym v´ ybe ˇr˚ u m druh ´ y den v Baku vy ˇ s el < textview style = " italics " > 24.06.2015 , 21 :14 < textview > Po ´ u tern ´ ı ch chmurn ´ y ch premi ´ er´ a ch na Evropsk ´ y ch hr ´ a ch vysvitlo pro ˇ c esk ´ e basketbalov ´ e t´ y my v Baku slun ´ ıˇ c ko . Mu ˇ zi i z ˇ eny z ´ ı skali po dvou d ˚ u le ˇ z it ´ y ch v´ ıtˇ e zstv ´ ı ch a do play - off jdou z druh ´ y ch m ´ ı st sv ´ y ch z´ a kladn ´ ı ch skupin . < textview style = " italics " type = " url " > http %3 A %2 F %2 Foh . idnes . cz %2 Fbaku - evropske - hry - basketbal -3 x3 - deh -%2 Fbaku -2015. aspx %3 Fc %3 DA150624_232404

84

Soubory ˇsablon

RSS ˇcteˇcka

_olympiada - baku -2015 _ten %23 utm_source %3 Drss %26 utm_medium %3 D feed %26 utm_campaign %3 Dsport %26 utm_content %3 Dmain < linearlayout orientation = " vertical " > < textview style = " bold " > Portugalsko - ˇ Sv´ e dsko 1 :1 , drama v z´ avˇ e ru , po rem ´ ı ze slavily oba t ´ y my < textview style = " italics " > 24.06.2015 , 20 :59 < textview > Dlouho to vypadalo na nudnou bezg ´ o lovou rem ´ ı zu , a ˇ z v z´ avˇ e ru se z ´ a pas Portugalska se ˇ Sv´ e dskem na fotbalov ´ e m Euru do 21 let zm ˇ e nil v drama . Po vedouc ´ ım g´ o lu Portugalc ˚ u ˇ Sv´ e dov ´ e na chv ´ ı li ztratili postupovou jistotu , vr ´ a til jim ji ale g ´ o l v posledn ´ ı minut ˇ e . < textview style = " italics " type = " url " > http %3 A %2 F %2 Ffotbal . idnes . cz %2 Fportugalsko - svedsko - mistrovstvi - evropy - do -21 - let - fbt -%2 Fme - fotbal -2015 . aspx %3 Fc %3 DA150624_182654_me - fotbal -2015 _min %23 utm_source %3 D rss %26 utm_medium %3 Dfeed %26 utm_campaign %3 Dsport %26 utm_content %3 Dmain < linearlayout orientation = " vertical " > < textview style = " bold " > Hokejbalist ´ e po bezbrankov ´ e rem ´ ı ze s Kanadou vyhr ´ a li na MS skupinu < textview style = " italics " > 24.06.2015 , 20 :52 < textview > ˇ Ceˇ st´ ı hokejbalist ´ e remizovali v z ´ avˇ e re ˇ cn´ em vystoupen ´ ı v z´ a kladn ´ ı skupin ˇ e na mistrovstv ´ ı sv ˇ e ta v Zugu s Kanadou 0 :0 a p ˇ r es prvn ´ ı bodovou ztr ´ a tu na turnaji ovl ´ a dli tabulku . V p ´ a tek od 17 :45 ˇ c ek ´ a sv ˇ eˇ r ence tren ´ e ra Drahom ´ ı ra Kadlece ˇ c tvrtfin ´ a lov ´ y souboj s v ´ ıtˇ e zem kvalifikace mezi Finskem a Indi ´ ı . < textview style = " italics " type = " url " > http %3 A %2 F %2 Fsport . idnes . cz %2 Fmistrovstvi - sveta - hokejbalistu -2015 - dty -%2 Fsporty . aspx %3 Fc %3 D A 1 5 0 6 2 4 _ 2 2 5 4 1 2 _ s p o r t y _ a l d %23 utm_source %3 D rss %26 utm_medium %3 Dfeed %26 utm_campaign %3 Dsport %26 utm_content %3 Dmain

Ukázka kódu D.3: Ukázka v´ ystupn´ı ˇca´sti

85

ˇ Kontakty ZCU

Soubory ˇsablon

D.2

ˇ Kontakty ZCU

ˇ ˇ pˇredstavuj´ı vstupn´ı Sablony pocházej´ıc´ı z ukázkové aplikace Kontakty ZCU ˇcást generované aplikace (D.4) a v´ ystup s vizitkou jednoho zamˇestnance (D.5). < application title = " Kontakty Z ˇ CU"> < edittext hint = " Jm ´ e no " / > < edittext hint = " P ˇ r´ ı jmen ´ ı"/> < button text = " Naj ´ ıt"> < function type = " replace " target = " com . example . control . ContactFinder " / >

ˇ Ukázka kódu D.4: Sablona vstupn´ı ˇca´sti < fragment title = " Ing . _Ladislav_Pe ˇ siˇ c ka " > < linearlayout orientation = " vertical " > < textview style = " bold " > Ing . Ladislav Pe ˇ siˇ c ka < linearlayout orientation = " horizontal " divider = " true " > < imageview src = " http %3 A %2 F %2 Fwww . zcu . cz %2 Ffoto . jsp %3 Fid %3 D16847 " / > < linearlayout orientation = " vertical " weight = " 2 " > < textview text = " Telefon: " / > < textview style = " italics " type = " phone " > +420377632469 < textview / > < textview text = " Email: " / > < textview style = " italics " type = " mail " > pesicka@kiv . zcu . cz < textview text = " Pracovi ˇ stˇ e:"/> < textview style = " italics " > Fakulta aplikovan ´ y ch vˇ e d < textview text = " Kancel a ´ˇ r:"/> < textview style = " italics " > UN 358

Ukázka kódu D.5: V´ ystup aplikace - jeden kontakt

86

Soubory ˇsablon

D.3

Dalˇs´ı ukázky

Dalˇ s´ı uk´ azky

Následuj´ıc´ı ukázka D.6 nen´ı v samotné aplikaci vyuˇzita, jedná se pouze o pˇr´ıklad, jak lze jednotlivé prvky rozhran´ı pouˇz´ıvat. Vizuáln´ı podobu fragment˚ u popsan´ ych touto ˇsablonou si lze prohlédnout na obrázku E.5. < application > < fragment title = " texty " > < linearlayout orientation = " vertical " > < textview text = " Nadpis Vlevo " gravity = " left " style = " bold " / > < textview > Lorem ipsum dolor sit amet , consectetur adipiscing elit , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua . Ut enim ad minim veniam , quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat . < textview text = " Nadpis St ˇ r ed " gravity = " centerhorizontal " style = " bold " / > < textview style = " italics " > Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur . Excepteur sint occaecat cupidatat non proident , sunt in culpa qui officia deserunt mollit anim id est laborum . < textview text = " Nadpis Vpravo " gravity = " right " style = " bold " / > < fragment title = " tla ˇ c´ ı tka " > < linearlayout orientation = " horizontal " divider = " true " > < button text = " button1 " / > < button text = " button2 " / > < button text = " button3 " / > < linearlayout orientation = " horizontal " > < linearlayout orientation = " vertical " divider = " true " weight = " 1 " > < button text = " button4 " / > < button text = " button5 " / > < button text = " button6 " / > < linearlayout orientation = " vertical " weight = " 2 " > < imageview src = " https: // www . seznam . cz / favicons / 26/ b d 3 7 3 9 b 9 0 1 a a 5 a f 7 b a 3 6 d 1 d 7 4 f b 5 a 0 4 2 . jpg " / >

87

Soubory ˇsablon

Dalˇs´ı ukázky

< linearlayout orientation = " horizontal " > < button text = " button8 " weight = " 2 " / > < button text = " button9 " weight = " 1 " / > < linearlayout orientation = " horizontal " > < button text = " button10 " weight = " 2 " / > < linearlayout orientation = " horizontal " weight = " 1 " > < button text = " button11 " / > < button text = " button12 " / > < linearlayout orientation = " horizontal " > < button text = " button13 " / > < button text = " button14 " / > < fragment title = " editace " > < edittext hint = " datum " type = " datetime " / > < edittext hint = " telefon " type = " phone " / > < edittext hint = " cislo " type = " number " / > < edittext hint = " multiline text " type = " multiline " / > < checkbox text = " checkbox " / >

Ukázka kódu D.6: Ukázka text˚ u, tlaˇc´ıtek a editovateln´ ych prvk˚ u

88

Dalˇs´ı grafické pˇr´ılohy

E Dalˇs´ı grafické pˇr´ılohy Na následuj´ıc´ı pˇr´ılohy je odkazováno v textu práce, aˇckoli do nˇej nebyly pˇr´ımo zaˇrazeny. Jedná se o obrázky informativn´ıho charakteru, které nejsou nutné pro pochopen´ı principu fungován´ı polymorfn´ı aplikace, nicménˇe mohou b´ yt zaj´ımavé zejména pro uˇzivatele, kter´ y nebude aplikaci zkouˇset pˇr´ımo na fyzickém zaˇr´ızen´ı.

E.1

Archivy dex a jar

Obrázek E.1 znázorˇ nuje rozd´ıl v systému kompilace obou archiv˚ u. Jedná se téˇz o d˚ uvod, proˇc nejde oba typy libovolnˇe zamˇen ˇovat.

Obrázek E.1: Struktura jar a dex archiv˚ u, zdroj: [Nam13]

89


E.2



Následuj´ıc´ı sn´ımky obrazovek E.2 ukazuj´ı postup pˇri v´ ybˇeru souboru z pamˇeti zaˇr´ızen´ı. Prvn´ım krokem je vybrán´ı aplikace správce soubor˚ u (E.2a), následuje v´ ybˇer souboru v samotné aplikaci ES File Explorer (E.2b).

(a) V´ ybˇer aplikace

(b) V´ ybˇer souboru

Obrázek E.2: V´ ybˇer souboru ze zaˇr´ızen´ı

90



Obdobn´ y postup je na sn´ımc´ıch E.4, jedná se o v´ ybˇer souboru z u ´loˇziˇstˇe Dropbox (E.3a) a v´ ybˇer souboru z u ´loˇziˇstˇe Google Drive (E.3b).

(a) Dropbox

(b) Google Drive

Obrázek E.3: V´ ybˇer souboru z cloudového u ´loˇziˇstˇe

91



Pˇri staˇzen´ı souboru z URL je nejprve tˇreba zadat jeho adresu, a to ruˇcnˇe, ˇci vloˇzen´ım zkop´ırovaného odkazu (E.4a). Následnˇe je tˇreba vyˇckat, neˇz bude soubor staˇzen do zaˇr´ızen´ı (E.4b).

(a) Zad´ an´ı URL

(b) Progress dialog

Obrázek E.4: Staˇzen´ı souboru z URL

92



Posledn´ı ukázka E.5 pˇredstavuje r˚ uzné kombinace prvk˚ u uˇzivatelského rozhran´ı. Prvn´ı ˇcást pˇredstavuje kominaci r˚ uzn´ ych typ˚ u prvku TextView (E.5a). Druh´ y sn´ımek pak pˇredvád´ı r˚ uzné kombinace pouˇzit´ı prvk˚ u LinearLayout a Button (E.5b).

(a) Textové prvky

(b) Tlaˇc´ıtka

Obrázek E.5: Pˇr´ıklady rozloˇzen´ı prvk˚ u

93

ˇ cka RSS Cteˇ


E.3

ˇ cka RSS Cteˇ

Následuj´ıc´ı sn´ımky pˇredstavuj´ı porovnán´ı pouˇzit´ı RSS ˇcteˇcky bez stahován´ı obrázk˚ u (E.6a) a pouˇzit´ı se stahován´ım obrázk˚ u (E.6b)

(a) Text

(b) S obrázky

Obrázek E.6: V´ ysledek práce RSS ˇcteˇcky

94

Západočeská univerzita v Plzni Fakulta aplikovaných věd Katedra informatiky a výpočetní techniky. aplikace na platformě Android

Recommend Documents