Network Plan

Die Funktion Network Plan erstellt eine interaktive Netzwerkdiagramm-Visualisierung der Geräte, Kameras und Verbindungen Ihres Projekts. Sie generiert automatisch ein strukturiertes Diagramm, das zeigt, wie alle Netzwerkkomponenten verbunden sind, mit anpassbarem Layout, Styling und Exportoptionen. Sie können Gerätepositionen manuell anpassen, benutzerdefinierte Textlabels hinzufügen, das visuelle Erscheinungsbild konfigurieren und das Diagramm als JPG oder PDF für Dokumentation und Präsentationen exportieren.

Der Network Plan umfasst leistungsstarke Designwerkzeuge zum Erstellen professioneller Diagramme: Mehrfachauswahl- und Ausrichtungswerkzeuge für präzises Positionieren, Rasteranzeige mit Einrasten am Raster für gleichmäßige Abstände, Steuerung der Symbolsichtbarkeit zur Fokussierung auf spezifische Netzwerkteile sowie Kontextmenüs per Rechtsklick für Schnellaktionen. Alle Verbindungen aktualisieren sich automatisch, wenn Geräte verschoben werden, und ausgeblendete Geräte blenden ihre Verbindungen ebenfalls automatisch aus.

Wann Sie diese Funktion verwenden sollten

• Wenn Sie ein visuelles Netzwerkdiagramm mit allen Geräten und ihren Verbindungen erstellen müssen
• Bei der Vorbereitung von Netzdokumentationen für Montageteams oder Kunden
• Wenn Sie die Netzwerktopologie und den Datenfluss in Ihrem System visualisieren möchten
• Wenn Sie professionelle Netzwerkdiagramme für Angebote oder technische Dokumentation exportieren müssen
• Wenn Sie Layout und Erscheinungsbild Ihres Netzwerkdiagramms anpassen möchten

Network Plan öffnen

So greifen Sie auf die Network Plan-Funktion zu:

1. Klicken Sie in der linken Symbolleiste auf das Network diagram-Symbol (fa fa-network-wired).
2. Die Network Plan-Oberfläche öffnet sich und zeigt eine Arbeitsfläche mit Ihrem Netzwerkdiagramm sowie eine Seitenleiste mit Konfigurationsoptionen.

Wenn Sie den Network Plan für Ihr Projekt zum ersten Mal öffnen, ordnet das System alle Geräte und Kameras automatisch mithilfe des Auto-Layout-Algorithmus an.

Auto-Layout

Die Funktion Auto Layout ordnet alle Geräte und Kameras in Ihrem Netzwerkdiagramm automatisch an. Dies erzeugt eine klare, organisierte Struktur, die die Verbindungen zwischen den Geräten deutlich zeigt.

• Auto Layout button – Klicken Sie, um alle Geräte und Kameras auf der Arbeitsfläche automatisch neu anzuordnen
• Orientation – Wählen Sie die Layoutrichtung:
  • Left-Right (LR) – Geräte verlaufen von links nach rechts
  • Right-Left (RL) – Geräte verlaufen von rechts nach links
  • Top-Bottom (TB) – Geräte verlaufen von oben nach unten (Standard)
  • Bottom-Top (BT) – Geräte verlaufen von unten nach oben

Der Auto-Layout-Algorithmus berücksichtigt alle Verbindungen zwischen Geräten und ordnet sie so an, dass Überlappungen minimiert und eine klare visuelle Hierarchie geschaffen wird. Nach dem Ausführen von Auto Layout können Sie Gerätepositionen weiterhin manuell anpassen, indem Sie sie auf der Arbeitsfläche ziehen.

Symbolgröße

Der Icon Size-Schieberegler steuert die Größe der Geräte- und Kamerasymbole im Netzwerkdiagramm:

• Passen Sie den Schieberegler an, um die Symbolgröße von 5 bis 30 Pixel zu ändern
• Größere Symbole machen Geräte sichtbarer, beanspruchen jedoch mehr Platz
• Kleinere Symbole ermöglichen es, mehr Geräte auf der Arbeitsfläche unterzubringen
• Die Größe wirkt sich gleichermaßen auf Geräte- und Kamerasymbole aus

Farbige Symbole

Der Icons Colored-Schalter steuert, ob Gerätesymbole farbig oder als einfache weiße Kreise angezeigt werden:

• Enabled – Symbole erscheinen in ihren konfigurierten Farben (Gerätesymbolfarben oder Standardtypfarben)
• Disabled – Alle Symbole erscheinen als weiße Kreise mit schwarzen Rändern

Farbige Symbole helfen, verschiedene Gerätetypen visuell zu unterscheiden, während monochrome Symbole ein saubereres, einheitlicheres Erscheinungsbild schaffen.

Raster

Die Grid-Funktion bietet visuelle Ausrichtungshilfen und Einrasten am Raster, um präzise, organisierte Netzwerkdiagramme zu erstellen:

• Grid toggle – Aktivieren oder deaktivieren Sie die Rasteranzeige auf der Arbeitsfläche
• Snap to grid – Wenn aktiviert, rasten Symbole beim Ziehen automatisch an Rasterlinien ein
• Grid size – Passen Sie den Rasterabstand von 10 bis 100 Pixel an (Standard: 40 px)

Das Raster erscheint als dezente Linien auf der Arbeitsfläche, wobei jede 5. Linie zur leichteren Orientierung etwas dunkler ist. Wenn Einrasten am Raster aktiviert ist, wird beim Ziehen eines beliebigen Symbols dieses automatisch an der nächstgelegenen Rasterkreuzung positioniert – für konsistente Ausrichtung und Abstände im gesamten Diagramm.

Seitenausrichtung

Legen Sie die Ausrichtung des exportierten Netzwerkdiagramms fest:

• Portrait – Vertikale Ausrichtung (höher als breit)
• Landscape – Horizontale Ausrichtung (breiter als hoch)

Die Ausrichtung wirkt sich sowohl auf die Arbeitsflächenansicht als auch auf die exportierte PDF/JPG-Datei aus.

Seitengröße

Wählen Sie das Papierformat für den Export Ihres Netzwerkdiagramms:

• A4, A3, A2, A1, A0 – Standard-ISO-Papierformate
• Letter, Legal, Tabloid – Nordamerikanische Papierformate

Die ausgewählte Seitengröße bestimmt die Abmessungen der Arbeitsfläche und der exportierten Datei. Größere Formate (A2, A1, A0) sind nützlich für komplexe Netzwerke mit vielen Geräten, während kleinere Formate (A4, Letter) für einfachere Netzwerke oder die digitale Ansicht geeignet sind.

Symbolsichtbarkeit

Das Icon Visibility-Panel (standardmäßig eingeklappt) ermöglicht es Ihnen, einzelne Geräte und Kameras in Ihrem Netzwerkdiagramm ein- oder auszublenden:

• Expand/Collapse – Klicken Sie auf das Chevron-Symbol in der Panel-Kopfzeile, um die Sichtbarkeitsliste ein- oder auszuklappen
• Show all / Hide all – Schnellaktionsschaltflächen, um alle Symbole auf einmal ein- oder auszublenden
• Filter – Tippen Sie in das Suchfeld, um die Liste nach Gerätenamen zu filtern
• Toggle visibility – Verwenden Sie den Kippschalter neben jedem Gerät, um es ein- oder auszublenden

Wenn ein Symbol ausgeblendet ist:

• Das Symbol und sein Label werden nicht auf der Arbeitsfläche angezeigt
• Alle Verbindungen zu diesem Gerät werden ebenfalls automatisch ausgeblendet
• Ausgeblendete Elemente erscheinen in der Sichtbarkeitsliste abgeblendet, um sie leicht zu erkennen

Diese Funktion ist nützlich, um sich auf bestimmte Teile Ihres Netzwerks zu konzentrieren, vereinfachte Ansichten für Präsentationen zu erstellen oder Geräte vorübergehend aus dem Diagramm zu entfernen, ohne sie zu löschen.

Legende

Die Legend-Funktion zeigt eine visuelle Anleitung mit allen Verbindungstypen, die in Ihrem Netzwerkdiagramm verwendet werden:

• Legend toggle – Aktivieren oder deaktivieren Sie die Legendenanzeige
• Legend position – Wählen Sie die Position der Legende:
  • Top Left – Oben links
  • Top Right – Oben rechts
  • Bottom Left – Unten links
  • Bottom Right – Unten rechts

Die Legende zeigt jeden Verbindungstyp mit entsprechendem Linienstil, Farbe und Breite, sodass leicht zu verstehen ist, was jede Verbindungsline in Ihrem Diagramm darstellt. Die Legende ist ziehbar, sodass Sie sie bei Bedarf neu positionieren können.

Benutzerdefinierte Texte

Sie können Ihrem Netzwerkdiagramm benutzerdefinierte Textlabels für Anmerkungen, Titel oder zusätzliche Informationen hinzufügen:

• Add Text button – Klicken Sie, um dem Diagramm ein neues Textobjekt hinzuzufügen
• Text input – Geben Sie den Textinhalt für jedes Textobjekt ein oder bearbeiten Sie ihn
• Styling button – Klicken Sie auf das Bleistiftsymbol, um die Stylingoptionen für ein Textobjekt zu öffnen

Textformatierung

Wenn Sie auf die Styling-Schaltfläche für ein Textobjekt klicken, erscheint ein Overlay-Dialog mit Formatierungsoptionen:

• Color – Wählen Sie die Textfarbe über den Farbwähler
• Font size – Legen Sie die Schriftgröße von 8 bis 72 Pixel fest
• Apply to all texts – Schaltfläche, um das aktuelle Styling auf alle Textobjekte im Diagramm anzuwenden

Textobjekte lassen sich auf der Arbeitsfläche ziehen, sodass Sie sie überall im Diagramm positionieren können. Sie können mehrere Textobjekte auswählen (siehe unten Multi-select) und sie gemeinsam verschieben oder über die Ausrichtungsleiste ausrichten.

Dateityp

Wählen Sie das Exportformat für Ihr Netzwerkdiagramm:

• JPG – Bildformat, geeignet für digitale Nutzung und Präsentationen
• PDF – Dokumentformat, ideal zum Drucken und für professionelle Dokumentation

Die Auswahl des Dateityps bestimmt das Format der exportierten Datei, wenn Sie auf die Schaltfläche Export klicken.

Interaktion mit der Zeichenfläche

Die Arbeitsfläche des Network Plan ist vollständig interaktiv und ermöglicht die Manipulation des Diagramms:

• Geräte ziehen – Klicken und ziehen Sie ein Geräte- oder Kamerasymbol, um es auf der Arbeitsfläche neu zu positionieren
• Beschriftungen ziehen – Klicken und ziehen Sie Gerätebeschriftungen, um sie relativ zu ihren Geräten neu zu positionieren
• Texte ziehen – Klicken und ziehen Sie benutzerdefinierte Textobjekte, um sie überall auf der Arbeitsfläche zu platzieren
• Arbeitsfläche ziehen – Klicken und ziehen Sie leere Bereiche der Arbeitsfläche, um die Ansicht zu verschieben
• Zoom – Verwenden Sie das Mausrad zum Ein- und Auszoomen (0,1x bis 2x)
• Touch-Gesten – Auf Mobilgeräten verwenden Sie Pinch-to-Zoom und Zwei-Finger-Ziehgesten

Die Arbeitsfläche verhindert automatisch, dass Geräte oder Beschriftungen auf Verbindungs­linien oder andere Geräte gezogen werden, um die Klarheit des Diagramms zu erhalten.

Mehrfachauswahl und Ausrichtung

Sie können mehrere Elemente (Geräte, Kameras, Beschriftungen oder benutzerdefinierte Texte) auswählen und gemeinsam bearbeiten:

Elemente auswählen

• Einfachklick – Klicken Sie auf ein Symbol, eine Beschriftung oder einen Text, um ihn auszuwählen (hebt die vorherige Auswahl auf)
• Ctrl/Cmd/Shift + Klick – Halten Sie Ctrl (Windows/Linux) oder Cmd (Mac) oder Shift gedrückt, während Sie klicken, um Elemente zu Ihrer Auswahl hinzuzufügen
• Rechteckauswahl – Klicken und ziehen Sie auf der leeren Arbeitsfläche, um ein Auswahlrechteck zu ziehen, das alle darin liegenden Elemente auswählt
• Escape-Taste – Drücken Sie Escape, um alle Auswahlen zu löschen

Ausgewählte Elemente werden mit einem blauen Rahmen und einer gestrichelten Kontur hervorgehoben. Wenn Sie 2 oder mehr Elemente auswählen, erscheint oben auf der Arbeitsfläche eine schwebende Ausrichtungsleiste.

Mehrfachziehen

Wenn mehrere Elemente ausgewählt sind, bewegt das Ziehen eines dieser Elemente alle ausgewählten Elemente gemeinsam um die gleiche Distanz. So bleiben relative Positionen erhalten, während Sie ganze Gruppen von Geräten, Beschriftungen oder Texten gleichzeitig neu positionieren können.

Ausrichtungsleiste

Die Ausrichtungsleiste erscheint, wenn 2 oder mehr Elemente ausgewählt sind, und bietet schnelle Optionen für Ausrichtung und Verteilung:

• Align Left – Richtet alle ausgewählten Elemente an der linksseitig am weitesten außen liegenden Position aus
• Align Right – Richtet alle ausgewählten Elemente an der rechtsseitig am weitesten außen liegenden Position aus
• Align Top – Richtet alle ausgewählten Elemente an der obersten Position aus
• Align Bottom – Richtet alle ausgewählten Elemente an der untersten Position aus
• Align Center Horizontal – Zentriert alle Elemente vertikal (gleiche Y-Koordinate)
• Align Center Vertical – Zentriert alle Elemente horizontal (gleiche X-Koordinate)
• Distribute Horizontal – Verteilt Elemente gleichmäßig horizontal zwischen dem linken und rechten äußersten Element
• Distribute Vertical – Verteilt Elemente gleichmäßig vertikal zwischen dem oberen und unteren äußersten Element
• Deselect all – Hebt die Auswahl auf (auch über die Escape-Taste verfügbar)

Die Ausrichtungsleiste funktioniert mit jeder Kombination aus Geräten, Kameras, Beschriftungen und benutzerdefinierten Texten und ermöglicht perfekt ausgerichtete, organisierte Diagramme.

Gerätebeschriftungen

Jedes Gerät und jede Kamera im Netzwerkdiagramm zeigt eine automatisch generierte Beschriftung mit folgenden Informationen:

• Gerätetyp – Der Typ des Geräts (z. B. Router, Switch, Camera)
• Name – Der Anzeigename des Geräts oder das Kameramodell
• IP-Adresse – Die IP-Adresse des Geräts (falls konfiguriert)

Beschriftungen werden automatisch so positioniert, dass sie sich nicht mit Verbindungs­linien überlappen. Sie können Beschriftungspositionen manuell anpassen, indem Sie sie ziehen; das System merkt sich Ihre benutzerdefinierten Positionen.

Verbindungslinie der Beschriftung

Wenn eine Beschriftung ausgewählt ist oder gezogen wird, erscheint eine dezente blaue gestrichelte Linie, die die Beschriftung mit ihrem Gerätesymbol verbindet. Diese visuelle Hilfe zeigt, welche Beschriftung zu welchem Gerät gehört, insbesondere wenn Beschriftungen weit von ihren Symbolen positioniert sind. Die Verbindungslinie enthält am Beschriftungsende einen kleinen Ankerpunkt als klare visuelle Referenz.

Auswahl von Beschriftungen und Mehrfachauswahl

Beschriftungen können unabhängig von ihren Gerätesymbolen ausgewählt werden:

• Klick auf die Beschriftung – Wählt die Beschriftung aus (nicht das Symbol)
• Klick auf das Symbol – Wählt das Symbol aus (nicht die Beschriftung)
• Mehrfachauswahl von Beschriftungen – Verwenden Sie Ctrl/Cmd/Shift + Klick oder die Rechteckauswahl, um mehrere Beschriftungen auszuwählen
• Mehrfachziehen von Beschriftungen – Wenn mehrere Beschriftungen ausgewählt sind, bewegt das Ziehen einer Beschriftung alle ausgewählten Beschriftungen gemeinsam

Beschriftungen können zusammen mit Geräten, Kameras und benutzerdefinierten Texten in Ausrichtungsvorgänge einbezogen werden.

Kontextmenü per Rechtsklick

Ein Rechtsklick auf ein Geräte- oder Kamerasymbol öffnet ein Kontextmenü mit Schnellaktionen:

• Hide icon / Show icon – Schaltet die Sichtbarkeit des ausgewählten Geräts oder der Kamera um. Wenn ausgeblendet, werden das Symbol, seine Beschriftung und alle Verbindungen daraus aus dem Diagramm entfernt
• Reset label position – Setzt die Beschriftungsposition auf die automatisch berechnete Position zurück und entfernt jede benutzerdefinierte Positionierung

Das Kontextmenü zeigt oben zur einfachen Identifizierung den Gerätenamen und den Symboltyp an. Klicken Sie irgendwo außerhalb des Menüs, um es zu schließen.

Exportieren

So exportieren Sie Ihr Netzwerkdiagramm:

1. Konfigurieren Sie alle Einstellungen (Seitengröße, Ausrichtung, Symbolgröße usw.)
2. Ordnen Sie Geräte an und fügen Sie bei Bedarf benutzerdefinierte Texte hinzu
3. Klicken Sie unten in der Seitenleiste auf die Schaltfläche Export
4. Das Diagramm wird im ausgewählten Format (JPG oder PDF) exportiert und auf Ihren Computer heruntergeladen

Der Export umfasst:

• Alle Geräte und Kameras mit ihren aktuellen Positionen
• Alle Verbindungs­linien mit ihren konfigurierten Stilen
• Benutzerdefinierte Textobjekte
• Legend (falls aktiviert)
• Einstellungen für Seitengröße und Ausrichtung

Tipps

• Verwenden Sie zunächst Auto Layout, um eine gute Ausgangsanordnung zu erhalten, und passen Sie dann Positionen bei Bedarf manuell an
• Wählen Sie die Ausrichtung (TB, LR usw.), die am besten zu Ihrer Netzwerkstruktur passt, bevor Sie Positionen feinabstimmen
• Verwenden Sie größere Symbolgrößen für Präsentationen und kleinere Größen für detaillierte Dokumentation
• Aktivieren Sie farbige Symbole, wenn Sie Gerätetypen schnell identifizieren müssen; verwenden Sie Monochrom für ein saubereres Erscheinungsbild
• Fügen Sie benutzerdefinierte Texte hinzu, um Netzwerksegmente zu beschriften, Titel hinzuzufügen oder zusätzlichen Kontext zu liefern
• Positionieren Sie die Legende in einer Ecke, die Ihr Netzwerkdiagramm nicht beeinträchtigt
• Verwenden Sie Seitengrößen A3 oder A2 für komplexe Netzwerke mit vielen Geräten, damit alles sichtbar ist
• Denken Sie daran, dass Gerätebeschriftungen neu positioniert werden können, wenn sie sich mit Verbindungen überlappen
• Exportieren Sie als PDF zum Drucken und als JPG für digitale Präsentationen oder zum E-Mail-Versand
• Enable the grid wenn Sie präzise Ausrichtung benötigen – es hilft, professionelle, organisierte Diagramme zu erstellen
• Use snap-to-grid für gleichmäßige Abstände zwischen Geräten, besonders bei strukturierten Layouts
• Multi-select devices mit Rechteckauswahl oder Ctrl+Klick, um Gerätegruppen schnell auszurichten oder zu verteilen
• Use the alignment toolbar um perfekt ausgerichtete Reihen oder Spalten von Geräten zu erstellen
• Hide unused devices über das Icon Visibility-Panel oder das Rechtsklickmenü, um sich auf bestimmte Netzwerkteile zu konzentrieren
• Select labels independently von Symbolen, um die Beschriftungsposition fein abzustimmen, ohne Geräte zu verschieben
• Use multi-drag um ganze Gerätegruppen zu verschieben, während ihre relativen Positionen erhalten bleiben
• Right-click on icons für schnellen Zugriff auf Funktionen zum Ein-/Ausblenden und Zurücksetzen der Beschriftung
• Combine alignment tools mit Raster-Einrasten für pixelgenaue Diagrammlayouts

Verwandte Themen

• Creating Connections
• Export to PDF/JPG
• Device Sidebar
• Camera Sidebar