21. Vývojové diagramy

Opakování

• GeoGebra - krokování konstrukce

Zápis (praxe.md):

---

21. Vývojové diagramy
- grafické znázornění postupu zpracování dat (algoritmu)
- **MS Word** - vkládání obrazců s přidaným textem do plátna, propojení spojnicemi, možno uložit vektorově jako pdf nebo bitmapově jako png, jpg (zkopírovat obrazce a vložit jako obrázek)
- **MS Visio** - specializovaný software pro diagramy, efektivnější propojování obrazců, možnost propojení obrazců s tabulkou Excelu, s databází

---

Teorie

• algoritmus - postup zpracování dat (analogie technologického postupu ve výrobě, receptu na přípravu jídla) - učebnice, wiki
  • pro stejný úkol může existovat více správných algoritmů ale různou efektivitou (např. hledání hodnoty v řadě hodnot, řazení)
• vývojové diagramy - grafické vyjádření algoritmu - př. žárovky, recept v svg (analyzovat v Inkscapu - problém nespojení šipek s objekty)
  • usnadňují návrh složitého programu, používají se pro zdokumentování algoritmů např. při žádosti o patent
  • symboly - obr.:
    •  obdélník se zaoblenými rohy - začátek a konec
    • kosodélník - vstupy, výstupy
    • obdélník - provedení operace (procedura)
    • kosočtverec - rozhodování, větvení (if ... then ... else)
    • příklady - while-do, do-while, for

MS Word - grafické obrazce - ukázat na příkladu výv. diagramu žárovky

• Vložení - obrazce - Nové kreslící plátno (pravé tl. Formátovat kreslící plátno)
• Vložení - obrazce - paleta Vývojové diagramy
• manipulace s objektem - změna velikosti, přesun, otočení, styl
• pravé tl. Přidat text
• spojnice - vybrat z palety čáru se šipkou - vybrat uzel na připojovaném objektu (vyjet myší z objektu a vrátit se na něj), návod (připojení spojnic funguje jen v rámci plátna)
• popisky - text v rámečku bez ohraničení, přes pravé tl. přenést do pozadí
• přenos grafiky do jiného softwaru přes schránku (bitmapa) - ověřit v GIMPu (nízké rozlišení), příp. uložit jako pdf (vektor) - ověřit v Inkscapu
• Uložení do obrázku (bitmapy) - vybrat objekty, zkopírovat do schránky a na jiném místě menu Domů - Vložit jako obrázek (také možno použít Vložit jinak), pak přes pravé tl. Uložit jako obrázek - dosažení vyššího rozlišení
• podobně funguje grafika i v Excelu, PowerPointu

Cvičení

• vytvořit vývojový diagram pro určení pohlaví z rodného čísla
• uložit jako PzRC.pdf a pak jako obrázek PzRC.png (viz návod výše)

Microsoft Visio - software specializovaný na diagramy

• online verze součástí Microsoft 365
• Volba šablony - Vývojové diagramy
• Výběr objektu z palety
• Přidání textu dvojklikem (lze použít i na spojnici)
• další objekty lze vytvářet s automatickou tvorbou spojnic pomocí ikon šipek - viz. obr.
• spojnice lze také vytvářet výběrem uzlu a tažením spojit s dalším uzlem
• Návrh - Motivy - celková změna grafického designu
• Uložení jako vsdx (nativní vektorový formát), vektorová grafika (pdf), obrázek (png, jpg) s volbou rozlišení

Alternativní online software - Lucidchart

Cvičení

• vytvořit ve Visio vývojový diagram pro určení data narození z rodného čísla
  • předpokládáme pro zjednodušení, že nežijí lidé starší než 99 let
  • Stáhnout jako DNzRC.png a DNzRC.pdf
  • PNG otevřít v GIMPu, PDF otevřít v Inkscapu a ověřit možnost editace
• varianta - určení měsíce narození podle rodného čísla,
• varianta - určení věku podle rodného čísla (jen na základě roku)