České vysoké učení technické v Praze Fakulta elektrotechnická Katedra počítačů
Semestrální práce
Sportovní výsledky fotbalové Gambrinus ligy D1+D2 Bc. Josef Miléř
Studijní program: Elektrotechnika a Informatika Předmět: XD39NUR 25. října 2012
Obsah 1 Sportovní výsledky fotbalové Gambrinus ligy (SP 1.1 Zadání . . . . . . . . . . . . . . . . . . . . . . . . . 1.2 Profil cílové skupiny . . . . . . . . . . . . . . . . . 1.2.1 Screener . . . . . . . . . . . . . . . . . . . . 1.3 Interview . . . . . . . . . . . . . . . . . . . . . . . 1.3.1 Struktura interview . . . . . . . . . . . . . . 1.3.2 Výsledky interview . . . . . . . . . . . . . . 1.3.2.1 Respondent 1 . . . . . . . . . . . . 1.3.2.2 Respondent 2 . . . . . . . . . . . . 1.4 Analýza HCI problémů a návrh jejich řešení . . . . 1.4.1 HCI 1 . . . . . . . . . . . . . . . . . . . . . 1.4.2 HCI 2 . . . . . . . . . . . . . . . . . . . . . 1.5 Use case . . . . . . . . . . . . . . . . . . . . . . . . 1.6 Concurrent Task Tree (CTT) . . . . . . . . . . . . 1.7 Paper mockup . . . . . . . . . . . . . . . . . . . . . 1.7.1 Základní pohled . . . . . . . . . . . . . . . 1.7.2 Detail zápasu . . . . . . . . . . . . . . . . . 1.7.3 Menu - Týmy . . . . . . . . . . . . . . . . . 1.7.4 Detail týmu . . . . . . . . . . . . . . . . . . 1.7.5 Přehled kol . . . . . . . . . . . . . . . . . . 1.7.6 Menu - Kola (zamítnutý) . . . . . . . . . .
iv
D1 + . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
D2) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . .
2 2 2 2 3 3 3 3 4 4 4 4 5 5 6 6 6 7 7 8 8
Seznam obrázků 1.1 1.2 1.3 1.4 1.5 1.6 1.7
Concurrent Task Tree Základní pohled . . . . Detail zápasu . . . . . Menu - Týmy . . . . . Detail týmu . . . . . . Přehled kol . . . . . . Zamítnutý návrh Menu
. . . . . . -
. . . . . . . . . . . . . . . . . . Kola
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
1
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
. . . . . . .
5 6 6 7 7 8 8
Kapitola 1
Sportovní výsledky fotbalové Gambrinus ligy (SP D1 + D2) 1.1
Zadání
Výstupem této semestrální práce bude návrh uživatelského rozhraní aplikace zpřístupňující výsledky naší nejvyšší fotbalové ligy. Aplikace bude navržena pro desktopový počítač. Výsledkem bude jednoduše přístupný systém aktuálních výsledků, tabulek, informace o sestavách, základních statistik. Základní vizí tohoto projektu je okamžitý přístup k výsledkům, jistotu aktuálnosti a jako další námět zkoumání pak další možnosti této aplikace jako např. historie klubů, přehled o sestavách pro daný zápas atd. Tyto informace by měli dále upřesňovat směr vývoje této aplikace.
1.2
Profil cílové skupiny
Pro získání profilu cílové skupiny jsem připravil dotazník , který nám pomůže upřesnit hledanou skupinu respondentů. Hledáme tedy osoby, které zajímají informace o naší nejvyšší fotbalové soutěži, mají počítač a přístup k internetu:
1.2.1
Screener
• Zajímáte se o naši nejvyšší fotbalovou soutěž - Gambrinus ligu? • Vlastníte počítač, nebo notebook? • Máte ve svém okolí připojení na internet? Pozitivní odpovědi v tomto případě jasně vymezují naši cílovou skupinu.
2
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)3
1.3
Interview
Základním výstupem rozhovorů bude zpřesnění funkčnosti aplikace a nabídka jejich služeb. Zaměřím se hlavně na rozsah nabídky a rozhovor budu vést strukturovaně. Otázky budou mít uzavřený i otevřený charakter, což znamená, že na některé respondent odpoví výběrem na stupnici od 1-10 (10 je důležité, 1 není důležité) a u některých mě bude zajímat názor ve smyslu rozvinutější odpovědi.
1.3.1
Struktura interview
1. Má aplikace obsahovat průběžnou tabulku výsledků resp. pořadí týmů? 2. Chcete mít přehled i o zápasech, které již proběhli v dané sezóně? 3. Je pro Vás důležitá informace o sestavě hráčů, která hrála daný zápas příp. hráčů, kteří dali gól, či dostali některou z karet? 4. Chtěli by jste mít přístup i k informacím o minulých sezónách? 5. Zajímá Vás informace o tom, kdo zápas pískal? 6. Chtěli by jste informace o historii jednotlivých týmů? 7. Co si myslíte, že by tato aplikace měla dále nabízet?
1.3.2
Výsledky interview
Rozhovory byly vedené osobně a níže je zapsán pouze číselný výstup jednotlivých odpovědí. Během rozhovoru jsme si museli ujasňovat přesný smysl otázek, což dává zpětnou vazbu na vytvořenou strukturu rozhovoru. 1.3.2.1
Respondent 1
Muž Michal 33 let 1. 10 2. 5 3. 10 4. 2 5. 1 6. 5 7. V tabulce výsledků by mohl být datum, kdy se zápas odehrál. Za jakých povětrnostních podmínek se zápas odehrál.
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)4
Pan Michal je studentem ČVUT dálkového studia a zároveň redaktorem odborného periodika. Představuje střední hodnotu naší množiny hledaných respondentů. O fotbal se zajímá, sleduje naší nejvyšší soutěž, občas navštíví některý ze zápasů a vyvíjenou aplikaci by určitě uvítal. Respondenta nejvíce zajímají okamžité výsledky daného kola, dále celkové pořadí a nakonec sestava hráčů, která zápas odehrála. Jako speciální funkci navrhl uchovávat informaci o povětrnostních podmínkách, čímž by bylo zřejmé, zda-li výsledek byl ovlivněn pouze výkonem hráčů, či nikoliv. 1.3.2.2
Respondent 2
Muž Martin 38 let 1. 10 2. 10 3. 3 4. 5 (pouze umístění v jednotlivých sezónách) 5. 1 6. 5 7. Návštěvnost včetně kapacity stadionu. Pan Martin je zaměstnancem nadnárodní společnosti a pracuje v oboru IT. Pravidelně sleduje naší nejvyšší soutěž. Jeho doporučením je, zda-li by aplikace mohla obsahovat i informace o stadionu a návštěvnosti v daném zápase. Dále po konzultaci o možnosti předešlých sezón přišel s nápadem uvést historicky alespoň umístění jednotlivých týmů v minulých sezónách.
1.4 1.4.1
Analýza HCI problémů a návrh jejich řešení HCI 1
Prvním klíčovým problémem je z odpovědí respondentů správně navrhnout menu přístupu k informacím ve smyslu jejich důležitosti. Např. pokud nejvíce požadavků bude na tabulku pořadí týmů, tak její zobrazení bude hned po startu aplikace. Pokud nejméně bodů získá informace o sestavách týmů, tak jí schovám někam do submenu, kam se budu muset dostat přes jedno či více kliknutí.
1.4.2
HCI 2
Druhým klíčovým problémem dále je sdružení různorodých skupin naší cílové skupiny. Jelikož naší cílovou skupinou jsou lidé od 6 do 99 let. Potřebujeme najít jistý kompromis mezi mladými lidmi a našimi seniory, kteří by mohli tuto aplikaci také využívat. Bude se hlavně jednat o celkový design ve smyslu rozvržení komponent, jejich velikosti a barvě.
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)5
1.5
Use case
• Domů - Vždy zobrazí startovací pohled. • Zobraz podrobné info zápasu - Po rozkliknutí daného zápasu, zobrazí podrobnější informace o proběhlém, či probíhajícím zápase. Rozsah informací bude ještě upřesněn. • Zobraz týmy - Zobrazí seznam týmů naší nejvyšší fotbalové soutěže. • Zobraz detail týmu - Zobrazí detail vybraného týmu. Základní informace o hráčích, trenérské skupině a manažerské části týmu. Info doplní krátký pohled do historie týmu. • Zobraz zápasy - Zobrazí nabídku výběru kola (předešlé, aktuální, následující) • Zobraz minulé kola - Zobrazí seznam kol, která už proběhla v této sezóně. • Zobraz nadcházející kola - Zobrazí seznam kol, která teprve proběhnou v této sezóně. • Zobraz detail kola - Zobrazí tabulku kola a jednotlivé výsledky zápasů. • Konec - Ukončí aplikaci.
1.6
Concurrent Task Tree (CTT)
Diagram CTT byl vytvořen za pomoci softwaru The TERESA Tool (multimodal 2.5a).
Obrázek 1.1: Concurrent Task Tree
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)6
1.7 1.7.1
Paper mockup Základní pohled
Základní pohled je defaultní vzhled celé aplikace, tak jak naběhne po spuštění. V horní části je menu, a dolní část je naplněna výsledky právě probíhajícího kola fotbalové ligy a informace o průběžném pořadí týmů.
Obrázek 1.2: Základní pohled
1.7.2
Detail zápasu
Jedním kliknutím na daný zápas v základním pohledu se objeví informace o udělených kartách, vstřelených gólech, rozhodčím a sestavách obou týmů.
Obrázek 1.3: Detail zápasu
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)7
1.7.3
Menu - Týmy
Po kliknutí na "menu -> teams"se rozbalí roleta s názvy všech týmu soutěže.
Obrázek 1.4: Menu - Týmy
1.7.4
Detail týmu
Výběrem týmu se dostaneme na jeho základní údaje, kontakty, sestavy, trocha historie.
Obrázek 1.5: Detail týmu
KAPITOLA 1. SPORTOVNÍ VÝSLEDKY FOTBALOVÉ GAMBRINUS LIGY (SP D1 + D2)8
1.7.5
Přehled kol
Tento vzhled nám nabídne se podívat na kola, která již proběhla, nebo která teprve proběhnou. Dostaneme se na něj kliknutím na "menu -> matches".
Obrázek 1.6: Přehled kol
1.7.6
Menu - Kola (zamítnutý)
V průběhu vytváření papírového návrhu jsem zjednodušil původní záměr zobrazení rolety s "previous - next"po kliknutí na "menu -> matches". To jsem sloučil do pohledu "Přehled kol". Tím jsem ušetřil jedno kliknutí, což zjednodušuje celou aplikaci.
Obrázek 1.7: Zamítnutý návrh Menu - Kola
