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

Podobné dokumenty
Návrh zpravodajské aplikace idnes po Android

[BAL-MLP] Multiplayer

T-Cloud Zakázka. Uživatelská příručka

Uživatelský manuál. Aplikace GraphViewer. Vytvořil: Viktor Dlouhý

SMS Jízdenka Semestrální úloha pro předmět Y39PDA Jan Peca

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

HLEDEJCENY.mobi. Obsah. Mobilní verze e-shopu. Důvody instalace

Popis obsahu a návod k používání mapové aplikace Stav pokrytí NGA v ČR

Správa obsahu webové platformy

JAY Systém TELwork s.r.o. JAY Systém Klient. Uživatelská příručka ( ) JAYSystem Klient - Uživatelská příručka.docx Stránka: 1 / 15

Manuál Redakční systém

Zdokonalování gramotnosti v oblasti ICT. Kurz MS Excel kurz 6. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.

František Hudek. březen ročník. Informační a komunikační technologie OS WINDOWS Hlavní panel

Testování operačního systému Windows Phone 8

Semestrální práce do předmětu Principy tvorby mobilních aplikací

Instalační manuál k aplikaci LARA Dio pro Android

Tvorba kurzu v LMS Moodle

Zadání grafického designu Trh poptávek

Vývoj aplikace Readily (RSS čtečka pro Android) Semestrální projekt předmětu Y39PDA Autor: Michal Cerman

Popis obsahu a návod k používání mapové aplikace Stav pokrytí NGA v ČR

Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. PORTÁL KUDY KAM. Manuál pro administrátory. Verze 1.

Bc. Martin Majer, AiP Beroun s.r.o.

Nástrojová lišta v editačním poli

Návod k použití Verze

Uživatelský manuál aplikace. Dental MAXweb

KAPITOLA 12 - POKROČILÁ PRÁCE S TABULKOVÝM PROCESOREM

Pracovní list č. 14 Microsoft Word 2010 jazykové nástroje, reference I Jazykové nástroje

Bisnode Mobilní aplikace k prověření firmy

Babyware Software pro nastavení a naprogramování ústředen Instalační příručka

Návrh uživatelských rozhraní NOV-WEB. Jakub Bartoš, Pavel Dvořák, Jakub Motyčka, Kamil Procházka

Kompletní manuál programu HiddenSMS Lite

Po prvním spuštění Chrome Vás prohlížeč vyzve, aby jste zadali své přihlašovací údaje do účtu Google. Proč to udělat? Máte několik výhod:

A7B39PDA - Naspoř si svůj sen. Jan Hovorka (hovorja4@fel.cvut.cz)


Uživatelský manuál pro lektora e-learningového portálu MAFIDIS+

Manuál. k aplikaci WD FileAgent

Aplikace GoGEN Smart Center

Modul Ankety verze 1.11 pro redakční systém Marwel 2.8 a 2.7

Microsoft Word - Styly, obsah a další

Manuál k programu KaraokeEditor

PORTÁL KAM NA ŠKOLU VE ZLÍNSKÉM KRAJI (stručný návod pro ředitele a administrátory škol)

MHD v mobilu. Instalace a spuštění. Co to umí

Windows 10 (5. třída)

Pravidla a plánování

PREZENTACE ÚPRAVA POZADÍ SNÍMKU

Semestrální práce - D4. NUR - Návrh uživatelského rozhraní. Aplikace pro seniory a začátečníky

Vzdálené připojení do sítě ČEZ VPN Cisco AnyConnect

Nápověda k systému CCS Carnet Mini. Manuál k aplikaci pro evidenci knihy jízd

GPS Loc. Uživatelský manuál. mobilní aplikace. pro online přístup do systému GPS Loc pomocí mobilní aplikace

Uživatelský manuál. Veroval medi.connect: Jediným kliknutím ovládejte své zdraví. Veroval medi.connect: Jediným kliknutím ovládejte své zdraví.

Testování mobilní navigace NACESTY

Převod na 2. pololetí

Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače

.NET Framework verze Program pro připojení ke vzdálené ploše (RDC) verze

PowerPoint Kurz 1. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/

Uživatelský manuál. Obsah

Nápověda k systému CCS Carnet Mini

Záznamník trasy. Michal Sluštík Y39PDA ČVUT, FEL, Popis aplikace. Specifikace požadavků

Zaměstnanecký portál nastavení a práce v ESO9 PAM

Testování mobilní aplikace Servis24. Semestrální práce z předmětu A7B39TUR Autor: Peter Šourek sourepet@fel.cvut.cz

Návod k ovládání aplikace

A7B39PDA. D3 Design I. Tomáš Poledný

Redakční systém Joomla. Prokop Zelený

Začínáme NSZ-GS7. Síťový multimediální přehrávač. Obsah obrazovek, způsob ovládání a technické parametry se mohou změnit bez předchozího upozornění.

Úvod do systému

České vysoké učení technické v Praze Fakulta elektrotechnická

1 Tabulky Příklad 3 Access 2010

Příručka Vzdělávacího střediska Konero ke kurzu Milan Myšák

Windows 8.1 (5. třída)

Manuál pro mobilní aplikaci Patron-Pro. verze pro operační systém Symbian

Mobilní aplikace Jízdní řády Y39PDA Marek Temnyak

Moje-Projekty.cz Dokumentace k aplikaci

Questionnaire příručka uživatele

ZAMĚSTNANECKÝ PORTÁL nastavení a práce v ESO9 PAM

SBD -Vítkovice. Elektronická hlášení závad

Zpracování chybějících dat a dat mimo rozsah

GPS Loc. Uživatelský manuál. webové rozhraní. pro online přístup do systému GPS Loc přes webové uživatelské rozhraní app.gpsloc.eu

D2 - GUI design. Radek Mečiar

M Ů Ž E T E S E S P O L E H N O U T

Strategie ochrany před negativními dopady povodní a erozními jevy přírodě blízkými opatřeními v České republice

MAPA OBCHODU A SLUŽEB IMPLEMENTOVANÁ DO MOBILNÍHO MAPOVÉHO KLIENTA SPINBOX ÚŘAD MĚSTSKÉ ČÁSTI PRAHA 2, NÁMĚSTÍ MÍRU 600/20, , PRAHA 2

Portál farmáře možnosti využití pro žadatele OP Rybářství

Podrobný postup pro podání Hlášení o změnách přes Portál Farmáře. Programu rozvoje venkova ( )

Reliance 3 design OBSAH

Manuál na pořízení technické změny pomocí webové kalkulačky. Verze 1.2

Lokality a uživatelé

Nejsnazší cesta k půjčení firemního vozu

TMEGadget. by TMESolutions

Moje-Projekty.cz Dokumentace k aplikaci

RSS NÁVOD K POUŽITÍ. Na internetu lze najít spoustu jednoduchých RSS čteček. Níže pár samostatných specializovaných programů:

Informace k přihlášení do aplikace REGIS Obsah

Uživatelské prostřední v nové Kuki 2:0 beta

Návod na práci s redakčním systémem webu VPŠ a SPŠ MV v Praze

Příručka pro studenta

Manuál. Dynafleet Android a iphone App

Multimediální prezentace MS PowerPoint I

Návod na používání aplikace TV DIGITAL OnGuide(EPG)

Postup pro doplnění Žádosti o dotaci přes Portál farmáře v operaci

Transkript:

Mobilní zpravodajská aplikace idnes A7B39PDA - Principy tvorby mobilních aplikací Autor: Marek Krátký kratkma2@fel.cvut.cz

Popis D1 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, pavel.fidrmuc@idnes.cz

Cílová skupina D2 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.

Design I D3 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.