Vývojový diagram (flowchart) je grafická reprezentácia algoritmu. Namiesto textu používa symboly a šípy, ktoré ukazujú, v akom poradí sa vykonávajú kroky a ako program rozhoduje. Symboly sú štandardizované — rovnaké na celom svete.
Základné symboly
Oval / zaoblený obdĺžnik — Začiatok / Koniec
( ZAČIATOK ) ( KONIEC )
Každý vývojový diagram má práve jeden začiatok a aspoň jeden koniec. Oval naznačuje, že program sa spúšťa alebo ukončuje.
Obdĺžnik — Proces / Príkaz
┌─────────────────────┐
│ vysledok = a + b │
└─────────────────────┘
Obdĺžnik reprezentuje akciu alebo výpočet — priradenie, výpočet, volanie funkcie. Väčšina krokov algoritmu ide sem.
Kosoštvorcové — Rozhodnutie (podmienka)
╱ ╲
╱ ╲
╱ a>b? ╲
╲ ╱
╲ ╱
╲ ╱
Z kosoštvorco vychádzajú dve (alebo viac) vetvy: zvyčajne "Áno" a "Nie". Zodpovedá príkazu if.
Rovnobežník — Vstup / Výstup
╱──────────────────╲
╱ Zadaj číslo ╲
╲ ╱
╲──────────────────╱
Rovnobežník znázorňuje vstup od používateľa (input()) alebo výstup na obrazovku (print()).
Mnemotechnická pomôcka: Rovnobežník vyzerá ako "naklonený" obdĺžnik — naklonený od normy, lebo vstup/výstup je komunikácia so svetom mimo programu.
Šíp — Tok / Prechod
Šípy spájajú symboly a ukazujú smer toku algoritmu. Tok zvyčajne ide zhora nadol a zľava doprava.
Kruh / malý kruh — Konektor
○
Malý kruh slúži ako "pokračuj tu" — používa sa, keď vývojový diagram je príliš veľký na jednu stránku, alebo keď sa tok vracia na skorší bod.
Prehľad symbolov
| Symbol | Tvar | Použitie |
|---|---|---|
| Začiatok/Koniec | Oval | Štart a koniec algoritmu |
| Proces | Obdĺžnik | Výpočet, priradenie |
| Rozhodnutie | Kosoštvorec | Podmienka if/while |
| Vstup/Výstup | Rovnobežník | input() / print() |
| Tok | Šíp | Smer vykonávania |
| Konektor | Kruh | Prepojenie na iné miesto |
Príklad — symboly pre jednoduchý algoritmus
Algoritmus: "Prečítaj číslo a vypíš, či je párne alebo nepárne."
( ZAČIATOK )
↓
╱ Zadaj cislo ╲
↓
┌─────────────────┐
│ zostatok = cislo │
│ mod 2 │
└─────────────────┘
↓
╱ zostatok ╲
╱ == 0 ? ╲
╱ ╲
Áno Nie
↓ ↓
╱ Vypíš ╲ ╱ Vypíš ╲
╲ "párne" ╱ ╲"nepárne"╱
↓ ↓
└──────┬────────┘
↓
( KONIEC )
Pri kreslení vývojových diagramov si pomôž mriežkovým papierom alebo aplikáciou (draw.io, Lucidchart). Dbaj na to, aby šípy boli jasné a nekrížili sa zbytočne.
Cyklus vo vývojovom diagrame
Cyklus vznikne, keď šíp smeruje späť na predchádzajúci symbol — vytvára slučku:
( ZAČIATOK )
↓
┌──────────────┐
│ i = 1 │
└──────────────┘
↓
╱ i ≤ 10? ╲──Nie──→ ( KONIEC )
╱ ╲
Áno
↓
╱ Vypíš i ╲
↓
┌──────────┐
│ i = i+1 │
└──────────┘
↓ (späť na podmienku)
Cvičné príklady
Ktorý symbol vývojového diagramu sa použije pre príkaz print('Ahoj') a prečo?
Zobraziť odpoveď
Koľko vetiev vychádza z kosostvorce (symbolu rozhodnutia) a čo reprezentujú?