Zobrazenie zdroja stránky Rozšíření informačního systému EPI, s.r.o. na mobilní platformu Android

<div itemtype="http://schema.org/ScholarlyArticle" itemscope="itemscope">
{| cellpadding=5 cellspacing=0 width=100%
|-
| <div style="font-size:18px;text-align:center">Evropský polytechnický institut, s.r.o.<br/>Kunovice, ČR</div>
|-
| <div style="text-align:center;font-size:20px">{{PAGENAME}}<br/><span style="font-size:14px">Bakalářská práce</span></div>
|}

{| style="border: 0px red solid;" cellpadding=5 cellspacing=0 
|- style="width:300px"
|'''Autor''':
|<span itemscope="itemscope" itemprop="author"><span itemprop="name">Antonín Šajboch</span></span>
|-
|'''Pedagogický vedúci''':
|Ing. Jindřich Petrucha, PhD
|-
|'''Študijný odbor''':
|<span itemprop="articleSection">Elektronické počítače</span>
|-
|'''Akademický rok'''
|<span itemprop="copyrightYear">2012/2013</span>
|}

{{Praca_uvod|1|Rozšíření informačního systému EPI, s.r.o. na mobilní platformu Android|Analýza platformy Android|Analýza informačního systému rozvrhu a možnosti zpracování dat|Návrh vzhledu aplikace mobilního rozvrhu|Návrh funkcionality aplikace mobilního rozvrhu|Realizace projektu EPIrozvrh a popis kódu|Testování funkcionality aplikace EPIrozvrh a uvedení do provozu}}

{{abstrakt
|Cílem práce bylo vytvořit aplikaci školního rozvrhu pro mobilní platformu Android. Tato aplikace pravidelně automaticky stahuje nové aktualizace rozvrhu ze školní databáze a je přístupná i v režimu offline. V této práci je provedena analýza platformy Android a princip vývoje aplikací pro tuto platformu včetně jejího vývojového prostředí. Dále jsou zde také popsány principy programování, vývojové diagramy popisující architekturu celé aplikace. Všechny tyto informace jsou využity v praktické části, kde je detailně popsáno, jak aplikace pracuje s daty včetně jejího třídění a zobrazování. Součástí práce je kromě hotové aplikace veškerá dokumentace a videonávod.
|The aim was to create an application school schedule for the Android mobile platform. This application automatically downloads regular updates schedule from the school database and can be accessed in offline mode. This paper is an analysis of the Android platform and the principle of development applications for the platform, including its development environment. Furthermore, there are also described principles of programming, flowcharts describing the architecture of the application. All this information is used in the practical part, where is described in detail how the application works with data including the sorting and displaying. The work done by excluding all documentation and video tutorials.
}}

__TOC__
'''Úvod'''

Díky mobilním technologiím můžeme být neustále v kontaktu se svou rodinou, přáteli 
i dalšími lidmi po celém světě. Mobilní telefony se postupem času stali „malými počítači“. Obdobně jako počítače obsahují procesor, datové úložiště, paměť RAM, ale také operační systém. Takto vybavený mobilní telefon nám může poskytnout bohatou sadu služeb. Běžnou součástí mobilního telefonu se stalo bezdrátové připojení k internetu. Díky tomuto připojení se k emailům či svým datům dostaneme téměř odkudkoliv.    

Android není jenom operační systém, ale je také celou platformou pro vývoj aplikačního softwaru. Android nabízí vývojáři aplikací velkou míru svobody při tvorbě a přístupu k funkcím zařízení. K těmto funkcím se přistupuje přes standardizované programové rozhraní (API).

V rámci modernizace na „Evropském polytechnickém institutu s.r.o.“, dále jen EPI, jsem se rozhodl rozšířit informační systém na mobilní platformu Android. Toto rozšíření se bude týkat rozvrhu hodin. Díky tomuto rozšíření bude mít student, učitel nebo zaměstnanec školy možnost přistupovat k rozvrhu školy pomocí aplikace ve svém mobilním zařízení s OS Android.   

Aplikace bude obsahovat vlastní databázi rozvrhu, která se bude automaticky aktualizovat ze školního serveru. Aktualizace však bude možná jen za předpokladu úspěšného připojení do sítě internet. Jinak bude aplikace čerpat ze své vlastní databáze, která již byla aktualizována dříve.

V první kapitole bude podrobně analyzována platforma Android a princip vývoje aplikací na této platformě. Dále zde bude popsáno vývojové prostředí pro tvorbu aplikací pro OS Android, princip vývoje aplikací, základní struktura aplikace a pravidla vizuálního návrhu. 

Druhá kapitola bude popisovat stávající informační systém s cíleným zaměřením na rozvrh hodin, který bude analyzován velmi podrobně. Také zde bude popsáno multiplatformní rozšíření rozvrhu hodin, které bude vytvořeno na základě předchozí analýzy rozvrhu hodin. 

Třetí kapitola bude popisovat návrh vzhledu aplikace v kombinaci s navigačními prvky. Tento návrh vzhledu předchází vývoji aplikace. To znamená, že na základě tohoto návrhu bude vytvořen reálný vzhled aplikace s navigačními prvky, které tato kapitola popisuje.

Další kapitola, tedy kapitola čtvrtá, bude definovat architekturu aplikace a způsob, jakým bude aplikace uchovávat své data. Popis architektury aplikace bude postaven na UML diagramech. 

Pátá kapitola bude popisovat již hotovou aplikaci a rozebírat jednotlivé části aplikace. Budou zde ukázky zdrojového kódu v kombinaci s diagramy tříd a ukázky konečného vzhledu aplikace. Části zdrojového kódu budou popsány a podrobně vysvětleny. 

Kapitola číslo šest se zabývá testováním funkcionality hotové aplikace. Testování aplikace bude rozděleno na dvě části. V první části se bude jednat o obecné testování aplikace, tedy o to zda se aplikace nechová nepředvídatelně. Tyto testy budou prováděny na principu testování aplikací, které zveřejnila firma Google v dokumentu „App Quality“ na portále pro vývojáře aplikací pro OS Android. [40] Ve druhé části se bude provádět individuální testování aplikace. To znamená, jestli se aplikace chová přesně tak, jak bylo definováno 
a nedochází například ke zkreslování informací nebo ke špatnému zobrazení na různých zařízeních.

Cílem této práce je vytvořit aplikaci pro mobilní zařízení se systémem Android, která bude poskytovat přístup k aktuálnímu rozvrhu hodin a tuto aplikaci uvést do provozu na EPI.

V této práci bude použito hodně anglických výrazů, které nelze věrohodně přeložit, nebo neexistuje v českém jazyce synonymum překládaného slova. Aby nedocházelo ke skloňování nebo špatnému překladu těchto slov, budou tato slova označena kurzívou 
a nebudou skloňována a překládána. 


=Analýza platformy Android=
Tento OS podporují přední prodejci mobilních telefonů a tabletů, mezi které patří například Samsung, HTC, Sony Ericsson a Motorola. Nejenom přední výrobci mobilních
telefonů, ale i přední výrobci osobních počítačů jej využívají pro své produkty, zejména pro tablety. Mezi tyto přední výrobce osobních počítačů patří například Asus, Acer, atd.

== Vývoj platformy Android ==
Společnost Android Inc. byla založena ve Spojených státech amerických v&nbsp;roce 2003 a jejím zakladatelem byl Andy Rubin. V&nbsp;roce 2005 ji odkoupila společnost Google Inc. a vydala první verzi operačního systému Android v&nbsp;mobilním telefonu s&nbsp;názvem Google mobile, ale tato verze nebyla úspěšná. Google přepracoval tento operační systém a po roce jej znovu vydal pro mobilní telefon HTC, tato verze již úspěšná byla. Uživatelů operačního systému Android začalo přibývat. Dne 5. listopadu v roce 2007, několik společností, včetně Google, HTC, Motorola, Intel, T-Mobile, a NVIDIA, vytvořilo OHA. <nowiki>[19][11 s. 4]</nowiki>


OHA je uskupení výrobců mobilních telefonů, telekomunikačních operátorů a technologických firem, stojící za vývojem OS Android. Cílem tohoto seskupení je vyvinutí otevřeného standardu pro mobilní zařízení. Od října 2008 je Android k&nbsp;dispozici jako ''open-source''. 



{| style="border-spacing:0;"
| style="border-top:1pt solid #000001;border-bottom:2.25pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| '''Verze'''
| style="border-top:1pt solid #000001;border-bottom:2.25pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| '''Kódové jméno'''
| style="border-top:1pt solid #000001;border-bottom:2.25pt solid #000001;border-left:1pt solid #000001;border-right:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| '''Verze API'''

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 1.5
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Cupcake
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 3

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 1.6
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Donut
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 4

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 2.0/2.1
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Eclair
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 6/7

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 2.2
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| FroYo
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 8

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 2.3
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Gingerbread
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 9

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 3.0 – 3.2
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Honeycomb
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 12 – 14

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 4.0
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Ice Cream Sandwich
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 15

|-
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 4.1/4.2
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| Jelly Bean
| style="border:1pt solid #000001;padding-top:0cm;padding-bottom:0cm;padding-left:0.206cm;padding-right:0.191cm;"| 16/17

|}
Tabulka č. 1: Rozdělení platformy Android podle dostupných verzí

<nowiki>Zdroj: [20]</nowiki>

Předcházející tabulka reprezentuje seznam používaných verzí operačního systému. Každá verze operačního systému obsahuje číslo verze, kódové označení a verzi API. Z&nbsp;této tabulky je tedy zřejmé, že OS Android je k&nbsp;dispozici v&nbsp;široké škále verzí.


== Android Architektura  ==
Následující obrázek, který se skládá z pěti vrstev, zobrazuje hlavní komponenty OS Android. Každá z těchto vrstev má svůj specifický význam a ten je rozebrán níže.

[[Súbor:Tonda bc 1.jpg]]

Obrázek č. 1: Pohled na Architekturu platformy Android

<nowiki>Zdroj: [12]</nowiki>


Základním kamenem platformy Android je Linuxové jádro 2.6, což je nejnižší vrstva.Na obrázku č. 1 je tato vrstva označena jako Linux Kernel. Toto Linuxové jádro je nejčastěji používaným ''open-source''<nowiki> jádrem díky jeho stabilitě, flexibilitě a dalším výhodám. [13][10, s. 19]</nowiki>


Toto linuxové jádro obsahuje ovladače nutné ke komunikaci ostatních vrstev s hardwarem zařízení. Dále je toto jádro obohaceno o specifické funkce, jako je speciální sdílená paměť, meziprocesorová komunikace, alokace operační paměti pro procesy atd. 

Tyto specifické funkce jsou důležité pro provoz na mobilních zařízeních zejména kvůli nízké operační paměti a méně výkonným procesorům (CPU).


Další v&nbsp;pořadí je vrstva, která je na obrázku č. 1 označena jako ''Libraries'' (knihovny). Tato vrstva obsahuje řadu C/C++ nativních knihoven. Knihovny jsou používané různými komponentami systému Android. Jsou nezbyté pro vývoj aplikací většího rozsahu. 


Některé z&nbsp;těchto knihoven:

* ''Media'' ''Libraries -'' tato knihovna podporuje přehrávání a nahrávání mnoha známých audio a video formátů, jako jsou například AAC, AMR atd., podporuje také obrazové soubory,
* SQLite ''-'' všestranný relační databázový systém, který je přístupný všem aplikacím,
* LibWebCore ''-'' moderní jádro webového prohlížeče implementováno do webového prohlížeče OS Android, ale také je obsaženo v&nbsp;grafické komponentě ''web view'' přístupné pro vývojáře,
* SGL ''-'' základní 2D grafický ''engine'',
* 3D ''libraries -''obsahují implementace založené na OpenGL ES 1.0 API, využívá 3D hardwarovou akceleraci (pokud je k&nbsp;dispozici), nebo vysoce optimalizované softwarové 3D rastrování. <nowiki>[13]</nowiki> 

<nowiki>Další částí je virtuální stroj Dalvik, který je na obrázku označen jako Android Runtime. Virtuální stroj Dalvik zajišťuje, že každá aplikace běží ve vlastním procesu, s&nbsp;vlastní instancí. [12] </nowiki>


Z&nbsp;toho plyne, že zajišťuje nezávislost aplikací na hardware a každá aplikace je obsluhována vlastním vláknem. Další důležitou vlastností virtuálního stroje Dalvik je nejenom nezávislost aplikace na hardware, ale zejména nezávislost na instrukční sadě procesoru. Díky tomu je možné provozovat aplikace na architektuře x86 i na procesorech ARM. Samozřejmě to neplatí za použití nativních knihoven, které by bylo nutno přeložit zvlášť.


Platforma Android nabízí široké možnosti při vytváření designu aplikace. Taktéž je možno plně využívat funkce hardwaru zařízení (GPS). Mohou také pracovat s&nbsp;informacemi o poloze, spouštět služby na pozadí či přidat oznámení. <nowiki>[10, s. 25]</nowiki>


V&nbsp;poslední vrstvě s názvem „Aplications“ jsou aplikace, které jsou dodávané s&nbsp;téměř každým zařízením pracujícím na platformě Android, například webový prohlížeč, seznam kontaktů a další. 


== Princip vývoje aplikací  ==
Vývoj aplikací pro mobilní zařízení je od vývoje aplikací pro stolní počítače nebo servery poněkud odlišný. Mobilní zařízení mají ve většině případů malou obrazovku, mohou a nemusí mít fyzickou klávesnici, ovládají se dotykem (velké prsty na malé obrazovce jsou nepřesné), operační paměť a rychlost CPU je v&nbsp;porovnání se stolními počítači malá. <nowiki>[1, s. 22] [14]</nowiki> 


Tyto předpoklady je proto důležité znát a implementovat je do vyvíjené aplikace, například vytvářet všechny tlačítka a ovládací prvky dostatečně velké, aby bylo možné snadné ovládání. 


Mobilní zařízení, tedy konkrétně mobilní telefony, jsou navíc odlišné v&nbsp;tom, že jejich primární funkce je přijímat hovory, přijímat textové zprávy a zprávy MMS. Tyto služby jsou pro uživatele naprosto prioritní. Určitě by se nikomu nelíbilo, kdyby mobilní telefon přestal pracovat kvůli nějaké aplikaci. Při běhu aplikace můžou nastat různé jevy, které znemožní tyto primární funkce telefonu.


Jevy, které znemožní primární funkce telefonu:

* dojde k&nbsp;takovému vytížení procesoru, že mobilní telefon nebude schopný přijmout hovor,
* aplikace nezmizí do pozadí, když telefon upozorní uživatele na příchozí hovor nebo si chce uživatel přečíst textovou zprávu,
* aplikace způsobí pád systému.

Mark L. Murphy, vývojář mobilních aplikací pro Android, napsal ve své knize Android 2: Průvodce programováním mobilních aplikací: „''Aplikace spuštěné v&nbsp;telefonu se musí neustále potýkat s&nbsp;tím, že jsou spuštěné právě v&nbsp;telefonu''“. <nowiki>[1, s. 22]</nowiki> 


Platforma Android se snaží o kompromis tak, že aplikace spuštěné v&nbsp;mobilním telefonu můžou využívat největší možnou část operační paměti a procesoru, ale zároveň jsou zajištěny již zmiňované primární funkce mobilního telefonu. Nabízí poměrně rigidní <nowiki>a oddělený aplikační rámec, ve kterém musí běžet veškeré aplikace, aby nenarušovali základní funkci ostatních aplikací nebo samotného telefonu. [14]</nowiki>


Programovací jazyk, ve kterém se píší aplikace pro mobilní zařízení s&nbsp;OS Android, je obdobný jako programovací jazyk Java. Využívá se stejné syntaxe a některých negrafických objektů. Grafické objekty si platforma Android definuje sama. Předchozí znalost programovacího jazyku Java je předpokladem pro pochopení vývoje aplikací pro platformu Android. 


=== Android emulátor ===
<nowiki>Android SDK obsahuje virtuální zařízení Android Virtual Device (AVD), které simuluje běh mobilního telefonu v&nbsp;počítači. Emulátor umožňuje ladění a testování aplikací bez použití fyzického zařízení. [17][16][1, s. 28] </nowiki>


Emulátor však nepodporuje všechny hardwarové a softwarové prvky typické pro mobilní zařízení. Poskytuje však celou řadu kontrolních a navigačních kláves, které je možné ovládat pomocí kliknutí myši nebo klávesnice. 


Pro použití emulátoru se nejprve musí vytvořit virtuální zařízení v&nbsp;AVD Manager, který se spustí z&nbsp;vývojového prostředí nebo z&nbsp;příkazové řádky. Při vytváření AVD je potřeba vytvořit konfiguraci. V&nbsp;každé konfiguraci je možno zadat verzi platformy Android, velikost obrazovky, velikost paměťové karty, popřípadě se dá zvolit některé z fyzicky existujících zařízení (Nexus 7). Každé AVD funguje nezávisle s&nbsp;vlastním skladovacím prostorem pro uživatelská data. 


Části AVD jsou:

* Hardwarový profil - definuje funkce hardware virtuálního zařízení. Může určit, zda má virtuální zařízení fotoaparát, kolik má paměti, atd.
* Mapování systémového obrazu - definuje, jaká verze platformy Android poběží na virtuálním zařízení.
* <nowiki>Další možnosti - umožňují zadat rozměry obrazovky, vzhled, emulaci SD karty atd. [17][18]</nowiki>

=== Vývojové prostředí ===
Oficiálně podporované vývojové prostředí pro aplikace Android je IDE Eclipse s&nbsp;doinstalovaným zásuvným modulem Android Developer Tools (ADT). Vývojáři ovšem nejsou nuceni pracovat s&nbsp;vývojovým prostředím Eclipse, ale mohou si zvolit jiné IDE, například NetBeans nebo jednoduchý textový editor a kompilace pomocí příkazové řádky. 


Nástroje pro vývoj aplikací pro platformu Android jsou obsaženy v&nbsp;Android Software Development Kit (SDK), které jsou dostupné pro všechny známé operační systémy GNU/Linux, Windows i Mac OS. <nowiki>[15]</nowiki>


Sada SDK se skládá z&nbsp;balíků, které je možné stáhnout a nainstalovat popřípadě aktualizovat samostatně pomocí Android SDK Manager. Vyjde-li nová verze platformy Android nebo jsou k&nbsp;dispozici aktualizace SDK Tools, je možno pomocí SDK Manager stáhnout tyto aktualizace do používaného vývojového prostředí. 


Balíčky pro Android SDK:

* SDK Tools - obsahuje nástroje pro ladění, testování aplikací a další nástroje, které jsou nezbytné k&nbsp;rozvoji aplikací, 
* SDK Platform - je k&nbsp;dispozici pro každou verzi Android, obsahuje soubor (android.jar) s&nbsp;knihovnami,
* zdrojové kódy pro Android SDK,
* dokumentace offline - kopie nejnovější dokumentace pro platformu Android.

'''Struktura projektu'''

Překladový systém operačního systému Android je založen na speciální stromové struktuře adresářů v&nbsp;projektu. Je to velmi podobné jako v&nbsp;jakémkoli jiném Java projektu. Platforma Android využívá XML souborů pro definování statických parametrů, které definují danou aplikaci. XML soubory jsou využity i při vytváření statického designu aplikace.


XML je značkovací jazyk využívaný pro různé účely a obsahuje různé typy dat. <nowiki>Zpracování XML je podporováno řadou nástrojů a programovacích jazyků. XML neobsahuje předdefinované značky (tagy), proto je třeba definovat vlastní značky, které budou použity. [4, s. 17]</nowiki>


Po vytvoření nového projektu v&nbsp;Android SDK se vytvoří v&nbsp;kořenovém adresáři několik položek, včetně následujících:

* AndroidManifest.xml je XML soubor popisující vyvíjenou aplikaci a komponenty,
* build.xml je skript pro kompilaci a instalaci aplikace na telefon,
* assets/ je složka obsahující statické soubory, které je potřeba přibalit k&nbsp;aplikaci,
* bin/ je složka ve které se nachází aplikace po kompilaci,
* libs/ je složka uchovávající java archívy třetích stran,
* src/ je složka uchovávající zdrojové kódy aplikace,
* res/ je složka uchovávající prostředky a to jsou například ikony, zabalené návrhy grafického rozhraní (GUI) se zkompilovaným zdrojovým kódem. 

Soubor AndroidManifest.xml je základem jakékoliv aplikace pro Android. Tento soubor se automaticky vygeneruje po vytvoření aplikace. Deklaruje se zde obsah, práva a služby aplikace. 


V souboru&nbsp;AndroidManifest.xml můžeme naleznout následující elementy:

* ''permission'' zprostředkovává práva jiným aplikacím, aby mohli využívat logiku či data aktuální aplikace,
* ''uses-permission'' jsou práva, které bude aplikace potřebovat, aby mohla správně fungovat,
* ''instrumentation'' deklarují zdrojový kód, který je potřeba volat při výskytu klíčových systémových událostí,
* ''uses-library'' připojují některé android komponenty, například mapovací služby.

== Základní objekty při tvorbě aplikace ==
<nowiki>Grafická část aplikace je nejdůležitější částí vývoje aplikací pro mobilní zařízení. Platforma Android si zakládá na jednoduchosti ovládání, které by mělo být intuitivní. Proto je při tvorbě vzhledu důležité dodržovat zásady, které byly vyvinuty na základně zkušeností uživatelů Android. [32]</nowiki>


Grafické uživatelské prostředí (GUI) pro Android aplikace je sestaveno s&nbsp;použitím hierarchie objektů ''View'' a ''ViewGroup'', které jsou základními stavebními kameny pro vytváření designu aplikace. Každý grafický element musí být potomkem jedné z&nbsp;těchto tříd. ''ViewGroup'' je neviditelná skupina prvků ''View'' a ''ViewGroup''. ''ViewGroup'' je taktéž nazývaný kontejner. Tento kontejner může obsahovat jak prvky ''View'', tak prvky ''ViewGroup''<nowiki>. [24] </nowiki>


''View'' je dále nedělitelný element, který slouží pro zobrazení nebo interakci s uživatelem. Na obrázku č. 2 je vyobrazena tato hierarchie jednotlivých elementů. 


Vzhled aplikace se skládá ze dvou základních elementů, vizuální komponenta (potomek třídy ''View'') a layout (v překladu nákres, potomek třídy ''ViewGroup''), viz obrázek č. 2. V&nbsp;této práci bude použito označení komponenta a layout.


[[Súbor:Hierarchie grafických elementů.png]]

Obrázek č. 2: Hierarchie grafických elementů

<nowiki>Zdroj: [24]</nowiki>


Rozložení prvků zachycuje obrázek č. 2, kde lze vidět, že prvek ''ViewGroup,''<nowiki> tedy layout, je rodičovským prvkem a může obsahovat další prvky. Typickými zástupci layoutu jsou LinearLayout a RelativeLayout sloužící pro specifické rozmístění jakýchkoliv grafických prvků. [22][23]</nowiki>

Ačkoli je technicky vzato možné vytvářet všechny vizuální komponenty a layouty prostřednictvím zdrojového kódu obvyklejší je používat XML soubor s&nbsp;návrhem uživatelského rozhraní. 


Dynamické vytváření instancí vizuálních komponent prostřednictvím zdrojového kódu se používá, když vizuální komponenty nejsou známé při kompilaci, například naplnění sloupce na základě dat získaných ze sítě internet. 


Android považuje návrhy založené na XML za prostředky (''resources''), a proto jsou uloženy v&nbsp;adresáři res/layout v Android projektu. XML soubor obsahuje strom elementů <nowiki>s atributy identifikující rozložení elementů a jejich bližší vlastnosti. [1, s. 42]</nowiki>


Atributy v&nbsp;XML návrhu popisují jak má daný element vypadat nebo jak se má chovat. Pokud má nějaká vizuální komponenta, například ''TextView,'' hodnotu atributu android:textColor=„0000FF“, znamená to, že text, který se zobrazí, bude modrý. 


Téměř vše, co se dá vytvořit pomocí XML, lze vytvořit pomocí zdrojového kódu. Místo použití atributu v&nbsp;XML návrhu android:textColor, se může použít metoda setTextColor(int). Avšak obrovskou výhodou vytváření designu pomocí XML návrhu oproti vytváření designu pomocí zdrojového kódu, je možnost využití nástrojů pro návrh GUI systému Android. Díky těmto nástrojům se vytváření uživatelského prostřední značně zjednoduší, protože veškeré úpravy jsou viditelné v&nbsp;reálném čase. Další výhodou XML návrhu je větší přehlednost a srozumitelnost.


Elementy vytvořené v&nbsp;XML lze jednoduše používat ve zdrojovém kódu a to pomocí takzvaných identifikátorů. Každý element, který je potřeba jakkoli zpracovat, musí mít následující atribut android:id=“@id/jedinecne_id“, aby jej bylo možné identifikovat ve zdrojovém kódu. Takový atribut musí mít jedinečnou hodnotu, aby nedošlo k&nbsp;jeho záměně s&nbsp;jiným elementem.


=== Vizuální komponenty ===
Rodičovským prvek vizuálních komponent je ''View''. ''View''<nowiki> je dále nedělitelná jednotka, která se používá pro vykreslení na obrazovku a komunikaci s&nbsp;uživatelem. [21]</nowiki>

Komunikací s&nbsp;uživatelem se myslí interaktivní ovládání, například nějaká akce po kliknutí, po táhnutí, po dlouhém kliknutí nebo zadání textu či čísla uživatelem. Některé vizuální komponenty jsou již přeprogramované a připravené k&nbsp;použití.


Přeprogramované vizuální komponenty:

* ''TextView'' slouží pro zadání nějakého textu či čísla,
* ''Button'' je tlačítko, které po zmáčknutí vyvolá programově definovanou funkci,
* ''CheckBox ''je zaškrtávací políčko, které když je zaškrtnuto nabývá hodnoty ''true'', pokud není, nabývá hodnoty ''false''.

Výrazem ''CustomView'' se označují vizuální komponenty, které si programátor sám vytvořil. Tyto vizuální komponenty se vytvářejí programově, poté se na ně může odkazovat v&nbsp;XML návrhu. Tvorba ''CustomView'' je velmi užitečná při vytváření netypických prvků, které nejsou v&nbsp;základní nabídce vizuálních komponent. ''CustomView'' by měl být potomek třídy ''View'' nebo ''ViewGroup'', jinak by nebylo možné jej správně vykreslit. ''CustomView'' může mít definované vlastní atributy v&nbsp;XML. 


== Aplikační principy platformy Android ==
Android aplikace jsou zkompilované zdrojové soubory, které jsou s&nbsp;dalšími prostředky zabalené do balíku s&nbsp;koncovkou apk. Ten slouží k&nbsp;instalaci na zařízení s&nbsp;OS Android <nowiki>a k další distribuci aplikace. [25]</nowiki>


Základní vlastností platformy Android je možnost v aplikaci využívat funkcionalitu jiné aplikace. Díky tomu se zamezí opakovanému vytváření stejné funkcionality a usnadní se tím práce vývojářů. Právě kvůli tomu byly aplikace navrženy jako balíky několika aplikačních komponent, u kterých lze vytvářet instance. Existují čtyři typy aplikačních komponent: ''Activity'', ''Service'', ''Broadcast'' ''receiver'' a ''Content'' ''provider''.


=== Základní struktura aplikace ===
Aktivity'' ''<nowiki>jsou stavebními kameny pro tvorbu uživatelského rozhraní aplikace. Aplikace může mít neomezený počet aktivit, což je možné chápat jako analogii oken či dialogů aplikace pro stolní počítač. [1 s. 23] </nowiki>


Ačkoli je možné, aby aplikace neměli UI, většina zdrojového kódu aplikace bez UI bude obsahovat převážně dodavatele obsahu a služby.


Jak uživatel prochází mezi obrazovkami aplikace, tak instance aktivit prochází různými stavy. Těmto stavům se říká životní cyklus aktivity. Například, když je aplikace spuštěna poprvé, jde aktivita do popředí systému, říká se, že získala ''focus''. 


Během procesu změny stavu aktivity, volá Android řadu metod životního cyklu aktivity, v&nbsp;němž se nastavilo UI a další komponenty. Pokud uživatel provede činnost, která spustí jinou aktivitu nebo se přepne do jiné aplikace, systém zavolá další sadu metod životního cyklu aktivity. 


Díky volání metod během změny stavu aktivity je možné definovat chování aplikace v&nbsp;určitých fázích životního cyklu aktivity, kdy je aktivita přesouvána do popředí nebo do pozadí systému, tedy aktivita získává nebo ztrácí ''focus''. 


Aktivity také zabraňují zbytečnému využívání procesoru, pokud jej daná aktivita nepotřebuje. Princip životního cyklu aktivity je nesmírně důležitý pro správnou činnost celého mobilního zařízení. Například pokud je obsluhována nějaká aplikace, a najednou přijde příchozí hovor, právě spuštěná aktivita spuštěné aplikace přejde do pozadí a do popředí přejde aplikace pro obsluhu telefonních hovorů. Po úspěšném či neúspěšném dokončení hovoru aktivita aplikace pro obsluhu telefonních hovorů přejde do pozadí, a do popředí přejde aktivita aplikace, která byla předtím spuštěna.


<nowiki>Během života aktivity systém zavolá několik metod životního cyklu aktivity v&nbsp;pořadí podobném pyramidě, viz schéma č. 1. To znamená, že&nbsp;každá fáze životního cyklu aktivity je samostatný krok na této pyramidě. [26] </nowiki>


Jakmile systém vytvoří instanci aktivity, každá metoda zpětného volání posune stav aktivity po pyramidě směrem nahoru. Samotný vrchol pyramidy je stav, kdy aktivita komunikuje s&nbsp;uživatelem (má ''focus'').


[[Súbor:Stavový diagram životního cyklu aktivity.png]]

Schéma č. 1: Stavový diagram životního cyklu aktivity

<nowiki>Zdroj: [26]</nowiki>


Celý životní cyklus aktivity se skládá ze sedmi metod zpětného volání: onCreate(), onStart(), onResume(), onPause(), onRestart(), onStop(), onDestroy()<nowiki>. V&nbsp;závislosti na složitosti aktivity pravděpodobně nebude potřeba implementovat veškeré metody zpětného volání. Nicméně je důležité každé této metodě porozumět a umět ji použít, aby aktivita pracovala přesně tak, jak se od ní očekává. [6, s. 133]</nowiki>


Vlivy změn stavů aktivit na správné chování aplikace:

* aplikace nesmí selhat, pokud uživatel příjme telefonní hovor nebo přepne do jiné aplikace,
* aplikace nespotřebovává cenné systémové zdroje, zatímco je aplikace neaktivní,
* aplikace neztrácí rozpracované data či pokrok v&nbsp;aplikaci, pokud uživatel přepne do jiné aplikace, 
* aplikace nesmí selhat, pokud dojde k&nbsp;rotaci obrazovky.

Existuje několik situací, ve kterých aktivita přechází mezi různými stavy. Při každém přechodu aktivity do jiného stavu jsou volány již zmiňované metody zpětného volání, jak je vidět na schématu č. 1. Nicméně jenom tři stavy mohou být statické. To znamená, že aktivita může existovat jenom v&nbsp;jednom ze tří stavů po delší dobu.


Stavy, ve kterých se aktivity můžou nacházet:

* ''Resumed'' - v&nbsp;tomto stavu je aktivita v&nbsp;popředí a uživatel s&nbsp;ní může pracovat,
* ''Paused'' - v&nbsp;tomto stavu je aktivita částečně pozastavena, 
* ''Stopped'' - aktivita je v&nbsp;tomto stavu pro uživatele úplně skrytá, čili je považováno, že je v&nbsp;pozadí. <nowiki>[6, s. 134]</nowiki>

Další stavy (''Created'' a ''Started'') jsou přechodné a systém mezi nimi přechází. To znamená, že poté, co se zavolá metoda onCreate(), aktivita přejde do stavu ''Created''. Pak se zavolá metoda onStart() a poté, jakmile aktivita přejde do stavu ''Started, ''se zavolá metoda onResume(). Po tomto volání přejde aktivita to statického stavu ''Resumed'', kde zůstává po delší dobu. Doba, po kterou aktivita zůstane ve stavu ''Resumed,'' se odvíjí od toho, jak uživatel pracuje s&nbsp;danou aktivitou. 


Přechody mezi stavy by měli být rychlé, proto by v&nbsp;metodách zpětného volání nemělo docházet ke&nbsp;zbytečnému zdržování. Například při odchodu z&nbsp;aplikace není vhodné ukládat mnoho dat do souboru nebo přistupovat k&nbsp;síťovým prostředkům.


'''Pozastavení a obnovení aktivity'''

Během používání aktivity je&nbsp;někdy nutno aktivitu překrýt jinými grafickými komponenty, například dialog, což způsobí, že se zavolá metoda onPause(). Aktivita poté přejde do stavu ''Paused, ''kde zůstává tak dlouho, jak je v&nbsp;popředí vyvolaná grafická komponenta. Tím, že přejde aktivita do stavu ''Paused''<nowiki> by se měli zastavit činnosti, které nejsou v&nbsp;tomto stavu potřebné, třeba přehrávání videa. [27] </nowiki>


Poté se uživatel může vrátit zpět k&nbsp;aktivitě. Pokud tak učiní, zavolá se metoda onResume() a aktivita přejde do stavu ''Resumed''. V&nbsp;této části by se měla obnovit veškerá předešlá činnost aktivity. 


Když aktivita obdrží volání onPause()<nowiki>, může to být známkou toho, že se aktivita na okamžik odmlčí. Uživatel se poté může vrátit zpět. Nicméně je to obvykle první náznak toho, že uživatel opouští aktivitu. [27]</nowiki>


'''Zastavení a restartování aktivity'''

Správné zastavení a restartování aktivity je důležitý proces v&nbsp;životním cyklu, který umožňuje uživatelům vnímat, že aplikace je stále aktuální a neztrácí progres. Aktivitu zastaví systémové volání metody onStop() a restartuje ji. 


Metoda onStop() se volá v&nbsp;těchto případech:

* uživatel se vrátí k&nbsp;dříve otevřené aplikaci nebo otevře jinou aplikaci. Jakmile se uživatel vrátí k&nbsp;aplikaci, zavolá se metoda onRestart(),
* uživatel vyvolá v&nbsp;aplikaci činnost, která spustí jinou aktivitu v&nbsp;rámci aplikace,
* mezitím co uživatel používá aplikaci, obdrží telefonní hovor.

Pokud aktivita obdrží systémové volání onStop(), přesune se do stavu ''Stopped''. Jakmile je v&nbsp;tomto stavu, systém může zahodit její instanci a uvolnit tak operační paměť, pokud jí má nedostatek. V&nbsp;extrémních případech systém může zrušit činnost celé aplikace bez volání metody onDestroy()<nowiki>. [28]</nowiki>


Existuje několik situací, ve kterých se aktivita ukončí v&nbsp;důsledku přirozeného průběhu aplikace, např. zmáčkne-li uživatel tlačítko zpět nebo dojde k&nbsp;otočení obrazovky, dojde k&nbsp;volání metody finish(). Pokud je tedy aktivita zničena, je zničena i její instance, ale systém si pamatuje, že taková instance existovala. Pokud uživatel například pomocí tlačítka zpět přejde na již zničenou instanci aktivity, systém vytvoří novou instanci zničené aktivity pomocí sady uložených dat. 


Uložená data, nazývající se ''instance'' ''state'', obsahují informace o stavu zničené aktivity a další doplňující informace identifikující danou aktivitu. Takto uložená data se uchovávají v&nbsp;objektu nazývaném ''Bundle''<nowiki>, jenž je kolekcí dvojic klíč-hodnota. [29]</nowiki>


Je-li potřeba uložit jiná data, která jsou důležitá pro obnovení činnosti aktivity do objektu ''Bundle'', musí se uložit v&nbsp;metodě zpětného volání onSaveInstanceState(Bundle). Systém volá tuto metodu, pokud uživatel opouští aktivitu a předá své metodě onSaveInstanceState(Bundle) objekt ''Bundle''. Při návratu uživatele k&nbsp;aktivitě systém zavolá metody onRestoreInstanceState(Bundle) a OnCreate(). Metodě onRestoreInstanceState(Bundle) předá objekt ''Bundle'' s&nbsp;informacemi, které byly uloženy při předcházejícím systémovém volání onSaveInstanceState(Bundle). Tento děj volání metod pro uložení nebo načtení z&nbsp;objektu ''Bundle'' je vyobrazen na schématu č. 2.


[[Súbor: Ukládání proměnných do objektu Bundle.png]]

Schéma č. 2: Ukládání proměnných do objektu ''Bundle ''(stavový diagram)

<nowiki>Zdroj: [29]</nowiki>


'''Způsob uchování aktivity'''

Aplikace většinou obsahují více aktivit. Každá aktivita by měla být navržena s&nbsp;ohledem na určitý typ akce, kterou může uživatel provést. Například emailové aplikace mají jednu aktivitu pro zobrazení seznamu všech emailů a druhou aktivitu pro zobrazení <nowiki>jednotlivých emailů. Aktivita v&nbsp;určité aplikaci může spustit aktivitu z&nbsp;jiné aplikace. [30]</nowiki>


Android všechny aktivity vkládá do zásobníku s&nbsp;názvem ''Back'' ''stack''. Tento zásobník je typu LIFO, to znamená, že aktivita, která je do zásobníku umístěna jako první, opustí zásobník jako poslední, viz obrázek č. 3. 


Jak můžeme vidět na obrázku č. 3, aktivita číslo 1 spouští aktivitu číslo 2, přičemž se uloží aktivita číslo 1 do zásobníku. Poté aktivita číslo 2 spustí aktivitu číslo 3, aktivita číslo 2 se uloží do zásobníku. Po zmáčknutí navigačního tlačítka „Zpět“ v&nbsp;aktivitě číslo 3 se tato aktivita zahodí a obnoví se aktivita číslo 2. 


[[Súbor:Vkládání aktivit do zásobníku.png]]

Obrázek č. 3: Vkládání aktivit do zásobníku a jejich rušení 

<nowiki>Zdroj: [30]</nowiki>

=== Služby ===
Služba je část aplikace, která může provádět některé činnosti dlouhodobě na pozadí <nowiki>a neposkytuje žádné UI, přičemž jiná aplikační komponenta může spustit službu a ta bude pracovat v&nbsp;pozadí, i když uživatel přepne do jiné aplikace. Navíc se komponenta může vázat neboli komunikovat s&nbsp;touto službou, dokonce může provádět mezi procesorovou komunikaci (IPC). [31] </nowiki>


<nowiki>Služby mohou pokračovat ve své činnosti, i když byla aktivita, ze které byla tato služba spuštěna, ukončena. Používají se ke stahování či nahrávání dat, přehrávání hudby po ukončení aktivity, atd. Službu lze kdykoliv bezproblémově ukončit. [1, s. 23]</nowiki>


Služby se vyskytují ve dvou stavech:

# ''Started -'' služba je spuštěna, když aplikační komponenta, například aktivita, spustí službu voláním metody startService(). Po spuštění může služba běžet po dobu neurčitou, i když aplikační komponenta, která ji spustila, byla ukončena. Obvykle takto spuštěná služba provádí jednu činnost a nevrací žádný výsledek. Po dokončení činnosti se sama vypne. Používá se například pro stahování dat ze sítě.
# ''Bound'' ''-'' aplikační komponenta spouští službu a váže se na ni voláním metody bindService(). Vázaná služba nabízí rozhraní klient-server, jenž dovoluje aplikační komponentě komunikovat se spuštěnou službou. Ke stejné službě může získat přístup více aplikačních komponent, ale pokud se všechny odpojí, služba přestane existovat.

== Pravidla vizuálního návrhu pro platformu Android ==
Společnost Google Inc. navádí vývojáře aplikací, aby vytvářeli vizuální návrh zajímavý, ale zároveň jednoduchý. Uživatel by měl být schopen se v&nbsp;každé aplikaci co nejrychleji zorientovat. Například se upouští od klasických tlačítek, místo nich se používají tlačítka tvořené z&nbsp;ikon, protože člověk se snáze a rychleji orientuje podle obrázků. Do vizuálního návrhu patří také návrh textů. Upřednostňují se krátké jednoduché texty obsahující co nejvíce informací. 


UI operačního systému Android se skládá ze tří obrazovek (''Home'' ''screen'', ''All'' ''apps'' ''screen'', ''Recents'' ''screen)''<nowiki>, ze kterých je možné přistupovat do aplikace. Každá aplikace, běžící na platformě Android od verze API 16, má tři společné navigační panely, pomocí kterých je možné ovládat aplikaci. [34] </nowiki>


[[Súbor:Vizuální rozvržení aplikace.png]]

Obrázek č. 4: Vizuální rozvržení aplikace

<nowiki>Zdroj: [34]</nowiki>


Následující číselný seznam odpovídá číslům na obrázku č. 4:

# ''Main'' ''ActionBar'' umožňuje vývojáři vytvořit vlastní hierarchii pro navigaci v&nbsp;aplikaci. Panel také slouží k&nbsp;informování uživatele o jeho umístění v&nbsp;aplikaci,

# ''View'' ''Controll'' umožňuje uživateli přepínat mezi různými zobrazeními, která aplikace poskytuje. Zobrazení se většinou skládají z&nbsp;různých funkčních aspektů nebo různého uspořádání dat,
# ''Content'' ''Area'' je místo pro samotnou aplikaci,
# ''Split'' ''ActionBar'' je další panel, který se používá, pokud je ''Main'' ''ActionBar'' přeplněn. 

=== Mobilní zařízení a obrazovky ===
Android obsluhuje mobilní zařízení s&nbsp;různou fyzickou velikostí, rozlišením a hustotou obrazovek (dpi). Jelikož mobilní zařízení využívají různé fyzické rozměry a typy obrazovek, jsou kategorizovány do čtyř kategorií v&nbsp;závislosti na jejich úhlopříčce (''small'', ''normal'', ''large'', ''xlarge''), což můžeme vidět na obrázku č. 5. Do čtyř kategorií je také kategorizována hustota obrazovky (dpi), kategorie jsou: ''ldpi'', ''mdpi'', ''hdpi'', ''xhdpi'' (viz obrázek č. 7).


[[Súbor:Fyzické rozměry a hustota obrazovky.png]]

Obrázek č. 5: Fyzické rozměry a hustota obrazovky

<nowiki>Zdroj: [35], vlastní zpracování</nowiki>


Pixel zobrazovaný na velké obrazovce s rozlišením 1280 × 800 bude větší než pixel na menší obrazovce se stejným rozlišením. Pokud by se používala jednotka pixel na menších obrazovkách, některé prvky by byly hůře viditelné. Aby k&nbsp;tomuto nedocházelo, platforma Android zavedla jednotku virtuálního pixelu dp, který se počítá na základě hustoty obrazovky (dpi) podle vzorce:


<math>\mathit{px}=\frac{\mathit{dp}\ast \mathit{dpi}}{160}</math> <nowiki>[35] </nowiki>&nbsp;


Podle tohoto vzorce Android automaticky dopočítá pro každé mobilní zařízení jednotku dp. Tím se zajistí, že zobrazovaný bod, text nebo odsazení bude na všech mobilních zařízeních téměř totožné, avšak může dojít k&nbsp;nepatrným nepřesnostem.

Pokud se vytvoří vizuální objekt o konstantních rozměrech v&nbsp;jednotkách dp a zobrazí se na dvou zařízeních s&nbsp;různě velkými obrazovkami, bude mít tento objekt na obou zařízeních stejné fyzické rozměry. 


Při návrhu vizuálního layoutu se musí brát ohled na to, že při zobrazení layoutu pro obrazovkou ''small'' bude na obrazovce ''xlarge'' ve většině případů spoustu nevyužitého místa. Proto se v&nbsp;některých situacích vytváří layout pro každou kategorii velikosti obrazovky zvlášť. Poté se umístí do adresářové struktury tak, aby layout vytvořený pro obrazovky ''small'' byl ve složce určené právě pro ně.

Adresářová struktura pro umístění layout:

* res/layout/layout.xml - Layout pro ''normal ''obrazovky (výchozí)
* res/layout-small/layout.xml - Layout pro ''small'' obrazovky 
* res/layout-large/layout.xml - Layout pro ''large'' obrazovky 
* res/layout-xlarge/layout.xml - Layout pro ''xlarge'' obrazovky 

Pokud se tak neučiní, bude se načítat výchozí layout, který je umístěný v&nbsp;adresáři res/layout/.


Při vytváření obrázku nebo ikony aplikace nelze v&nbsp;grafickém editoru použít jednotku virtuálního pixelu dp, proto se využívá kategorií hustot obrazovky, kde se určí u jednotlivých hustot obrazovek střední hodnota. Střední hodnota kategorie ''mdpi'' je 160dpi, což znamená, že jestliže se dosadí tato hodnota do vzorce a za jednotku dp se dosadí hodnota 1, zjistí se, že velikost jednoho dp je jeden pixel. Z&nbsp;toho plyne, že pro obrazovky s&nbsp;hustotou ''mdpi'' je jeden pixel stejně velký jako dp. Tento poměr 1:1 je vidět i na obrázku č. 6, kde se při špatném zobrazení používají jednotky pixel a při správném zobrazení jednotky dp. Vytváření obrázků a ikon v&nbsp;grafických editorech se proto vytváří nejprve pro obrazovky s&nbsp;hustotou ''mdpi'', a poté se zvětšují nebo zmenšují do požadovaných hustotních kategorií. Velikost stran obrázku se vypočítá podle předcházejícího vzorce. 


Upravený obrázek se pak umístní do adresářové struktury na místo:

* res/drawable-ldpi/obrazek.png - obrázek pro hustotu obrazovky ''ldpi''
* res/drawable-mdpi/obrazek.png - obrázek pro hustotu obrazovky ''mdpi''
* res/drawable-hdpi/obrazek.png - obrázek pro hustotu obrazovky ''hdpi''
* res/drawable-xhdpi/obrazek.png - obrázek pro hustotu obrazovky ''xhdpi''

Rozdíl mezi špatně a správně vytvořeným a zobrazeným obrázkem je jasně viditelný na obrázku č. 6, kde při špatném zobrazení je na první pohled jasné, že při nepoužití dp dochází k&nbsp;rozdílnému zobrazení prvku na různých obrazovkách. 


[[Súbor:Zobrazení prvků na různých velikostech obrazovky.png]]

Obrázek č. 6: Zobrazení prvků na různých velikostech obrazovky

<nowiki>Zdroj: [35]</nowiki>


Při použití zobrazovacích jednotek pixel (obrázek č. 6, druhá řada) jsou jednotlivé prvky na různých obrazovkách rozdílné. Liší se velikostí i uspořádáním, přičemž tlačítko na větším rozlišení obrazovky je menší (obrázek č. 6, druhá řada, třetí sloupec), než to stejné tlačítko zobrazené na obrazovce s&nbsp;menším rozlišením (obrázek č. 6, druhá řada, první sloupec), kdežto v&nbsp;případě zobrazování prvků pomocí zobrazovacích jednotek dp jsou prvky na všech obrazovkách stejně veliké (obrázek 6, první řada). 


=== Grafický styl ===
Pro vytvoření graficky moderní a uživatelsky příjemné aplikace je vhodné brát ohled na doporučované principy tvorby UI od firmy Google. Principy se vztahují na vhodný výběr barev, umístění objektů a výběr písma. Dokonce se tyto principy vztahují i na tvorbu jednoduchých a srozumitelných textů. 


'''Grafické motivy'''

Google poskytuje několik základních grafických motivů, které definují vizuální styl <nowiki>a vlastnosti prvků. Grafický motiv je šablona, která zajišťuje, aby poskytované grafické prvky měli definované vlastnosti, tvar a vzhled. Například dialog má v&nbsp;jednom grafickém motivu odlišné barevné a tvarové kombinace než v&nbsp;jiném motivu. [36][2, s. 48] </nowiki>


Motivy jsou navrženy tak, aby vypadali vzhledně a čitelně na všech zařízeních s&nbsp;OS Android. Není potom nutné u některých prvků nastavovat velikostní rozměry, protože prvek v&nbsp;tomto motivu má pro různé velikosti obrazovek předem dopočítanou velikost. Dopočítané velikosti však nejsou prioritní, proto ji vývojář může změnit. 


Mezi grafické motivy od verze API 11 patří:

* ''Holo'' ''Light'',
* ''Holo'' ''Dark'',
* ''Holo'' ''Light'' s&nbsp;tmavým ''ActionBar''<nowiki>. [36]</nowiki>

Mezi grafické motivy do verze API 11 patří:

* ''Theme'',
* ''Theme'' ''Light'',
* ''Theme'' ''Black''<nowiki>. [36]</nowiki>

'''Zpětná odezva'''

Grafické prvky ovládané uživatelem mají grafickou nebo zvukovou odezvu tak, aby bylo uživateli jasné, zda kliknul na ovládací prvek. Tato grafická odezva také slouží k&nbsp;odlišení vybraných a neaktivních. Grafická odezva je reprezentována změnou barvy či průhledností prvku. Uvádí se, že aktivní prvek je neprůhledný, neaktivní prvek je průhledný ze 70 % a vybraný prvek je poloprůhledný s&nbsp;okrajem. 


=== Navigace ===
Navigace napříč aplikací je funkce systému Android, která zajišťuje, aby uživatel mohl aplikací bezproblémově procházet. Tato navigace se dělí na dvě části. První část je do verze API 11, kde jako hlavní navigační prvek vystupuje tlačítko zpět. Druhý pramen je od verze API 11, kde k&nbsp;tlačítku zpět přibylo tlačítko s&nbsp;obecným označením „nahoru“ a ovládací lišta ''ActionBar''. 


[[Súbor:Princip navigace pomocí tlačítka zpět a up.png]]

Obrázek č. 7: Princip navigace pomocí tlačítka zpět a up

<nowiki>Zdroj: [37]</nowiki>


Tlačítko „Zpět“ pracuje na principu návratu k&nbsp;předchozí aktivitě, která byla jako poslední vložena do zásobníku. Například po otevření aplikace Gmail z&nbsp;hlavního menu dojde k&nbsp;zobrazení seznamu příchozích emailů. Pokud se otevře některý email z&nbsp;tohoto seznamu, dojde k&nbsp;zobrazení aktivity pro čtení jednotlivých emailů. Zmáčkne-li se v této fázi aplikace tlačítko „Zpět“, vyvolá se předchozí aktivita pro zobrazení seznamu příchozích emailů. Zmáčknutím tlačítka „Zpět“ v&nbsp;tomto místě dojde k&nbsp;opuštění aplikace. Celý tento proces využití tlačítka „Zpět“ je vyobrazen na obrázku č. 7. 


Zavedením tlačítka „Nahoru“ (API 11) se tvoří určitá hierarchie dané aplikace. Tlačítko „Nahoru“ se nachází v&nbsp;levé horní části obrazovky, což znamená, že se nachází v &nbsp;''ActionBar''. Reprezentuje jej špičatá závorka spolu s&nbsp;ikonou aplikace. <nowiki>Toto tlačítko slouží pro návrat do předem určené části aplikace. [38][37]</nowiki>


Například při čtení příchozích emailů pomocí aplikace Gmail dojde ke&nbsp;zmáčknutí tlačítka „Nahoru“ a do popředí přejde aktivita pro zobrazení seznamu emailů. Na funkci tohoto tlačítka nemají vliv dříve spuštěné aktivity. Dokonce na toto tlačítko nemá vliv ani aktivita, která se nachází v&nbsp;horní části zásobníku, což neplatí při použití tlačítka „Zpět“. Celý tento popisovaný děj je zachycen na obrázku č. 7.


'''Možnosti využití ActionBar'''

''ActionBar'', viz obrázek č. 10, je lišta, která slouží pro zobrazení různých nástrojů a navigací. Tato lišta je umístněna v&nbsp;horní části obrazovky a často v&nbsp;ní bývá umístěna ikona aplikace, vyhledávání, sdílení, informační popisky, nastavení atd. ''ActionBar''<nowiki> je tedy vývojáři definovaná lišta, která obsahuje navigační a ovládací prvky. [38]</nowiki>


Možnost zobrazení ''ActionBar'' přibyla ve verzi API 11. Pokud je potřeba, aby se ''ActionBar'' zobrazil, je třeba nastavit doporučenou verzi na vyšší nebo stejnou jako API 11 v&nbsp;souboru AndroidManifest.xml.


Kód pro nastavení minimální a doporučené verze API:

<nowiki><uses-sdk android:minSdkVersion="8"</nowiki>

android:targetSdkVersion="11" />


''ActionBar'' obsahuje řadu ikon reprezentujících různé funkce, další rozbalovací menu <nowiki>a navigační prvky. Tyto funkce a navigační nástroje si vývojář vytváří sám, což vývojáři umožní lehce vytvořit vlastní navigační hierarchii. [38]</nowiki>


[[Súbor: Lišta ActionBar.png]]

Obrázek č. 8: Lišta ''ActionBar''

<nowiki>Zdroj: [39]</nowiki>


Popis jednotlivých částí obrázku č. 8:

# logo aplikace sloužící jako navigační tlačítko nahoru, pokud jej doprovází šipka vlevo,

# pokud aplikace obsluhuje jiné view, jsou zobrazena v&nbsp;tomto rozbalovacím menu, 
# slouží pro přídavná akční tlačítka,
# rozbalovací menu obsahující méně používané akční položky, jako nastavení atd.

Nastavení je místo v&nbsp;aplikaci, kde uživatelé mohou modifikovat chování aplikace nebo si aplikaci přizpůsobit, například vzhled aplikace. Položce nastavení se klade malý důraz, protože není často používanou položkou. Většinou se použije pouze k&nbsp;určitému přizpůsobení a poté se víckrát nepoužívá. Proto se položka nastavení umisťuje do přídavného menu, které je reprezentováno třemi tečkami umístěnými nad sebou, nebo hardwarovým tlačítkem. Položky v&nbsp;nastavení by měli být srozumitelné běžným uživatelům a měli by mít jednoduchý popisek, který trefně a jednoduše popisuje to, co daná položka ovládá či modifikuje. 


=== Testování aplikace ===
Kvalita aplikace přímo ovlivňuje dlouhodobý úspěch aplikace ve smyslu počtu instalací, hodnocení aplikace a udržení si uživatelů. Uživatelé inteligentních zařízení s OS Android očekávají vysoce kvalitní aplikace s důrazem na jejich správnou funkčnost, ale i na design. Při návrhu by měla být respektována metodika pro tvorbu designu aplikace.


Firma Google publikovala na vývojářském portálu dokument pod názvem „''App'' Q''uality''<nowiki>“, který definuje sérii testů pro posouzení úrovně kvality aplikace. [40] </nowiki>


Před publikováním aplikace by měl vývojář podrobit svou aplikaci sérii těchto testů, které hodnotí aplikaci z pohledu správného fungování na různých zařízeních Android, definovaného způsobu navigace v rámci aplikace a designu aplikace. Účelem dokumentu „''App'' Q''uality''“ je tedy definovat základní kvalitativní metriky při testování.


Dokument obsahuje 3 části:

# <nowiki>základní parametry kvality [41],</nowiki>

# <nowiki>parametry kvality aplikací pro tablety [42],</nowiki>
# <nowiki>pokročilé metody zvyšování kvality [43].</nowiki>

První část dokumentu "Základní parametry kvality" se skládá ze čtyř sérií testů:

* design aplikací a interakce s uživatelem,
* funkcionalita, 
* výkon a stabilita,
* Obchod Play.

Druhá část dokumentu se zaměřuje na parametry kvality aplikací určené i pro tablety. Tato metodika definuje následující části:

* test základní funkcionality aplikací,
* optimalizace designu aplikace pro velké displeje,
* využití nových prvků designu pro velké displeje,
* správné použití velikosti grafiky a písma,
* úprava velikosti widgetů pro tablety,
* implementování plné funkcionality aplikace na tabletu (pokud existuje aplikace pro telefon),
* správné nastavení cílové verze API,
* prezentace grafiky pro tablety na obchodě Play.

Třetí část dokumentu se zabývá publikováním aplikace na Google Play ve spojení s&nbsp;kvalitou aplikace.


Tento dokument definuje následující části:

* reagovat na přání a stížnosti uživatelů,
* zlepšení stability aplikace a odstranění chyb,
* maximální rychlost reakce uživatelského rozhraní,
* profesionální vzhled a estetika aplikace,
* správná funkcionalita všech funkcí aplikace.