ANALÝZA DESIGNU Využití vlastního prvku pro časovou osu videa. o Lze přibližovat a oddalovat za pomocí dvou prstů. Aneb na obrazovce může zobrazovat

Transkript

1 ANALÝZA DESIGNU Využití vlastního prvku pro časovou osu videa. o Lze přibližovat a oddalovat za pomocí dvou prstů. Aneb na obrazovce může zobrazovat celé video či jen krátký úsek z něho. Využití vlastního prvku pro časové značení anotace v timeline. o Pouhý obdélník na přímce, ale musí se posouvat s naší časovou osou+ se s ní musí upravovat podle jejího přiblížení a oddálení. Z základních prvků androidu budou zcela určitě využity: o Fyzická tlačítka. (Zvuk,tlačítko zpět) o Tlačítka. o Layouty (Grid a podobné) o Popup nabídky (Při podržení prstu vyskočí nabídka) o Form prvky (on/off switch, label, textbox, textarea, radio button)

2 IVE-ANT D2 DRAFT Michal Kašpar Úvodní obrazovka Logo aplikace + dvě možnosti v menu s využitím Buttons Otevřít video otevře seznam doposud neanotovaných videí v zařízení Moje videa seznam již anotovaných videí Nalezená videa Seznam nalezených videí v zařízení podle předchozí volby buď jíž anotovaných, nebo ne

3 Generic grids s využitím Index scrolling pro orientaci mezi videi. Video připraveno k přehrání Po dotyku v oblasti symbolu play dojde k přehrání videa Při přehrávání videa využit pattern FullScreen.

4 Video při přehrávání Symbol červené čáry zobrazuje současné místo v přehrávání, na časové ose lze sledovat barevně odlišené anotace. Pro časovou osu zvažujeme využít nějakou úpravu již existující Progress Baru (Pokud lze). Přidání anotace Přidání anotace v případě, že nebyla zahájena žádná dlouhodobá anotace a doposud ukončena. Opět využití Buttons. Okamžitá anotace přesun na obrazovku Okamžitá anotace

5 Začátek anotace zahájí dlouhodobou anotaci a přesun na obrazovku Video připraveno k přehrání Okamžitá anotace Vytvoření okamžité anotace s textovým popisem pomocí Text Fields a Buttons.

6 Okamžitá anotace vytvořena Záznam vytvořené anotace v podobě zelené čáry na ose videa

7 Dlouhodobá anotace zahájena Záznam vytvořené anotace v podobě modré čáry na ose videa Přidání anotace Přidání anotace v případě, že byla zahájena dlouhodobá anotace a doposud neukončena. Okamžitá anotace přesun na obrazovku Okamžitá anotace Konec anotace přesun na obrazovku Dlouhodobá anotace

8 Dlouhodobá anotace ukončena Záznam konce vytvořené anotace na ose videa Dlouhodobá anotace Ukončení dlouhodobé anotace s textovým popisem

9 Podrobnosti Obrazovka obsahuje grafické rozložení anotací v průběhu videa. Využívá jak Vertical Scrolling, tak Horizontal Scrolling. Při dotyku na místo ve vybrané anotaci dojde k zobrazení času a přesune video do příslušného okamžiku.

10 Přehrávání již anotovaných videí Následující obrazovky jsou vyvolány při otevření videa z kategorie Moje videa a jeho následného přehrávání. Upozorňují na místa začátku konce okamžiku anotace. Při tomto režimu přehrávání lze samozřejmě nadále anotace přidávat.

11

12 NALEZENÉ PROBLÉMY PO TESTOVÁNÍ S UŽIVATELEM 1. V úvodní obrazovce nejsou dobře zvolené názvy tlačítek, uživatel nebyl schopen rozpoznat rozdíl mezi nimi. Řešení: Úplně vynechat tlačítka. Ponechat úvodní obrazovku pouze pro logo a po dotyku zobrazit v Generic grid anotované i neanotované videa pospolu, rozdíl naznačit např. znakem v rohu ikony videa. 2. Málo podrobná obrazovka podrobnosti. Úplné opomenutí editace anotací. Řešení: Přidat do podrobností pod video časovou osu, při dotyku možnost přidání anotace do příslušného bodu. Při podržení dané anotace zobrazit možnost smazat/změnit anotaci.

13 IVE-ANT D2 DRAFT Jiří Fryč

14 Subnabídky hlavního menu Nabídka serverů pro import/export anotací.

15 Nabídka po kliknutí na server.

16 Menu projektu

17 Přehrávání videa

18 Nabídka po podržení prstu na obrazovce.

19 Timeline Timeline anotací u videa pro snadnější spravování anotací.

20 Přidání anotace Tyto obrazovky jsou jedna scrolovací.

21 TESTOVÁNÍ S UŽIVATELEM. Problémy vyřčené uživatelem (Karolína P.): Pozadí menu. Anotace by bylo lepší umisťovat dynamicky na plochu videa. Obarvení anotačního textu. "Nudný vzhled" Příliš mnoho nabídek. Podržení nahradit dvojklikem kvůli rychlosti.