### Za úkol je možné získat 2 bonusové body do IIS. Pro splnění úkolu postupujte následujícími body. Před samotným řešením úkolu je vyžadované si nejprve stáhnout aplikaci určenou pro plnění úkolu a naučit se s ní pracovat. ###

1. Zkontrolujte si, že máte nainstalovanou Javu verze >= 1.8:
   • příkaz java -version nebo tento návod
   • pokud nemáte, proveďte aktualizaci nebo ji nově nainstalujte (windows zde), linux dle návodu dané distribuce
2. Stáhněte si zip archiv obsahující aplikaci dashapp.jar, rozbalte do vybrané složky.
3. Ve stejné složce, kde se nachází dashapp.jar si vytvořte složku dashboards, do které si rozbalte vzorky dashboardů.
   
4. Spusťte aplikaci dashapp.jar.
   1. windows: dvojklik na aplikaci dashapp.jar
   2. linux: příkaz java -jar dashapp.jar
      • nutné nastavit práva spuštění chmod +x dashapp.jar

Pokud jste dodrželi výše psané pokyny, v pravé postranní liště byste měli vidět seznam dashboardů, které je možné vybráním zobrazit. Pokud dashboardy nevidíte, otevřte složku s dahboardy dodatečně: File > Open nebo

### Smyslem této aplikace je poskytunout uživateli možnost snadno do dashboardu kreslit obdélníky, které budou reprezentovat regiony (jejich význam bude upřesněn v bodě 3). V závislosti na pozicích a velikostech nakreslených regionů je pak automaticky generován XML popis těchto regionů - viz obrázek. ###

Byl vyznačen 1 region v bodě [x=268;y=146] a velikosti 370×348 px. Atribut type ignorujte.

### Pro možnost označování regionů je nutné přepnout v toolbaru z módu prohlížení dashboardů do módu kreslení regionů . Poté je možné tahem myší kreslit regiony. Úpravu regionů je možné provádět v módu editace regionů . ###

### XML je rovněž možné upravovat ručně, ale toto prosím používejte pouze minimálně - používejte raději kreslící nástroje. ###

• historie: undo, redo

• zoom: přiblížit, oddálit, celá obrazovka

• uložení: uložit aktuální, , uložit vše
  • do šložky, kde je dashboard, vygeneruje XML soubor se stejným jménem
  • v případě, že dashboard není uložený, je jeho název v postranní liště označen hvězdičkou

### Vaším úkolem nyní bude projít stažené dashboardy a v každém z nich vyznačit regiony reprezentující logické části dashboardu, které dle vašeho názoru vizuálně vytváří samostatný celek oddělitelný od ostatních grafických celků. Zpravidla by se mělo jednat o jednotlivé grafy a případné další pomocné widgety (menu, tlačitka, nadpisy apod.). ###

Ukázka možného výběru takových regionů:

Zeleně jsou vyznačeny vybrané regiony:

### Jak vás pravděpodobně nyní napadá, dělení na regiony je do značené míry subjektivní záležitost. Nastanou případy, kdy se budete shodovat více a případy, kdy méně. Cílem našeho výzkumu je kategorizovat dashboardy do skupin v závislosti na tom, jak moc se uživatelé lišili při výběru jednotlivých regionů a pokusit se analyzovat především situace, kdy dochází ke shodám. Výsledky bychom rádi korespondovali s Gestalt principy a využili je dále při analýze použitelnosti dashboardů. ###

### Gestalt principy hrají značnou roli v tom, jakým způsobem se budete rozhodovat při shlukování grafických tvarů. Příkladem je následující obrázek, který se skládá z několika primitivních tvarů (čáry a kruhové výseče). Přesto jsme v něm schopni rozpoznávat obrazce složitější jak zmíněné tvary (obrázek podvědomě dělíme na pravý a levý objekt; levý tvoří kruh; v pravém je možné spatřit mimo jiné několik trojúhelníků). ###

Zdroj obrázku: Johnson J.: Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules, 2010

Podobným způsobem byste měli uvažovat při výběru regionů v dashboardech. Nesnažte se vybírat drobné grafické tvary (čáry, obdélníky, textová pole …), ale pokuste se hledat logické celky tvořící vizuální skupiny (jednotlivé grafy; několik grafů ohraničených nějakým vizuálně intenzivním rámem; …).

Nad výběrem byste neměli dlouho přemýšlet, ale měli byste vybrat nejlépe první možnost, kterou uvidíte (detekce objektů probíhá podvědomě).

Při výběru regionů není nutné se pracně soustředit na přesné označení grafických prvků (obtažení grafického celku přesně na jeden pixel).

Bylo by pro nás však velmi přínosné, pokud byste se pokusili dodržet layouty jednotlivých regionů (zarovnání regionů v řadě). K tomu můžete výužít nástroj magnet, který se snaží nově kreslené/upravované regiony přichytávat k osám již nakreslených regionů

• přichytávání zapnuto, přichytávání vypnuto

Ukázka vertikálně zarovnaných regionů:

Některé dashboardy mají malé rozlišení a jsou hůře čitelné i po přiblížení. To nevadí. Pro splnění úkolu by nemělo být nutné číst obsah daných dashboardů.

Vytvořené .xml soubory zabalte do zip archivu pojmenovaného vaším loginem - xlogin00.zip a odevzdejte do WISu. (rastrové obrázky prosím neodevzdávejte)

Za úkol je možné získat až 2 body:

• ohodnocení prvních 10 dashboardů - 1. bod
• ohodnocení všech 20 dashboardů - 2. bod

### Prosím snažte se úkol vytvářet sami (nekopírovat ohodnocení od kamarádů) a pokud možno poctivě (regiony negenerujte náhodně, ale dodržte prosím pokyny). Víme, že máte spoustu dalších projektů a aktivit (např. zaměstnání nebo bakalářka) . Jedná se však o body navíc, kterými si můžete vylepšit známku a velice nám tím pomůžete k výzkumu. Budeme vám proto velice vděční za každý ohodnocený dashboard . Předem děkujeme! ###

V případě dotazů a poznámek: ihynek at fit.vutbr.cz