oolczechguide Mobilní aplikace! O dokumentu Tento dokument popisuje uživatelské rozhraní nativní mobilní aplikace CoolCzechGuide pro operační systémy Android (verze 4 a výše) a ios (verze 7 a výše). Popisuje jednotlivé komponenty, části a chování těchto prvků. Součástí dokumentu je také kompletní soupis prvků, které je nutné při designu navrhnout v rámci grafických prací, a na které je nutné pamatovat při realizaci. Dokument nepopisuje administrační rozhraní (backend) ani napojení na příbuzné databáze. Doplňky Nedílnou součástí jsou doprovodné wireframes (k dispozici také na adrese: http:// share.axure.com/dayknm) a grafické návrhy. 1 z 14
Obsah dokumentu Obsah dokumentu 2 Mobilní aplikace 3 První spuštění 4 Přihlášení / Registrace 5 Synchronizace (pouze pro přihlášené) 5 Záložky 6 Plán cesty 7 Mapa 8 Zobrazení položky 10 Detail položky 10 Doplňky 11 O aplikaci 11 Odkaz na web 11 Práce s daty 12 Wireframes 13 Grafický návrh 14 2 z 14
Mobilní aplikace Nativní mobilní aplikace CoolCzechGuide pro Android a ios je obsahovým odrazem webového portálu CoolCzechGuide. Mobilní i webová aplikace sdílí jednotná data o místech a akcích. Pro přihlášené uživatele také zajišťuje synchronizaci některých dat. Nepřihlášený uživatel má k dispozici veškeré funkce, kromě vybraných funkcí typu synchronizace dat, které z podstaty přihlášení potřebují. 3 z 14
! První spuštění Splash screen Okamžitě po spuštění aplikace zobrazuje uvítací obrazovka tzv. Splash screen s animovanou ikonou načítání. Splash screen zobrazuje název aplikace, logo Czech Tourism a povinnou publicitu.! Tutorial Po načtení aplikace se zobrazí krátký výukový průvodce formou 3-4 obrázků s doprovodným textem. Poslední obrázek zobrazuje výzvu k přihlášení a tlačítko na přihlašovací formulář. Součástí je také odkaz pro přeskočení přihlášení. První mapa V případě přeskočení přihlášení se uživateli zobrazuje modul Mapa. Uživatel je dotázán na povolení získání aktuální polohy. V případě, že se aktuální poloha nachází na území ČR, je automaticky zobrazeno toto místo a okruh 10 km. V této oblasti se zobrazí všechna dostupná místa a nadcházející události. V případě, že se uživatel nachází mimo území ČR, mapa zobrazuje kompletní ČR a všechna dostupná místa a nadcházející události. Více v sekci Mapa. 4 z 14
Přihlášení / Registrace Přihlášení Formulář pro přihlášení odpovídá webové verzi. Uživatel se může přihlásit pomocí svého e-mailu a hesla či pomocí Facebooku. V rámci ios je možné využít ověření Facebook účtu v rámci ios. Po přihlášení je uživatel přesměrován do modulu Mapa. Registrace V případě nové registrace se účet vytváří jak v mobilní aplikaci, tak na webovém serveru zároveň. Po dokončení registrace je uživateli zaslán registrační e-mail s přihlašovacími údaji. Tuto komunikaci zjišťuje webová část. Po registraci je uživatel přesměrován do modulu Mapa. Synchronizace (pouze pro přihlášené) Auto-sync Po přihlášení dochází na pozadí aplikace k synchronizaci s daty na serveru, pokud zde existuje účet uživatele. O tomto stavu je uživatel informován v menu aplikace. Po dokončení synchronizace se zobrazuje její poslední dokončení. Synchronizace probíhá po každém spuštění aplikace, po každém přihlášení. V případě připojení na wifi po každé změně v datech. V případě mobilního připojení po 30 sekundách. Přenáší se pouze změny. Uživatel může vyvolat ruční synchronizaci. Chyba V případě chyby se zobrazuje informace o nemožnosti synchronizaci provést a co může uživatel dále dělat. 5 z 14
Záložky Bookmarks Záložky (bookmarks) jsou možnost, jak si uživatel může označit stránku a později se k ní vrátit. Funkce Položky si do záložek uživatel vkládá z jejich detailu či z mapy. Záložky jsou tříděny dle typů obsahu na místa, města a akce. Jednotlivé seznamy jsou seřazeny podle abecedy (místa, města) nebo podle data (akce). V případě akcí jsou již proběhlé akce pod čarou. Uživatel má následující možnosti: Zobrazení detailu položky (gesto Tap). Odstranění položky ze seznamu (gesto Swipe-left, potvrzení tlačítkem). Vymazání celého seznamu (tlačítko pro smazání seznamu). Mód úprav Do módu úprav je možné se přepnout také tlačítkem. Seznam pak nabízí možnost hromadného smazání položek a ikonu pro přesun jednotlivých řádků. 6 z 14
Plán cesty Jeden vládne Každý uživatel si může vytvořit jeden plán cesty do České republiky. Funkce Uživatel do plánu přidává jednotlivé položky (město, místo, akci), které jsou ve výchozím stavu v plánu seřazené podle pořadí, jak byli vloženy. Položky si do plánu uživatel vkládá z jejich detailu či z mapy. V již roztříděném seznamu se případné nové položky řadí nakonec. Existuje-li již položka jednou v seznamu, není podruhé přidána. Uživatel má následující možnosti: Zobrazení detailu položky (gesto Tap). Přesun položek nahoru/dolů pomocí drag&drop (gesto Tap & Hold). Odstranění položky ze seznamu (gesto Swipe-left, potvrzení tlačítkem). Vymazání celého seznamu (tlačítko pro smazání seznamu). Mód úprav Do módu úprav je možné se přepnou také tlačítkem. Seznam pak nabízí možnost hromadného smazání položek a ikonu pro přesun jednotlivých řádků. 7 z 14
Mapa Zobrazení mapy Mapa zobrazuje všechny položky na jednom místě formou různých pinů (bodů) nad mapovým podkladem. Jednotlivé body jsou rozděleny barvou dle typu položky (akce, místo) a ikonou dle kategorie. V případě, že kategorie nemá ikonu, ikona se nezobrazuje. Tapnutím na ikonu položky se položka zobrazí viz Zobrazení položky. Google Maps Mapa je založena na aplikaci třetí strany (Google Maps či Seznam Mapy). V případě využití Google Maps je možné jejich přebarvení dle grafického návrhu. Skupiny pinů Zobrazení počtu pinů je limitováno výpočetním výkonem přistupujících zařízení a je nutné jej omezit. V případě velkého množství pinů se více pinů na jednom místě spojí do skupiny, která je prezentována ikonou s číslem skrývajícím počet pinů v této skupině. Umístění ikony se řídí přibližným středem vzdáleností všech pinů ve skupině. Po kliknutí na tuto ikonu se zobrazí piny v této skupině, mapa přizpůsobí své zobrazení tak, aby pokryla právě tuto skupinu pinů. Příklad chování: http://www.duplosvet.cz/kde-koupit Počet limitního množství pinů seskupování bude doplněn na základě výkonnostního testu aplikace. Filtrování Nad mapou je možné filtrování v horní části. Filtry jsou jednoduché, přednastavené. Filtr pro kategorie má druhou úroveň pro výběr kategorie. Podobně má druhou úroveň i filtr pro výběr data. Filtry: 8 z 14
Všechny položky (výchozí) De facto žádné filtrování. Moje záložky Zobrazuje pouze položky ze záložek uživatele. V mém plánu Zobrazuje pouze položky z cestovního plánu uživatele. Nejlépe hodnocené Zobrazuje nejlepších 50 položek dle hodnocení uživatelů. Pouze místa Zobrazuje pouze položky typu Místo. Pouze akce Zobrazuje pouze položky typu Akce. Trending Zobrazuje položky (50), které jsou aktuálně nejvíce zobrazované či komentované. Hledej dle kategorie Zobrazuje pouze vybrané kategorie. Kategorie jsou vybírány v druhé úrovni. Je možné vybrat více kategorií. Hledej dle data Zobrazuje pouze akce, které se konají ve vybraném období. Období je vybíráno v druhé úrovni ze seznamu nabídnutých období či ručním zadáním ve formě od-do. Aktuálně vybraný filtr je zobrazen v záhlaví aplikace. V případě kategorií jsou zobrazeny tyto kategorie. V případě výběru více kategorií je zobrazena informace o počtu vybraných kategorií. Podobně se chová i v případě výběru hledání dle data. Vyhledávání Nad mapou je také možné vyhledávání dle klíčových slov. Vyhledávání probíhá on-line pomocí fulltextového vyhledávače. Vyhledávání může být v případě výkonnostních problémů omezeno 9 z 14
pouze na některé parametry. Vyhledávání si pamatuje svůj stav v případě odchodu uživatele z vyhledávání. Vyhledávání je možné resetovat kliknutím na patřičné tlačítko. Výsledky se zobrazují formou seznamu položek. Kliknutím na položku se tato položka zobrazí na mapě viz Zobrazení položky. Zobrazení položky Malý detail Zobrazení položky je konkrétnější náhled na vybranou položku na mapě. Tento malý detail zobrazuje název položky, tlačítko pro vložení mezi Záložky, tlačítko pro vložení do Plánu cesty, ikonu kategorie a odkaz na velký detail. Detail barevně ladí s barvou pinu, barvou typu položky. Tapnutím mimo objekt malého detailu se malý detail zavře. Detail položky Velký detail Detail položky nese kompletní data z detailu položky ve webové verzi (viz dokument CoolCzechGuide - Funkční dokumentace). Také funkce zůstávají stejné. Jiné je pouze rozmístění ovládacích prvků. 10 z 14
Doplňky Jedná se o doplňkové stránky či funkce, které jsou uložené přímo v aplikaci. Jejich změna je možná pouze pomocí vydání nové verze aplikace. O aplikaci Stránka obsahuje informace o aplikaci, stránkách CoolCzechGuide, o provozovateli, o výrobci aplikace atd. Jedná se o statickou stránku kombinující text, obrázky a odkazy. Ze stránky About je možné znovu vyvolat úvodní výukový tutoriál. Odkaz na web Prostý odkaz na webové stránky CoolCzechGuide. Webové stránky se otevírají ve výchozím prohlížeči na daném zařízení. V případě, že je uživatel přihlášený, předává se tato informace i webovým stránkám a uživatel je rovnou přihlášen. 11 z 14
Práce s daty Aplikace využívá hybridní práce s daty. Část dat je načítána on-line z internetu (mapy, události, místa), část dat (profil uživatele, záložky, plán cesty) je ukládána přímo v zařízení uživatele a s webovou stránkou synchronizována v časově ohraničených úsecích typicky po akci uživatele (uložení, smazání, hromadné editaci. Caching V případě on-line načítaných dat je zajištění jejich kešování (caching) do paměti zařízení. Mezi tato data patří seznam událostí, míst a měst včetně detailů k jednotlivým položkám v případě jejich zobrazení. Data jsou v keši uložena do jejich invalidace na straně serveru. Offline Aplikace je funkční i bez připojení k internetu (offline). Cache by měla být dostatečná na užívání aplikce v offline režimu. V offline režimu nemusí být dostupné mapové podklady, obrázky ve vysokém rozlišení, vyhledávání a neprohlížené položky.! 12 z 14
Wireframes 13 z 14
Grafický návrh 14 z 14