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

Transkript

1 Mbilní zpravdajská aplikace idnes A7B39PDA - Principy tvrby mbilních aplikací Autr: Marek Krátký kratkma2@fel.cvut.cz

2 Ppis D1 Zpravdajská aplikace idnes je určena pr chytré telefny neb pr tablety. Aplikace bude s využitím riginálníh způsbu vládání a prezentace dat zbrazvat aktuální zprávy ze zadané sekce. Sučástí bude i přednastavení blíbených sekcí. Data budu k dispzici pmcí API redakčníh systému idnes. DESIGN I elektrnický prttyp prezentující vládání a prezentaci dat napjení na idnes není třeba DESIGN II funkční prttyp na cílvém zařízení napjení na idnes API ZADAVATEL Pavel Fidrmuc, pavel.fidrmuc@idnes.cz

3 Cílvá skupina D2 Aplikace bude primárně určena pr věkvu skupinu let, tedy pr studenty středních a vyských škl. I když d tét skupiny patří především sby s dbru znalstí mbilních aplikací, vládání tht prgramu by měl být jednduché a intuitivní. Aktivity Autmatické načtení nvých zpráv Přístup ke starším článkům Prhlížení jedntlivých zpráv Mžnst skrývat již přečtené články Nastavení blíbených sekcí Systémvé pžadavky Aplikace bude uzpůsbena především pr chytré telefny s peračním systémem Andrid d verze 2.1. Vzhled aplikace se tak přizpůsbí rzlišení 320x480 až p 480x800. Autmatické načtení nvých zpráv p zapnutí aplikace se autmaticky stáhnu nvé zprávy z blíbených kategrií Přístup ke starším článkům s pmcí menu bude mžnst zbrazit i starší zprávy, ppřípadě zprávy přečtené Prhlížení jedntlivých zpráv p kliknutí na titulek zprávy se zbrazí zpráva celá, bez klních dplňujících věcí, jak je například diskuse, neb dkazy na jiné zprávy Mžnst skrývat již přečtené články pr přehlednst se již přečtené zprávy skryjí, v nastavení bude mžn tut funkci vypnut Nastavení blíbených sekcí p zapnutí aplikace se zbrazí úvdní stránka s blíbenými sekcemi, které se předem určí v nastavení aplikace Kntext Aplikace vyžaduje přístup k internetu, pr stažení aktuálních zpráv. Nicméně i bez internetvéh připjení aplikace zbrazí zprávy stažené již při předchzím připjení. Cílem aplikace je vytvřit přehledný a uživatelsky příjemný seznam zkrácených zpráv, na které lze kliknut a tak je zbrazit.

4 Design I D3 V designu I jsem měl za úkl zaměřit se na způsb vládání elektrnickéh prttypu a na prezentaci dat. Na trhu je brvské mnžství aplikací zprstředkvávající různé zpravdajské infrmace s různými způsby prezentace dat. P jejich przkumání jsem se rzhdl zaměřit se především na jednduchst a na přehlednst aplikace, cž u většiny z nich chybí. Jelikž aplikace je již ve stádiu vývje, budu zde prezentvat screenshty přím z aplikace. Aplikace je navržena pr systém Andrid a screenshty jsu přízeny z verze Andrid Způsb vládání a prezentace dat Abychm si mhli přečíst nejnvější články ze zpravdajskéh prtálu idnes musíme si nainstalvat ptřebnu aplikaci. Pté si ji najdeme v menu a spustíme.

5 P spuštění aplikace se jak úvdní brazvka zbrazí přehled všech nepřečtených zpráv, které se stáhly při minulém pužití. Pkud ještě nemáme nastavené své blíbené kruhy zpráv, zbrazí se přehled uspřádaný pdle nejzajímavějších zpráv, určených prtálem idnes. Každá plžka seznamu zpráv bsahuje malý brázek umístěný nalev, dále nadpis zprávy, který může být maximálně dva řádky dluhý. Pkud má nadpis více než 80 písmen, zbrazí se puze prvních 77 a dplní se třemi tečkami. Pslední řádek znázrňuje datum, kdy byla zpráva vydána. Na tét úvdní stránce můžeme vyvlat menu. První mžnstí v menu je Nastavení. Tat plžka je nejdůležitější a služí k becnému nastavení chvání aplikace. Ppis jedntlivých mžnsti vysvětlím pzději. Další plžka jsu Zálžky. Zde se bjeví všechny zprávy, které jsme se rzhdli zalžit. Pkud neexistuje žádná zálžka, p kliku na thle menu se zbrazí kn s upzrněním. Plžka Obnvit je důležitá ke stažení aktuálních článků z API idnes. Nebude nutné ji pužívat, pkud v menu bude nastaven autmatické stahvání nvých zpráv. Pslední plžka O aplikaci puze zbrazí dialgvé kn s infrmacemi aplikaci a jejím tvůrci.

6 Na těcht dvu screenshtech můžete vidět, jak bude vypadat přehled jedntlivých zpráv. Nejprve je část brazvky věnvána nadpisu zprávy, který se zbrazí celý, ať je jakkli dluhý. Pd nadpisem se pět bjevuje datum a čas, kdy byla zpráva vytvřena. Pté už následuje těl zprávy. Pkud je zpráva delší, než je velikst brazvky, bjeví se scrllbar. Pkud jsme právě na stránce zbrazující celu zprávu, můžeme vyvlat menu. Tt menu má puze jednu plžku a t Přidat d zálžek. Pkud klikneme na tut plžku, zpráva se přidá d seznamu zálžek a bjeví se upzrňující kn, které známí, že zpráva byla přidána d zálžek. Zprávy takt přidané d zálžek se následně zbrazí v přehledu, který lze zbrazit pmcí menu na úvdní stránce.

7 Plžka menu Nastavení Plžka Nastavení ještě není kmpletně vytvřená, a tak zde uvedu její detailní ppis, který nebude dlžen brázkem. Nastavení bude bsahvat všechny tyt mžnsti: Oblíbené sekce nastavení blíbených sekcí je asi nejdůležitější bd v nastavení. Uživatel si sám nastaví, které sekce rád sleduje, a stahvané zprávy budu puze z těcht sekcí. Pkud sleduje puze Eknmiku a Sprt, zaškrtne si tyt dva kruhy a zprávy například ze zahraničí neuvidí. Krmě knkrétních sekcí, jak jsu právě Eknmika, Sprt, Z dmva, Ze zahraničí atd. zde bude také všebecná sekce nejdůležitějších zpráv ze všech sekcí dhrmady. Tat mžnst bude zaškrtlá defaultně při prvním spuštěním aplikace. Autmatické stahvání bsahu uživatel si bude mci nastavit, jestli p spuštění aplikace se mají autmaticky stahvat nvé zprávy. Pkud nebude nastaven autmatické stahvání zpráv, bude muset uživatel vždy, když bude chtít aktualizvat svůj seznam zpráv kliknut v menu na plžku Obnvit. Skrývání již přečtených článků zde půjde výběr ze dvu různých mžnstí. První mžnst je úplně skrýt všechny zprávy, které jsu již přečtené (tat vlba je dbrá pkud se ke zprávám p přečtení již nechceme vracet a puze by nám překážely). Druhá mžnst je zprávy puze značit jak přečtené a pnechat na svém místě (tat vlba je lepší pr případ, že se ke zprávám vracíme i p přečtení). Stahvání brázků zde půjde nastavit vypnutí stahvání brázků ke zprávám. Tat mžnst se hdí, pkud uživatel chce ušetřit datvé pakety. Pkud uživatel nebydlí v místě se 3G sítí a již přečerpal FUP, zajisté t cení.

8 Testvání aplikace Testvání aplikace prbíhal na virtuálním strji s peračním systémem Andrid a na virtuálním strji se starším systémem Andrid 2.1. Aplikace se chvala v bu případech stejně. Snažili jsme se nalézt chyby ve funkcinalitě, ppřípadě chybějící důležité funkce. Testeři já (student FEL ČVUT) Lukáš (student FEL ČVUT) Výsledky testvání Mé připmínky P spuštění aplikace nezbrazit rvnu přehled zpráv, ale vlžit zde ještě nějaký mezikrk. Na základě výběru v mezikrku by se teprve bjevila brazvka přehledu zpráv, ppřípadě něčeh jinéh. Nikde není znázrněn, jestli p kliknutí v menu na plžku Obnvit se pravdu začal něc stahvat. Lukášvi připmínky Pkud nemám například Sprt v blíbených sekcích, pr přečtení zpráv z tét sekce musím v Nastavení upravit zbrazvání mých blíbených plžek a p přečtení pět nastavit zpět. Obrázek k jedntlivým zprávám je puze v přehledu všech článků. P rzkliknutí zprávy nikde brázky nejsu. Shrnutí Systém reaguje pěkně a rychle, nevznikla žádná systémvá chyba. Zatím stále chybí mnh věcí dimplementvat a prpjit s API idnes. Dpručení pr D4 Přidat plžku v menu, která bude služit pr bčasné nahlédnutí d zpráv z jiné sekce, než máme nastavené v blíbených. Zlepšit aplikaci p grafické stránce, přidat brázky k plžkám v menu a celkvě zúhlednit. Zamyslet se nad úvdní brazvku, jestli by nebyl vhdný mezikrk.

9 Design II D4 V designu II jsem měl za úkl vytvřit funkční prttyp, prpjený s API prtálu idnes. Opravit chyby z designu I a dimplementvat zbylé funkcinality. Způsb vládání aplikace a prezentace dat zůstali až na pár drbnstí stejné. Znvu jsem se zamyslel nad pužitelnstí funkcí navržených v D2 a D3 a i zde jsem prvedl menší změny, které budu prezentvat dále. I p prvedených změnách zůstala aplikace pměrně jednduchá s mžnstí vlastníh nastavení. Na následujících stránkách budu prezentvat screenshty přízené z aplikace nainstalvané na mém sbním mbilu Samsung Galaxy S s peračním systémem Andrid verze Dkumentace výsledné aplikace P nainstalvání aplikace idnes a jejím spuštění se bjeví přehled zpráv. Tyt zprávy jsu vypsány pd sebu, vždy titulek zprávy a datum a čas jejíh vzniku. Zprávy jsu vypsány z rubriky která je nastavena v nastavení aplikace. Vzhledvě se prti prttypu změnily puze brázky, ty jsu nyní trchu větší a mžnst zašednutí již přečtených zpráv. Aplikace si pamatuje všechny články z minuléh pužití aplikace, a prt zde můžete vidět i články již přečtené v minulsti (jsu zašedlé).

10 Na stránce s přehledem zpráv je mžné vyvlat kntextvé menu. Tat mžnst nebyla v designu I ještě implementvána, tak se s ní seznámíme blíže. Pkud tedy n menu vyvláme, nabídne nám aplikace na výběr ze čtyř mžnstí. První mžnst je Nastavení, druhá mžnst Jiná sekce služí ke změně sekce, ze které se zbrazí články. Jak třetí je zde funkce Obnvit, která stáhne z internetu nejnvější články z dané sekce. Tyt nvě stáhnuté články se ulží d paměti telefnu a jsu pzději přístupné i bez internetvéh připjení. Jak pslední plžka je mžnst zbrazení infrmací autrvi. Nejdříve si rzebereme druhu plžku v menu Jiná sekce. P kliknutí na Jiná sekce se zbrazí submenu, znázrňující různé kruhy zaměření zpráv, které nabízí prtál idnes. Pkud si například uživatel vybere sekci Sprt, menu zmizí a na hlavní straně se zbrazí puze zprávy ze sprtu. Mim klasické kruhy nabízené API idnes, je zde speciální plžka Vybrané sekce. Ta znázrňuje zprávy z více kruhů zárveň. Tyt kruhy je mžné určit v nastavení aplikace (viz následující část).

11 Nastavení zahrnuje tři části. Jsu t nastavení Vlastní sekce, Přečtené zprávy a Autmatické stahvání. P zapnutí aplikace se nastavení načte z knfiguračníh subru aplikace. Pkud takvý subr neexistuje, aplikace h vytvří a předvyplní defaultními hdntami. Při každé změně nastavení se změní i knfigurační subr, aby při příštím pužití uživatel nemusel aplikaci pět nastavvat. Ppis částí: Vlastní sekce nastavení vlastních sekcí je nejdůležitější bd v nastavení. Uživatel si sám nastaví, které sekce rád sleduje, a stahvané zprávy budu puze z těcht sekcí. Pkud sleduje puze Eknmiku a Sprt, zaškrtne si tyt dva kruhy a zprávy například z kultury neuvidí. Sekce Zprávy je výběr nejzajímavějších článků ze všech brů. Tyt články vybírá přím prtál idnes. Tat mžnst 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. Mžnst Beze změny zbrazí přečtený článek stejně jak nepřečtený, mžnst Zešednut barví titulek přečtenéh článku šedu barvu a pslední mžnst Nezbrazvat články p přečtení skryje. Zde je defaultně nastaven Zešednut. Autmatické stahvání uživatel má mžnst nastavit, jestli chce autmaticky při spuštění aplikace stáhnut nvé články neb ne. Pkud je tak nastaven, aplikace začne autmaticky stahvat články i při změně sekce.

12 Způsb zbrazení knkrétníh článku se příliš nezměnil, princip je tedy stejný jak v D3. Zbrazvaný text se frmátuje pmcí HTML tagů, které pskytuje API idnes. Jedinu výjimku je dstranění kntextvéh menu, ve kterém se v designu I nacházela puze plžka Přidat d zálžek. Zálžky byly úplně zrušeny z důvdu malé pužitelnsti.

13 Testvání aplikace Testvání aplikace prbíhal na mbilním telefnu Samsung Galaxy S s peračním systémem Andrid 2.3.4, na mbilním telefnu Samsung Galaxy S II s peračním systémem Andrid a na virtuálním strji se systémem Andrid Aplikace se chvala ve všech případech stejně, ale p smazání a znvuvytvření virtuálníh strje, nechtěl strj ukládat subry na svu virtuální kartu. Z tht důvdu testy prběhly především na mbilních zařízeních, bez mžnsti dzkušení na nižší verzi Andridu. Úlha testerů Heuristické hdncení Nainstalvání a spuštění aplikace Ohdncení způsbu návrhu aplikace Ohdncení funkcinality Hledání chyb Uživatelské hdncení Otestvání funkcí aplikace Ohdncení přehlednsti a jednduchsti aplikace Testeři Heuristické hdncení Lukáš (FEL ČVUT) Tmáš (FEL ČVUT) Uživatelské hdncení Martina (VŠE) Martin (rk p škle) Výsledky testvání Heuristické hdncení Lukáš Tmáš Instalace i spuštění aplikace prběhl v přádku. Umžnění nastavení aplikace tht typu, tedy čtečky zpráv, je nezvyklé, ale v tmhle případě přínsné. Nastavení vlastních sekcí článků je pužitelné i v praxi. Když tedy aplikace bsahuje nastavení, mhl zde být více mžnstí, jak je například nastavení veliksti písma. S instalací nebyly žádné prblémy

14 Aplikace uputala především díky menu nastavení, mžnst skrytí již přečtených zpráv se může hdit, pkud člvěk pužívá aplikaci denně a nechce mít v přehledu dluhý seznam zpráv, které už jsu přečtené. Aplikace příliš nepřekvapila p grafické stránce, ale alespň je t přehledné. Žádné chyby nebyly nalezeny. Uživatelské hdncení Martina Aplikace je pravdu jednduchá, a tak i začátečník si na ni rychle zvykne. Ani nastavení není slžité. Chyběly zde některé sekce, které idnes nabízí, ale t je asi z důvdu puhéh prttypu a v knečné aplikaci by určitě nechyběly. Martin Oceňuji především jednduchst aplikace, ta by se dala vládat například i během chůze. Uvítal bych brázky i ve jedntlivých zprávách. Shrnutí Systém reaguje svižně, během testvání nevznikla žádná systémvá chyba. Testeři měli knstruktivní nápady a myšlenky, takže určitě je d buducna c vylepšvat. Dpručení pr finální verzi aplikace Rzšířit nastavení funkci velikst písma, neb přidat funkci zvětšení písma pmcí vícedtykvéh vládání na brazvce s článkem. Zlepšení grafickéh zpracvání aplikace. Dimplementvání statních sekcí nabízených V API idnes.