Network Plan
De functie Network Plan maakt een interactieve netwerkdiagramvisualisatie van de apparaten, camera's en verbindingen in je project. Het genereert automatisch een gestructureerd diagram dat laat zien hoe alle netwerkcomponenten met elkaar verbonden zijn, met aanpasbare lay-out, styling en exportopties. Je kunt apparaatposities handmatig aanpassen, aangepaste tekstlabels toevoegen, het visuele uiterlijk configureren en het diagram exporteren als JPG of PDF voor documentatie en presentaties.
De Network Plan bevat krachtige ontwerptools voor het maken van professionele diagrammen: multiselectie- en uitlijningshulpmiddelen voor nauwkeurige positionering, rasterweergave met snap-to-grid voor consistente afstand, instellingen voor pictogramzichtbaarheid om te focussen op specifieke netwerksegmenten en contextmenu's met de rechtermuisknop voor snelle acties. Alle verbindingen worden automatisch bijgewerkt wanneer apparaten worden verplaatst, en verborgen apparaten verbergen automatisch ook hun verbindingen.
Wanneer je dit gebruikt
- Wanneer je een visueel netwerkdiagram moet maken met alle apparaten en hun verbindingen
- Bij het voorbereiden van netwerkdocumentatie voor installatieteams of klanten
- Wanneer je de netwerktopologie en gegevensstroom in je systeem wilt visualiseren
- Wanneer je professionele netwerkdiagrammen moet exporteren voor voorstellen of technische documentatie
- Wanneer je de lay-out en het uiterlijk van je netwerkdiagram wilt aanpassen
Network Plan openen
Toegang krijgen tot de Network Plan-functie:
- Klik op het Network diagram-pictogram (fa fa-network-wired) in de linkertoolbar.
- De Network Plan-interface wordt geopend met een canvas met je netwerkdiagram en een zijbalk met configuratieopties.
Als dit de eerste keer is dat je de Network Plan voor je project opent, rangschikt het systeem automatisch alle apparaten en camera's met behulp van het auto-layout-algoritme.
Automatische lay-out
De functie Auto Layout rangschikt automatisch alle apparaten en camera's in je netwerkdiagram. Dit creëert een duidelijke, georganiseerde structuur die verbindingen tussen apparaten helder weergeeft.
- Auto Layout button – Klik om alle apparaten en camera's op het canvas automatisch opnieuw te rangschikken
- Orientation – Kies de lay-outrichting:
- Left-Right (LR) – Apparaten stromen van links naar rechts
- Right-Left (RL) – Apparaten stromen van rechts naar links
- Top-Bottom (TB) – Apparaten stromen van boven naar beneden (standaard)
- Bottom-Top (BT) – Apparaten stromen van beneden naar boven
Het auto-layout-algoritme houdt rekening met alle verbindingen tussen apparaten en rangschikt ze om overlapping te minimaliseren en een duidelijke visuele hiërarchie te creëren. Na het uitvoeren van Auto Layout kun je apparaatposities nog steeds handmatig aanpassen door ze op het canvas te slepen.
Pictogramgrootte
De schuifregelaar voor pictogramgrootte regelt de grootte van apparaat- en camerapictogrammen in het netwerkdiagram:
- Pas de schuifregelaar aan om de pictogramgrootte te wijzigen van 5 tot 30 pixels
- Grotere pictogrammen maken apparaten beter zichtbaar, maar nemen meer ruimte in
- Kleinere pictogrammen zorgen dat er meer apparaten op het canvas passen
- De grootte is van toepassing op zowel apparaaticonen als camerapictogrammen
Gekleurde pictogrammen
De schakelaar Icons Colored bepaalt of apparaaticonen in kleur worden weergegeven of als eenvoudige witte cirkels:
- Enabled – Pictogrammen worden weergegeven in hun geconfigureerde kleuren (apparaatpictogramkleuren of standaard typekleuren)
- Disabled – Alle pictogrammen worden weergegeven als witte cirkels met zwarte randen
Gekleurde pictogrammen helpen verschillende apparaattype visueel te onderscheiden, terwijl monochrome pictogrammen een schoner, uniformer uiterlijk creëren.
Raster
De Rasterfunctie biedt visuele uitlijningshulplijnen en snap-to-grid-functionaliteit om je te helpen nauwkeurige, georganiseerde netwerkdiagrammen te maken:
- Grid toggle – Schakel de rasterweergave op het canvas in of uit
- Snap to grid – Indien ingeschakeld, lijnen pictogrammen automatisch uit op rasterlijnen bij het slepen
- Grid size – Pas de rasterafstand aan van 10 tot 100 pixels (standaard: 40px)
Het raster verschijnt als subtiele lijnen op het canvas, waarbij elke 5e lijn iets donkerder is voor eenvoudiger referentie. Wanneer snap-to-grid is ingeschakeld, zal het slepen van elk pictogram het automatisch positioneren op de dichtstbijzijnde rasterkruising, wat zorgt voor consistente uitlijning en afstand in je hele diagram.
Paginastand
Stel de oriëntatie van het geëxporteerde netwerkdiagram in:
- Portrait – Verticale oriëntatie (hoger dan breed)
- Landscape – Horizontale oriëntatie (breder dan hoog)
De oriëntatie is van invloed op zowel de canvasweergave als het geëxporteerde PDF/JPG-bestand.
Paginagrootte
Selecteer het papierformaat voor de export van je netwerkdiagram:
- A4, A3, A2, A1, A0 – Standaard ISO-papierformaten
- Letter, Legal, Tabloid – Noord-Amerikaanse papierformaten
De geselecteerde paginagrootte bepaalt de afmetingen van het canvas en het exportbestand. Grotere formaten (A2, A1, A0) zijn handig voor complexe netwerken met veel apparaten, terwijl kleinere formaten (A4, Letter) geschikt zijn voor eenvoudigere netwerken of digitale weergave.
Zichtbaarheid van pictogrammen
Het paneel Icon Visibility (standaard ingeklapt) laat je individuele apparaten en camera's in je netwerkdiagram weergeven of verbergen:
- Expand/Collapse – Klik op het chevron-pictogram in de paneelkop om de zichtbaarheidslijst uit te klappen of in te klappen
- Show all / Hide all – Snelle actietoetsen om alle pictogrammen in één keer te tonen of te verbergen
- Filter – Typ in het zoekvak om de lijst te filteren op apparaatnaam
- Toggle visibility – Gebruik de schakelaar naast elk apparaat om het te tonen of te verbergen
Wanneer een pictogram verborgen is:
- Het pictogram en het label worden niet weergegeven op het canvas
- Alle verbindingen met dat apparaat worden ook automatisch verborgen
- Verborgen items verschijnen gedimd in de zichtbaarheidslijst voor eenvoudige identificatie
Deze functie is handig om te focussen op specifieke delen van je netwerk, vereenvoudigde weergaven te maken voor presentaties of apparaten tijdelijk uit het diagram te verwijderen zonder ze te verwijderen.
Legenda
De functie Legenda toont een visuele gids met alle verbindingstypen die in je netwerkdiagram worden gebruikt:
- Legend toggle – Schakel de weergave van de legenda in of uit
- Legend position – Kies waar de legenda verschijnt:
- Top Left – Linkerbovenhoek
- Top Right – Rechterbovenhoek
- Bottom Left – Linkerbenedenhoek
- Bottom Right – Rechterbenedenhoek
De legenda toont elk verbindingstype met de bijbehorende lijntype, kleur en breedte, zodat je eenvoudig kunt begrijpen wat elke verbindingslijn in je diagram vertegenwoordigt. De legenda is versleepbaar, zodat je deze indien nodig kunt verplaatsen.
Aangepaste teksten
Je kunt aangepaste tekstlabels toevoegen aan je netwerkdiagram voor annotaties, titels of extra informatie:
- Add Text button – Klik om een nieuw tekstobject aan het diagram toe te voegen
- Text input – Voer de tekstinhoud in of bewerk deze voor elk tekstobject
- Styling button – Klik op het potloodpictogram om stylingopties voor een tekstobject te openen
Tekstopmaak
Wanneer je op de stylingknop voor een tekstobject klikt, verschijnt er een overlaydialoog met opmaakopties:
- Color – Kies de tekstkleur met de kleurenkiezer
- Font size – Stel de lettergrootte in van 8 tot 72 pixels
- Apply to all texts – Knop om de huidige opmaak toe te passen op alle tekstobjecten in het diagram
Tekstobjecten zijn versleepbaar op het canvas, zodat je ze overal op het diagram kunt plaatsen. Je kunt meerdere tekstobjecten selecteren (zie Multiselectie hieronder) en ze samen verplaatsen of uitlijnen met de uitlijningstoolbalk.
Bestandstype
Kies het exportformaat voor je netwerkdiagram:
- JPG – Beeldformaat geschikt voor digitaal gebruik en presentaties
- PDF – Documentformaat ideaal voor afdrukken en professionele documentatie
De selectie van het bestandstype bepaalt het formaat van het geëxporteerde bestand wanneer je op de knop Export klikt.
Canvasinteractie
Het Network Plan-canvas is volledig interactief, zodat je het diagram kunt manipuleren:
- Apparaten slepen – Klik en sleep een apparaat- of camerapictogram om het opnieuw te positioneren op het canvas
- Labels slepen – Klik en sleep apparaatlabels om ze te verplaatsen ten opzichte van hun apparaten
- Teksten slepen – Klik en sleep aangepaste tekstobjecten om ze overal op het canvas te verplaatsen
- Canvas slepen – Klik en sleep lege delen van het canvas om de weergave te pannen
- Zoomen – Gebruik het muiswiel om in en uit te zoomen (0,1x tot 2x)
- Aanraakgebaren – Gebruik op mobiele apparaten knijp-zoom en twee-vinger-pan-gebaren
Het canvas voorkomt automatisch dat apparaten of labels over verbindingslijnen of andere apparaten worden gesleept om de helderheid van het diagram te behouden.
Meervoudige selectie en uitlijning
Je kunt meerdere items (apparaten, camera's, labels of aangepaste teksten) selecteren en deze samen manipuleren:
Items selecteren
- Enkele klik – Klik op een pictogram, label of tekst om het te selecteren (deselecteert de vorige selectie)
- Ctrl/Cmd/Shift + klik – Houd Ctrl (Windows/Linux) of Cmd (Mac) of Shift ingedrukt tijdens het klikken om items aan je selectie toe te voegen
- Selectiekader – Klik en sleep op een leeg canvas om een selectierechthoek te tekenen die alle items binnenin selecteert
- Escape-toets – Druk op Escape om alle selecties te wissen
Geselecteerde items worden gemarkeerd met een blauwe rand en stippellijn. Wanneer je 2 of meer items selecteert, verschijnt er een zwevende uitlijningstoolbalk bovenaan het canvas.
Meervoudig slepen
Wanneer meerdere items zijn geselecteerd, verplaatst het slepen van een van hen alle geselecteerde items samen over dezelfde afstand. Dit behoudt de onderlinge posities terwijl je hele groepen apparaten, labels of teksten tegelijk kunt herpositioneren.
Uitlijningstoolbalk
De uitlijningstoolbalk verschijnt wanneer 2 of meer items zijn geselecteerd en biedt snelle uitlijnings- en verdeelopties:
- Align Left – Lijnt alle geselecteerde items uit op de meest linkse positie
- Align Right – Lijnt alle geselecteerde items uit op de meest rechtse positie
- Align Top – Lijnt alle geselecteerde items uit op de bovenste positie
- Align Bottom – Lijnt alle geselecteerde items uit op de onderste positie
- Align Center Horizontal – Centreert alle items verticaal (dezelfde Y-coördinaat)
- Align Center Vertical – Centreert alle items horizontaal (dezelfde X-coördinaat)
- Distribute Horizontal – Verdeelt items gelijkmatig horizontaal tussen het meest linker en meest rechter item
- Distribute Vertical – Verdeelt items gelijkmatig verticaal tussen het meest bovenste en meest onderste item
- Deselect all – Maakt de selectie leeg (ook beschikbaar via Escape-toets)
De uitlijningstoolbalk werkt met elke combinatie van apparaten, camera's, labels en aangepaste teksten, zodat je perfect uitgelijnde en georganiseerde diagrammen kunt maken.
Labels voor apparaten
Elk apparaat en elke camera in het netwerkdiagram toont een automatisch gegenereerd label met:
- Apparaattype – Het type apparaat (bijv. Router, Switch, Camera)
- Naam – De weergavenaam van het apparaat of het cameramodel
- IP-adres – Het IP-adres van het apparaat (indien geconfigureerd)
Labels worden automatisch gepositioneerd om overlapping met verbindingslijnen te voorkomen. Je kunt labelposities handmatig aanpassen door ze te slepen, en het systeem onthoudt je aangepaste posities.
Verbindingslijn voor label
Wanneer een label is geselecteerd of wordt gesleept, verschijnt er een subtiele blauwe gestreepte lijn die het label verbindt met het apparaaticon. Deze visuele gids helpt je te zien welk label bij welk apparaat hoort, vooral wanneer labels ver van hun pictogrammen zijn geplaatst. De verbindingslijn bevat een kleine ankerpunt aan het labeluiteinde voor duidelijke visuele referentie.
Labelselectie en meervoudige selectie
Labels kunnen onafhankelijk van hun apparaaticonen worden geselecteerd:
- Klik op label – Selecteert het label (niet het pictogram)
- Klik op pictogram – Selecteert het pictogram (niet het label)
- Meerdere labels selecteren – Gebruik Ctrl/Cmd/Shift + klik of selectiekader om meerdere labels te selecteren
- Labels meervoudig slepen – Wanneer meerdere labels zijn geselecteerd, verplaatst het slepen van één label alle geselecteerde labels samen
Labels kunnen worden opgenomen in uitlijningsbewerkingen samen met apparaten, camera's en aangepaste teksten.
Contextmenu met rechtermuisknop
Rechtsklikken op een apparaat- of camerapictogram opent een contextmenu met snelle acties:
- Hide icon / Show icon – Wisselt de zichtbaarheid van het geselecteerde apparaat of de geselecteerde camera. Wanneer verborgen, worden het pictogram, het label en alle verbindingen ermee uit het diagram verwijderd
- Reset label position – Reset de labelpositie naar de automatisch berekende positie, waarbij alle aangepaste positionering wordt verwijderd
Het contextmenu toont de apparaatnaam en het pictogramtype bovenaan voor eenvoudige identificatie. Klik ergens buiten het menu om het te sluiten.
Exporteren
Je netwerkdiagram exporteren:
- Configureer alle instellingen (paginagrootte, oriëntatie, pictogramgrootte, enz.)
- Rangschik apparaten en voeg indien nodig aangepaste teksten toe
- Klik op de knop Export onderaan de zijbalk
- Het diagram wordt geëxporteerd in het geselecteerde formaat (JPG of PDF) en gedownload naar je computer
De export bevat:
- Alle apparaten en camera's met hun huidige posities
- Alle verbindingslijnen met hun geconfigureerde stijlen
- Aangepaste tekstobjecten
- Legenda (indien ingeschakeld)
- Paginagrootte- en oriëntatie-instellingen
Tips
- Gebruik Auto Layout eerst om een goede startindeling te krijgen en pas vervolgens handmatig posities aan waar nodig
- Kies de oriëntatie (TB, LR, enz.) die het beste past bij je netwerkstructuur voordat je posities fijnregelt
- Gebruik grotere pictogramgroottes voor presentaties en kleinere groottes voor gedetailleerde documentatie
- Schakel gekleurde pictogrammen in wanneer je apparaattype snel wilt identificeren; gebruik monochroom voor een schonere look
- Voeg aangepaste teksten toe om netwerksegmenten te labelen, titels toe te voegen of extra context te bieden
- Plaats de legenda in een hoek die je netwerkdiagram niet verstoort
- Gebruik A3- of A2-paginagroottes voor complexe netwerken met veel apparaten om ervoor te zorgen dat alles zichtbaar is
- Onthoud dat apparaatlabels kunnen worden verplaatst als ze overlappen met verbindingen
- Exporteer als PDF voor afdrukken en als JPG voor digitale presentaties of delen via e-mail
- Enable the grid wanneer je nauwkeurige uitlijning nodig hebt – het helpt bij het creëren van professionele, georganiseerde diagrammen
- Use snap-to-grid voor consistente afstand tussen apparaten, vooral bij het maken van gestructureerde lay-outs
- Multi-select devices met selectiekader of Ctrl+klik om snel groepen apparaten uit te lijnen of te verdelen
- Use the alignment toolbar om perfect uitgelijnde rijen of kolommen met apparaten te maken
- Hide unused devices met het paneel Icon Visibility of het rechtermuisknopmenu om te focussen op specifieke netwerksegmenten
- Select labels independently van pictogrammen om labelpositionering fijn af te stemmen zonder apparaten te verplaatsen
- Use multi-drag om hele groepen apparaten te verplaatsen terwijl hun onderlinge posities behouden blijven
- Right-click on icons voor snelle toegang tot verbergen/tonen en functies om labels te resetten
- Combine alignment tools met snap-to-grid voor diagramlay-outs die tot op de pixel kloppen