Skip to content

Plán sítě

Funkce Plán sítě vytváří interaktivní vizualizaci síťového diagramu vašich zařízení, kamer a jejich propojení. Automaticky generuje strukturovaný diagram znázorňující, jak jsou všechny síťové komponenty propojené, s možnostmi přizpůsobení rozvržení, stylu a exportu. Můžete ručně upravovat pozice zařízení, přidávat vlastní textové popisky, konfigurovat vzhled a exportovat diagram jako JPG nebo PDF pro dokumentaci a prezentace.

Plán sítě zahrnuje výkonné nástroje pro tvorbu profesionálních diagramů: vícenásobný výběr a zarovnávací nástroje pro přesné umístění, zobrazení mřížky s přichytáváním pro konzistentní rozestupy, ovládání viditelnosti ikon pro zaměření na konkrétní segmenty sítě a kontextové nabídky po kliknutí pravým tlačítkem pro rychlé akce. Všechna propojení se automaticky aktualizují při přesunu zařízení a skrytá zařízení zároveň automaticky skryjí i svá propojení.

Rozhraní Plánu sítě

Kdy to použít

  • Když potřebujete vytvořit vizuální síťový diagram všech zařízení a jejich propojení
  • Při přípravě síťové dokumentace pro instalační týmy nebo klienty
  • Když chcete vizualizovat topologii sítě a tok dat ve vašem systému
  • Když potřebujete exportovat profesionální síťové diagramy pro nabídky nebo technickou dokumentaci
  • Když chcete přizpůsobit rozvržení a vzhled svého síťového diagramu

Otevření Plánu sítě

Chcete-li otevřít funkci Plán sítě:

  1. Klikněte na ikonu Network diagram (fa fa-network-wired) v levém panelu nástrojů.
  2. Otevře se rozhraní Plánu sítě se zobrazovacím plátnem s vaším síťovým diagramem a postranním panelem s možnostmi konfigurace.

Pokud Plán sítě pro svůj projekt otevíráte poprvé, systém automaticky uspořádá všechna zařízení a kamery pomocí algoritmu automatického rozvržení.

Automatické rozvržení

Funkce automatického rozvržení automaticky uspořádá všechna zařízení a kamery ve vašem síťovém diagramu. Vznikne tak čistá, organizovaná struktura, která jasně ukazuje propojení mezi zařízeními.

  • Auto Layout button – Kliknutím automaticky přeuspořádáte všechna zařízení a kamery na plátně
  • Orientation – Zvolte směr rozvržení:
    • Left-Right (LR) – Zařízení jsou uspořádána zleva doprava
    • Right-Left (RL) – Zařízení jsou uspořádána zprava doleva
    • Top-Bottom (TB) – Zařízení jsou uspořádána shora dolů (výchozí)
    • Bottom-Top (BT) – Zařízení jsou uspořádána zdola nahoru

Algoritmus automatického rozvržení zohledňuje všechna propojení mezi zařízeními a uspořádá je tak, aby minimalizoval překryvy a vytvořil jasnou vizuální hierarchii. Po spuštění automatického rozvržení můžete nadále ručně upravovat pozice zařízení jejich přetažením na plátně.

Velikost ikon

Posuvník velikosti ikon ovládá velikost ikon zařízení a kamer v síťovém diagramu:

  • Upravte posuvník pro změnu velikosti ikon od 5 do 30 pixelů
  • Větší ikony jsou lépe viditelné, ale zabírají více místa
  • Menší ikony umožní umístit na plátno více zařízení
  • Velikost ovlivňuje jak ikony zařízení, tak ikony kamer

Barevné ikony

Přepínač Barevné ikony určuje, zda se ikony zařízení zobrazují barevně, nebo jako jednoduché bílé kruhy:

  • Enabled – Ikony se zobrazují v nakonfigurovaných barvách (barvy ikon zařízení nebo výchozí barvy typů)
  • Disabled – Všechny ikony se zobrazují jako bílé kruhy s černým okrajem

Barevné ikony pomáhají vizuálně odlišit různé typy zařízení, zatímco jednobarevné ikony vytvářejí čistší a jednotnější vzhled.

Mřížka

Funkce Mřížka poskytuje vizuální vodítka pro zarovnání a funkci přichytávání k mřížce, která vám pomůže vytvářet přesné a organizované síťové diagramy:

  • Grid toggle – Zapne nebo vypne zobrazení mřížky na plátně
  • Snap to grid – Pokud je zapnuto, ikony se při přetažení automaticky přichytávají k čarám mřížky
  • Grid size – Upraví rozteč mřížky od 10 do 100 pixelů (výchozí: 40 px)

Mřížka se na plátně zobrazuje jako jemné čáry, přičemž každá 5. čára je o něco tmavší pro snazší orientaci. Když je přichytávání k mřížce zapnuté, přetažení jakékoli ikony ji automaticky umístí na nejbližší průsečík mřížky, což zajistí konzistentní zarovnání a rozestupy v celém diagramu.

Orientace stránky

Nastavte orientaci exportovaného síťového diagramu:

  • Portrait – Svislá orientace (vyšší než širší)
  • Landscape – Vodorovná orientace (širší než vyšší)

Orientace ovlivňuje jak zobrazení plátna, tak exportovaný soubor PDF/JPG.

Velikost stránky

Vyberte formát papíru pro export síťového diagramu:

  • A4, A3, A2, A1, A0 – Standardní formáty ISO
  • Letter, Legal, Tabloid – Severoamerické formáty

Zvolená velikost stránky určuje rozměry plátna i exportovaného souboru. Větší velikosti (A2, A1, A0) jsou užitečné pro složité sítě s mnoha zařízeními, zatímco menší velikosti (A4, Letter) jsou vhodné pro jednodušší sítě nebo digitální zobrazení.

Viditelnost ikon

Panel Icon Visibility (standardně sbalený) umožňuje v síťovém diagramu zobrazovat nebo skrývat jednotlivá zařízení a kamery:

  • Expand/Collapse – Kliknutím na šipku v záhlaví panelu rozbalíte nebo sbalíte seznam viditelnosti
  • Show all / Hide all – Rychlé akce pro hromadné zobrazení nebo skrytí všech ikon
  • Filter – Pište do vyhledávacího pole pro filtrování seznamu podle názvu zařízení
  • Toggle visibility – Přepínač vedle každého zařízení pro zobrazení nebo skrytí

Když je ikona skrytá:

  • Ikona ani její štítek se na plátně nezobrazují
  • Všechna propojení k tomuto zařízení se také automaticky skryjí
  • Skryté položky jsou v seznamu viditelnosti ztlumené pro snadnou identifikaci

Tato funkce je užitečná pro zaměření na konkrétní části sítě, vytváření zjednodušených pohledů pro prezentace nebo dočasné odstranění zařízení z diagramu bez jejich smazání.

Legenda

Funkce Legenda zobrazuje vizuální přehled všech typů propojení použitých ve vašem síťovém diagramu:

  • Legend toggle – Zapne nebo vypne zobrazení legendy
  • Legend position – Zvolte, kde se legenda zobrazí:
    • Top Left – Levý horní roh
    • Top Right – Pravý horní roh
    • Bottom Left – Levý dolní roh
    • Bottom Right – Pravý dolní roh

Legenda zobrazuje každý typ propojení s odpovídajícím stylem čáry, barvou a šířkou, takže snadno pochopíte, co jednotlivé spojnice v diagramu představují. Legendu lze přetahovat, takže ji v případě potřeby můžete přesunout.

Vlastní texty

Do síťového diagramu můžete přidávat vlastní textové popisky pro poznámky, názvy nebo další informace:

  • Add Text button – Kliknutím přidáte do diagramu nový textový objekt
  • Text input – Zadejte nebo upravte obsah textu pro každý textový objekt
  • Styling button – Kliknutím na ikonu tužky otevřete možnosti stylování textového objektu

Stylování textu

Po kliknutí na tlačítko stylování u textového objektu se zobrazí překryvné dialogové okno s možnostmi:

  • Color – Vyberte barvu textu pomocí výběru barev
  • Font size – Nastavte velikost písma od 8 do 72 pixelů
  • Apply to all texts – Tlačítko pro použití aktuálního stylu na všechny textové objekty v diagramu

Textové objekty lze na plátně přetahovat, takže je můžete umístit kamkoli do diagramu. Můžete vybrat více textových objektů (viz níže Vícenásobný výběr) a přesouvat je společně nebo je zarovnat pomocí panelu zarovnání.

Typ souboru

Zvolte formát exportu vašeho síťového diagramu:

  • JPG – Obrazový formát vhodný pro digitální použití a prezentace
  • PDF – Dokumentový formát ideální pro tisk a profesionální dokumentaci

Volba typu souboru určuje formát exportovaného souboru po kliknutí na tlačítko Export.

Interakce s plátnem

Plátno Plánu sítě je plně interaktivní a umožňuje manipulovat s diagramem:

  • Přetahování zařízení – Kliknutím a přetažením libovolného zařízení nebo ikony kamery ji přesunete na plátně
  • Přetahování štítků – Kliknutím a přetažením přesunete štítky zařízení relativně k jejich zařízením
  • Přetahování textů – Kliknutím a přetažením přesunete vlastní textové objekty kamkoli na plátně
  • Posun plátna – Kliknutím a tažením v prázdných oblastech plátna posunete zobrazení
  • Přiblížení/oddálení – Pomocí kolečka myši zvětšujte a zmenšujte (0,1× až 2×)
  • Dotyková gesta – Na mobilních zařízeních použijte gesto roztažení pro zoom a posun dvěma prsty

Plátno automaticky zabraňuje přetažení zařízení nebo štítků přes spojnice nebo na jiná zařízení, aby se zachovala čitelnost diagramu.

Vícenásobný výběr a zarovnání

Můžete vybrat více položek (zařízení, kamery, štítky nebo vlastní texty) a manipulovat s nimi společně:

Výběr položek

  • Jedno kliknutí – Kliknutím na ikonu, štítek nebo text ji vyberete (zruší předchozí výběr)
  • Ctrl/Cmd/Shift + click – Podržte Ctrl (Windows/Linux) nebo Cmd (Mac) či Shift a klikáním přidávejte položky do výběru
  • Výběr obdélníkem – Klikněte a táhněte na prázdném plátně a nakreslete výběrový obdélník, který vybere všechny položky uvnitř
  • Klávesa Escape – Stiskněte Escape pro zrušení všech výběrů

Vybrané položky jsou zvýrazněny modrým rámečkem s přerušovaným obrysem. Když vyberete 2 nebo více položek, v horní části plátna se zobrazí plovoucí panel zarovnání.

Vícenásobné přetažení

Při výběru více položek jejich přetažení posune všechny vybrané položky společně o stejnou vzdálenost. Tím se zachovají jejich vzájemné pozice a umožní se současné přesuny celých skupin zařízení, štítků nebo textů.

Panel zarovnání

Panel zarovnání se zobrazí při výběru 2 nebo více položek a poskytuje rychlé možnosti zarovnání a rozmístění:

  • Align Left – Zarovná všechny vybrané položky k nejlevější pozici
  • Align Right – Zarovná všechny vybrané položky k nejpravější pozici
  • Align Top – Zarovná všechny vybrané položky k nejhornější pozici
  • Align Bottom – Zarovná všechny vybrané položky k nejspodnější pozici
  • Align Center Horizontal – Vycentruje všechny položky svisle (stejná souřadnice Y)
  • Align Center Vertical – Vycentruje všechny položky vodorovně (stejná souřadnice X)
  • Distribute Horizontal – Rovnoměrně rozmístí položky vodorovně mezi nejlevější a nejpravější položkou
  • Distribute Vertical – Rovnoměrně rozmístí položky svisle mezi nejhornější a nejspodnější položkou
  • Deselect all – Zruší výběr (také dostupné klávesou Escape)

Panel zarovnání funguje s libovolnou kombinací zařízení, kamer, štítků a vlastních textů, takže můžete vytvářet dokonale zarovnané a organizované diagramy.

Štítky zařízení

Každé zařízení a kamera v síťovém diagramu zobrazuje automaticky generovaný štítek obsahující:

  • Typ zařízení – Typ zařízení (např. Router, Switch, Camera)
  • Název – Zobrazovaný název zařízení nebo model kamery
  • IP adresa – IP adresa zařízení (pokud je nakonfigurována)

Štítky jsou automaticky umístěny tak, aby se vyhnuly překryvu se spojnicemi. Pozice štítků můžete ručně upravit jejich přetažením a systém si vaše vlastní pozice zapamatuje.

Spojovací čára štítku

Když je štítek vybrán nebo je přetahován, zobrazí se jemná modrá přerušovaná čára spojující štítek s ikonou zařízení. Toto vizuální vodítko pomáhá vidět, který štítek náleží kterému zařízení, zejména když jsou štítky umístěny dál od svých ikon. Spojnice obsahuje na konci u štítku malou kotevní tečku pro jasnou vizuální referenci.

Výběr štítků a vícenásobný výběr

Štítky lze vybírat nezávisle na ikonách zařízení:

  • Kliknutí na štítek – Vybere štítek (ne ikonu)
  • Kliknutí na ikonu – Vybere ikonu (ne štítek)
  • Vícenásobný výběr štítků – Použijte Ctrl/Cmd/Shift + klik nebo výběr obdélníkem pro výběr více štítků
  • Vícenásobné přetažení štítků – Při výběru více štítků jejich přetažení přesune všechny vybrané štítky společně

Štítky lze zahrnout do operací zarovnání spolu se zařízeními, kamerami a vlastními texty.

Kontextová nabídka po kliknutí pravým tlačítkem

Kliknutí pravým tlačítkem na jakoukoli ikonu zařízení nebo kamery otevře kontextovou nabídku s rychlými akcemi:

  • Hide icon / Show icon – Přepíná viditelnost vybraného zařízení nebo kamery. Při skrytí jsou ikona, její štítek a všechna propojení k ní odstraněna z diagramu
  • Reset label position – Obnoví pozici štítku na automaticky vypočtenou pozici a odstraní vlastní umístění

V horní části kontextové nabídky se pro snadnou identifikaci zobrazuje název zařízení a typ ikony. Kliknutím mimo nabídku ji zavřete.

Export

Chcete-li exportovat svůj síťový diagram:

  1. Nakonfigurujte všechna nastavení (velikost stránky, orientaci, velikost ikon atd.)
  2. Uspořádejte zařízení a podle potřeby přidejte vlastní texty
  3. Klikněte na tlačítko Export ve spodní části postranního panelu
  4. Diagram bude exportován ve zvoleném formátu (JPG nebo PDF) a stažen do vašeho počítače

Export zahrnuje:

  • Všechna zařízení a kamery v jejich aktuálních pozicích
  • Všechny spojnice s jejich nakonfigurovanými styly
  • Vlastní textové objekty
  • Legendu (pokud je zapnuta)
  • Nastavení velikosti stránky a orientace

Tipy

  • Nejprve použijte automatické rozvržení pro dobré výchozí uspořádání a poté podle potřeby ručně dolaďte pozice
  • Před laděním pozic zvolte orientaci (TB, LR atd.), která nejlépe odpovídá struktuře vaší sítě
  • Pro prezentace použijte větší ikony a pro detailní dokumentaci menší
  • Zapněte barevné ikony, když potřebujete rychle identifikovat typy zařízení; pro čistší vzhled použijte jednobarevné
  • Přidávejte vlastní texty pro označení segmentů sítě, přidání názvů nebo poskytnutí dalšího kontextu
  • Umístěte legendu do rohu, který nepřekáží vašemu síťovému diagramu
  • Pro složité sítě s mnoha zařízeními použijte velikosti stránek A3 nebo A2, aby bylo vše dobře viditelné
  • Pamatujte, že štítky zařízení lze přemístit, pokud se překrývají se spojnicemi
  • Exportujte do PDF pro tisk a do JPG pro digitální prezentace nebo sdílení e-mailem
  • Povolte mřížku, když potřebujete přesné zarovnání – pomáhá vytvářet profesionální, organizované diagramy
  • Použijte přichytávání k mřížce pro konzistentní rozestupy mezi zařízeními, zejména při tvorbě strukturovaných rozvržení
  • Vyberte více zařízení pomocí výběru obdélníkem nebo Ctrl+klik pro rychlé zarovnání či rozmístění skupin zařízení
  • Použijte panel zarovnání k vytvoření dokonale zarovnaných řad nebo sloupců zařízení
  • Skryjte nepoužívaná zařízení pomocí panelu Icon Visibility nebo kontextové nabídky pravého tlačítka a zaměřte se na konkrétní segmenty sítě
  • Vybírejte štítky nezávisle na ikonách pro jemné doladění pozice štítků bez přesouvání zařízení
  • Použijte vícenásobné přetažení, abyste přesunuli celé skupiny zařízení a zachovali jejich vzájemné pozice
  • Klikněte pravým tlačítkem na ikony pro rychlý přístup k funkcím skrytí/zobrazení a resetu pozice štítku
  • Kombinujte zarovnávací nástroje s přichytáváním k mřížce pro dokonale přesná rozvržení diagramů

Související témata