Mobilní zpravodajská aplikace idnes. A7B39PDA - Principy tvorby mobilních aplikací

Mobilní zpravodajská aplikace – iDnes A7B39PDA - Principy tvorby mobilních aplikací

Autor: Marek Krátký

[email protected]

D1 Popis Zpravodajská aplikace iDnes je určena pro chytré telefony nebo pro tablety. Aplikace bude s využitím originálního způsobu ovládání a prezentace dat zobrazovat aktuální zprávy ze zadané sekce. Součástí bude i přednastavení oblíbených sekcí. Data budou k dispozici pomocí API redakčního systému iDnes. 





DESIGN I – elektronický prototyp prezentující ovládání a prezentaci dat – napojení na iDNES není třeba DESIGN II – funkční prototyp na cílovém zařízení – napojení na iDNES API ZADAVATEL – Pavel Fidrmuc, [email protected]

D2 Cílová skupina Aplikace bude primárně určena pro věkovou skupinu 15 – 26 let, tedy pro studenty středních a vysokých škol. I když do této skupiny patří především osoby s dobrou znalostí mobilních aplikací, ovládání tohoto programu by mělo být jednoduché a intuitivní. Aktivity     

Automatické načtení nových zpráv Přístup ke starším článkům Prohlížení jednotlivých zpráv Možnost skrývat již přečtené články Nastavení oblíbených sekcí

Systémové požadavky Aplikace bude uzpůsobena především pro chytré telefony s operačním systémem Android od verze 2.1. Vzhled aplikace se tak přizpůsobí rozlišení 320x480 až po 480x800.     

Automatické načtení nových zpráv – po zapnutí aplikace se automaticky stáhnou nové zprávy z oblíbených kategorií Přístup ke starším článkům – s pomocí menu bude možnost zobrazit i starší zprávy, popřípadě zprávy přečtené Prohlížení jednotlivých zpráv – po kliknutí na titulek zprávy se zobrazí zpráva celá, bez okolních doplňujících věcí, jako je například diskuse, nebo odkazy na jiné zprávy Možnost skrývat již přečtené články – pro přehlednost se již přečtené zprávy skryjí, v nastavení bude možno tuto funkci vypnout Nastavení oblíbených sekcí – po zapnutí aplikace se zobrazí úvodní stránka s oblíbenými sekcemi, které se předem určí v nastavení aplikace

Kontext Aplikace vyžaduje přístup k internetu, pro stažení aktuálních zpráv. Nicméně i bez internetového připojení aplikace zobrazí zprávy stažené již při předchozím připojení. Cílem aplikace je vytvořit přehledný a uživatelsky příjemný seznam zkrácených zpráv, na které lze kliknout a tak je zobrazit.

D3 Design I V designu I jsem měl za úkol zaměřit se na způsob ovládání elektronického prototypu a na prezentaci dat. Na trhu je obrovské množství aplikací zprostředkovávající různé zpravodajské informace s různými způsoby prezentace dat. Po jejich prozkoumání jsem se rozhodl zaměřit se především na jednoduchost a na přehlednost aplikace, což u většiny z nich chybí. Jelikož aplikace je již ve stádiu vývoje, budu zde prezentovat screenshoty přímo z aplikace. Aplikace je navržena pro systém Android a screenshoty jsou pořízeny z verze Android 2.3.3. Způsob ovládání a prezentace dat

Abychom si mohli přečíst nejnovější články ze zpravodajského portálu iDnes musíme si nainstalovat potřebnou aplikaci. Poté si ji najdeme v menu a spustíme.

Po spuštění aplikace se jako úvodní obrazovka zobrazí přehled všech nepřečtených zpráv, které se stáhly při minulém použití. Pokud ještě nemáme nastavené své oblíbené okruhy zpráv, zobrazí se přehled uspořádaný podle nejzajímavějších zpráv, určených portálem iDnes.

Každá položka seznamu zpráv obsahuje malý obrázek umístěný nalevo, dále nadpis zprávy, který může být maximálně dva řádky dlouhý. Pokud má nadpis více než 80 písmen, zobrazí se pouze prvních 77 a doplní se třemi tečkami. Poslední řádek znázorňuje datum, kdy byla zpráva vydána.

Na této úvodní stránce můžeme vyvolat menu. První možností v menu je Nastavení. Tato položka je nejdůležitější a slouží k obecnému nastavení chování aplikace. Popis jednotlivých možnosti vysvětlím později. Další položka jsou Záložky. Zde se objeví všechny zprávy, které jsme se rozhodli založit. Pokud neexistuje žádná záložka, po kliku na tohle menu se zobrazí okno s upozorněním. Položka Obnovit je důležitá ke stažení aktuálních článků z API iDnes. Nebude nutné ji používat, pokud v menu bude nastaveno automatické stahování nových zpráv. Poslední položka O aplikaci pouze zobrazí dialogové okno s informacemi o aplikaci a jejím tvůrci.

Na těchto dvou screenshotech můžete vidět, jak bude vypadat přehled jednotlivých zpráv. Nejprve je část obrazovky věnována nadpisu zprávy, který se zobrazí celý, ať je jakkoli dlouhý. Pod nadpisem se opět objevuje datum a čas, kdy byla zpráva vytvořena. Poté už následuje tělo zprávy. Pokud je zpráva delší, než je velikost obrazovky, objeví se scrollbar. Pokud jsme právě na stránce zobrazující celou zprávu, můžeme vyvolat menu. Toto menu má pouze jednu položku a to Přidat do záložek. Pokud klikneme na tuto položku, zpráva se přidá do seznamu záložek a objeví se upozorňující okno, které oznámí, že zpráva byla přidána do záložek. Zprávy takto přidané do záložek se následně zobrazí v přehledu, který lze zobrazit pomocí menu na úvodní stránce.

Položka menu Nastavení Položka Nastavení ještě není kompletně vytvořená, a tak zde uvedu její detailní popis, který nebude doložen obrázkem. Nastavení bude obsahovat všechny tyto možnosti: 

Oblíbené sekce – nastavení oblíbených sekcí je asi nejdůležitější bod v nastavení. Uživatel si sám nastaví, které sekce rád sleduje, a stahované zprávy budou pouze z těchto sekcí. Pokud sleduje pouze Ekonomiku a Sport, zaškrtne si tyto dva okruhy a zprávy například ze zahraničí neuvidí. Kromě konkrétních sekcí, jako jsou právě Ekonomika, Sport, Z domova, Ze zahraničí atd. zde bude také všeobecná sekce nejdůležitějších zpráv ze všech sekcí dohromady. Tato možnost bude zaškrtlá defaultně při prvním spuštěním aplikace.



Automatické stahování obsahu – uživatel si bude moci nastavit, jestli po spuštění aplikace se mají automaticky stahovat nové zprávy. Pokud nebude nastaveno automatické stahování zpráv, bude muset uživatel vždy, když bude chtít aktualizovat svůj seznam zpráv kliknout v menu na položku Obnovit.



Skrývání již přečtených článků – zde půjde o výběr ze dvou různých možností. První možnost je úplně skrýt všechny zprávy, které jsou již přečtené (tato volba je dobrá pokud se ke zprávám po přečtení již nechceme vracet a pouze by nám překážely). Druhá možnost je zprávy pouze označit jako přečtené a ponechat na svém místě (tato volba je lepší pro případ, že se ke zprávám vracíme i po přečtení).



Stahování obrázků – zde půjde nastavit vypnutí stahování obrázků ke zprávám. Tato možnost se hodí, pokud uživatel chce ušetřit datové pakety. Pokud uživatel nebydlí v místě se 3G sítí a již přečerpal FUP, zajisté to ocení.

Testování aplikace Testování aplikace probíhalo na virtuálním stroji s operačním systémem Android 2.3.3 a na virtuálním stroji se starším systémem Android 2.1. Aplikace se chovala v obou případech stejně. Snažili jsme se nalézt chyby ve funkcionalitě, popřípadě chybějící důležité funkce. Testeři  

já (student FEL ČVUT) Lukáš (student FEL ČVUT)

Výsledky testování 



Mé připomínky o Po spuštění aplikace nezobrazit rovnou přehled zpráv, ale vložit zde ještě nějaký mezikrok. Na základě výběru v mezikroku by se teprve objevila obrazovka přehledu zpráv, popřípadě něčeho jiného. o Nikde není znázorněno, jestli po kliknutí v menu na položku Obnovit se opravdu začalo něco stahovat. Lukášovi připomínky o Pokud nemám například Sport v oblíbených sekcích, pro přečtení zpráv z této sekce musím v Nastavení upravit zobrazování mých oblíbených položek a po přečtení opět nastavit zpět. o Obrázek k jednotlivým zprávám je pouze v přehledu všech článků. Po rozkliknutí zprávy nikde obrázky nejsou.

Shrnutí Systém reaguje pěkně a rychle, nevznikla žádná systémová chyba. Zatím stále chybí mnoho věcí doimplementovat a propojit s API iDnes. Doporučení pro D4 o o o

Přidat položku v menu, která bude sloužit pro občasné nahlédnutí do zpráv z jiné sekce, než máme nastavené v oblíbených. Zlepšit aplikaci po grafické stránce, přidat obrázky k položkám v menu a celkově zúhlednit. Zamyslet se nad úvodní obrazovkou, jestli by nebyl vhodný mezikrok.

D4 Design II V designu II jsem měl za úkol vytvořit funkční prototyp, propojený s API portálu iDnes. Opravit chyby z designu I a doimplementovat zbylé funkcionality. Způsob ovládání aplikace a prezentace dat zůstali až na pár drobností stejné. Znovu jsem se zamyslel nad použitelností funkcí navržených v D2 a D3 a i zde jsem provedl menší změny, které budu prezentovat dále. I po provedených změnách zůstala aplikace poměrně jednoduchá s možností vlastního nastavení. Na následujících stránkách budu prezentovat screenshoty pořízené z aplikace nainstalované na mém osobním mobilu Samsung Galaxy S s operačním systémem Android verze 2.3.4. Dokumentace výsledné aplikace

Po nainstalování aplikace iDnes a jejím spuštění se objeví přehled zpráv. Tyto zprávy jsou vypsány pod sebou, vždy titulek zprávy a datum a čas jejího vzniku. Zprávy jsou vypsány z rubriky která je nastavena v nastavení aplikace.

Vzhledově se oproti prototypu změnily pouze obrázky, ty jsou nyní o trochu větší a možnost zašednutí již přečtených zpráv.

Aplikace si pamatuje všechny články z minulého použití aplikace, a proto zde můžete vidět i články již přečtené v minulosti (jsou zašedlé).

Na stránce s přehledem zpráv je možné vyvolat kontextové menu. Tato možnost nebyla v designu I ještě implementována, tak se s ní seznámíme blíže.

Pokud tedy ono menu vyvoláme, nabídne nám aplikace na výběr ze čtyř možností.

První možnost je Nastavení, druhá možnost Jiná sekce slouží ke změně sekce, ze které se zobrazí články. Jako třetí je zde funkce Obnovit, která stáhne z internetu nejnovější články z dané sekce. Tyto nově stáhnuté články se uloží do paměti telefonu a jsou později přístupné i bez internetového připojení. Jako poslední položka je možnost zobrazení informací o autorovi.

Nejdříve si rozebereme druhou položku v menu Jiná sekce. Po kliknutí na Jiná sekce se zobrazí submenu, znázorňující různé okruhy zaměření zpráv, které nabízí portál iDnes.

Pokud si například uživatel vybere sekci Sport, menu zmizí a na hlavní straně se zobrazí pouze zprávy ze sportu.

Mimo klasické okruhy nabízené API iDnes, je zde speciální položka Vybrané sekce. Ta znázorňuje zprávy z více okruhů zároveň. Tyto okruhy je možné určit v nastavení aplikace (viz následující část).

Nastavení zahrnuje tři části. Jsou to nastavení Vlastní sekce, Přečtené zprávy a Automatické stahování. Po zapnutí aplikace se nastavení načte z konfiguračního souboru aplikace. Pokud takový soubor neexistuje, aplikace ho vytvoří a předvyplní defaultními hodnotami. Při každé změně nastavení se změní i konfigurační soubor, aby při příštím použití uživatel nemusel aplikaci opět nastavovat. Popis částí: 





Vlastní sekce – nastavení vlastních sekcí je nejdůležitější bod v nastavení. Uživatel si sám nastaví, které sekce rád sleduje, a stahované zprávy budou pouze z těchto sekcí. Pokud sleduje pouze Ekonomiku a Sport, zaškrtne si tyto dva okruhy a zprávy například z kultury neuvidí. Sekce Zprávy je výběr nejzajímavějších článků ze všech oborů. Tyto články vybírá přímo portál iDnes. Tato možnost je zaškrtlá defaultně při prvním spuštěním aplikace. Přečtené zprávy – zde si uživatel nastaví, jak má aplikace zacházet s již přečtenými články. Možnost Beze změny zobrazí přečtený článek stejně jako nepřečtený, možnost Zešednout obarví titulek přečteného článku šedou barvou a poslední možnost Nezobrazovat články po přečtení skryje. Zde je defaultně nastaveno Zešednout. Automatické stahování – uživatel má možnost nastavit, jestli chce automaticky při spuštění aplikace stáhnout nové články nebo ne. Pokud je tak nastaveno, aplikace začne automaticky stahovat články i při změně sekce.

Způsob zobrazení konkrétního článku se příliš nezměnil, princip je tedy stejný jako v D3. Zobrazovaný text se formátuje pomocí HTML tagů, které poskytuje API iDnes.

Jedinou výjimkou je odstranění kontextového menu, ve kterém se v designu I nacházela pouze položka Přidat do záložek. Záložky byly úplně zrušeny z důvodu malé použitelnosti.

Testování aplikace Testování aplikace probíhalo na mobilním telefonu Samsung Galaxy S s operačním systémem Android 2.3.4, na mobilním telefonu Samsung Galaxy S II s operačním systémem Android 2.3.3 a na virtuálním stroji se systémem Android 2.3.3. Aplikace se chovala ve všech případech stejně, ale po smazání a znovuvytvoření virtuálního stroje, nechtěl stroj ukládat soubory na svou virtuální kartu. Z tohoto důvodu testy proběhly především na mobilních zařízeních, bez možnosti odzkoušení na nižší verzi Androidu. Úloha testerů Heuristické ohodnocení    

Nainstalování a spuštění aplikace Ohodnocení způsobu návrhu aplikace Ohodnocení funkcionality Hledání chyb

Uživatelské ohodnocení  

Otestování funkcí aplikace Ohodnocení přehlednosti a jednoduchosti aplikace

Testeři Heuristické ohodnocení  

Lukáš (FEL ČVUT) Tomáš (FEL ČVUT)

Uživatelské ohodnocení  

Martina (VŠE) Martin (rok po škole)

Výsledky testování Heuristické ohodnocení 



Lukáš o Instalace i spuštění aplikace proběhlo v pořádku. o Umožnění nastavení aplikace tohoto typu, tedy čtečky zpráv, je nezvyklé, ale v tomhle případě přínosné. Nastavení vlastních sekcí článků je použitelné i v praxi. Když tedy aplikace obsahuje nastavení, mohlo zde být více možností, jako je například nastavení velikosti písma. Tomáš o S instalací nebyly žádné problémy

o

o o

Aplikace upoutala především díky menu nastavení, možnost skrytí již přečtených zpráv se může hodit, pokud člověk používá aplikaci denně a nechce mít v přehledu dlouhý seznam zpráv, které už jsou přečtené. Aplikace příliš nepřekvapila po grafické stránce, ale alespoň je to přehledné. Žádné chyby nebyly nalezeny.

Uživatelské ohodnocení 



Martina o Aplikace je opravdu jednoduchá, a tak i začátečník si na ni rychle zvykne. Ani nastavení není složité. o Chyběly zde některé sekce, které iDnes nabízí, ale to je asi z důvodu pouhého prototypu a v konečné aplikaci by určitě nechyběly. Martin o Oceňuji především jednoduchost aplikace, ta by se dala ovládat například i během chůze. o Uvítal bych obrázky i ve jednotlivých zprávách.

Shrnutí Systém reaguje svižně, během testování nevznikla žádná systémová chyba. Testeři měli konstruktivní nápady a myšlenky, takže určitě je do budoucna co vylepšovat. Doporučení pro finální verzi aplikace   

Rozšířit nastavení o funkci velikost písma, nebo přidat funkci zvětšení písma pomocí vícedotykového ovládání na obrazovce s článkem. Zlepšení grafického zpracování aplikace. Doimplementování ostatních sekcí nabízených V API iDnes.