Wat zijn verbindingen, zones en lagen?
Een netwerkdiagram bestaat uit meer dan losse iconen. De waarde zit in de relaties: welke server praat met welke database, via welk protocol, en binnen welk subnet. In NetPlottr DiagramTool van Cloud Captains regel je dat met drie middelen die elkaar aanvullen.
- Verbindingen zijn de lijnen tussen componenten. Ze laten zien wat met wat communiceert, en met lijnstijlen, protocol-labels en animaties vertel je ook hoe.
- Zones zijn gekleurde vlakken waarmee je componenten visueel groepeert, bijvoorbeeld een subnet, een datacenter of een DMZ.
- Lagen helpen je een druk diagram overzichtelijk te houden, zodat je delen apart kunt beheren.
Alles gebeurt 100% lokaal in je browser. Er is geen login en geen cloud, dus je netwerktekening verlaat je computer nooit. Meer achtergrond vind je op netplottr.com.
Een verbinding leggen tussen twee componenten
Verbinden gaat in NetPlottr in twee klikken: kies de bron, kies Verbinden, klik het doel aan. De lijn volgt daarna automatisch de twee componenten als je ze verplaatst.
Twee componenten verbinden
- Klik op het bron-component (bijvoorbeeld een Webserver) zodat het geselecteerd is.
- Kies Verbinden, via het contextmenu (rechtermuisknop) of de werkbalk.
- Klik op het doel-component (bijvoorbeeld een Database) om de lijn te trekken.
- De verbinding verschijnt; selecteer hem om lijnstijl, protocol en animatie aan te passen.
Sneller werken met het contextmenu
Met de rechtermuisknop op een component open je het contextmenu met Verbinden, Bewerken, Dupliceren en Verwijderen. Dat scheelt heen-en-weer naar de werkbalk wanneer je veel lijnen achter elkaar trekt.
Lijnstijlen: doorgetrokken, streepjes en stippels
De lijnstijl is een visueel signaal. Door bewust te kiezen maak je in één oogopslag duidelijk wat voor soort verbinding het is.
- Doorgetrokken past goed bij een vaste, productieve verbinding.
- Streepjes gebruik je vaak voor een logische of minder permanente koppeling, zoals een geplande route of een back-uppad.
- Stippels zijn handig voor een zwakke, optionele of toekomstige verbinding.
Deze betekenissen zijn een conventie, geen technische regel. Spreek binnen je team af wat elke stijl betekent en houd dat consequent vol, dan leest iedereen het diagram hetzelfde.
Protocol-labels op een verbinding
Op een verbinding kun je een protocol-label tonen, zodat duidelijk is welk verkeer er loopt. NetPlottr biedt labels als SSH, FTP, RDP, LDAP, REST en SNMP.
Een protocol-label toevoegen
- Selecteer de verbinding die je wilt labelen.
- Kies het gewenste protocol-label, bijvoorbeeld SSH voor beheertoegang of REST voor een API-aanroep.
- Het label verschijnt op de lijn; herhaal dit per verbinding waar het verkeer relevant is.
Labels maken een diagram zelfverklarend
Een lijn tussen een Laptop en een Server zegt weinig. Een lijn met het label SSH vertelt direct dat het om beheertoegang gaat. Voor een Webserver naar een API-Gateway is REST vaak logischer, en tussen een Domain Controller en clients zie je doorgaans LDAP.
Animaties en badges
Naast stijl en label kun je een verbinding tot leven brengen met animatie. Je kiest uit stroom, pakketjes of geen animatie.
- Stroom toont een doorlopende beweging langs de lijn, handig om een actieve datastroom te suggereren.
- Pakketjes laat losse stipjes over de lijn lopen, alsof er pakketten worden verstuurd.
- Geen houdt de lijn statisch, wat het rustigst leest in grote diagrammen.
Met badges zet je een klein accent op de verbinding om extra context te geven. Gebruik animaties met mate: een paar bewegende lijnen vallen op, maar een diagram waarin alles beweegt wordt juist onrustig.
Kies animatie op je doel
Ga je het diagram exporteren als GIF? Dan komen animaties als stroom of pakketjes mooi tot hun recht. Maak je een PNG of een rustig overzicht voor documentatie, dan is Geen vaak de betere keuze.
Zones: groeperen zoals subnetten en datacenters
Een zone is een gekleurd vlak achter je componenten waarmee je ze visueel bij elkaar zet. Daarmee maak je grenzen zichtbaar die in een netwerk belangrijk zijn maar die je anders niet ziet.
Veelgebruikte toepassingen:
- Een subnet zoals 10.0.1.0/24 als één gekleurd vlak.
- Een datacenter of locatie, met alle apparatuur die daar fysiek staat.
- Een DMZ of beveiligingszone, om duidelijk te maken wat publiek bereikbaar is.
- Een omgeving zoals productie, test of acceptatie.
Met een zone groeperen
- Voeg een Zone toe vanuit de bibliotheek Tools en Notities.
- Sleep de zone op zijn plek en pas de grootte aan zodat de juiste componenten erbinnen vallen.
- Geef de zone een herkenbare naam, bijvoorbeeld het subnet of de locatie.
- Stel een kleuraccent in zodat de zone zich onderscheidt van andere groepen.
Zones groeperen visueel, niet automatisch
Een zone is een visuele hulp en verandert de componenten of verbindingen erbinnen niet automatisch. Als je een component buiten de zone sleept, hoort het visueel niet meer bij die groep. Controleer bij het verplaatsen dus of alles nog in de juiste zone valt.
Het Lagen-tabblad
Bij een groeiend diagram wordt het al snel druk. Het Lagen-tabblad geeft je overzicht over de onderdelen van je tekening, zodat je gericht kunt werken in plaats van te zoeken in een wirwar van iconen.
Gebruik de lagen om delen van je diagram afzonderlijk te benaderen. Zo houd je een complex schema, bijvoorbeeld een tekening met meerdere subnetten en tientallen apparaten, beheersbaar en georganiseerd.
Meervoudige selectie en uitlijnen
Netjes uitgelijnde componenten lezen rustiger en professioneler. NetPlottr helpt je daarbij met meervoudige selectie en uitlijnen.
Meerdere componenten tegelijk uitlijnen
- Houd Shift ingedrukt en klik achtereenvolgens de componenten aan die je wilt bewerken.
- Alle aangeklikte componenten zijn nu samen geselecteerd.
- Gebruik uitlijnen om ze netjes op één lijn of op gelijke afstand te zetten.
- Verplaats de selectie als geheel als je de hele groep wilt verschuiven.
Sneltoetsen die je werk versnellen
Met Shift en klikken selecteer je meerdere componenten. Ctrl+Z maakt je laatste actie ongedaan en Ctrl+S slaat je project op als .frank-bestand. Omdat alles lokaal blijft, sla je gerust vaak op zonder dat er iets naar een server gaat.
Alles samen: van losse iconen naar een leesbaar schema
Een sterk diagram ontstaat als de drie middelen samenwerken. Plaats je componenten, trek verbindingen met een passende lijnstijl en protocol-label, groepeer ze in zones per subnet of datacenter, en lijn ze netjes uit met meervoudige selectie. Het Lagen-tabblad houdt het geheel overzichtelijk.
Wil je het resultaat delen? Exporteer als PNG (automatisch bijgesneden), als GIF wanneer je de animaties wilt laten zien, of kopieer een PNG rechtstreeks naar je klembord. Je project zelf bewaar je als .frank-bestand, volledig op je eigen computer. Meer informatie staat op netplottr.com.
Hoe verwijder ik een verbinding die ik per ongeluk heb getrokken?
Selecteer de verbinding en kies Verwijderen, bijvoorbeeld via het contextmenu met de rechtermuisknop. Heb je net iets fout gedaan, dan maakt Ctrl+Z je laatste actie direct ongedaan.
Wat is het verschil tussen een zone en een laag?
Een zone is een gekleurd vlak in je tekening waarmee je componenten visueel groepeert, zoals een subnet of datacenter. Een laag, via het Lagen-tabblad, helpt je een druk diagram overzichtelijk te beheren. Zones zie je dus altijd in het diagram, lagen zijn vooral een werkhulp om orde te houden.
Welke protocol-labels kan ik op een verbinding zetten?
Je kunt labels als SSH, FTP, RDP, LDAP, REST en SNMP tonen. Kies het label dat past bij het verkeer, bijvoorbeeld SSH voor beheertoegang, REST voor een API-aanroep of LDAP tussen een Domain Controller en clients.
Worden mijn diagrammen ergens online opgeslagen?
Nee. NetPlottr werkt 100% lokaal in je browser, zonder login en zonder cloud. Je projecten bewaar je zelf als .frank-bestand op je computer. Er gaat niets naar een server.
Kan ik animaties meenemen in mijn export?
Ja. Als je je diagram als GIF exporteert, komen animaties zoals stroom of pakketjes mee. Exporteer je als PNG, dan krijg je een stilstaand beeld; dat is vaak het rustigst voor documentatie.
Hoe lijn ik meerdere componenten in één keer uit?
Houd Shift ingedrukt en klik de componenten aan die je wilt selecteren. Gebruik daarna uitlijnen om ze op één lijn of op gelijke afstand te zetten. De selectie verplaats je ook als geheel.