1. Deliverable D4 1.1. Vytvoření prototypu Hi-Fi Prototyp byl vytvořen v prostředí Android ADT – Google Android Developer Tools. Kód je psaný v jazyce Java. Soubory jsou rozděleny a pojmenovány následujícím způsobem: • • •
•
Resource – uloženy v adresáři „res“. Soubory jsou ve formátu XML. Jsou zde uloženy definice obrazovek a pohledů, soubory se všemi texty, které se používají v aplikaci Třídy, které zapouzdřují data, mají příponu Model. Jedná se o třídu RoomModel a ContactModel Základní třídy zobrazující aktivitu mají příponu Activity. Tyto třídy zajišťují základní zobrazení prvků na mobilním telefonu. Aplikace využívá tři aktivity – RoomActivity, LoginActivity a MainActivity Třída PersistentData zajišťuje obsluhu persistentních dat. Zde se ukládá například poslední zobrazovaná obrazovka nebo aktuálně přihlášený uživatel.
Dokumentace pro vývojáře je generovaná pomocí JavaDoc a je přiložena v samostatném souboru. Zdrojové kódy jsou také uloženy v samostatném ZIP souboru.
1.1.1. Popis aplikace Po spuštění aplikace je uživateli zobrazen přihlašovací dialog. Po úspěšném přihlášení se zobrazí seznam videokonferenčních místností. Každá místnost má právě jedno videokonferenční zařízení. Seznam místností, uživatelských účtů a potřebné další údaje k ovládání videokonferenčních zařízení jsou uloženy na serveru v SQL databázi.
Obrázek 1 - Přihlášení - vodorovně
Obrázek 2 - Přihlášení
Obrázek 3 - Výběr místnosti - vodorovně
Obrázek 4 - Výběr místnosti
Po úspěšném přihlášení se zobrazí hlavní obrazovka. Na ní je zobrazeno hlavní menu s možností vybrat jednu z pěti vlastností. V prostřední části se zobrazují informace o konferenční místnosti.
Obrázek 5 - Hlavní menu - vodorovně
Obrázek 6 - Hlavní menu
V pohledu „Dial“ může uživatel zadat telefonní číslo nebo emailovou adresu a sestavit videokonferenci. Ve stejném pohledu lze konferenci i ukončit/zavěsit.
Obrázek 8 - Vytočení - vodorovně
Obrázek 7 - Vytočení
Pohled „Contact“ slouží k vyhledání kontaktu v adresáře z videokonference. Aplikace neumožňuje kontakty měnit. Zadáním části textu do filtru jsou kontakty ihned prohledány.
Obrázek 10 - Adresář - vodorovně
Obrázek 9 - Adresář
K ovládání kamery slouží prostřední pohled. Pokud to umožňuje videokonference, lze přiblížit a oddálit obraz, popřípadě natáčet videokameru.
Obrázek 12 - Ovládání kamery - vodorovně
Obrázek 11 - Ovládání kamery
Dále je možné ovládat hlasitost zvuku a mikrofonu. Lze i rychle využít moznost MUTE (ztlumit).
Obrázek 14 - Ovládání hlasitosti - vodorovně
Obrázek 13 - Ovládání hlasitosti
Poslední možností je změnit rozložení / uspořádání obrazu.
Obrázek 16 - Změna rozložení - vodorovně
Obrázek 15 - Změna rozložení
1.1.2. State-transition network
Obrázek 17 - State-transition network
Obrázek 18 - STN hlavní aktivity
1.1.3. Zajímavosti řešení Mobilní zařízení umožňuje otáčet aplikaci, dle aktuálního držení. To ale vyžaduje, aby většina dialogů byla navržena odlišně pro obě varianty natočení. Podpora různých rozvržení je připravena ve vývojovém nástroji ADT.
1.2. Testování aplikace 1.2.1. Testovací scénář 1.2.1.1. Přihlášení do aplikace a) b) c) d) e) f)
Spusťte aplikaci. Přihlaste se do aplikace se špatným jménem anebo heslem. Aplikace zobrazí informaci o špatném jméně nebo hesle. Přihlaste se do aplikace správným uživatelem (testovací uživatel „test“ a heslo „test“). Zobrazí se dialog s výběrem místnosti. Vyberte místnost.
1.2.1.2. a) b) c) d)
Sestavení videokonference
Zmáčkněte tlačítko „Dial“. Pomocí tlačítek postupně zadejte číslo „1234567890“. Pomocí tlačítka smažte poslední číslo. Kursor je po celou dobu za poslední zadanou číslicí.
e) Zmáčkněte tlačítko pro vytočení čísla. f) Vytočení čísla je signalizováním krátkým zobrazením ve spodní části.
1.2.1.3. a) b) c) d)
Sestavení videokonference pomocí adresáře
Zmáčkněte tlačítko „Contact“. Ve filtru zadejte část hledaného kontaktu – například „ond“. Zmáčkněte tlačítko „Dial“ u vyhledaného kontaktu. Vytočení kontaktu je signalizováním krátkým zobrazením ve spodní části.
1.2.1.4.
Změna úrovně hlasitosti
a) b) c) d) e) f)
Zmáčkněte tlačítko „Volume“. Nastavte požadovanou hlasitost. Zmáčkněte tlačítko „Mute“. Hlasitost se automaticky nastaví na 0 a zároveň se rozsvítí tlačítko „Mute“. Máčkněte znovu tlačítko „Mute“. Hlasitost se vrátí na původní hodnotu před použitím tlačítka „Mute“ a zároveň tlačítko zhasne. g) Nastavte hlasitost pomocí posuvníku na úroveň 0. h) Tlačítko „Mute“ se automaticky rozsvítí. i) Zmáčkněte tlačítko „Mute“ j) Nastavení hlasitosti se nastaví na 25% a tlačítko „Mute“ zhasne.
1.2.2. Záznam testování 1.2.2.1. Přihlášení
1.2.2.2.
Práce s adresářem
1.2.2.3.
Nastavení hlasitosti
1.2.3. Vyhodnocení testů Všechny provedené testy byly v pořádku. Aplikace se chovala zcela dle očekávání. Uživatele byly s aplikací spokojeni.
1.2.4. Návrhy na zlepšení Pořadí tlačítek ve vodorovném zobrazení někteří uživatele vnímají jako opačné. Proto je nutné zvážit, zda neponechat pořadí tlačítek stejné jako ve svislém zobrazení a pouze neotočit obrázky a texty na tlačítkách. Jeden uživatel měl otázku, zda je umožněno spravovat kontakty uložené ve videokonferenci. Tato funkcionalita nebyla v původním zadání a zváží se, zda ji přidat do aktuální verze.
1.3. Dokumentace vývoje Programový kód je doplněn komentáři, pomocí kterých je generována dokumentace pro programátory. Dokumentace je ve formátu HTML splňující požadavky JavaDoc.
1.3.1. Funkční požadavky Požadavek Práce s aplikací po úspěšném přihlášení Výběr konferenční místnosti Sestavení konference Zobrazení a filtrování kontaktů Ovládání kamery Ovládání hlasitosti Změna rozložení konference Uložení stavu aplikace při přerušení a znovu obnovení stavu po restartu
Priorita 3 2 1 2 1 1 2 3
1.3.2. Návrh interakce uživatele a programu Komunikace s uživatelem je pomocí standardních ovládacích prvků. Jako hlavní menu jsou zvoleny grafické tlačítka. V hlavní obrazovce je využito i tlačítka pro zobrazení menu. Aplikace také využívá tlačítka „back“ pro návrat k předchozí obrazovce a pro ukončení aplikace. Toto chování odpovídá obecným zvyklostem na platformě se systémem Android.
1.3.3. Grafický návrh Na hlavní obrazovce aplikace je zobrazeno menu pomocí grafických ikon. Ty umožňují rychlý přístup k jednotlivým vlastnostem aplikace a zároveň zobrazují výběr pohledu. Všechny prvky jsou přehledně rozděleny do různých pohledů, aby ovládání bylo přehledné a jednoduché.
1.4. Prezentace Pro aplikace byla vytvořena krátká prezentace s popisem klíčových vlastností. Prezentace je v samostatném souboru.
