'^Schema v nette^' Attach:schema_prezenter.png '^Prezentery v projektu^' Attach:vprojektu_prezenter.png

'^Css soubory v projektu^' Attach:css.png '^Phtml soubory v projektu^' Attach:phtml.png

'^Css soubory v projektu^' Attach:css.png '^Phtml soubory v projektu'^ Attach:phtml.png

'^''Css soubory v projektu'''^: Attach:css.png '^''Phtml soubory v projektu'''^: Attach:phtml.png

''Css soubory v projektu'': Attach:css.png ''Phtml soubory v projektu'': Attach:phtml.png

''Css soubory'': Attach:css.png ''Css phtml soubory'': Attach:phtml.png

Css soubory: Attach:css.png Css phtml souboryAttach:phtml.png

Attach:css.png|Css Attach:phtml.png|Phtml

Attach:css.png Attach:phtml.png

Attach:css.png|Css Attach:phtml.png|Phtml

Attach:css.png|Css

!!10.1.2011 - Implementace GUI

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

!!!Implementace

!!!!Struktura

Pro implementaci jsou využity Presentery [[http://doc.nette.org/cs/|nette]], jim odpovídající šablony phtml a statické css soubory.
Pro neexistující grafiku jsou použity placeholdery.

!!!!Presentery
Attach:schema_prezenter.png Attach:vprojektu_prezenter.png

[[http://doc.nette.org/cs/nette-application-presenter|Více informací o prezenterech v nette]]

Implementované prezentery odpovídají jednotlivým položkám hlavního menu.
Jejich jména končí slovem View (např.:[@ShipsView, MessagesView, …)@].
Jednotlivá zobrazení jsou reprezentována akcemi presenterů (např.: [@ShipsView:shiplist@]).

!!!!PHTML šablony
Šablonovací soubory pro nette, obsahující html s doplňujícím značením.
Každé akci odpovídá jedna šablona.
Šablony jsou psány jako XHTML.

!!!!CSS
Css soubory jsou společné pro všechny šablony. Názvy tříd a jména elementů nesmí být v konfliktu.
Jednotlivé presentery mohou mít vlastní šablony pro definování stylů konkrétního zobrazení. Předpokládá se, že tyto konkrétní styly budou později transformovány do obecných stylů, používaných v celé aplikaci.

Styly jsou ukládány do samostatných souborů, jejichž název odpovídá názvu ovládacího prvku nebo presenteru.

Speciální soubory css jsou:

* [@development.css@] - slouží pro styly spojené s vývojem aplikace.
* [@cssmap.css @] - připojován k aplikaci v době vývoje. Mapuje všechny aktivní css soubory.
* [@common.css @] - styly společné pro celou aplikaci (včetně wiki, fóra a portálu)

Attach:css.png

Dále je u stylů použita speciální přípona [@_dim@]. Tento soubor stylu obsahuje rozměry a pozicování, které budou ve fungující aplikaci nastavovány přes javascript.
Představují výchozí hodnoty pro potřeby šablony.

!!!!Layout
Layout představuje základní html stránku. Jedná se o kostru s definovanými obsahovými bloky, které šablony konkrétních akcí presenterů vyplňují.

Layout hry je rozdělen na tři oblasti:
*[@header@] – obsahuje výběr jazyka a prvky nesouvisející se hrou
*[@content@] – obsahuje zobrazení hry
*[@footer@] – obsahuje informace o copyrightu a další informace (verze hry apod.)
Oblast content je dále dělena na 4 oblasti:
*[@topPanel@]
*[@menuPanel@]
*[@mainPanel@]
*[@contextPanel@]
Tyto oplasti odpovídají oblastem herního uživatelského rozhraní.

!!!!Základní kostra akce
Akce zobrazující herní okno má následující kostru:

%define=box block bgcolor=#ddddff border="1px black"%

%box% [@
{extends '../gamewindow.phtml'}
{block #gameWindowContent}

Obsah
...

{/block}
@]

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