Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
statnice:bakalar:b4b36sin [2025/05/29 14:38] – [UML digram případů užití. Scénáře případů užití. Wireframes.] prokopstatnice:bakalar:b4b36sin [2025/05/29 15:15] (current) – [UML sekvenční diagram (Sequence Diagram)] prokop
Line 285: Line 285:
   * Scénáře popisují posloupnost kroků, vstupy a výstupy.     * Scénáře popisují posloupnost kroků, vstupy a výstupy.  
  
-{{:statnice:bakalar:sinusecasescenario.png?700}} +{{:statnice:bakalar:sinusecasescenario.png?900}}
  
 === Wireframes === === Wireframes ===
Line 294: Line 293:
   * Usnadňují plánování uživatelských interakcí a navigace v aplikaci.     * Usnadňují plánování uživatelských interakcí a navigace v aplikaci.  
  
-{{:statnice:bakalar:sinwireframe.png?700}}+{{:statnice:bakalar:sinwireframe.png?900}}
  
 ===== UML diagram tříd, diagram stavů. Vazby aggregace a kompozice. ===== ===== UML diagram tříd, diagram stavů. Vazby aggregace a kompozice. =====
 +
 +==== UML diagram tříd ====
 +  * UML diagram tříd je statický diagram, který modeluje strukturu systému.  
 +  * Zachycuje třídy, jejich atributy, metody a vztahy mezi nimi.  
 +  * **Klíčové prvky:  **
 +    - Třída: jméno, atributy, (operace (metody))  
 +    - Viditelnost členů: public (+), private (-), protected (#), package (~)  
 +    - Násobnost (multiplicitа): vyjadřuje počet instancí vztahu (např. 1, 0..*, 1..*)  
 +    - Asociace: spojení mezi třídami, může mít jméno a role  
 +    - Asociační třída: slouží k přidání atributů nebo operací ke vztahu  
 +  * Doporučení:  
 +    - Používat srozumitelná jména (UpperCamelCase pro třídy, lowerCamelCase pro atributy a metody)  
 +    - Nepoužívat zkratky  
 +{{statnice:bakalar:sinclass.png?900}}
 +
 +==== Vazby agregace a kompozice ====
 +  * **Agregace**  
 +    - Vyjadřuje vztah celek–část, kde části mohou existovat nezávisle na celku.  
 +    - Znázorněna prázdným kosočtvercem na straně celku.  
 +    - Příklad: Počítač obsahuje více periferií, ale periférie existují samostatně.  
 +  * **Kompozice**  
 +    - Silnější forma agregace, kde části jsou závislé na celku.  
 +    - Znázorněna plným kosočtvercem na straně celku.  
 +    - Pokud celek zanikne, zanikají i jeho části (kaskádové mazání).  
 +    - Příklad: Dům má patra, která bez domu neexistují.  
 +{{statnice:bakalar:sinaggr.png?500}} {{statnice:bakalar:sincomp.png?500}}
 +
 +==== UML diagram stavů (State Diagram) ====
 +  * Slouží k modelování životního cyklu objektů, jejich stavů a přechodů mezi nimi.  
 +  * Základní prvky:  
 +    - Počáteční stav (start) – označený černým bodem.  
 +    - Stavy – pojmenované bloky, reprezentují různé fáze životního cyklu.  
 +    - Přechody – šipky označující změnu stavu, často s podmínkou (guard) a akcí.  
 +    - Konečný stav (end) – označený kroužkem se středem.  
 +  * Použití:  
 +    - Modelování stavů objednávky (nová, zpracovává se, dokončená, zrušená).  
 +    - Popis reakce systému na události.
 +  
 +{{statnice:bakalar:sinstate.png?500}}
 +
 ===== UML diagramy nasazení, komponent a sekvencí. ===== ===== UML diagramy nasazení, komponent a sekvencí. =====
 +
 +
 +==== UML diagram komponent ====
 +  * Popisuje logickou architekturu systému – rozdělení na moduly a subsystémy.  
 +  * Základním prvkem je komponenta (component), což je černá skříňka s definovanými rozhraními.  
 +  * Komponenty mají poskytovaná (provided) a požadovaná (required) rozhraní, které definují jejich chování a závislosti.  
 +  * Komponenta může obsahovat další komponenty, takže umožňuje hierarchickou strukturu (viz. obrázek, celý systém je také komponenta)
 +
 +{{:statnice:bakalar:sincompdiag.png?700}}
 +
 +==== UML diagram nasazení (Deployment Diagram) ====
 +  * Popisuje fyzické nasazení softwarových komponent na hardware.  
 +  * Základní prvky:  
 +    - Uzly (nodes) – fyzické zařízení (server, počítač, router).  
 +    - Artefakty (artifacts) – softwarové komponenty nasazené na uzlech (soubor, aplikace).  
 +    - Vazby – spojení mezi uzly, které znázorňují komunikaci nebo propojení.  
 +  * Slouží k plánování a dokumentaci fyzické infrastruktury.  
 +{{:statnice:bakalar:sindeploy.png?900}}
 +
 +**umístění SW na HW (Artefakty)**
 +
 +{{:statnice:bakalar:sinswhw1.png?700}}{{:statnice:bakalar:sinswhw2.png?700}}
 +==== UML sekvenční diagram (Sequence Diagram) ====
 +  * Modeluje časovou posloupnost interakcí mezi objekty nebo komponentami.  
 +  * Zobrazuje, jaké zprávy jsou mezi objekty posílány a v jakém pořadí.  
 +  * Základní prvky:  
 +    - Lifelines – reprezentují objekty nebo instance.  
 +    - Aktivace – doba, kdy je objekt aktivní (vykonává akci).  
 +    - Zprávy – synchronní i asynchronní volání metod mezi objekty.  
 +    - Vytváření a zničení objektů.  
 +    - Kombinované fragmenty (alt, opt, loop) pro podmíněné a opakované chování.  
 +  * Používá se pro detailní analýzu chování systému a komunikace mezi komponentami.  
 +
 +{{:statnice:bakalar:sinseqadd.png?500}}{{:statnice:bakalar:sinseqdel.png?500}}
 +
 +{{:statnice:bakalar:sinseq.png?600}}           {{:statnice:bakalar:sinseq1.png?700}}
 ===== Komponentový vývoj, dependency injection, java EE architektura, kontejnery. ===== ===== Komponentový vývoj, dependency injection, java EE architektura, kontejnery. =====
  
Navigation

Playground

QR Code
QR Code statnice:bakalar:b4b36sin (generated for current page)