Social Event Guide

(1)

Fakulta elektrotechniky a informatiky

Katedra informatiky

Pr ˚

uvodce spole ˇcensk ´ymi ud ´alostmi

Social Event Guide

(2)

(3)

(4)

moje bakaláˇrská práce, uvedli do správného pracovn´ıho rozpoloˇzen´ı. V neposledn´ı ˇradˇe bych rád podˇekoval i Mgr. Ing. Michalu Krumniklovi, kter ý mi byl vstˇr´ıcn ým, ochotn ým a tolerantn´ım vedouc´ım této práce.

(5)

Tato práce se zaob´ırá operaˇcn´ım systémem Android a v ývojem aplikace pro zobrazován´ı informac´ı o spoleˇcenské události na mobiln´ıch telefonech ˇci tabletech. Je rozdˇelena do dvou ˇcást´ı - mobiln´ı aplikace, jenˇz slouˇz´ı k prohl´ıˇzen´ı a pˇrihlaˇsován´ı k akc´ım a dále pak ˇcást administraˇcn´ı. Administraˇcn´ı ˇcást je psaná ve scriptovac´ım jazyce PHP a bˇeˇz´ı na serveru.

Kl´ıˇcov á slova: Spoleˇcenská událost, Java, Android, Agregace

Abstract

This bachelor thesis deals with Android Operating System and with a development of applications for mobile phones and tablets, which mapping information about different social events. This thesis is divided into two parts. First part deals with mobile applica-tions, which are used for viewing of and login to different events. Second part deals with stuff regarding administration steps. Administration part is written in PHP and runs on a server.

(6)

API – Application Programming Interface

APK – Android application package file

CSS – Cascading Style Sheets

ˇ

CS Ú – Cesk ý statistick ý úˇradˇ

ER – Entity-relationship

GPS – Global Positioning System

HTML – HyperText Markup Language

JDK – Java Development Kit

JSON – JavaScript Object Notation

NDK – Native Development Kit

MHD – Mˇestsk´a hromadn´a doprava

OHA – Open Handset Alliance

OS – Operaˇcn´ı syst´em

SIM – Subscriber identity module

PDA – Personal digital assistant

RIM – Research in Motion

SDK – Software development kit

SD – Secure Digital

SHA-1 – Secure hash algorithm

SQL – Structured Query Language

(7)

Obsah

1 Uvod´ 5

2 Operaˇcn´ı syst´em Android 6

2.1 Podobné aplikace zab ývaj´ıc´ı se agregac´ı událost´ı . . . 8

2.2 Android a mapov´e podklady . . . 11

3 Anal ´yza 17 3.1 Datab´aze . . . 19

3.2 Server a administraˇcn´ı rozhran´ı . . . 19

3.3 Mobiln´ı aplikace . . . 21

4 Implementace 23 4.1 Rozdˇelen´ı zdrojov´eho k ´odu aplikace . . . 23

4.2 Vyuˇzit´ı knihovny twitter4j . . . 24

4.3 Probl´emy pˇri implementaci . . . 24

4.4 Server . . . 28

5 Testován´ı 29 5.1 Testován´ı na reáln ých zaˇr´ızen´ıch . . . 29

6 Z´avˇer 30

7 Reference 31

Pˇr´ılohy 31

A Uk´azky uˇzivatelsk´eho rozhrann´ı 32

(8)

Seznam tabulek

1 Procentuáln´ı zastoupen´ı operaˇcn´ıch systému v ˇCeské republice . . . 6 2 Procentuáln´ı zastoupen´ı verz´ı Android ve svˇetˇe na zaˇcátku dubna 2013.

Verze se zastoupen´ım menˇs´ım neˇz 0.1% zde nejsou zobrazeny. [4] . . . 7 3 Srovn´an´ı aplikac´ı . . . 15 4 Typy zaˇr´ızen´ı a jejich verze a rozliˇsen´ı displeje . . . 29

(9)

Seznam obr ´azk ˚

u

1 Uk´azka aplikace All Events in City . . . 14

2 Uk´azka aplikace Bandsintown . . . 14

3 Uk´azka aplikace eventseekr . . . 14

4 Uk´azka aplikace Festivaly a koncerty . . . 14

5 Uk´azka mapy Google Maps . . . 16

6 Uk´azka mapy Mapsforge . . . 16

7 N´avrh datab´aze . . . 20

8 Tˇr´ıdn´ı diagram . . . 22

9 Ukázka aplikace Social Event Guide, Samsung Galaxy Tab 2 10.1, v ýpis akc´ı 32 10 Ukázka aplikace Social Event Guide, Samsung Galaxy Tab 2 10.1, detailnˇejˇs´ı informace . . . 32

11 Uk´azka aplikace Social Event Guide, LG P500, ´uvodn´ı obrazovka . . . 33

12 Ukázka aplikace Social Event Guide, LG P500, v ýpis událost´ı . . . 33

13 Uk´azka aplikace Social Event Guide, LG P500, detailnˇejˇs´ı informace . . . . 33

(10)

Seznam v ´ypis ˚

u zdrojov ´eho k ´

odu

1 R´adek v Android Manifestu . . . .ˇ 11

2 XML layout pro Mapov´e podklady Google . . . 12

3 Ukázka v ýbˇerového pole . . . 25 4 Ukázka inicializace záloˇzky . . . 26

(11)

1 Uvod

´

Tato bakaláˇrská práce vznikla na základˇe nedostatku kvalitn´ıch ˇcesk ých aplikac´ı na trhu, které se zab ývaj´ı agregac´ı spoleˇcensk ých ˇci podobn ých událost´ı. Sám autor této práce je organizátorem spoleˇcensk ých akc´ı, u kter ých by se vlastn´ı mobiln´ı aplikace uplat-nila a ˇzádn ý z dosud nab´ızen ých produkt ˚u se nejevil jako adekvátn´ı. Po d ˚ukladném prozkoumán´ı konkurenˇcn´ıch aplikac´ı byla vytvoˇrena koncepce agregátu spoleˇcensk ých událost´ı, které by mˇely spoleˇcnou aplikaci, avˇsak autoˇri jednotliv ých akc´ı by si tyto sami mohli stylizovat a dodávat potˇrebné informace.

Po nˇekolika debatách s lidmi, kteˇr´ı se pohybuj´ı na poli organizován´ı r ˚uzn ých her ˇci kulturn´ıch událost´ı, autor nabyl dojmu, ˇze by tito organizátoˇri uv´ıtali aplikaci, ve které by mohli prezentovat svou ˇcinnost.

C´ılem aplikace je nab´ıdnout tˇemto organizátor ˚um prostor k vlastn´ı propagaci. Z po-hledu uˇzivatele má pak aplikace slouˇzit jako kompletn´ı zdroj informac´ı, které budou velmi snadno dostupné. Uˇzivatel se tak bude moci mj. dozvˇedˇet, kdy akce zaˇc´ıná, kde se uskuteˇcn´ı, kolik zaplat´ı za vstupné, ˇci z´ıskat kontakt na poˇradatele. Organizátor pak bude m´ıt moˇznost skrze aplikaci vidˇet, kolik lid´ı se na danou akci pˇrihlásilo. Dalˇs´ı moˇznost´ı v tomto produktu bude vyuˇzit´ı sluˇzby Twitter, která bude urˇcena pˇredevˇs´ım organizátor ˚um ke komunikaci s uˇzivateli. Samozˇrejmost´ı je administraˇcn´ı rozhran´ı pro kaˇzdého orga-nizátora, ke kterému se bude moci pˇristupovat skrze webové stránky.

V této bakaláˇrské práci se nacház´ı pomyslné tˇri ˇcásti. Prvn´ı ˇcást je úvod do systému Android - pouˇz´ıván´ı map, vyuˇzit´ı knihovny twitter4j, dále pak srovnán´ı aplikac´ı na trhu. Druhá ˇcást se vˇenuje aplikaci samotné. Té se vˇenuj´ı kapitoly 3 a 4. Prvn´ı z nich je Anal ýza, v které se definuje funkcionalita aplikace, po n´ı následuje kapitola Implementace. V po-sledn´ı ˇcásti je pak popsáno testován´ı aplikace a závˇereˇcné zhodnocen´ı.

(12)

2 Opera ˇcn´ı syst ´em Android

21. stolet´ı je dobou informaˇcn´ıch technologi´ı a pohybu. Bylo otázkou ˇcasu, kdy se tyto dva trendy zaˇcnou sluˇcovat dohromady a vznik nejr ˚uznˇejˇs´ıch mobiln´ıch pˇr´ıstroj ˚u byl pak zcela na m´ıstˇe. Jmenujme napˇr´ıklad mobiln´ı telefony, chytré telefony (smartphony), tablety, notebooky, GPS pˇrij´ımaˇce a dalˇs´ı. Tento segment trhu je v souˇcasné dobˇe na vze-stupu, zvláˇst’ˇe pak v oblasti mobiln´ıch technologi´ı. Témˇeˇr kaˇzd ý obˇcan ˇCeské republiky (dále jen ˇCR) vlastn´ı mobiln´ı telefon - dle ˇCeského statistického úˇradu bylo v roce 2011 v

ˇ

CR aktivn´ıch SIM karet na 14 215 000 kus ˚u - to znamená 135 SIM karet na 100 obyvatel. Dále pak dle ˇCS Ú ve 2. ˇctvrtlet´ı 2011 pouˇz´ıvalo mobiln´ı telefon 93,9% obyvatel ˇCR [1]. Na základˇe v ýˇse zm´ınˇen ých informac´ı se s urˇcitou jistotou dá pˇredpokládat, ˇze mnoˇzstv´ı potenciáln´ıch zákazn´ık ˚u, kteˇr´ı by mohli projevit zájem o naˇsi aplikaci, je skuteˇcnˇe velké. Tato bakaláˇrská práce se soustˇred´ı na operaˇcn´ı systém (dále jen OS) Android a jeho ekosystém. Pokud se opˇet krátce odkáˇzeme k trhu v ˇCR, pak je potˇreba zm´ınit, ˇze An-droid nen´ı jedin ým dostupn ým OS v mobiln´ıch telefonech. Vedle AnAn-droidu se m ˚uˇzeme setkat i s následuj´ıc´ımi OS: iOS od spoleˇcnosti Apple, SymbianOS od spoleˇcnosti Nokia, BlackBerry od spoleˇcnosti RIM nebo Windows Phone od spoleˇcnosti Microsoft. Existuj´ı i jiné OS, nicménˇe jejich procentuáln´ı zastoupen´ı na ˇceském trhu je minimáln´ı a s ohle-dem na téma této práce nen´ı tˇreba se s nimi bl´ıˇze seznamovat. Pro lepˇs´ı pˇrehlednost pro-centuáln´ıho zastoupen´ı nejvˇetˇs´ıch konkurent ˚u OS Android uvád´ıme následuj´ıc´ı tabulku.

Statistiky byly poˇr´ızeny z webustatcounter.com[2].

Operaˇcn´ı syst´em Pod´ıl trhu v ˇCR Bˇrezen 2012 Pod´ıl trhu v ˇCR Bˇrezen 2013

Android 45.33% 63,07%

iOS 21.53% 17.47%

Symbian0S 19.24% 7.28%

BlackBerry -

-Windows Phone 0.95% 2.43%

Tabulka 1: Procentuáln´ı zastoupen´ı operaˇcn´ıch systému v ˇCeské republice

V tabulce 1 jasnˇe vid´ıme, ˇze OS Android má sp´ıˇse vzestupnou tendenci. Data pro Blackberry nejsou dostupná, coˇz je zp ˚usobeno t´ım, ˇze ve srovnán´ı se zahraniˇc´ım nemá tento OS v ˇCR takové zastoupen´ı. Pro naˇsi práci byla zvolena platforma Android, která je mezi obˇcany ˇCR stále v´ıce populárnˇejˇs´ı.

Android je nejen operaˇcn´ım systémem, ale i otevˇrenou platformou zamˇeˇruj´ıc´ı se pˇrede-vˇs´ım na mobiln´ı zaˇr´ızen´ı (tablety, mobiln´ı telefony, PDA atd.). OS byl vyv´ıjen spoleˇcnost´ı Android Inc., která byla zaloˇzena v roce 2003. Ta byla ovˇsem v roce 2005 odkoupena fir-mou Google Inc., která pod veden´ım Andyho Rubina zaˇcala platformu dále rozv´ıjet a vydala nˇekolik patent ˚u.

V roce 2007 byla zaloˇzena Open Handset Alliance (dále jen OHA), která sdruˇzuje v ýrobce mobiln´ıch telefon ˚u, ˇcip ˚u ˇci mobiln´ıch aplikac´ı. Mezi nejvˇetˇs´ı spoleˇcnosti ve sdru-skladeˇzen´ı patˇr´ı napˇr. Google, HTC, Intel, NVIDIA, Qualcomm, Samsung. OHA zastˇreˇsuje

(13)

v ´yvoj otevˇren ´ych standard ˚u pro mobiln´ı zaˇr´ızen´ı. K tomuto projektu se nepˇridala firma Apple a Nokia.

Prvn´ı verze Androidu (verze 1.0) byla pˇredstavena 23. záˇr´ı 2008 a v ývojáˇri se tak mohli zaˇc´ıt bl´ıˇze seznamovat s touto platformou. Prvn´ım telefonem s OS Android se stal T-Mobile G1 (HTC Dream), kter ý nab´ızel mimo jiné i GPS navigaci, 3.1Mpx fotoaparát ˇci QWERTY klávesnici. 22. ˇr´ıjna byl spuˇstˇen Android Market, na kterém bylo k dispozici pˇribliˇznˇe 30 aplikac´ı. Dalˇs´ı událost´ı v roce 2008 bylo uvolnˇen´ı zdrojového k ódu Androidu jako open-source. Postupem ˇcasu vydávala spoleˇcnost Google aktualizace systému. Mezi nejd ˚uleˇzitˇejˇs´ı patˇrily verze 1.6, 2.3 a 4.0.3.

K dneˇsn´ımu datu je k dispozici verze 4.2.2. V´ıce informac´ı poskytne n´asleduj´ıc´ı ta-bulka 2

Verze K ´odov´e oznaˇcen´ı API Pod´ıl ve svˇetˇe

1.6 Donut 4 0.1% 2.1 Eclair 7 1.7% 2.2 Froyo 8 4.0% 2.3 - 2.3.2 Gingerbread 9 0.1% 2.3.3 - 2.3.7 10 39.7% 3.2 Honeycomb 13 0.2%

4.0.3 - 4.0.4 Ice Cream Sandwich 15 29.3%

4.1.x

Jelly Bean 16 23.0%

4.2.x 17 2.0%

Tabulka 2: Procentu´aln´ı zastoupen´ı verz´ı Android ve svˇetˇe na zaˇc´atku dubna 2013. Verze se zastoupen´ım menˇs´ım neˇz 0.1% zde nejsou zobrazeny. [4]

Z tabulky 2 lze vyˇc´ıst, ˇze ve svˇetˇe jsou v nejvˇetˇs´ı m´ıˇre zastoupeny tˇri verze: 2.3.3 -2.3.7 (39,7%), Ice Cream Sandwich (29.3%) a nejnovˇejˇs´ı Jelly Bean (23.0%). Tento stav je dán t´ım, ˇze v ýrobci telefon ˚u neupdatuj´ı operaˇcn´ı systém (at’ je to nemoˇznost´ı hardwaru telefonu, marketingov ý tah, aby si uˇzivatel koupil nov ý telefon s novˇejˇs´ım systémem, nebo jiná varianta). Roztˇr´ıˇstˇenost systému Android byla a stále je kritizována zejména po uveden´ı verze Honeycomb, kdy se vˇetev v ývoje rozdˇelila na dvˇe ˇcásti - pro mobily a pro tablety. Tuto skuteˇcnost ovˇsem napravila verze Ice Cream Sandwich. Update byl pˇr´ıstupn ý jak mobiln´ım telefon ˚um, tak tablet ˚um.

V ývojáˇri aplikac´ı se pot ýkaj´ı s dilematy, zda maj´ı své aplikace stavˇet na API 8, coˇz by poté uˇzivatel ˚um umoˇznilo nainstalovat dané produkty na témˇeˇr 97% dostupn ých zaˇr´ızen´ı, ˇci zda vyuˇz´ıt API 15 a vyˇsˇs´ı a vyuˇz´ıvat tak vˇsech moˇznost´ı, které nab´ız´ı. Apli-kace

”Social Event Guide“, která je pˇredmˇetem této bakaláˇrské práce, vyuˇz´ıvá API 8, aby i uˇzivatelé starˇs´ıch telefon ˚u mohli tuto aplikaci pouˇz´ıvat, coˇz ovˇsem mˇelo za následek nemoˇznost vyuˇz´ıt grafická vylepˇsen´ı, která zvyˇsuj´ı uˇzivatelskou pˇr´ıvˇetivost aplikace.

(14)

2.1 Podobn é aplikace zab ývaj´ıc´ı se agregac´ı ud álost´ı

Na Google play existuje celá ˇrada aplikac´ı, které se zab ývaj´ı agregac´ı událost´ı. V této ka-pitole se bl´ıˇze seznám´ıme s nˇekter ými z nich a s jejich funkcemi. Jako pˇr´ıklad uvád´ıme ˇcyˇri aplikace, které zobrazuj´ı informace o kulturn´ıch a sportovn´ıch akc´ıch, festivalech a jin ých událostech. Jedná se o zahraniˇcn´ı produkty, z toho jeden pocház´ı od slovensk ých v ývojáˇr ˚u. Funkcionalita vybran ých aplikac´ı je rozd´ılná a nedá se tedy na základˇe nˇejakého srovnáván´ı urˇcit, která z nich má nejv´ıce pozitiv. V subkapitolách se vˇzdy podrobnˇeji seznám´ıme s jednotliv ými produkty. Na zaˇcátku jsou vˇzdy heslovitˇe uvedeny lokace, kde se daná aplikace nacház´ı, a zárove ˇn hodnocen´ı uˇzivatel ˚u.

2.1.1 Festivaly a koncerty • Web:1

• Google play:2

• Google play hodnocen´ı :4.7/5

Tato aplikace má na Google play nejvyˇsˇs´ı hodnocen´ı ze vˇsech. Pocház´ı od slovensk ých v ývojáˇr ˚u a zamˇeˇruje se na agregaci akc´ı v ˇCeské a Slovenské republice. Uˇzivatel zde má moˇznost prohlédnout si velké mnoˇzstv´ı spoleˇcensk ých událost´ı, nicménˇe jedná se o akce ˇcistˇe hudebn´ıho charakteru. Aplikace umoˇz ˇnuje offline prohl´ıˇzen´ı (pˇri startu je zkontro-lováno pˇripojen´ı a pokud je pˇr´ıtomné, stáhne se aktuáln´ı bal´ık dat z webu). Rovnˇeˇz je obsaˇzen kalendáˇr událost´ı, moˇznost pˇridáván´ı do obl´ıben ých ˇci sd´ılen´ı vyuˇzit´ım sluˇzeb Twitter a Facebook (tato funkce ovˇsem nen´ı nativn´ı, vyuˇz´ıvá jinou aplikaci). Uˇzivatel si také m ˚uˇze pˇridat událost do vlastn´ıho kalendáˇre, avˇsak tato funkcionalita pˇri naˇsem tes-tován´ı nebyla k dispozici (Chybová hláˇska ’Nemáˇs kalendar app!’). Aplikace dále posky-tuje informace o programu, úˇcinkuj´ıc´ıch, kontakt na poˇradatele a mapu s jedn´ım bodem, do kterého lze navigovat (opˇet pouˇzit´ım extern´ım aplikace).

Jako jediná z testovan ých aplikac´ı je tato nab´ızena v ˇceˇstinˇe, aˇckoliv m´ısty byla ˇceˇstina nahrazena jin ým ciz´ım jazykem.

Funkcionalitou je aplikace na velmi dobré úrovni, nicménˇe po grafické stránce lze nalézt nˇekolik v ýrazn ých negativ, coˇz m ˚uˇze m´ıt za následek, ˇze uˇzivatel o aplikaci ztrat´ı ˇci v ˚ubec neprojev´ı zájem. K negativ ˚um lze pˇriˇradit mj. i absenci galerie obrázk ˚u, mapy s v´ıce body ˇci chybˇej´ıc´ı nativn´ı propojen´ı se sluˇzbami Twitter a Facebook.

2.1.2 All Events • Web:3 • Google play:4 1_{http://manufakturapps.sk/festcon.html} 2_{https://play.google.com/store/apps/details?id=manufakturapps.sk.Festivaly} 3_{http://allevents.in/} 4_{https://play.google.com/store/apps/details?id=com.amitech.allevents}

(15)

• Google play hodnocen´ı :4/5

Aplikace All Events m´a svou strukturou a sv ´ymi funkcemi nejbl´ıˇze aplikaci

”Social Event Guide“, která je pˇredmˇetem této bakaláˇrské práce. Jsou zde zobrazovány vˇsechny druhy spoleˇcensk ých událost´ı - sportovn´ı akce, hudebn´ı festivaly, r ˚uzné v ýstavy etc. Aplikace má na Google Play právem vysoké hodnocen´ı. Jako d ˚uvod pro tak vysoké hodnocen´ı uved’me napˇr´ıklad uˇzivatelsky velmi pˇr´ıjemné prostˇred´ı a snadnou dostupnost vˇsech d ˚uleˇzit ých informac´ı, které se objev´ı hned na prvn´ı stránce po v ýbˇeru ze seznamu jed-notliv ých událost´ı.

Na prvn´ı obrazovce aplikace se nacház´ı seznam mˇest, která jsou uˇzivateli nejbl´ıˇze. Po vybrán´ı konkrétn´ıho mˇesta se zobraz´ı dalˇs´ı seznam - seznam událost´ı. Ty se daj´ı v seznamu filtrovat dle ˇcasu (interval dvou dat). Událost lze sd´ılet, pˇridávat do kalendáˇre a uloˇzit do obl´ıben ých, coˇz ovˇsem vyˇzaduje pˇrihláˇsen´ı na Facebook. U události je pˇr´ıtomná mapa, d´ıky které lze skrze extern´ı aplikaci spustit navigaci, která uˇzivatele navede na dané m´ısto.

Aplikace nenab´ız´ı mapu s v´ıce body, moˇznost offline prohl´ıˇzen´ı, okamˇzitou komuni-kaci mezi uˇzivateli, galerii obrázk ˚u a ˇrazen´ı akc´ı podle jména, vzdálenosti a ˇcasu.

2.1.3 Bandsintown Concerts • Web:5

• Google play:6

Tato aplikace se zamˇeˇruje na koncerty a události hudebn´ıho charakteru a vyˇzaduje pˇrihláˇsen´ı pˇres s´ıt’ Facebook ˇci email. Po pˇrihláˇsen´ı je uˇzivatel dotázán na vyuˇz´ıván´ı nˇekteré z následuj´ıc´ıch sluˇzeb: Google play, Last.fm, Pandora. V zahraniˇc´ı Google play slouˇz´ı jako obchod pro zakoupen´ı hudebn´ıch skladeb ˇci vytvoˇren´ı seznamu skladeb uˇziva-tele. Last.fm je rozsáhlá databáze, d´ıky které si uˇzivatel m ˚uˇze vytváˇret vlastn´ı seznam jiˇz poslechnut ých skladeb. Mezi dalˇs´ı funkce patˇr´ı napˇr. grafy urˇcuj´ıc´ı frekvenci poslechu jednotliv ých p´ısn´ı ˇci interpret ˚u, rovnˇeˇz jsou uˇzivateli automaticky nab´ızeni interpreti a hudebn´ı skupiny stejného ˇci podobného ˇzánru. Pandora je pak internetové rádio.

Aplikace Bandsintown Concerts po pˇrihláˇsen´ı do nˇekteré ze sluˇzeb proskenuje uˇziva-tel ˚uv profil a z´ıskaná data pak vyuˇzije k vytvoˇren´ı vlastn´ıho listu. Dalˇs´ı data jsou z´ıskávána z SD karty, kde jsou vyhledávány r ˚uzné hudebn´ı skladby, které uˇzivatel poslouchá, a na základˇe toho je pak vygenerován seznam interpret ˚u. Mezi jednotliv ými interprety lze následovnˇe vyhledávat a na jejich profilu/stránce se uˇzivateli zobraz´ı informace, zda-li jsou na turné a kter ými mˇesty proj´ıˇzd´ı. Samotnou událost pak lze zobrazit, je moˇzné se na ni pˇrihlásit ˇci si zakoupit vstupenku. Uˇzivatel rovnˇeˇz m ˚uˇze sd´ılet akci na Twitteru ˇci Facebooku. Na stránce konkrétn´ı události je pak k dispozici mapa, která vˇsak nen´ı interaktivn´ı.

5_{http://www.bandsintown.com/}

(16)

Aplikace nenab´ız´ı mapu s v´ıce body, moˇznost offline prohl´ıˇzen´ı, galerii obr´azk ˚u. Nab´ız´ı ˇrazen´ı podle vzd´alenosti (okruh od m´ısta uˇzivatele).

Pˇri testován´ı nám aplikace nenab´ızela v okruhu 100 kilometr ˚u od Ostravy ˇzádnou událost a tud´ıˇz nen´ı jistá jej´ı vyuˇzitelnost v ˇCeské republice. Nicménˇe i pˇres to má apli-kace kladná hodnocen´ı i od ˇcesk ých uˇzivatel ˚u.

2.1.4 eventseekr • Web:7

• Google play:8

Na prvn´ı pohled zaujme Eventseekr zaj´ımav ým uˇzivatelsk ým prostˇred´ım. Aplikace je zamˇeˇrena pˇredevˇs´ım na hudebn´ı festivaly a koncerty. K dané události má uˇzivatel pˇr´ıstup pˇres nˇekolik filtr ˚u (Koncert≫Koncert rockov ý≫Seznam akc´ı≫Akce). Na hlavn´ı stránce události lze koupit l´ıstek (externˇe), pˇridat ji na Facebook ˇci naj´ıt nejbliˇzˇs´ı uby-tován´ı, moˇznost stravován´ı apod. Toto vyhledáván´ı vˇsak pˇri testován´ı nefungovalo. Dále si uˇzivatel m ˚uˇze akci uloˇzit do obl´ıben ých, ˇc´ımˇz je následnˇe zajiˇstˇena moˇznost prohl´ıˇzen´ı v offline reˇzimu. K dispozici je mapa s jedn´ım bodem.

Aplikace nevyˇzaduje explicitnˇe pˇrihláˇsen´ı, ale neustále se jej dovolává (k s´ıti Face-book). Tento ponˇekud ruˇsiv ý element m ˚uˇze m´ıt pak na uˇzivatele nepˇr´ıjemn ý vliv. I pˇres prvn´ı zaujet´ı nep ˚usob´ı aplikace po grafické stránce pˇr´ıjemnˇe a dá se charakterizovat jako uˇzivatelsk ý nepohodlná. Dále jsou postrádány následuj´ıc´ı funkce: mapa s v´ıce body, ga-lerie obrázk ˚u, spojen´ı se sluˇzbou Twitter.

2.1.5 Srovn ´an´ı

I pˇres to, ˇze kaˇzdá z aplikac´ı má jinou funkcionalitu, pokusme se je alespo ˇn v základu po-rovnat. Vˇsechny aplikace jsou zamˇeˇreny na agregaci spoleˇcensk ých událost´ı, a to pˇrede-vˇs´ım hudebn´ıch. Vˇsechny aplikace dobˇre pln´ı své funkce, které jsou od nich oˇcekávany - nalezen´ı spoleˇcenské události v okol´ı a následné zobrazen´ı detailnˇejˇs´ıch informac´ı. Ni-cménˇe kaˇzdá aplikace poj´ımá tuto moˇznost jinak. Aplikace Bandsintown (viz kapitola 2.1.3) se zamˇeˇruje pˇredevˇs´ım na hudebn´ı interprety, které uˇzivatel poslouchá. Primárnˇe mu zobraz´ı události, o které by mohl projevit zájem (turné ˇci koncert obl´ıbeného zpˇeváka). To vˇse se odehrává automaticky, ˇc´ımˇz se Bandsintown naprosto vymyká zb ývaj´ıc´ım tˇrem zm´ınˇen ým aplikac´ım.

Funkcionalita aplikac´ı je srovnána v tabulce 3 a náhled uˇzivatelského rozhran´ı je k dispozici v tabulce 1. Uˇzivatelské rozhran´ı nebylo ve dvou pˇr´ıpadech vhodnˇe ˇreˇsené (ˇspatná volba pozad´ı, neadekvátnˇe zvolené barvy). Aplikace All Events se s t´ımto problé-mem nepot ýkala, nicménˇe u n´ı vyvstal problém s návrhem. Uˇzivatel si pˇri jej´ım pouˇz´ıván´ı nen´ı zcela jist ý interakc´ı zobrazen ých ikonek, a to i v naˇsem pˇr´ıpadˇe, po delˇs´ım testován´ı.

7_{http://eventseeker.com/}

(17)

Avˇsak i pˇres v ´yˇse zm´ınˇen´e nedostatky jsou aplikace pomˇernˇe kvalitn´ı a napˇr. v USA maj´ı mezi uˇzivateli velkou oblibu.

2.2 Android a mapov ´e podklady

Pˇri anal ýze aplikace vyplynulo, ˇze naˇse aplikace bude vyuˇz´ıvat mapové podklady pro zobrazován´ı bod ˚u. Konkurenˇcn´ı aplikace taktéˇz pouˇz´ıvaj´ı mapové podklady, ovˇsem pou-ze pro zobrazován´ı jediného bodu, kter ý typicky slouˇz´ı k urˇcen´ı m´ısta, kde se spoleˇcenská akce koná. V aplikaci

”Social Event Guide“ bude m´ıt organizátor moˇznost pˇriˇradit k jedné akci v´ıce bod ˚u, které budou návˇstˇevn´ıkovi slouˇzit k lepˇs´ı orientaci. Bude tak m´ıt napˇr´ıklad moˇznost vidˇet, kde se nacház´ı p ódium, veˇrejné toalety, kde je moˇzno se pˇripojit na Wi-Fi a mnoho dalˇs´ıho. V dneˇsn´ı dobˇe si lze pro zobrazen´ı mapy v systému Android vybrat z nˇekolika moˇznost´ı. My se v této práci bl´ıˇze seznám´ıme s projektem Mapsforge a s mapami od spoleˇcnosti Google.

2.2.1 Google Maps API

Google Maps API nepatˇr´ı do základn´ı v ýbavy Android SDK, je tedy nutné jej stáhnout sa-mostatnˇe pouˇzit´ım Android SDK Manageru. Ten spravuje verze bal´ıˇck ˚u, které má v ývojáˇr nainstalované v poˇc´ıtaˇci a které jsou k dispozici na internetu. Google Maps API je rozsáhl ý bal´ıˇcek se spoustou tˇr´ıd, které jsou potˇreba pro v ývoj aplikace, která má vyuˇz´ıvat ma-pové podklady od spoleˇcnosti Google. Bal´ıˇcek nab´ız´ı mnoho funkc´ı, jmenujme napˇr´ıklad v ýpoˇcet vzdálenosti dvou bod ˚u, kreslen´ı obrazc ˚u do mapy, informaci, zda je na daném m´ıstˇe k dispozici funkce Street View apod. Pokud chce v ývojáˇr pouˇz´ıvat toto API, mˇel by pˇred zapoˇcet´ım programován´ı postupovat následuj´ıc´ım zp ˚usobem [7][8]:

1. Pˇri v ývoji aplikace, která bude pouˇz´ıvat mapy od spoleˇcnosti Google, mus´ı v ývojáˇr stáhnout bal´ıˇcek Google Maps API a pak do Android Manifestu dodat, ˇze vyuˇz´ıvá této knihovny (bal´ıˇcku). ˇRádek se vkládá do deklarace aplikace.

<uses−library android:name=”com.google.android.maps” />

V ´ypis 1: ˇR´adek v Android Manifestu

2. Pro pouˇzit´ı Google Maps je potˇreba vygenerovat správn ý Google Maps API kl´ıˇc. Tento kl´ıˇc lze z´ıskat pomoc´ı tzv. Google Console API. K tomu v ývojáˇr potˇrebuje podpisov ý kl´ıˇc a název bal´ıˇcku aplikace. Toto je zaloˇzeno na kl´ıˇci, kter ým podepi-suje v ývojáˇr svoji aplikaci bˇehem v ývoje. V ývojové prostˇred´ı Eclipse automaticky tento kl´ıˇc vytváˇr´ı a pak jej pouˇz´ıvá.

3. Kl´ıˇc vytvoˇren ´y pomoc´ı Eclipse lze nal´eztuserhome/.android/debug.keystore.

Google Console API vyˇzaduje SHA-1 kl´ıˇc, kter ´y vygenerujeme pomoc´ıkeytool

pˇr´ıkazu z JDK instalace. Pˇr´ıkaz m ˚uˇze vypadat napˇr´ıklad takto:

keytool -list -v -alias androiddebugkey -keystore

<path to debug keystore>debug.keystore -storepass android -keypass android

(18)

4. Poté následuje registrace v Google APis Console nahttps://code.google.com/ apis/console/. K tomuto kroku je potˇreba úˇcet u spoleˇcnosti Google. Na dané

str´ance pod z´aloˇzkou Services je potˇreba aktivovat Google Maps Android

v2a následnˇe zkop´ırovat SHA-1 v ýsledek, kterého bude tˇreba pozdˇeji.

5. Dalˇs´ım krokem je vytvoˇren´ı Android kl´ıˇce pomoc´ı vygenerovaného SHA-1 k ódu a názvu bal´ıku. K ód a název je tˇreba oddˇelit stˇredn´ıkem - napˇr.

EE:E5:E3:E4:C3:A0:42:F3:C3:1E:57:F9:5D:DC:A3:98:49:CF:B4:8C; com.socialeventsa pak pouze kliknout naCreate. T´ım se vytvoˇr´ı apiKey. 6. Tento apiKey vloˇz´ıme do XML layoutu, kter ý vyuˇz´ıvá mapov ých podklad ˚u. 5

<?xml version=”1.0” encoding=”utf−8”?> <com.google.android.maps.MapView

xmlns:android=”http: // schemas.android.com/apk/res/android” android:id=”@+id/mapview”

android:layout width=” fill parent ” android:layout height=” fill parent ” android:clickable =”true”

android:apiKey=”ziskanyApiKey” />

V ´ypis 2: XML layout pro Mapov´e podklady Google

Pokud vˇse probˇehlo v poˇrádku, mˇel by se po spuˇsten´ı aplikace na displeji ukázat obrázek podobn ý 5.

Google rozv´ıj´ı své mapy rychl ým tempem a nejen, ˇze je neustále zdokonaluje, ale pˇridává i nové moˇznosti. Mezi nejzaj´ımavˇejˇs´ı patˇr´ı napˇr. Street View, Google Moon, Go-ogle Sky nebo My Maps. V následuj´ıc´ıch ˇctyˇrech bodech se zevrubnˇe seznám´ıme s v ýˇse zm´ınˇen ými moˇznostmi Google Maps. Aplikace

”Social Event Guide“ sice tyto moˇznosti nevyuˇz´ıvá, nicménˇe pro ucelenˇejˇs´ı v ýklad o Google Maps uvád´ıme alespo ˇn struˇcnou charakteristiku.

1. Google Street View- v roce 2007 se v Google Maps objevila nová funkcionalita, která uˇzivateli nab´ız´ı moˇznost si na vybran ých m´ıstech prohl´ıˇzet 360◦ panorama-tické sn´ımky. D´ıky této funkci má uˇzivatel moˇznost prohlédnout si m´ısto stejnˇe dobˇre, jako by se na nˇem sám nacházel.

2. Google Moon- v souvislosti s v ýroˇc´ım dosednut´ı Apolla 11 na mˇes´ıc zveˇrejnil Go-ogle webovou adresu integrovanou do GoGo-ogle Maps sluˇzby. D´ıky této stránce si uˇzivatel m ˚uˇze prohlédnout body, kde modul pˇristál.

3. Google Sky- jedná se o aplikaci, která dává uˇzivateli moˇznost sledovat noˇcn´ı ob-lohu, na které pak m ˚uˇze vyhledávat hvˇezdné objekty (napˇr. souhvˇezd´ı).

4. Google My Maps- tato funkcionalita dovoluje uˇzivateli vytvoˇrit si vlastn´ı mapu, na kter´e m ˚uˇze vytv´aˇret body, polygony, cesty aj. Tuto mapu pak m ˚uˇze sd´ılet s ostatn´ımi uˇzivateli.

(19)

2.2.2 Mapsforge

Vedle Google Maps API je projekt Mapsforge dalˇs´ı moˇznost´ı, jak lze na OS Android zob-razovat mapu. Tento projekt vyuˇz´ıvá OpenStreetMap, coˇz jsou volnˇe dostupné mapové podklady pro vˇsechny platformy. Podotknˇeme, ˇze se jedná o vektorové mapy. Hlavn´ım rozd´ılem pˇri v ývoji aplikace je, ˇze Mapsforge mapy si lze stáhnout do zaˇr´ızen´ı na SD kartu a mohou tak b ýt vyuˇz´ıvány i offline. Pouˇzit´ı je jednoduché – staˇc´ı si z webov ých stránek projektu stáhnout knihovnu, a tu následnˇe nahrát do projektu aplikace. Jedinou podm´ınkou je uloˇzen´ı mapov ých podklad ˚u na SD kartu zaˇr´ızen´ı. V ývojáˇr ˚um pak Maps-forge nab´ız´ı:

• API srovnateln´e s Google API Add-On

• API na pˇrekreslov´an´ı mapov ´ych podklad ˚u (rozumˇejme t´ım kreslen´ı obrazc ˚u a bod ˚u do mapy)

• malou knihovnu (cca 300 KB)

• upravov´an´ı vzhledu pomoc´ı XML

• n´astroje pro vytvoˇren´ı vlastn´ıch mapov ´ych soubor ˚u

Jak jiˇz bylo zm´ınˇeno, tak nejvˇetˇs´ı rozd´ıl mezi Google Maps a Mapsforge spoˇc´ıvá v mapov ých podkladech, které jsou v pˇr´ıpadˇe Mapsforge uloˇzeny na SD kartˇe. Mapové

podklady lze st´ahnout z adresyhttp://ftp.mapsforge.org/maps/europe/.

Veli-kost mapy ˇCR je pˇribliˇznˇe 270MB. V implementaci lze pak naj´ıt pár odliˇsnost´ı pouˇzit´ı Mapsforge od Google Maps, i pˇresto ˇze se autoˇri Mapsforge snaˇzili, aby struktura tˇr´ıd a rozhran´ı z ˚ustala stejná jako u Google Maps, d´ıky ˇcemuˇz je v ývoj aplikace co nejjed-noduˇsˇs´ı a v ývojáˇr tak nemus´ı kv ˚uli zmˇenˇe mapového podkladu pˇrepisovat cel ý pro-gram. Pro jasnˇejˇs´ı pˇredstavu uvád´ıme v následuj´ıc´ıch bodech v ýˇse zm´ınˇené odliˇsnosti mezi pouˇzit´ım Google Maps a Mapsforge.

• cestu k importu je tˇreba zmˇenit zcom.google.android.maps

naorg.mapsforge.android.maps

• nen´ı tˇreba nic vkl´adat doAndroidManifest.xml

• ˇzádná registrace nen´ı vyˇzadována; MapView nemá paramater pro API key

• MapView vyˇzaduje cestu pro nalezen´ı mapov ´ych podklad ˚u pomoc´ı metody

setMapFile(File)

• do souboru AndroidManifest.xmlje tˇreba dopsat povolen´ı pro zapisov´an´ı na

(20)

Obr´azek 1: Uk´azka aplikace All Events in City

Obr´azek 2: Uk´azka aplikace Bandsintown

Obr´azek 3: Uk´azka aplikace eventseekr

Obr´azek 4: Uk´azka aplikace Festivaly a koncerty

(21)

Aplikace Tˇr´ıdˇen´ı Vyhledáván´ı Offline prohl´ıˇzen´ı Mapa akce Mapa akc´ı Sd´ılen´ı Galerie Nutnost registrace Pˇrihlaˇsován´ı na akce Vloˇzen´ı akce do kalendáˇre

Bandsintown NE ANO NE 1 bod ANO ANO NE Facebook/Email ANO NE eventseekr NE ANO ANO 1 bod NE NE NE NE NE NE Festivaly a koncerty ANO ANO ANO 1 bod ANO ANO 9 NE NE NE NE 10 All Events in City ANO ANO NE 1 bod NE ANO NE NE p ˇres Facebook ANO T abulka 3: Sr ovn án ´ı aplikac ´ı 9Nenab ´ız ´ı nativn ˇe. Nab ´ız ´ı jen odkaz na webov é str ánky slu ˇzeb Facebook a T witter 10 P ˇri testov án ´ı se nepoda ˇrilo toto vyzkou ˇset -aplikace vypsala chybu ’Nem á ˇs kalendar app!’

(22)

Obr´azek 5: Uk´azka mapy Go-ogle Maps

Obr´azek 6: Uk´azka mapy Mapsforge

(23)

3 Anal ´yza

Tato kapitola se vˇenuje anal ´yze programu

”Social Event Guide“ / Pr ˚uvodce spoleˇcensk ý-mi událostý-mi. C´ılem je podat ˇctenáˇri informace o aspektech, které bude v ýsledná aplikace obsahovat a také o prostˇredc´ıch, které budou pouˇzity pro v ývoj. Na základˇe pˇredchoz´ı kapitoly, v n´ıˇz jsme podali struˇcn ý pˇrehled podobn ých aplikac´ı, jsme stanovili hlavn´ı body, které mus´ı naˇse aplikace obsahovat. Tyto body zahrnuj´ı jak funkcionalitu, tak i grafické zpracován´ı.

1. Offline reˇzim

Jedn´ım z d ˚uleˇzit ých poˇzadavk ˚u kladen ých na aplikaci je funkce offline reˇzimu. I pˇresto, ˇze ˇzijeme v dobˇe, kdy se pˇripojen´ı k internetu stává témˇeˇr samozˇrejmost´ı, stále existuj´ı uˇzivatelé, kteˇr´ı nevyuˇz´ıvaj´ı moˇznosti mobiln´ıho internetu, poskytova-nou jejich telefonn´ımi operátory. Pokud se takov ý uˇzivatel pak nenacház´ı v bl´ızkosti otevˇrené Wi-Fi s´ıtˇe, bez offline reˇzimu nemá moˇznost prohl´ıˇzen´ı jednotliv ých událo-st´ı. Proto je aplikace navrˇzena tak, ˇze obl´ıbené akce jsou trvale uloˇzeny v telefonu uˇzivatele.

2. Mapa- moˇznost zobrazován´ı v´ıce bod ˚u na mapˇe Tato funkce má potenciál pˇrinést aplikaci

”Social Event Guide“ pozitivn´ı ohlasy. Zat´ımco testovan´e aplikace (viz kapitola 2.1) nab´ızej´ı na mapˇe pouze jeden bod (um´ıstˇen´ı akce),

”Social Event Guide“ zobraz´ı na mapˇe bod ˚u daleko v´ıce. Orga-nizátor m ˚uˇze navolit napˇr. zobrazen´ı um´ıstˇen´ı v´ıce p ódi´ı, veˇrejn ých WC, nejbliˇzˇs´ı restaurace ˇci zastávek MHD. D´ıky této funkci se uˇzivatel má ˇsanci daleko lépe zori-entovat, coˇz se samozˇrejmˇe m ˚uˇze odrazit v celkovém hodnocen´ı dané spoleˇcenské události. Pro lepˇs´ı pochopen´ı si uved’me pˇr´ıklad11_.

3. Sd´ılen´ı

V souˇcasnosti je sd´ılen´ı ned´ılnou souˇcást´ı kaˇzdé sociáln´ı s´ıtˇe, ˇci aplikace, která se sociáln´ımi s´ıtˇemi spolupracuje. Tato funkce znaˇcnˇe urychluje a zjednoduˇsuje ko-munikaci, a právˇe z tohoto d ˚uvodu je v

”Social Event Guide“ moˇzno okamˇzitˇe dát vˇsem pˇrátel ˚um a ostatn´ım lidem, kteˇr´ı se na akci chystaj´ı, vˇedˇet, jaké události se uˇzivatel úˇcastn´ı.

4. Pˇrihlaˇsov´an´ı na akce

Pˇri vytvoˇren´ı události m ˚uˇze m´ıt organizátor a uˇzivatel pˇrehled, kolik lid´ı se akce z úˇcastn´ı. Stejnˇe jako v pˇr´ıpadˇe sd´ılen´ı je i tato funkce velmi pˇr´ınosná. Uˇzivatel bude m´ıt vˇzdy vˇetˇs´ı tendence z úˇcastnit se akce s vyˇsˇs´ım poˇctem návˇstˇevn´ık ˚u. Tato funkce je pro uˇzivatele pomocn´ıkem pˇri rozhodován´ı, kterou spoleˇcenskou událost navˇst´ıvit. Organizátor pak na základˇe informac´ı o plánované úˇcasti m ˚uˇze zlepˇsovat a upravovat podm´ınky pro konán´ı akce (napˇr. zvˇetˇsen´ı kapacity), pˇr´ıpadnˇe má moˇznost vyuˇz´ıt tohoto údaje k dalˇs´ı propagaci.

11_{Uˇzivatel se úˇcastn´ı festivalu, kter ý prob´ıhá na v´ıce m´ıstech najednou, napˇr. má v´ıce p ódi´ı. Tato p ódia}

jsou um´ıstˇena v rámci celého mˇesta, coˇz je pro uˇzivatele nároˇcné na orientaci. S pomoc´ı naˇs´ı aplikace si uˇzivatel vyhledá mapu festivalu, kde budou jasnˇe vyznaˇcená um´ıstˇen´ı vˇsech p ódi´ı a uˇzivatel tak z´ıská pˇrehled.

(24)

5. Seˇrazen´ı akc´ı

Aby aplikace z´ıskávala na popularitˇe a stala se obl´ıbenou, mus´ı b ýt jej´ı pouˇz´ıván´ı pro uˇzivatele co nejpohodlnˇejˇs´ı. Je bez diskuz´ı, ˇze uˇz´ıván´ı funkce ˇrazen´ı událost´ı podle urˇcit ých parametr ˚u (název, poloha, datum) bude jedn´ım ze zásadn´ıch prvk ˚u celé aplikace urˇcuj´ıc´ı jej´ı

”pohodlnost“.12 6. Galerie obr´azk ˚u

Moˇznost uveden´ı obrazového materiálu do aplikace je pro organizátora nezbyt-nost´ı. Sebelepˇs´ı slovn´ı charakteristika nikdy pˇresnˇe nevyjádˇr´ı to, co fotografie. Je to opˇet dalˇs´ı z prvk ˚u zajiˇst’uj´ıc´ı uˇzivatelsky pˇr´ıvˇetivé prostˇred´ı. Potenciáln´ı návˇstˇevn´ıci událost´ı si vˇetˇsinou v prvn´ı ˇradˇe prohlédnou fotografie, promoplakáty ˇci jin ý ob-razov ý materiál a aˇz v druhé ˇradˇe podrobnˇeji proˇc´ıtaj´ı informace k dané události. Pokud by funkce vkládán´ı obrázku chybˇela, nemˇela by aplikace smysl, protoˇze by se naˇsel málokdo, kdo by ji chtˇel pouˇz´ıvat.

7. Pˇr´ıjemn´e uˇzivatelsk´e rozhran´ı

Nejzákladnˇejˇs´ım stavebn´ım prvkem kaˇzdé aplikace je jej´ı grafické rozhran´ı. Prvn´ı dojem je totiˇz vˇzdy nejd ˚uleˇzitˇejˇs´ı. Je to marketingov ý tah, kter ý je zˇreteln ý témˇeˇr ve vˇsech sférách lidské ˇcinnosti. Propracovan ý design se vˇzdy lépe prodává. Uˇzivatel bude sp´ıˇse vyuˇz´ıvat aplikaci, která ho na prvn´ı pohled zaujme, která je graficky pˇr´ıvˇetivá a ve které interakce jednotliv ých funkc´ı nebude zmateˇcná. V dneˇsn´ı dobˇe se dbá zejména na to, aby aplikace byla pˇredevˇs´ım funkˇcn´ı a v tomto ohledu co nej-propracovanˇejˇs´ı a nejlepˇs´ı, nicménˇe to vˇse na úkor grafické stránky. Naˇse aplikace je proto navrˇzena tak, aby oba aspekty byly na stejné úrovni.

8. Server

Na tomto m´ıstˇe je nutné ˇctenáˇre upozornit, ˇze server pochopitelnˇe nen´ı funkciona-litou samotné aplikace. Aplikace pouze vyuˇz´ıvá nˇekteré funkce serveru pro sta-hován´ı dat z databáze. Samotn ý server pak skrze webové rozhran´ı nab´ız´ı dalˇs´ı funkcionalitu (pˇridáván´ı a editace akc´ı, v ýpis seznamu akc´ı aj.), kterou budou plnˇe vyuˇz´ıvat pouze organizátoˇri jednotliv ých spoleˇcensk ých událost´ı. Uˇzivatel ˚um pak staˇc´ı pouze samotná aplikace, která bude mj. pracovat na principech, jaké byly uve-deny v pˇredchoz´ıch bodech.

D´ıky tˇemto bod ˚um lze sestavit postup, jak ´ym zp ˚usobem bude aplikace implemen-tov´ana.

12

Uved’me si tuto teorii opˇet na pˇr´ıkladu. Uˇzivatel se bude cht´ıt z úˇcastnit hudebn´ıho festivalu, kter ý se bude konat co nejbl´ıˇze jeho okol´ı. Po zadán´ı kl´ıˇcov ých slov z´ıská seznam nˇekolika událost´ı, které si seˇrad´ı od nejbliˇzˇs´ı po nejvzdálenˇejˇs´ı. Sám si pak urˇc´ı, které události ze seznamu si podrobnˇeji prohlédne a kter ým nebude vˇenovat svou pozornost. Pokud by funkce ˇrazen´ı podle parametr ˚u chybˇela, musel by si uˇzivatel prohlédnou cel ý seznam, tedy i události, kter ým by se jinak nevˇenoval, a ztratil by tak spoustu ˇcasu, coˇz by ve finále mohlo znamenat celkovou ztrátu uˇzivatelova zájmu o aplikaci.

(25)

3.1 Datab ´aze

Po úvodn´ı anal ýze, ve které jsme se dozvˇedˇeli, co by aplikace mˇela umoˇz ˇnovat, se ukázala jako zásadn´ı otázka poˇctu informac´ı, které bude m´ıt uˇzivatel k dispozici a jak tyto in-formace ukládat. Byla zvolena relaˇcn´ı databáze MySQL, která je dostupná na mnoha serverech a existuje k n´ı adekvátn´ı dokumentace. Svou funkcionalitou plnˇe dostaˇcuje potˇrebám této práce. Pro uˇzivatele jsou d ˚uleˇzité ˇctyˇri základn´ı informace - název, ˇcas, m´ısto a cena, které je nutné uvést u kaˇzdé události. Organizátoˇri rovnˇeˇz velmi ˇcasto chtˇej´ı dˇelit vstupné do 2 podkategori´ı – studenti a ostatn´ı, i pro tuto moˇznost je v naˇs´ı databázi prostor. Neménˇe d ˚uleˇzit ý je pak popis samotné akce ˇci umoˇznˇen´ı dalˇs´ıho kon-taktu (webové stránky, facebook). Vˇsechny tyto informace jsou uloˇzeny v tabulceEvent. Dalˇs´ımi tabulkami jsou Picture, v které jsou uloˇzeny URL obrázk ˚u, jejich popis a id konkrétn´ı události. Tabulka Point má v sobˇe uloˇzeny informace o bodech mapy – id bodu, ˇc´ıslo ikonky, um´ıstˇen´ı, popis, název a id události. Dále jsou pˇr´ıtomny tabulkaUser, v n´ıˇz jsou uloˇzeny informace o uˇzivatel´ıch, a dvˇe vazebné tabulkyUser join Eventa

User has Event. Prvn´ı z nich nám ukazuje, kter ý uˇzivatel je pˇrihláˇsen na jakou akci, a v druhé se dozv´ıme, kdo je organizátorem konkrétn´ı události. Celá databáze je znázornˇena na obrázku 7.

3.2 Server a administra ˇcn´ı rozhran´ı

Tato aplikace si neklade za c´ıl vyhledávat na internetu informace o spoleˇcensk ých událo-stech ve svˇetˇe a dodávat je jako obsah. Obsah je tˇreba vytvoˇrit centrálnˇe, na jednom serveru, se kter ým bude uˇzivatelská aplikace komunikovat. Tento obsah dodaj´ı orga-nizátoˇri akc´ı pˇres administraˇcn´ı rozhran´ı na webu. To bude nab´ızet základn´ı funkciona-litu - pˇridán´ı události se vˇsemi parametry, které jsou k dispozici, editace ˇci vymazán´ı události. Kaˇzd ý registrovan ý uˇzivatel v systému bude pak m´ıt moˇznost zaloˇzit vlastn´ı spoleˇcenskou událost a spravovat ji. Registrace bude moˇzná jak pˇres web, tak pˇres mo-biln´ı aplikaci.

Veˇskerá komunikace mezi klientem a serverem je implementována ve skriptovac´ım jazyce PHP, kter ý byl vybrán na základˇe rozˇs´ıˇrenosti tohoto jazyka na serverech a na základˇe velké uˇzivatelské podpory a komunity. Dále se pro administraci a zobrazován´ı webov ých stránek vyuˇz´ıvá kombinace znaˇckovac´ıho jazyka HTML a CSS, coˇz je jazyk pro popis vzhledu.

3.2.1 Komunikace server - klient

Komunikace mezi serverem a klientem je v této aplikaci zásadn´ı – bez n´ı aplikace nen´ı schopna zobrazovat události, které jsou uloˇzeny na serveru. Proto je pouˇzita architektura klient/server, která poˇzadavk ˚um aplikace ve vˇetˇs´ı m´ıˇre vyhovuje. Moˇznost´ı, jak v dneˇsn´ı dobˇe pˇrenáˇset data mezi serverem a klientem, existuje celá ˇrada. Jako pˇr´ıklad uvedme ko-munikaci skrze sockety, dále pouˇzit´ı vlastn´ıho aplikaˇcn´ıho protokolu, vyuˇzit´ı XML etc. Pro potˇreby naˇs´ı práce byl vybrán formát JSON. Tento formát je lehce ˇciteln ý a lehce zapi-sovateln ý jak ˇclovˇekem, tak strojovˇe. Data jsou pˇrenáˇsena jako dvojice

(26)

(27)

pˇriˇcemˇz hodnota nemus´ı b ýt jen primitivn´ı datov ý typ, ale i pole hodnot. Pˇrenáˇsená data jsou vˇzdy reprezentována jako ˇretˇezec znak ˚u. Formát JSON neˇreˇs´ı k ódován´ı textu, v ýchoz´ı je vˇzdy UTF-8. Pokud je potˇreba vyuˇz´ıt nealfabetické znaky, jsou tyto znaky tzv. escapovány zpˇetn ým lom´ıtkem, za n´ımˇz následuje bˇeˇzn ý alfabetick ý znak (napˇr.\n znamená nov ý ˇrádek). N´ıˇze m ˚uˇzeme vidˇet ukázku, jak mohou data ve formátu JSON vypadat:

{"idEvent":"1","EventName":"Festival v ulic´ıch","Time":"2013-07-19 15:00:00"} Pˇri anal ýze komunikace byla navrˇzena moˇznost parsován´ı XML souboru, kter ý by se automaticky vytvoˇril pˇri zaloˇzen´ı nové události. Aplikace by si pouze stáhla tento XML soubor a soubory, které s událost´ı souvis´ı. Tato varianta ovˇsem nebyla vybrána, protoˇze nezajiˇst’ovala jednoduchou zpˇetnou editaci, mnoˇzstv´ı pˇrenesen ých dat by v pˇr´ıpadˇe XML bylo vˇetˇs´ı neˇz pˇri pouˇzit´ı JSON a rovnˇeˇz vyhledáván´ı dat by bylo znaˇcnˇe kompliko-vanˇejˇs´ı.

3.3 Mobiln´ı aplikace

Na základˇe anal ýzy (viz zaˇcátek této kapitoly), kde jsme v osmi bodech struˇcnˇe shrnuli funkce, kter ými by aplikace

”Social Event Guide“ mˇela disponovat, byl vytvoˇren pomoc´ı jazyka UML tˇr´ıdn´ı diagram (viz obr. 9), kter ý reprezentuje strukturu tˇr´ıd a rozhran´ı ve zdrojovém k ódu. Podle tohoto diagramu poté prob´ıhala implementace aplikace. P ˚uvodn´ı zámˇer pˇri tvorbˇe této aplikace spoˇc´ıval pouze v jednostranné komunikaci se serverem, coˇz znamená, ˇze by aplikace slouˇzila sp´ıˇse jako prohl´ıˇzeˇc událost´ı a jen by stahovala data. Postupn ým pˇridáván´ım nov ých funkc´ı se vˇsak ukázalo, ˇze tento zámˇer nelze uskuteˇcnit, protoˇze napˇr. moˇznost pˇrihláˇsen´ı se na konkrétn´ı událost vyˇzaduje odeslán´ı dat pˇres mo-biln´ı aplikaci na server a komunikace se t´ım pádem stává obousmˇernou. Ten sam ý pˇr´ıpad vzniká i u funkce propojen´ı mobiln´ı aplikace se sociáln´ımi s´ıtˇemi. Aplikace

”Social Event Guide“ Je urˇcena jak pro telefony, tak pro tablety. Tato skuteˇcnost musela b ýt zohlednˇena pˇri tvorbˇe uˇzivatelského rozhran´ı aplikace. Na úvodn´ı obrazovce se má zobrazit logo aplikace, základn´ı akce, které m ˚uˇze uˇzivatel vykonat (registrace, pˇrihláˇsen´ı, prohl´ıˇzen´ı spoleˇcensk ých událost´ı). Pˇri prohl´ıˇzen´ı seznamu událost´ı se uˇzivateli u kaˇzdé z nich ob-jev´ı jej´ı název, vzdálenost, ˇcas a ikonka. Pˇri zvolen´ı urˇcité události se uˇzivateli dále zob-raz´ı vˇetˇs´ı ikona a veˇskeré dostupné informace, které organizátor dodal do systému. Cel-kem je na v ýbˇer ze ˇctyˇr tab ˚u – základn´ı informace, Twitter, mapa, galerie. Pod základn´ımi informacemi má uˇzivatel na v ýbˇer nˇekolik moˇznost´ı – textové sd´ılen´ı, pˇriˇrazen´ı akce do kalendáˇre, pˇrechod na facebookovou stránku pomoc´ı prohl´ıˇzeˇce a pˇripojen´ı se na akci.

(28)

Obr ´azek 8: T ˇr´ıdn ´ı diagram

(29)

4 Implementace

Na základˇe anal ýzy, kterou jsme provedli v pˇredchoz´ı kapitole, následnˇe prob´ıhala sa-motná implementace aplikace. Pˇri n´ı se vycházelo pˇredevˇs´ım z tˇr´ıdn´ıho diagramu, kter ý byl pˇri anal ýze navrˇzen. Tento diagram se pˇri v ývoji m´ırnˇe modifikoval, základn´ı struk-tura tˇr´ıd vˇsak z ˚ustala stejná. Pˇri implementaci byla nejprve podle ER diagramu vytvoˇrena databáze, která se naplnila testovac´ımi daty. Poté se na stranˇe serveru vytvoˇrily metody, které slouˇzily k práci s touto databáz´ı (máme na mysli metody pro ˇcten´ı, modifikaci a ukládán´ı dat). V mobiln´ı aplikaci pak byly vytvoˇreny odpov´ıdaj´ıc´ı tˇr´ıdy, jejichˇz úkolem bylo obstarávat komunikaci se serverem. Komunikace byla testována pomoc´ı log ˚u v pro-gramu a velmi triviáln´ıho uˇzivatelského rozhran´ı. Teprve ve chv´ıli, kdy bylo zˇrejmé, ˇze komunikace prob´ıhá správnˇe, mohlo doj´ıt k pˇridáván´ı dalˇs´ıch komponent, jako napˇr´ıklad tˇr´ıd pro práci s mapami ˇci tˇr´ıd pro komunikaci se serverem Twitter. V této kapitole se zm´ın´ıme o logickém rozdˇelen´ı zdrojového k ódu mobiln´ı aplikace, pop´ıˇseme práci s kni-hovnou twitter4j, seznám´ıme se s nˇekter ými implementaˇcn´ımi problémy a s jejich ˇreˇsen´ım a v závˇeru rovnˇeˇz bl´ıˇze pojednáme o pr ˚ubˇehu implementace serveru.

4.1 Rozd ˇelen´ı zdrojov ´eho k ´odu aplikace

Pro vˇetˇs´ı pˇrehlednost a snadnˇejˇs´ı rozˇsiˇrovatelnost aplikace byly ve zdrojovém k ódu vy-tvoˇreny celkem ˇctyˇri bal´ıˇcky. Kaˇzd ý z tˇechto bal´ıˇck ˚u obstarává v k ódu vˇzdy nˇejak ý uce-len ý segment aplikace. Rozdˇeuce-len´ı k ódu do bal´ıˇck ˚u rovnˇeˇz oddˇeluje funkˇcnost aplikace od jej´ıho vzhledu, coˇz opˇet vede k tomu, ˇze pˇr´ıpadná dalˇs´ı úprava aplikace by byla jed-noduˇsˇs´ı.

1. com.maps

2. com.data

3. com.socialevents

4. com.twitter

Prvn´ım vznikl ým bal´ıˇckem je bal´ıˇcek s názvemcom.data. Jeho úkolem je odes´ılán´ı zpráv na server a pˇrij´ımán´ı odpovˇed´ı, které server vrát´ı. Pˇri tvorbˇe bal´ıˇcku bylo vyuˇzito objektovˇe relaˇcn´ıho mapován´ı (dále jen ORM), které urˇcuje zp ˚usob, jak lze propojit13 relaˇcn´ı databázi a objektovˇe orientovan ý programovac´ı jazyk. Bal´ıˇcek tedy obsahuje nˇeko-lik tˇr´ıd, z nichˇz velmi d ˚uleˇzitá je tˇr´ıdaEvent, která nese informace o kaˇzdé události. Dalˇs´ı tˇr´ıdou v bal´ıˇcku je napˇr.Pictures, která slouˇz´ı k práci s obrázky.

Jiˇz z názvu bal´ıˇckucom.mapsvypl ývá, ˇze obsahuje tˇr´ıdy, které spolupracuj´ı s Google mapami. Staraj´ı se tak napˇr´ıklad o to, aby se pˇri kliknut´ı na urˇcit ý bod v mapˇe objevily informace o tomto bodu a pochopitelnˇe maj´ı tyto tˇr´ıdy dále na starost samotné vykres-lován´ı mapy.

13_{Lépe ˇreˇceno, ORM nám ˇr´ıká, jaké tˇr´ıdy v k ódu vytvoˇrit a jak je propojit, aby pozdˇejˇs´ı práce s databáz´ı}

(30)

V bal´ıˇckucom.socialeventsje zapouzdˇrena samotná logika aplikace, vˇcetnˇe pro-pojen´ı funkˇcnosti s uˇzivatelsk ým rozhran´ım. Lze ˇr´ıci, ˇze se jedná o ústˇredn´ı bal´ıˇcek celé aplikace, nebot’ drtivá vˇetˇsina aktivit se nacház´ı právˇe zde (mimo aktivit pro zobrazen´ı map a sluˇzby Twitter).

Posledn´ım bal´ıˇckem jecom.twitter, kter ý obstarává komunikaci s knihovnou twi-tter4ja zprostˇredkovává tak zobrazován´ı a pˇridáván´ı pˇr´ıspˇevk ˚u, tzv.

”tweet ˚u“. 4.2 Vyuˇzit´ı knihovny twitter4j

Vzhledem k tomu, ˇze aplikace

”Social Event Guide“ má umˇet komunikovat se sluˇzbou Twitter, bylo nutné pouˇz´ıt knihovnu twitter4j[9], která tuto komunikaci umoˇz ˇnuje. K tomu, aby knihovna mohla b ýt pouˇz´ıvána, jsou vyˇzadovány dva uˇzivatelské a dva pˇr´ıstupové kl´ıˇce. Uˇzivatelské kl´ıˇce jsou definovány jakoOAuthConsumerSecret

aOAuthConsumerKey. Pˇr´ıstupové kl´ıˇce (OAuthAccessTokena OAuthAccessToken-Secret) je moˇzno vygenerovat na webov ých stránkách sluˇzby Twitter. Po z´ıskán´ı kl´ıˇc ˚u staˇc´ı knihovnu importovat do projektu a poté jiˇz vyuˇz´ıvat vˇsechny funkce, které knihovna v ývojáˇr ˚um nab´ız´ı.

Pro aplikaci

”Social Event Guide“ byl vytvoˇren speciáln´ı úˇcet, pod kter ým své”tweety“ pˇridávaj´ı vˇsichni uˇzivatelé aplikace. Pˇr´ıspˇevky k jednotliv ým spoleˇcensk ým událostem se pak oznaˇcuj´ı tzv.hashtagem(znak#). Hashtag se k

”tweetu“ pˇridá automaticky - naˇcte se z databáze, v n´ıˇz má kaˇzdá akcehashtagjiˇz vytvoˇren ý. Celková délka zprávy, kterou uˇzivatel má moˇznost pˇridat na Twitter, je dána jako rozd´ıl ˇc´ısel 144 a délkyhashtagu. 4.3 Probl émy pˇri implementaci

Pˇri v ývoji aplikace se vyskytlo nˇekolik problém ˚u, které bylo tˇreba vyˇreˇsit. V této ˇcásti kapitoly jsou pˇredstaveny ty nejzaj´ımavˇejˇs´ı z nich, spoleˇcnˇe se zp ˚usobem ˇreˇsen´ı.

4.3.1 Obr ´azek ve v ´yb ˇeru

Pˇri vytváˇren´ı uˇzivatelského rozhran´ı na stranˇe serveru se vyskytl problém, jak ým zp

˚uso-bem vloˇzit obr´azky do HTML elementuinput, kter ´y byl typuselect. HTML bohuˇzel

touto moˇznost´ı nedisponuje, proto bylo nutno nalézt jin ý alternativn´ı zp ˚usob. Nejprve bylo vyzkouˇseno vloˇzen´ı obrázku jako pozad´ı pouˇzit´ım kaskádov ých styl ˚u, ani tento zp ˚usob ˇreˇsen´ı se vˇsak neukázal jako úspˇeˇsn ý.

Bylo tedy jasné, ˇze pouˇzit´ı Javascript je nezbytné. Na Internetu jsou k dispozici Ja-vascriptové knihovny, které se specializuj´ı na vylepˇsován´ı vzhledu HTML element ˚u. Jednou z tˇechto knihoven je knihovna s názvem DropKick14, která slouˇz´ı k vylepˇsen´ı

vzhledu elementuinput typuselect. Po pouˇzit´ı t´eto knihovny a po pohledu na

vy-tvoˇren ý HTML k ód bylo vidˇet, ˇze elementinputbyl nahrazen elementydiv, které pak pomoc´ı CSS byly stylizovány za úˇcelem vylepˇsen´ı vzhledu. Bohuˇzel, ani po m´ırné modi-fikaci se nepodaˇrilo upravit vzhled tak, aby spl ˇnoval naˇse poˇzadavky.

(31)

Po ne úspˇechu s knihovnou DropKick byl vyzkouˇsen skript s názvem JavaScript Image Combobox. Jak je patrno jiˇz z názvu, tento skript se specializuje na vkládán´ı obrázk ˚u do v ýbˇerového pole. Pro svou funkˇcnost skript poˇzaduje pouze jQuery. Po jeho dodán´ı do zdrojového k ódu a po pˇridán´ı potˇrebn ých informac´ı se podaˇrilo úspˇeˇsnˇe vloˇzit obrázky do v ýbˇerového pole. Následuje ukázka, jak nakonec vypadal zdrojov ý k ód v ýbˇerového pole.

<select class=”point”name=”icon1”style=”width: 200px”>

<option title=”1”data−image=”images/points/1.png”name=”p1”>Wifi

</option>

<option title=”2”data−image=”images/points/2.png”name=”p2”>Cafe

</option> </select>

V ýpis 3: Ukázka v ýbˇerového pole

4.3.2 Vlastn´ı vzhled z ´aloˇzek

Pro vylepˇsen´ı vzhledu Android aplikace nám jeho SDK umoˇz ˇnuje pouˇz´ıt záloˇzky, které jsou souˇcást´ı i naˇs´ı aplikace. Vzhled záloˇzek ovˇsem na niˇzˇs´ıch verz´ıch API nen´ı tak pro-pracovan ý, jako na verz´ıch vyˇsˇs´ıch. Grafické zpracován´ı pˇrep´ınaˇce záloˇzek je ovˇsem moˇzno vylepˇsit a z´ıskat tak dobˇre vypadaj´ıc´ı design i pˇri pouˇzit´ı niˇzˇs´ı verze API.

Z´akladem je vytvoˇren´ı dvou XML soubor ˚u. V prvn´ım z nich se vyuˇz´ıv´a elementu

TabHost, kter ý definuje pole pro záloˇzky a pole pro zobrazen´ı samotného obsahu záloˇzky. VTabHostelementu je pak vnoˇren elementFrameLayout, v nˇemˇz se poté obsah záloˇzky zobrazuje.

Druh ý XML soubor obsahuje a definuje vzhled konkrétn´ı záloˇzky. Pˇri jej´ım vytváˇren´ı se pak tento vzhled aplikuje na vˇsechny ostatn´ı. Úpravou tohoto souboru tedy docház´ı k nastavován´ı vzhledu jednotliv ých záloˇzek. V naˇsem pˇr´ıpadˇe byl pˇridán element Image-View, kter ý slouˇz´ı k zobrazen´ı obrázku. V ýsledné záloˇzky jsou tedy vlastnˇe r ˚uzné obrázky, pomoc´ı kter ých se uˇzivatel m ˚uˇze v rámci aplikace pˇrep´ınat mezi jednotliv ými obrazov-kami.

V aktivitˇe, která zobrazuje záloˇzky, je tˇreba implementovat, jak se maj´ı vytvoˇrit. Je tedy nutné zadat název záloˇzky, obrázek, kter ým má b ýt reprezentována a rovnˇeˇz mus´ı b ýt nastavena interakce, tedy co konkrétnˇe má probˇehnout v momentˇe, kdy uˇzivatel da-nou záloˇzku zvol´ı. Jak m ˚uˇze vypadat zdrojov ý k ód je zobrazeno na dalˇs´ı stranˇe.

(32)

...

tabView = createTabView(this, ”Pictures”, R.drawable.gallery black ) ; intent =newIntent() .setClass(this, PictureActivity .class);

spec = tabHost.newTabSpec(”tab4”).setIndicator(tabView).setContent(intent); tabHost.addTab(spec);

}

private static View createTabView(Context context, String tabText,int icon)

{

View view = LayoutInflater .from(context). inflate (R.layout.custom tab,null, false) ; ImageView img = (ImageView) view.findViewById(R.id.tabImageView);

img.setImageDrawable(context.getResources().getDrawable(icon));

returnview;

}

V ýpis 4: Ukázka inicializace záloˇzky

4.3.3 Offline reˇzim

Vzhledem k tomu, ˇze ne vˇsichni uˇzivatelé disponuj´ı mobiln´ım internetem, bylo nutné zajistit, aby uˇzivatelé mohli prohl´ıˇzet nˇekteré události i v pˇr´ıpadˇe, ˇze pˇripojen´ı k inter-netu nebude k dispozici. Bylo zcela zˇrejmé, ˇze tyto události mus´ı b ýt uloˇzeny v telefonu15 trvale. Samozˇrejmˇe nen´ı moˇzno uˇzivateli do telefonu uloˇzit vˇsechny události, které da-tabáze bude obsahovat, protoˇze v pˇr´ıpadˇe obrovského mnoˇzstv´ı událost´ı v databázi by mohl nastat problém nedostatku m´ısta k uloˇzen´ı. Bylo tedy rozhodnuto, ˇze na SD kartˇe budou uloˇzeny pouze události, které si uˇzivatel zvol´ı jako obl´ıbené.

Moˇznost´ı, jak ým zp ˚usobem data o událostech uloˇzit, se nab´ızelo mnoho. Zmi ˇnme napˇr´ıklad moˇznost ukládán´ı do textového souboru, ukládán´ı do SQLite databáze v zaˇr´ıze-n´ı ˇci moˇznost ukládázaˇr´ıze-n´ı událost´ı v podobˇe XML souboru. Ze vˇsech dostupn ých moˇznost´ı nakonec byla vybrána metoda serializace a deserializace. Serializace je jednoduch ý zp ˚usob, jak ým lze instanci tˇr´ıdy uloˇzit nebo napˇr. poslat pˇres s´ıt. Staˇc´ı, aby tato tˇr´ıda

implemen-tovala rozhran´ıSerializable. V aplikaci

”Social Event Guide“ je vytvoˇrena instance tˇr´ıdyLinkedList<Event>, která v sobˇe uchovává vˇsechny události, které si uˇzivatel zvol´ı jako obl´ıbené. Tato instance je vˇzdy pˇri pˇridán´ı nové události do obl´ıben ých se-rializována. V pˇr´ıpadˇe, ˇze pˇri spuˇstˇen´ı aplikace nen´ı k dispozici internetové pˇripojen´ı, probˇehne deserializace, coˇz vede k naˇcten´ı seznamu obsahuj´ıc´ıho jednotlivé události a ty jsou pak uˇzivateli zobrazeny.

4.3.4 Cachov ´an´ı obr ´azk ˚u

Jak bylo zm´ıneno v dˇr´ıvejˇs´ı kapitole, galerie obrázk ˚u je ned´ılnou souˇcást´ı naˇs´ı aplikace, zvyˇsuj´ıc´ı jej´ı popularitu a uˇzivatelskou pˇr´ıvˇetivost. Nicménˇe, pˇri implementaci galerie obrázk ˚u nastal menˇs´ı problém. Galerie jako taková si bez problému stahovala obrazov ý materiál z webu, pot´ıˇze ovˇsem nastaly pˇri prohl´ıˇzen´ı, kdy galerie byla pomalá a m´ısty

(33)

témˇeˇr nereagovala. Po anal ýze této komplikace byla zjiˇstˇena pˇr´ıˇc´ına. Galerie si naˇc´ıtala kaˇzd ý obrázek tˇesnˇe pˇred jeho zobrazen´ım a pokud uˇzivatel chtˇel otevˇr´ıt obrázek následu-j´ıc´ı v poˇrad´ı, musel nejdˇr´ıve poˇckat, aˇz se data stáhnou ze serveru. Obrázky se stahovaly pokaˇzdé, kdyˇz je uˇzivatel chtˇel naˇc´ıst, bez ohledu na to, jestli uˇz byly pˇredt´ım jednou zobrazeny, nebo ne. ˇReˇsen´ı této situace nebylo nijak zvláˇst komplikované. Bylo pouze nutné zajistit, aby se obrazov ý materiál naˇcetl jeˇstˇe dˇr´ıve, neˇz dojde k samotnému zobra-zen´ı v galerii. Proto je v pamˇeti k dispozici list obrázk ˚u typu Bitmap, do nˇejˇz se stahuje konkrétn´ı obrazov ý materiál. Tento list je pak pˇredán adaptéru galerie, která z nˇej posléze naˇc´ıtá data. Data jsou tedy stahována z listu (lokálnˇe uloˇzen v pamˇeti) a nikoliv ze ser-veru, coˇz následnˇe v galerii znaˇcnˇe urychluje moˇznost prohl´ıˇzen´ı. Nicménˇe vyˇreˇsen´ım komplikac´ı s rychlost´ı naˇc´ıtán´ı obrázk ˚u vyvstal v aplikaci dalˇs´ı drobn ý problém, a to s pˇrepisován´ım listu nacachovan ých spoleˇcensk ých událost´ı. Pˇri zobrazen´ı nové události, z ˚ustával v pamˇeti aplikace neaktualizovan ý list s obrázky vztahuj´ıc´ımi se k události, kte-rou uˇzivatel prohl´ıˇzel pˇredt´ım, takˇze v galerii byl zobrazován materiál, kter ý s novˇe zvo-lenou událost´ı v ˚ubec nesouvisel. Proto byla vytvoˇrena promˇenná typu boolean, která ˇr´ıká, zda byla vybrána nová událost. Pokud ano, pak se pˇr´ısluˇsn ý obrazov ý materiál v listu aktualizuje a v galerii pak jsou naˇc´ıtaná správná data.

Jako posledn´ı problém v oblasti cachován´ı obrázk ˚u uved’me pot´ıˇze pˇri vytváˇren´ı seznamu událost´ı. Kaˇzdá kulturn´ı akce má sv ˚uj vlastn´ı identifikaˇcn´ı obrázek, kter ý se naˇc´ıtá ze serveru. Zde opˇet docházelo ke stejnému problému, jako pˇri naˇc´ıtán´ı obrázk ˚u v galerii. Prohl´ıˇzen´ı a posun seznamu byl tak kv ˚uli opakovanému naˇc´ıtán´ı obrázk ˚u ze serveru pomal ý a nebyl plynul ý. Tato komplikace byla pak ˇreˇsena vytvoˇren´ım nové promˇenné (typ Bitmap) ve tˇr´ıdˇe Event, do které se obrázek ukládal a stejnˇe jako u naˇc´ıtán´ı galerie nebyla data jiˇz stahována ze serveru, ˇc´ımˇz bylo zajiˇstˇené rychlé a plynulé prohl´ıˇzen´ı seznamu událost´ı.

4.3.5 Ukazatel pr ˚ub ˇehu

Pˇri stahován´ı vˇetˇs´ıho mnoˇzstv´ı dat ze serveru aplikace m´ısty vykazovala známky totoˇzné s v ýskytem chyby a byl tak snadno navozen pocit, ˇze aplikace pˇrestala reagovat. Nicménˇe aplikace pouze ˇcekala na kompletn´ı naˇcten´ı vˇsech dat ze serveru. Aby budouc´ı uˇzivatelé nebyli t´ımto stavem zmateni, bylo nutné pˇridat ukazatel pr ˚ubˇehu, kter ý indikuje funkˇcnost aplikace a právˇe prob´ıhaj´ıc´ı akce. Ukazatel je zobrazen vˇzdy, kdyˇz se oˇcekává vˇetˇs´ı ˇcasová prodleva mezi akc´ı uˇzivatele (kliknut´ı) a následn ým zobrazen´ım poˇzadovaného obsahu. S ukazatelem pr ˚ubˇehu se v drtivé m´ıˇre m ˚uˇzeme setkat pˇri zobrazován´ı obrázk ˚u u se-znamu událost´ı; u jednotliv ých událost´ı a u galerie.

Tento problém byl vyˇreˇsen pˇridán´ım nové tˇr´ıdy, která dˇed´ı z tˇr´ıdy AsyncTask. Tˇr´ıda AsyncTask je souˇcást´ı Android SDK a jej´ım hlavn´ım c´ılem je v ývojáˇri zjednoduˇsit prová-dˇen´ı ˇcásti k ódu, kter ý má bˇeˇzet v jiném vláknˇe. V naˇsem pˇr´ıpade jsme vyuˇzili tˇri metody, které tato tˇr´ıda nab´ız´ı.

onPreExecute - k ód této metody probˇehne v hlavn´ım vláknˇe pˇredt´ım, neˇz bude spuˇstˇen k ód, u nˇehoˇz v ývojáˇr chce, aby byl oddˇelen od hlavn´ıho vlákna

doInBackground- do této metody se umist’uje k ód, kter ý má bˇeˇzet na pozad´ı (tedy v jiném vláknˇe); typicky se jedná o k ód, kter ý pro sv ˚uj bˇeh vyˇzaduje v´ıce ˇcasu

(34)

onPostExecute- k ód této metody je proveden po dokonˇcen´ı bˇehu k ódu, kter ý byl spuˇstˇen na pozad´ı

V pˇr´ıpade naˇs´ı aplikace se v onPreExecutevytvoˇril ProgressDialog, kter ý in-dikuje, ˇze aplikace stahuje potˇrebná data. VdoInBackgroundse stahuj´ı potˇrebná data

k zobrazen´ı. V onPostExecute se zruˇs´ı zobrazen´ıProgressDialogu a provede se

zpracován´ı a zobrazen´ı obrázku a dalˇs´ıho k ódu.

4.4 Server

Implementace serveru prob´ıhala paralelnˇe s implementac´ı aplikace z d ˚uvodu potˇreby zprovoznˇen´ı komunikace mezi obˇema stranami. Nejdˇr´ıve byly vytvoˇreny tˇr´ıdy, kter ých bylo potˇreba k jiˇz zm´ınˇené komunikaci s aplikac´ı. Kdyˇz aplikace byla jiˇz z vˇetˇs´ı ˇcásti ho-tová, pˇristoupilo se k vytvoˇren´ı administraˇcn´ıho rozhran´ı pro editaci a vytváˇren´ı nov ých spoleˇcensk ých událost´ı. Tato ˇcást implementace byla jednoduˇsˇs´ı a rychlejˇs´ı, protoˇze nˇekte-ré metody a funkce, potˇrebné pro administraˇcn´ı rozhran´ı, byly jiˇz vytvoˇreny, jelikoˇz je vyuˇz´ıvala mobiln´ı aplikace.

Vhodn ým pˇr´ıkladem je tˇr´ıda Event. Metody, které jsou vyuˇz´ıvány jak aplikac´ı tak webov ým rozhran´ım jsou select all (), která vrac´ı vˇsechny události, které jsou v databázi, aselect by id(), která vybere informace o události podle jej´ıho id. Metody, které vyuˇz´ıvaj´ı pouze webové rozhran´ı jsousaveEvent(), která ukládá novou událost aeditEvent(), která pak slouˇz´ı k jej´ı editaci.

Webové rozhran´ı nab´ız´ı tuto funkcionalitu – registrace nového uˇzivatele, vytvoˇren´ı a editace nové události, prohl´ıˇzen´ı vlastn´ıch událost´ı. Nˇekteré z tˇechto funkcionalit jsou dostupné pouze po pˇrihláˇsen´ı uˇzivatele.

(35)

5 Testov ´an´ı

Testován´ı aplikace bylo provedeno na nˇekolika zaˇr´ızen´ıch. Prvn´ım zaˇr´ızen´ım byl mobiln´ı telefon LGP500 s verz´ı Androidu 4.0.4, kde prob´ıhalo postupné testován´ı. Teprvé poté, co byla aplikace jiˇz zcela plnˇe funkˇcn´ı, byla nainstalována i na dalˇs´ı zaˇr´ızen´ı, aby se tak mohla otestovat kompatibilita s jin ými verzemi OS Android a jin ým rozliˇsen´ım.

5.1 Testov án´ı na re áln ých zaˇr´ızen´ıch

Pro testován´ı byly vyhledány r ˚uzné mobiln´ı telefony a tablety s rozd´ıln ým rozliˇsen´ım a rozd´ılnou verz´ı Androidu. V následuj´ıc´ı tabulce je uveden seznam zaˇr´ızen´ı, která byla pouˇzita.

Typ zaˇr´ızen´ı Verze OS Android Rozliˇsen´ı displeje

LG P500 4.0.4 320 x 480

HTC Wildfire S 2.3 320 x 480

Samsung Galaxy Ace 4.0.1 320 x 480

Samsung S3 mini 4.1 480 x 800

Samsung S3 4.1.2 720 x 1280

Samsung Galaxy Tab 2 10.1 4.2.2 1820 x 800

Tabulka 4: Typy zaˇr´ızen´ı a jejich verze a rozliˇsen´ı displeje

Jak je patrné z tabulky, byla aplikace testována pˇredevˇs´ım na telefonech s Androidem Ice Cream Sandwich. K dispozici byl jeden tablet, kter ý byl vybrán zejména pro testován´ı vzhledu aplikace na vˇetˇs´ıch obrazovkách.

Testov´an´ı prob´ıhalo v nˇekolika bodech

1. prohl´ıˇzen´ı akc´ı se zapnut ´ym wifi pˇripojen´ım 2. registrace a pˇrihl´aˇsen´ı

3. sd´ılen´ı pˇr´ıspˇevk ˚u na Twitter

4. prohl´ıˇzen´ı ud´alost´ı v offline reˇzimu

Kaˇzdá funkce byla postupnˇe otestována na kaˇzdém z dostupn ých zaˇr´ızen´ı a ani v jednom pˇr´ıpadˇe se pˇri testován´ı nevyskytla ˇzádná chyba. Aplikace fungovala na vˇsech zaˇr´ızen´ıch stejn ým zp ˚usobem.

(36)

6 Z ´av ˇer

C´ılem této bakaláˇrské práce bylo seznámit ˇctenáˇre s operaˇcn´ım systémem Android, jeho moˇznostmi a dále podat podrobnˇejˇs´ı informace o aplikace Social Event Guide/Pr ˚uvodce spoleˇcensk ými událostmi. Tato práce poskytuje náhled na anal ýzu nejen samotné apli-kace, ale i struˇcn ý pˇrehled o aplikac´ıch podobn ých, které pracuj´ı na stejném principu, jako Social Event Guide. Dále jsou poskytnuty informace o implementaci a testován´ı apli-kace v reálném provozu. Apliapli-kace Social Event Guide má potenciál stát se dobr ým po-mocn´ıkem kaˇzdého organizátora spoleˇcensk ých událost´ı a zárove ˇn b ýt dobr ým pr ˚uvod-cem uˇzivatele, kter ý se ˇcastˇeji úˇcastn´ı r ˚uzn ých kulturn´ıch akc´ı.

V dneˇsn´ı dobˇe, kdy témˇeˇr kaˇzd ý ˇclovˇek západn´ıho svˇeta je vlastn´ıkem chytrého te-lefonu (tzv. smartphonu), se tak otv´ıraj´ı nové moˇznosti pro v ývojáˇre a pro vyuˇzit´ı jejich program ˚u. V ývojáˇr, kter ý byl do nedávné doby zvykl ý programovat aplikace pro stoln´ı poˇc´ıtaˇce, se ted’ mus´ı pˇreorientovat na nové myˇslen´ı uˇzivatel ˚u, kteˇr´ı dnes chtˇej´ı m´ıt in-formace dostupné ihned, chtˇej´ı tyto inin-formace sd´ılet s pˇráteli, a to vˇse co nejpohodlnˇejˇs´ı a nejjednoduˇsˇs´ı formou.

Aplikace Social Event Guide, která byla pˇredmˇetem této bakaláˇrské práce, se snaˇz´ı vˇsechny v ýˇse zm´ınˇené potˇreby uˇzivatel ˚u pokr ýt, a proto má potenciál se prosadit mezi konkurenˇcn´ımi produkty, které v nˇekter ých bodech zaostávaj´ı.

Pokud budeme pˇrem ýˇslet o moˇznosti dalˇs´ıho rozˇs´ıˇren´ı naˇs´ı aplikace, pak se nám nask ýtá nˇekolik moˇznost´ı. Prvn´ı z nich je vˇetˇs´ı propojen´ı se sociáln´ımi s´ıtˇemi – pˇredevˇs´ım Facebook a Google+. Obˇe tyto sociáln´ı s´ıtˇe maj´ı vytvoˇrené API pro vˇetˇs´ı integritu jejich sluˇzeb do aplikac´ı tˇret´ıch stran. V pˇr´ıpadˇe velkého zájmu ze strany uˇzivatel ˚u ˇci firem by se mohla aplikace pˇrenést na mobiln´ı platformy iOS od spoleˇcnosti Apple, ˇci Windows 8 od spoleˇcnosti Microsoft. Dalˇs´ı moˇzná vylepˇsen´ı by se mohla odehrávat na poli pro-pracovanˇejˇs´ıho systému vyhledáván´ı a kategorizace jednotliv ých událost´ı, aby v pˇr´ıpadˇe vˇetˇs´ıho mnoˇzstv´ı na v ýbˇer uˇzivatel snadno mohl nalézt to, co hledá.

Zamˇeˇr´ıme-li se na moˇzná vylepˇsen´ı webového rozhran´ı, které je aktuálnˇe urˇceno pouze organizátor ˚um a tv ˚urc ˚um obsahu, uˇzivatelé by ˇcasem zcela jistˇe uv´ıtali moˇznost pˇrehledu událost´ı a ukládán´ı akc´ı do obl´ıben ých pˇr´ımo na webov ých stránkách. Orga-nizátor ˚um by pak mohla b ýt nab´ıdnuta funkce statistik pˇrihlaˇsován´ı ˇci propracovanˇejˇs´ı funkce editace události. Neménˇe d ˚uleˇzit ým vylepˇsen´ım by pak mohla b ýt spam-kontrola, kdy by novˇe vytvoˇrené události byly d ˚ukladnˇe provˇeˇreny, zda se nejedná o spam.

(37)

7 Reference

[1] ˇCS ´UMobiln´ı s´ıt’[online]

Dostupn´e z http://www.czso.cz/csu/redakce.nsf/i/mobilni_

telefonni_sit_telekomunikacni_a_internetova_infrastruktura/ %24File/2012_web_mobil_final.doc

[2] statcounter.comStatistiky pod´ılu OS na ˇcesk´em trhu[online]

Dostupn´e z http://gs.statcounter.com/#mobile_

os-CZ-monthly-201104-201303

[3] Svˇet Androida - Tom´aˇs KyptaVyv´ıj´ıme pro Android – ´uvod[online]

Dostupn´e zhttp://www.svetandroida.cz/vyvijime-pro-android-1-uvod-201103

[4] Developers AndroidDashbords - Platform Versions[online]

Dostupn´e z http://developer.android.com/about/dashboards/index.

html

[5] Developers Android/¿Get the Android SDK[online]

Dostupn´e zhttp://developer.android.com/sdk/index.html

[6] Developers AndroidClass MapView[online]

Dostupn´e z https://developers.google.com/maps/documentation/

android/v1/reference/com/google/android/maps/MapView

[7] Vogella.comGoogle Maps Android API v2 - Tutorial[online]

Dostupn´e z http://www.vogella.com/articles/AndroidGoogleMaps/

article.html

[8] Murphy MarkBeginning Android 3

APRESS, 2011, 518 s. ISBN 9781430232971

[9] J. Steele, N. To, S. Conder, and L. DarceyThe Android Developer’s Collection Addison-Wesley Professional, 2011, 1156 s., ISBN 9780132928618

(38)

A

Uk ´azky uˇzivatelsk ´eho rozhrann´ı

Obrázek 9: Ukázka aplikace Social Event Guide, Samsung Galaxy Tab 2 10.1, v ýpis akc´ı

Obr´azek 10: Uk´azka aplikace Social Event Guide, Samsung Galaxy Tab 2 10.1, detailnˇejˇs´ı informace

(39)

Obr´azek 11: Uk´azka aplikace Social Event Guide, LG P500,

´uvodn´ı obrazovka

Obrázek 12: Ukázka aplikace Social Event Guide, LG P500, v ýpis událost´ı

Obr´azek 13: Uk´azka aplikace Social Event Guide, LG P500, detailnˇejˇs´ı informace

Obr´azek 14: Uk´azka aplikace Social Event Guide, LG P500, pohled na bod

(40)

B

Obsah pˇriloˇzen ´eho CD

Na pˇriloˇzeném CD se nacház´ı následuj´ıc´ı sloˇzky:

• Dokumentace- dokumentace zdrojov´eho k ´odu mobiln´ı aplikace

• MobilniAplikace- instalaˇcn´ı soubor s pˇr´ıponouapk

• MobilniAplikaceProject- zdrojové k ódy jako zkomprimovan ý projekt Eclipse

• Server- zdrojov´e k ´ody serveru

• SQL- SQL skript pro vytvoˇren´ı datab´aze