D1: D2: KINO - Mobilní aplikace. Semestrální práce do předmětu A7B39PDA Ondřej Kulatý. Název: KINO

Transkript

1 KINO - Mobilní aplikace Semestrální práce do předmětu A7B39PDA Ondřej Kulatý D1: Název: KINO Popis: Kino je aplikace, která uživateli umožní prohledávat česká kina a prohlížet jejich programy. Uživatel může vyhledávat kina podle adresy a nebo podle aktuální GPS pozice. Po vyhledání se kina zobrazí seřazená podle vzdálenosti od uživatele. V programu kina budou uvedeny jednotlivé tituly včetně data a času promítání. Pro každý titul bude k dispozici krátký popis, hodnocení na ČSFD a obrázek bookletu. Aplikaci také umožní spustit navigaci k vybranému kinu. Aplikace poběží na platformě Android. Cílová skupina: Cestovatelé a fanoušci filmu D2: Uživatelé: Uživateli aplikace budou filmoví fanoušci, kteří rádi chodí do kina a chtějí mít přehled o aktuálně hraných filmech ve svých oblíbených kinech. Další skupinou uživatelů budou lidé, kteří cestují a chtějí v cizím městě najít kino a zajít si na film. Uživatel aplikace bude člověk ve věku let, který umí pracovat s telefonem na běžné uživatelské úrovni. Aktivity: prohlížení seznamu českých kin, včetně možnosti seřazení dle názvu nebo vzdálenosti od uživatele označení oblíbeného kina (bude se zobrazovat hned na začátku seznamu) 1

2 zobrazení programu kina na příštích několik dní zobrazení detailu hraného filmu navigace k vybraného kinu Systémová podpora: Aplikace nabídne po spuštění uživateli rolovací seznam českých kin, které budou seřazeny podle vzdálenosti od uživatele (pokud je aktivní GPS), nebo podle názvu. Lze také označit oblíbené kino, které se potom bude zobrazovat na předních pozicích. Po výběru kina pomocí kliknutí na jeho název, aplikace zobrazí aktuální program kina (vyžaduje připojení k internetu). Program se skládá z názvů filmů a jejich časů promítání. Kliknutím na název filmu se zobrazí detail filmu. Zde si uživatel může prohlédnout booklet filmu, krátký popis, hodnocení a případně přehrát trailer filmu na YouTube. Pokud se rozhodne navštívit kino, může spustit navigaci ke kinu. Aplikace poběží na telefone s OS Android. Kontext: Počítá se, že uživatel bude používat aplikaci hlavně na cestách mimo domov, kdy nebude mít k dispozici počítač aby si prohlédl program kina. Ovládání bude realizováno pomocí touchscreenu a bude intuitivní pro běžné uživatele Androidu. Systém bude používat pozici uživatele k určení nejbližšího kina. K navigaci bude použit systém Google Navigace. D3: Popis prototypu: Prototyp byl vyvíjen přímo na cílové platformě Android. Prozatím byl kladen důraz na vytvoření grafického rozhraní aplikace, takže aplikace není funkční, ale funguje jen jako prezentace GUI. 2

3 1. Úvodní obrazovka aplikace Na úvodní obrazovce se nachází dvě tlačítka. Tlačítko Vyhledat nejbližší kina slouží k zobrazení seznamu kin seřezených dle vzdálenosti od uživatele. Tlačítko oblíbená kina potom slouží k zobrazení seznamu kin, které si uživatel přidal do oblíbených. Důvod řešení: Úvodní obrazovka slouží jako odrazový bod po startu aplikace a rozcestník pro nejběžnější činnosti. V případě přidání dalších funkcí v budoucnu se zde mohou objevit další tlačíka. 3

4 3. Seznam kin Všechna kina jsou uvedena v seznamu. Uveden je název kina, město a orientační vzdálenost od uživatele. Po kliknutí na jednotlivé položky se uživatel dostane do detailu kina. Seznam je scrollovací. Důvod řešení: Rolovací seznam je intuitivní prvek a dobře zobrazuje data seřazená podle kritérií. Uživatel tak vidí, která kina jsou nejblíže na první pohled, kina vzdálená ve spodní části seznamu jej většinou nezajímají, ale i tak je ponechána možnost jejich prohlédnutí. 4

5 4. Detail kina záložka Filmy Na této obrazovce jsou informace rozděleny do dvou záložek. V první jsou zobrazeny filmy promítané v kině. Po kliknutí na film se zobrazí program. Důvod řešení: Jedním z řešení by bylo i zobrazení názvu filmu s promítacími časy. To vypadá dobře u menších kin, ale u velkých multikin, které promítají i více než 10 filmů několikrát denně se stala obrazovka nepřehlednou. Tento způsob umožňuje uživateli vybrat si požadovaný film a až poté si zobrazit podrobnosti ohledně času promítání 5

6 5. Detail kina záložka Poloha V záložce poloha jsou zobrazeny informace o kinu adresa a telefon,případně i další. Dále jsou přítomny tři tlačítka pro zobrazení kina na mapě, spuštění navigace a přidání kina do oblíbených. Důvod řešení: K datům ohledně polohy byla vytvořena samostatná záložka, tato data souvisejí i s funkcemi pro navigaci a zobrazení na mapě. Tyto dvě věci už tvoří větší celek, který si zaslouží mít vlastní obrazovku. 6

7 6. Detail kina mapa Polohu kina lze zobrazit na mapě pro snažší nalezení ve městě. Důvod řešení: Uživateli často pomůže rychlý náhled na mapu, s ikonou kina. Lokalitu třeba zná a z mapy může poznat známé místo, nemusí spouštět navigaci ke kinu. 7

8 7. Detail filmu program Detail filmu obsahuje dvě záložky, první je program. V této záložce jsou přehledně zobrazeny dny promítání filmu. U každého dne jsou vypsány konkrétni časy promítání. Důvod řešení: Uživatele nejdříve zajímá den a až potom čas promítání, proto je programi kina seskupen tímto způsobem. 8

9 8. Detail filmu informace Tato záložka obsahuje stručné informace k filmu název, booklet, popis. Důvod řešení: Při procházení nabídky kin může uživatel narazit na film, který nezná. Tato obrazovka mu poskytne stručné informace o filmu. 9

10 9. Detail filmu informace (pokrač.) Dole je potom informace o hodnocení filmu na csfd.cz a také tlačítko pro vyhledání a přehrání traileru na youtube. Důvod řešení: Data byla rozmístěna tak, jak uživatel k datům nejčastěji přistupuje, první ho zajímá obrázek filmu, režisér, herci apod. Poté si přečte dlouhý popis filmu a nakonec si může přehrát trailer. Test prototypu Cílem testu bylo vyzkoušet grafické rozhraní z uživatelského pohledu a definovat případné chyby v návrhu, případně upravit návrh podle připomínek testerů. Způsob testování Aplikace byla testována dvěma experty, tudíž se použila metoda heuristické analýzy. Testovalo se na reálném zařízení LG P500 s Androidem Jednotliví testeři si prošli aplikaci a snažili se nalézt chyby. 10

11 Testeři Autor aplikace student ČVUT FEL Jakub vývojář.net Výsledky testování 1. Report testu od autora aplikace Chybí nápověda nebo dokumentace Chybí dokumentace nebo manuál k užívání aplikace. Bylo by dobré přidat aspoň krátký popis používání přímo do aplikace Porušuje: Help and documentation Tlačítka v záložce poloha kina jsou nepřehledná Tlačítka mají stejný design a jen jiný popisek. Pomohlo by přidání ikon. Porušuje: Aesthetic and minimalist design 1. Report testu od Jakuba Zbytečná úvodní obrazovka Úvodní obrazovka obsahuje jen dvě tlačítka, dal by se zobrazit hned seznam kin a pomocí záložek měnit mezi všemi kiny a oblíbenými kiny Porušuje: Visibility of system status Hodnocení filmu není vidět na první pohled Hodnocení filmu je důležitý prvek, který by měl být umístěn viditelně hned nahoře obrazovky. Porušuje: Aesthetic and minimalist design Není snadné přidat kino do oblíbených Tlačítko pro přídání do oblíbených je zanořeno hluboko, navíc v sekci poloha, která s tím 11

12 moc nesouvisí. Lepší by bylo přidat toto tlačítko někam přímo k seznamu kin. Porušuje: Recognition rather than recall Analýza výsledků testování Byly nalezeny malé nedostatky v přívětivosti rozhraní. Jedná se hlavně o tlačítka v záložce polohy kina. Upravit by se měl také popis filmu, aby zobrazoval všechny důležité informace nahoře, méňe důležité pod nimi. Všechny nalezené nedostatky jsou bez problémů opravitelné. Doporučení pro D4 Zaměřit se na opravení chyb v UI nalezených při testování Při tvorbě logiky aplikace myslet na maximální plynulost ovládání (žádné záseky UI) D4: Popis prototypu: Prototyp byl vyvíjen jako funknční aplikace spustitelná na cílovém zařízení. Aplikace komunikuje se serverem z kterého stahuje data ve formátu XML. Data jsou na serveru prozatím uložena staticky, protože serverová část aplikace nebyla ještě zcela dokončena. Aplikace nyní umožňuje: Zobrazit nejbližší kina, pokud je k dispozici informace o poloze uživatele (používá se zjištění polohy přes GPS) Procházet kina seskupená podle měst pro rychlejší procházení Přidávat kina mezi oblíbené Zobrazit aktivní mapu s kiny Prohlížet program kina na několik příštích dní Zobrazit informace o filmu Prohledávat kina podle názvu 12

13 Některé funkce, uvedené v D3 nebyly realizovány z časových důvodů. Jedná se zejména o funkci spuštění navigace ke kinu nebo přehrání traileru filmu na YouTube. Tyto funkce by ale byly realizovány pomocí externích aplikací jako je Google navigace nebo aplikace YouTube. Nemají tedy až tak zásadní vliv na funkci a vzhled aplikace samotné a jejich přidání v budoucnu by mělo být snadné. Oproti D3 bylo také upraveno uživatelské rozhraní, které je nyní seskupeno do záložek. Toto řešení umožňuje rychlejší přepínání mezi funkcemi aplikace. Přidání do oblíbených probíhá z kontextového menu. Toto menu se vyvolá dlouhým stiskem na položku. Přepracován byl i seznam filmů v detailu kina. Nyní se přímo v seznamu zobrazují časy představení, což je dle mého názoru přehlednější (není nutné vykonat klik navíc). Ukázky aplikace: Nejbližší kina Aktivní mapa 13

14 Detail filmu Program kina Uživatelský test Oproti části D3, kde jsem využil heuristickou analýzu, jsem si vybral pro tuto část uživatelský test se dvěma uživateli. Uživatelé Uživatelka Alena studentka VŠ, 21 let, vlastní mobilní telefon s Androidem Uživatel Jiří Automechanik, 29 let, nevlastní chytrý mobilní telefon 14

15 Průběh testu: Vzhledem k tomu, že aplikace používá systém GPS pro určení polohy, probíhal test venku. Při této příležitosti byla testována i použitelnost aplikace s mobilním internetovým připojením. V první fázi dostali uživatelé mobilní telefon se spuštěnou aplikací, aby si aplikaci trochu osahali. Po nějaké době jsem jim slovně dával úkoly a sledoval a zaznaménával jejich počínání. Úkoly zadané jednotlivým uživatelům: 1. Vyhledejte kino Cinestar Anděl a zjistěte jestli nabízí nějaké představení Přidejte toto kino do svých oblíbených položek, poté zobrazte oblíbené položky 3. Vyhledejte kino poblíž Florence Průběh testů: Uživatelka Alena 1. Uživatelka zpočátku hledala kina v seznamu všech kin. Po chvíli ale zjistila že aplikace má vyhledávání a to použila. Zadala andel, ale aplikace nenašla žádné výsledky. Zkusila anděl a aplikace již vrátila správné kino. Poté na něj klikla a ze seznamu dat vybrala Uživatelka nejřív zkoušela vyvolat menu v detailu kina, zde ale neuspěla, a tak se vrátila na seznam vyhledaných kin, zde vyvolala kontextové menu kde vybrala položku vložit do oblíbených. Zobrazit oblíbená kina dokázala bez problému. 3. První pokus byl použít opět vyhledávání. To bohužel funguje jen pro názvy kin. Poté se uživatelka přepla na mapu, kde našla florenc a poblíž kino. 15

16 Uživatel Jiří 1. Uživatel jako první začal hledat kina v nejbližších kinech, pak zjistil že tudy cesta nevede, zkusil tedy hledat v další záložce, kde procházel jednotlivé části Prahy. Trvalo mu celkem dlouho než našel požadované kino, na možnost vyhledávání bohužel nepřišel. Po kliknutí na kino a kratší zorientování se v detailu kina se mu podařilo vybrat datum. 2. Uživatel bohužel nepřišel na to, jak přidat kino k oblíbeným. Do oblíbených kin se ale dostal bez problému. Tam objevil krátký návod jak na to a poté se mu již přidat kino do oblíbených podařilo. 3. Uživatel se opět snažil najít kino v seznamu všech kin, zde ale neuspěl a tak kliknul na mapu, zde se po chvíli zorientoval a našel požadované kino V rámci testování s uživateli jsem také sledoval, jak aplikace funguje s mobilním internetem a určování polohy pomocí GPS. Vzhledem k tomu že aplikace přenáší pouze malé XML soubory, byla komunikace velmi svižná a data byla v drtivé většině případů stažena do 2 sekund. Určení polohy GPS bylo také záležistostí vteřin. To bylo ovšem způsobeno tím, že mobilní telefon měl 16

17 uložené informace o aktuální poloze družic. Kdyby jsme se s telefonem přesunuli o několik stovek kilometrů dále, určení polohy by trvalo pravděpodobně déle. Analýza výsledků testu Během testu se ukázalo, že aplikace není tak intuitivní, jak se zdálo. Zejména uživatel Jiří měl problémy, hlavně díky tomu, že nemá žádné zkušenosti s Androidem nebo chytrými telefony. Nevěděl tedy, že existuje kontextové menu nebo tlačítko pro hledání přímo na telefonu. Ze získaných výsledků testů jsem vyvodil tyto závěry: Uživatelé očekávají, že hledání bude fungovat i bez diakritiky a že bude možno vyhledávat i města. Přidání kina není úplně intuitivní. V oblíbených kinech je uveden stručný návod jak na to, ale uživatelé většinou nejříve sami hledali, jak přidat kino do oblíbených Aby bylo usnaděno vyhledání v mapě, bylo by dobré přidat vyhledávání míst v mapách Doporučení pro další vývoj Na aplikaci bych chtěl dál pokračovat. Zaměřím se na zapracování problémů, které se vyskytly během testování. Dále následuje několik technických detailů, které nejsou úplně vyřešeny. Jedná se například o chybné řazení nejbližších kin nebo zpracování špatně formátovaného HTML v budoucnu plánuji zobrazovat detail filmu přímo ze stránek čsfd, kde je nutno parsovat nevalidní HTML (nyní probíhá stažení detailu přes prostředníka server, který data zparsuje XML to může mít ale neblahý vliv na dostupnost serveru při větším počtu uživatelů). 17