Task: Převod designu do pohledů

Display viewsDisplay views
V rámci této úlohy jsou vytvářeny tzv. Pohledy (z anglického views), které reprezentují jednotlivé obrazovky aplikace.
Disciplines: Vývoj
Expand All SectionsExpand All Sections    Collapse All SectionsCollapse All Sections
CollapsePurpose  
Implementace uživatelského rozhraní aplikace
Back to topBack to top
CollapseRelationships  
RolesPrimary Performer: Additional Performers:
InputsMandatory:
    		Optional:
      Outputs
        Back to topBack to top
        CollapseMain Description  

        Pohledy vycházejí z navrhnutého Designu webové aplikace, přičemž by změny vzhledu měly být minimální a odůvodněné.

        Při implementaci je důležité dbát na to, aby všechny formuláře a prvky napříč webovou aplikaci byly z hlediska vzhledu konzistentní. V případě že aplikace využívá nějaké hotové komponenty (datová tabulka, galerie atd.), je třeba je také pomocí CSS vhodně stylizovat. Pohledy je vždy důležité zkontrolovat ve všech hlavních prohlížečích (i jejich starších verzích) – každý prohlížeč může stránku jinak vykreslit, nebo dokonce změnit funkčnosti.

        Back to topBack to top
        CollapseSteps  
        Expand All StepsExpand All Steps Collapse All StepsCollapse All Steps
        ExpandIdentifikovat použité komponenty  
        Analýza Designu webových stránek a identifikování jednotlivých komponent. Návrh způsobu realizace těchto komponent v Pohledu. Jedná se všechny prvky použité na webu od vstupních polí, rozbalovacích seznamů, po datové tabulky, grafy, galerie apod.
        ExpandNávrh layoutu stránek  
        Layout pomáhá k zachování konzistentního vzhledu napříč pohledy. V tomto kroku je třeba určit, které části webových stránek se budou často opakovat – obecně se jedná o hlavičku, navigaci apod. Z nich se následně vytvoří layout, který bude součástí více pohledů. Výhodou je mimo jiné i snadná úprava – vše je definováno na jednom místě.
        ExpandTvorba Pohledů  
        Následuje samotné vytváření pohledů. To je realizováno kódem HTML a kaskádových stylů. Pro usnadnění je ve frameworku ASP.NET MVC dostupný tzv. Razor engine, umožňující generování HTML na základě C# kódu. Spolu s ním je možné využít i HTML Helpery, díky kterým není třeba psát všechny komponenty ručně.
        Pohled obsahuje definované komponenty a statická data. Dynamická data jsou mu předávány ovladačem. Každému pohledu je možné přiřadit jeden model, který reprezentuje typicky nějakou entitu z reálného světa (zákazník, objednávka atd.) a jeho data jsou většinou uložená v databázi. Takto předaná data podléhají silné typové kontrole. Další možností, jak předat pohledu data je dynamická proměnná ViewBag (jejíž data jsou ukládána do slovníku ViewData), která je také předána ovladačem, nicméně do ní lze uložit cokoliv - její kód je vytvářen až po předání dotazu ovladači a není tak třeba předem definovat strukturu.
        ExpandOvěření na vzorových datech  
        Aby se dal Pohled považovat za hotový, je třeba v něm zobrazit reálná data. Mnohdy s nimi může stránka vypadat jinak, zároveň se tak doladí různé parametry, aby výsledný produkt vypadal co nejlépe.
        V případě, že ještě není vytvořená logika aplikace, je vhodné otestovat Pohled na datech vzorových. V příslušných ovladačích se tak pouze pošlou do Pohledů vzorová data pomocí modelu či ViewBag. Tím se ověří celkový vzhled Pohledu, včetně částí psaných v C#.
        Back to topBack to top
        CollapseMore Information  
        Guidelines
        Back to topBack to top

        This program and the accompanying materials are made available under the
        Eclipse Public License v1.0 which accompanies this distribution.

        MMSP copyright.