'^GUI nová implementace -bez grafiky^' Attach:gui_nove.png

'^GUI nová implementace^' Attach:gui_nove.png

'^GUI stará implementace^' Attach:gui_stare.png

'''Seznam lodí'''

*název
*typ
*model
*level
*stav
*hodnota (pořizovací nebo tržní, podle ekonomického
modelu hry)
*aktuální poloha
*rozkazy/letový plán.

Dostupné akce

*Detaily lodi
*Prodat loď/lodě
*Darovat loď/lodě (pirátům, případně pokud bude možnost darovat loď hráči)
*Vytvořit z lodí flotilu
*Kontextové příkazy pro konkrétní loď

'''Seznam flotil'''

Seznam hráčových flotil.

Podobný principielně přehledu lodí. Jednotlivé řádky tabulky by měli umožňovat
zobrazit podrobnosti jednotlivých flotil a zejména umožnit manipulaci s jejich
loděmi.

Dostupné akce:

*Detaily flotily
*Sloučit flotily
*Rozdělit flotilu
*Vytvořit novou flotilu
*Vytvořit flotilu z vybraných lodí
*Zrušit flotilu/flotily
*Darovat flotilu
*Doplnit flotilu (o ztracené lodě z rezerv)


'''Nákup'''

Zobrazuje seznam lodí k nákupu a jejich ceny.

Seznam je možné třídit podle typu lodi a seřadit podle ceny.
Pozn.: Pro případ prodeje lodí v omezených množství je třeba indikovat zbývající
množství k prodeji.

Pozn.: Nákup licencí je možné zahrnout v rámci nákupu lodi a dodatečně v detailech
lodi a flotily.

Dostupné akce
*Koupit loď/lodě
*Detaily o typu lodi

'''Správa licencí'''

Zatím není jasné, jakým způsobem budou licence fungovat, je třeba dořešit jejich
jejich funkci.

V případě, že by reprezentovali skutečně programy, vytvořené hráči, umožňovalo by
toto zobrazení sledovat využití zakoupených licencí.

'''Detaily lodi'''

Detaily lodi poskytují veškeré informace o lodi a její historii.
Obsahují kompletní uživatelský seznam vlastností a akcí dostupných pro loď.

Některé vlastností:
*Jméno lodi
*Druh lodi (podle druhu nákladu pro přepravu)
*Typ lodi, Model (pokud budou použity)
*Datum nákupu
*Cena
*Příslušnost k letce
*Poškození
*Náklad
*Rozkazy
*Poslední události lodi

Akce lodi:
*Všechno co lze dělat s lodí.

'''Detaily flotily'''

Detaily jedné flotily, poskytující především seznam lodí, jejich stav a rozkazy flotily.

Nepředpokládá se, že by v rámci jedné flotily mohli mít lodě různé příkazy.
Seznam lodí musí být rozdělen podle role lodi ve flotile.


Poskytované údaje:
*Jméno flotily
*Rozkazy
*Celkový stav
*Celkový náklad
*Seznam lodí

Dostupné akce:
*Akce pro práci s flotilou
*Kontextové akce k jednotlivým lodím.

||'''Chybí'''||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Chybi)|Chybějící herní zobrazení]]||

Následující zobrazení ve hře chybí nebo jsou implementována způsobem, který nelze
využít.

Jsou to:

*Přehled událostí
*Přehled lodí
*Detaily lodi
*Detaily flotily
*Přehled základen
*Detaily základny
*Detaily planety

'''Přehled událostí'''


Přehled událostí v herním světě, týkající se hráče.

Tento přehled by měl obsahovat krátké zprávy, rozlišené ikonami a barvou, které
informují hráče o událostech.

Seznam událostí bude rozdělen na dvě části – nové a staré.
Nové události jsou ty, které přibyli od posledního zobrazení přehledu události.

Dále budou události seskupeny podle jednotlivých dnů. Další časové intervaly lze
zvážit.

Některé události mohou být spojeny se zprávou.

'''Přehled lodí'''

Jedná se o několik záložek.

*Lety
*Seznam lodí
*Seznam flotil
*Nákup
*Správa licencí

'''Seznam letů'''

Zobrazuje aktivní lety lodí a letek.

Jeho smyslem je poskytnout hráči informace o lodích a letkách, které jsou
momentálně na cestě a k tomu odpovídající volby.

Zobrazení by mělo být formou tabulky, která by informovala o stavu probíhajících
letů.

Podstatné jsou zejména údaje: stav (život), náklad, cíl letu, doba na cestě, zbývající
doba k cíli, případně další relevantní údaje, které vyplynou z dalšího herního designu.

Dále by mělo být na první pohled zjevné, které lety prodělali útok od poslední
kontroly hráčem a zničené lety.

V kontextovém panelu se budou zobrazovat podrobnosti o vybraném letu (výběr celé
řádky tabulky).

Dále by mohly být řádky tabulky rozbalovacími oblastmi a po kliknutí zobrazit
podrobnosti o jednotlivých lodích v letu, pokud jde o flotilu.

Detaily lodí a letek jsou součástí jiného zobrazení, kterého bude možné pro každou
z položek otevřít.

Dostupné akce

*Detaily lodi
*Detaily flotilu
*Kontextové příkazy pro konkrétní loď/letku

Seznam lodí

Zobrazuje kompletní seznam všech lodí v tabulce, podobné předcházející.
19
O každé lodi jsou dostupné následující údaje:
Název, typ, model, level, stav, hodnota (pořizovací nebo tržní, podle ekonomického
modelu hry), aktuální poloha, rozkazy/letový plán.
Měl by umožňovat seskupování podle různých kriterií (flotila, typ), řazení a
vyhledávání.
Zobrazení podrobností o lodi v kontextovém panelu. Podrobnosti se týkají zejména
nákladu a cíli letu, nedávných událostech a dalších údajů.
Detaily lodi jsou součástí jiného zobrazení, které bude možné pro každou loď otevřít.

||Chybí||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Chybi)|Chybějící herní zobrazení]]||

||Chybí||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Chybi)|Chybející herní zobrazení]]||

!!!!Chybějící herní zobrazení
[[#Chybi]]

Attach:kontextove_menu.png

Attach:hlavni_menu.png

'''Kontextový panel'''

Tento panel by měl poskytovat informace o vybraných objektech a volby (příkazy)
k manipulaci s nimi.

Například při vybrání lodi by měl poskytnout informaci o jejích úkolech a stavu a
volby ovládající její činnost.

Stav po V.iteraci

Panel v klidovém stavu zobrazuje:

*informace o hráčově společnosti duplikuje údaje z horního panelu (Hlavní info
o hráčském účtu)
*úroveň ambasády
*Volbu zvýšit úroveň ambasády
*Přehled o doručovaných zásilkách - Elektronika($4429)

Zobrazuje kontextové informace o vybraných objektech.

'''Stavový panel'''

'''Hlavní menu'''

Umístění v levé části.
Slouží pro výběr zobrazení v hlavním panelu hry.

Stav po V.iteraci

Obsahuje následující volby:

* Koupit loď
* Koupit licenci
* Management lodi
* Pořadí hráčů
* Aliance
* Mapa galaxie

Koupit loď

Otevře Nákup nové lodě v hlavním panelu.

Koupit licenci

Otevře dialogové okno nad s dotazem, zda chce hráč zakoupit licenci.

Management lodí

Otevře Přiřazení obranných lodí v hlavním panelu.

Pořadí hráčů

Otevře Pořadí hráčů v hlavním panelu.

Aliance

Otevře Diplomacie v hlavním panelu.
Poznámka: Není implementován případ, kdy hráč není součástí aliance. Opuštění
aliance mělo za následek Exception Invalid ID value.

Mapa galaxie

Otevře Mapa galaxie v hlavním panelu.

Nápověda

Volba není funkční.

Stávající implementace
[@View\LeftMenuPanel.inc@]

%bgcolor=green%Nutné změny

Hlavní menu neplní svůj účel.

Jednotlivé volby nejsou systematicky uspořádány a jsou implementovány různým
způsobem.

Dále jsou některé volby pojmenovány příliš dlouze. Zbytečně zabírají místo.

Navíc dvojice voleb začíná stejným slovem. To zbytečně komplikuje orientaci.

Menu je nutné kompletně předělat.

Každá volba menu bude otevírat okno do Hlavního panelu. Žádná z voleb nebude
přímo vykonávat akci.

Volby:

*Události
*Lodě
*Základny
*Zprávy
*Diplomacie
*Mapa
*Hodnocení
*Nápověda

Šířka panelu se upraví odpovídajícím způsobem.
Možným dalším zlepšením by bylo nahrazení textových voleb ikonami.

Stávající implementace

* [@View\ HeaderPanel.inc @]
* [@Views\LoginPanel.inc, metoda RenderLoggedContent()@]

%bgcolor=green%Nutné změny

Základním účelem tohoto panelu by mělo být poskytnutí informací o stavu hry a o
hráči. Volby související s hraním hry musí být dostupné i z hlavního menu.
Bylo by vhodné snížit výšku panelu.
Ikony A, B, C jsou celkem účelné, ale text zobrazit je zde zbytečný.
Počet lodí (A) není příliš užitečný údaj, je to jen celkové množství všech lodí.
Bylo by vhodné indikovat:

* Počet obchodních lodí (skupin lodí) na cestě.
* Počet obchodních lodí bez práce.
* Počet rezervních bojových lodí.

Počet základen (B) je pravděpodobně podobný případ.
Také tooltip u všech tří ikon zobrazuje slovo „zobrazit“, je třeba nahradit
odpovídajícím popisem.
Vztah k pirátům (D) je indikován pouze barvou a pozicí šipky. Barevné rozlišení není
příliš výrazné. Bylo by vhodné doplnit jej slovním hodnocením.

Také umístění textu „vztah k pirátům“ uvnitř baru není konzistentní se zbytkem
panelu a v neposlední řadě je také špatně čitelný.
Bylo by vhodné tento text umístit nad indikátor a dát mu stejnou barvu, jakou mají
ostatní popisy – zelená.
Umístění (I) je zbytečný údaj na tomto místě, nemá žádný vztah k herním
rozhodnutím. Pokud by zde takový údaj měl být, bylo by lepší použít pevný systém
hodnocení.
Údaj o počtu licencí (E) je závislý na správě lodí. Je zbytečné ho uvádět na této pozici.
Aliance (F) je statický údaj, který by bylo vhodné uvádět pod uživatelským jménem.
Text voleb (K) a (U) je hůře čitelný, zelená na zeleném pozadí.
Volby Profil a Nastavení lze sloučit do jedné.
Panel přepínání jazyků neindikuje aktivní jazyk. Je třeba, aby byl aktivní jazyk
zvýrazněn, např. žlutou barvou.
Dále by bylo vhodné panel přepínání jazyků skrýt, pokud nebudou alespoň dva jazyky
implementovány.

Implementováno v

L – logo
Logo, statické.

A – lodě
Informace o celkovém počtu hráčových lodí (všech typů).
Ikona a text zobrazit reaguje otevřením Přiřazení obranných lodí v hlavním panelu.

B – základny
11
Informace o celkovém počtu základen (doků ??).
Není implementována žádná reakce.

C – zprávy
Informace o počtu nových zpráv/celkovém počtu zpráv.
Ikona a text zobrazit reaguje otevřením Příchozí zprávy v hlavním panelu.
Poznámka: undefined variable messageId a reciever v responder.php na 441

D – vztah k pirátům
Grafický ukazatel zobrazující vztah k pirátům pozicí šipky na baru.
Neaktivní.

E – licence
Informace o počtu využitých licencí / celkovém počtu zakoupených.
Neaktivní.

F – aliance
Informace o názvu aliance, jejíž je hráč členem.
Stav kdy hráč není v alianci nezjištěn.

H – peníze
Informace o finanční hotovosti hráče.
Neaktivní.

I – umístění
Informace o umístění v pořadí hráčů/cekovém počtu hráčů.
Neinteraktivní.

U – jméno přihlášeného uživatele

K – volby uživatele
Volba Profil otevře novou stránku Editace hráče.
Nefunkční volba Nastavení.

Volba Odhlásit odhlásí uživatele a načte stránku přihlášení.
Z – panel změny jazyka

#Stavový panel
#Menu panel
#Hlavní panel
#Kontextový panel
#Panel událostí

Stavový panel
Umístění v horní části stránky.
Zahrnuje „Logo“, „Hlavní info o hráčském účtu“ a „Nastavení“ z původního návrhu
UI.

Stav po V. Iteraci 2009/2010

Attach:iteraceV_menu.png

!!!!Hra

Hlavní zobrazení reprezentuje hru samotnou.
Je rozděleno na následující oblasti:

# Stavový panel
• Menu panel
• Hlavní panel
• Kontextový panel
• Panel událostí

||'''Základní zobrazení'''||Více info||
||'''Přihlášení'''||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Prihlaseni)|Více o přihlášení]]
||'''Registrace'''||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Registrace)|Více o registraci]]||
||'''Hra'''||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Hra)|Více o hře]]||

||border=0 width=30%

[[#Prihlaseni]]

[[#Registrace]]

Podmínky poskytování a užívání služby

Při registraci by měl každý uživatel potvrdit podmínky poskytování a užívání služby.
Tento blíže nespecifikovaný právní dokument by měl obsahovat právní vymezení
služby – webové hry Space Traffic a pravidla jejího užívání.
Je nezbytné, aby byl tento dokument krátký a jasný.
Celý dokument by měl být viditelný při normálním zobrazení registračního formuláře
bez scrolování.
Předpokládá se, že hru budou hrát nezletilí.

Podoba formuláře

Registrační formulář by měl být složen z více kroků. V levé části by mělo být
nápovědní okno, zobrazující nápovědu k aktuálnímu kroku registrace a zároveň
osnovu registrace a pozici v ní.
Grafické ztvárnění by mělo být ve stejném duchu jako zbytek hry, aby registrace
působila jako součást hry.

Přechod k tutoriálu

Proces registrace bude zakončen úvodem do hry, který bude hráče seznamovat
s herním světem, herními cíli a základními mechanismy.
Tomuto úvodu může předcházet customizace uživatelova profilu (nahrání profilového
obrázku, volba back-story).
Po tomto úvodu se hráč dostává přímo do hry, kde začíná tutoriál.

Technická poznámka - ověření registrace

Aby byl přechod od registrace do hry plynulý, nelze použít klasický model ověřování
registrace ověřující e-mail adresu.
Zároveň by tento způsob ověřování nebyl vhodný pro prezentační účely.
Na druhou stranu je nutné ověřit e-mail, pokud by byl použit jako uživatelské jméno.
Z toho důvodu navrhuji systém, který by umožnil ověření e-mailu se spožděním, např
ve lhůtě 1 týdne. Hráči bez ověřeného e-mail budou ve hře omezeni tak, aby mohli
absolvovat tutoriál a základní rozehrání. Po určité době pak budou zablokování a
následně smazáni.
Na nutnost ověřit e-mail budou hráči upozorněni na formuláři s jeho zadáním a pak
v průběhu tutoriálu, který za ověření e-mailu hráče odmění.

Aktuální implementace registrace je pouze provizorní.
Skládá se z jediného formuláře, který obsahuje následující položky:

#Login
#E-mail
#Heslo
#Heslo znovu
#Přezdívka
#Adresa
#Věk

Výběr zadávaných údajů při registraci

V prvé řadě by bylo vhodné minimalizovat počet potřebných položek k registraci.
Pro jednoznačné určení uživatele je nejvhodnější e-mail adresa, která je unikátní pro
každého hráče.
Při použití e-mailu jako přihlašovacího jména by pak bylo nutné ještě zadat přezdívku
pro identifikace hráče ve hře.
Tato přezdívka však může být i víceslovná, což by umožnilo větší variabilitu jmen (je
zde možnost vyžadovat minimálně dvouslovné jméno).
Login v tomto systému nemá význam.
Adresa ani Věk nejsou relevantní údaje pro potřeby hry. Nejedná se o komerční
projekt, proto je nutné zvážit, jaké údaje se budou shromažďovat a za jakým účelem.
Možné volitelné údaje jsou např.: celé jméno, adresa, rok narození.
Pro potřeby prokázání identity hráče při případných problémech s účtem by zde
mohla být jedna otázka na konkrétní údaj (výběr tohoto údaje by provedl hráč).

Pro shromažďování statistik je vhodnější použít konkrétních dotazníků ve hře, jejichž
vyplnění by bylo odměňováno.

%bgcolor=yellow%Nekritické změny
Úvodní texty by nemuseli být v záložkách ale jako normální text pod sebou. Vyžaduje
předělání grafiky.

%bgcolor=green%Doplnit

%red%Doplnit

'''Doplnit'''

Doplnění volby automatického přihlášení.
Doplnění úvodních textů.

Nekritické změny

||Hra||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Hra)|Více o hře]]||

||Registrace||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Registrace)|Více o registraci]]||
||Hra||[[http://wiki.kiv.zcu.cz/SpaceTraffic/Analyza(#Hra)|Více o hře]]||

||[[http://wiki.kiv.zcu.cz/SpaceTraffic/Analyza(#Hra)(#Více o hře)

!!!!Hra
[[#Hra]]

!!!!Wiki nápověda
[[#Wiki]]

!!!!Nastavení
[[#Nastaveni]]

||'''Zásady'''||Je důležité?||
||'''Intuitivnost'''||%green%Vzít v úvahu||
||'''Jednoznačnost'''||%green%Vzít v úvahu||
||'''Konzistence'''||%green%Vzít v úvahu||
||'''Tři kroky'''||%green%Vzít v úvahu||
||'''Více cest'''||%green%Vzít v úvahu||
||'''Okamžitá nápověda'''||%green%Vzít v úvahu||

||border=0 width=30%

||

!!!!Registrace

||Přihlášení||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Prihlaseni)|Více o přihlášení]]

||border=1 width=30%
||Základní zobrazení||Více info||
||Přihlášení||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(Prihlaseni)|Více o přihlášení]]
||Registrace||[[http://wiki.kiv.zcu.cz/SpaceTraffic/AnalyzaGui(#Registrace)|Více o registraci]]

[[#Prihlaseni]]

!!!Registrace
[[#Registrace]]

||Zásady||Je důležité?||

||Zásady||%green%Je důležité?||

||border=1 width=30%

||Intuitivnost||%green%Vzít v úvahu||
||Jednoznačnost||%green%Vzít v úvahu||
||Konzistence||%green%Vzít v úvahu||
||Tři kroky||%green%Vzít v úvahu||
||Více cest||%green%Vzít v úvahu||
||Okamžitá nápověda||%green%Vzít v úvahu||

||Zásady||%green%Vzít v úvahu||
||Intuitivnost||||
||Jednoznačnost||||
||Konzistence||||
||Tři kroky||||
||Více cest||||
||Okamžitá nápověda||||

||border=1 width=10%

||border=1 width=50%
||Zásady||
||Intuitivnost||
||Jednoznačnost||
||Konzistence||
||Tři kroky||
||Více cest||
||Okamžitá nápověda||

Samotný přihlašovací formulář beze změn.

Doplnit

*''Intuitivnost'' - Hráč očekává určité chování objektů a voleb ve hře. Je třeba toto očekávání naplnit a

*''Jednoznačnost'' - Všechny volby jsou od sebe jasně odlišitelné a jejich účel je zřejmý. Související volby jsou sdružovány do logických skupin.

*''Konzistence'' - Veškeré chování UI musí být konzistentní v rámci celku. Pokud se určitý prvek UI

*''Tři kroky'' - Každá informace nebo volba je dostupná po maximálně třech krocích.

*''Více cest'' - Pokud v daném místě existuje relevantní akce, měla by být dostupná přímo z místa.(např.: Jméno planety jako odkaz na systém kde se nachází.)

*''Okamžitá nápověda'' - Nápověda k jednotlivým prvkům a objektům musí být dostupná přímou u těchto objektů (ne hledáním v manuálu).

!!!!Přihlášení

!!!!Základní rozvržení

Hra bude využívat následující základní zobrazení.
* Přihlášení
* Registrace
* Hra
* Wiki nápověda (Průvodce hrou)
* Nastavení
Tyto základní zobrazení představují samostatné stránky.

!!!Anylýza

!!!!Důležité zásady

Návrh UI vyžaduje se musí řídit následujícími zásadami:

*'''Intuitivnost''' - Hráč očekává určité chování objektů a voleb ve hře. Je třeba toto očekávání naplnit a
dělat věci tak, jak je u her tohoto typu obvyklé.
Stejně tak je třeba vážit formu poskytovaných informací tak, aby vyhovovali účelu,
pro který je hráč chce získat.

*'''Jednoznačnost''' - Všechny volby jsou od sebe jasně odlišitelné a jejich účel je zřejmý. Související volby jsou sdružovány do logických skupin.

*'''Konzistence''' - Veškeré chování UI musí být konzistentní v rámci celku. Pokud se určitý prvek UI
chová na jednom místě jako odkaz, bude se tak chovat vždy a bude odkazovat na
stejnou věc (např.: jméno planety nebo pozice tlačítka Ok na pravé straně dialogu
vlevo od Storno).

*'''Tři kroky''' - Každá informace nebo volba je dostupná po maximálně třech krocích.

*'''Více cest''' - Pokud v daném místě existuje relevantní akce, měla by být dostupná přímo z místa.(např.: Jméno planety jako odkaz na systém kde se nachází.)

*'''Okamžitá nápověda''' - Nápověda k jednotlivým prvkům a objektům musí být dostupná přímou u těchto objektů (ne hledáním v manuálu).

!!7.12.2010 - Analýza grafického uživatelského rozhraní z verze Space Traffic 2009/2010
----
Zpět na [[http://wiki.kiv.zcu.cz/SpaceTraffic/HomePage|HomePage]]
----


----
Zpět na [[http://wiki.kiv.zcu.cz/SpaceTraffic/HomePage|HomePage]]