Network Plan

Funktionen Network Plan skapar en interaktiv nätverksdiagramvisualisering av ditt projekts enheter, kameror och anslutningar. Den genererar automatiskt ett strukturerat diagram som visar hur alla nätverkskomponenter hänger ihop, med anpassningsbar layout, stil och exportalternativ. Du kan manuellt justera enheternas positioner, lägga till egna textetiketter, konfigurera det visuella utseendet och exportera diagrammet som JPG eller PDF för dokumentation och presentationer.

Network Plan inkluderar kraftfulla designverktyg för att skapa professionella diagram: flermarkering och justeringsverktyg för exakt positionering, rutnätsvisning med snap-to-grid för konsekvent mellanrum, ikonvisningskontroller för att fokusera på specifika nätverkssegment och högerklicksmenyer för snabba åtgärder. Alla anslutningar uppdateras automatiskt när enheter flyttas, och dolda enheter döljer automatiskt sina anslutningar också.

När du ska använda den här funktionen

• När du behöver skapa ett visuellt nätverksdiagram som visar alla enheter och deras anslutningar
• När du förbereder nätverksdokumentation för installationsteam eller kunder
• När du vill visualisera nätverkstopologin och dataflödet i ditt system
• När du behöver exportera professionella nätverksdiagram för offerter eller teknisk dokumentation
• När du vill anpassa layouten och utseendet på ditt nätverksdiagram

Öppna Network Plan

Så här öppnar du funktionen Network Plan:

1. Klicka på ikonen Network diagram (fa fa-network-wired) i verktygsfältet till vänster.
2. Gränssnittet för Network Plan öppnas och visar en arbetsyta med ditt nätverksdiagram samt ett sidofält med konfigurationsalternativ.

Om detta är första gången du öppnar Network Plan för ditt projekt ordnar systemet automatiskt alla enheter och kameror med hjälp av auto-layout-algoritmen.

Automatisk layout

Funktionen Auto Layout ordnar automatiskt alla enheter och kameror i ditt nätverksdiagram. Detta skapar en ren, organiserad struktur som tydligt visar anslutningar mellan enheter.

• Auto Layout button – Klicka för att automatiskt ordna om alla enheter och kameror på arbetsytan
• Orientation – Välj layoutriktning:
  • Left-Right (LR) – Enheter flödar från vänster till höger
  • Right-Left (RL) – Enheter flödar från höger till vänster
  • Top-Bottom (TB) – Enheter flödar uppifrån och ned (standard)
  • Bottom-Top (BT) – Enheter flödar nerifrån och upp

Auto-layout-algoritmen tar hänsyn till alla anslutningar mellan enheter och ordnar dem för att minimera överlappningar och skapa en tydlig visuell hierarki. Efter att ha kört auto-layout kan du fortfarande manuellt justera enheternas positioner genom att dra dem på arbetsytan.

Ikonstorlek

Skjutreglaget för Ikonstorlek styr storleken på enhets- och kameraikoner i nätverksdiagrammet:

• Justera skjutreglaget för att ändra ikonstorlek från 5 till 30 pixlar
• Större ikoner gör enheter mer synliga men tar mer plats
• Mindre ikoner gör att fler enheter får plats på arbetsytan
• Storleken påverkar både enhetsikoner och kameraikoner lika

Ikoner i färg

Växlingen Icons Colored styr om enhetsikoner visas i färg eller som enkla vita cirklar:

• Enabled – Ikoner visas i sina konfigurerade färger (enhetsspecifika ikonfärger eller standardfärger per typ)
• Disabled – Alla ikoner visas som vita cirklar med svarta kanter

Färgade ikoner hjälper till att visuellt särskilja olika enhetstyper, medan monokroma ikoner skapar ett renare, mer enhetligt utseende.

Rutnät

Rutnätsfunktionen ger visuella justeringsguider och snap-to-grid-funktionalitet för att hjälpa dig skapa precisa, organiserade nätverksdiagram:

• Grid toggle – Aktivera eller inaktivera rutnätets visning på arbetsytan
• Snap to grid – När aktiverat justeras ikoner automatiskt till rutnätslinjer när de dras
• Grid size – Justera rutnätsavståndet från 10 till 100 pixlar (standard: 40 px)

Rutnätet visas som diskreta linjer på arbetsytan, där var 5:e linje är något mörkare för enklare referens. När snap-to-grid är aktiverat kommer dragning av en ikon automatiskt att placera den vid närmaste rutnätskorsning, vilket säkerställer konsekvent inriktning och mellanrum i hela diagrammet.

Sidorientering

Ställ in orienteringen för det exporterade nätverksdiagrammet:

• Portrait – Vertikal orientering (högre än bred)
• Landscape – Horisontell orientering (bredare än hög)

Orienteringen påverkar både visningen av arbetsytan och den exporterade PDF/JPG-filen.

Pappersstorlek

Välj pappersstorlek för export av ditt nätverksdiagram:

• A4, A3, A2, A1, A0 – Standardiserade ISO-pappersstorlekar
• Letter, Legal, Tabloid – Nordamerikanska pappersstorlekar

Den valda sidstorleken avgör dimensionerna på arbetsytan och den exporterade filen. Större storlekar (A2, A1, A0) är användbara för komplexa nätverk med många enheter, medan mindre storlekar (A4, Letter) är lämpliga för enklare nätverk eller digital visning.

Ikonvisning

Panelen Icon Visibility (ihopfälld som standard) låter dig visa eller dölja enskilda enheter och kameror i ditt nätverksdiagram:

• Expand/Collapse – Klicka på chevron-ikonen i panelhuvudet för att expandera eller fälla ihop visningslistan
• Show all / Hide all – Snabbknappar för att visa eller dölja alla ikoner på en gång
• Filter – Skriv i sökrutan för att filtrera listan efter enhetsnamn
• Toggle visibility – Använd växeln bredvid varje enhet för att visa eller dölja den

När en ikon är dold:

• Ikonen och dess etikett visas inte på arbetsytan
• Alla anslutningar till den enheten döljs också automatiskt
• Dolda objekt visas nedtonade i visningslistan för enkel identifiering

Den här funktionen är användbar för att fokusera på specifika delar av ditt nätverk, skapa förenklade vyer för presentationer eller tillfälligt ta bort enheter från diagrammet utan att radera dem.

Teckenförklaring

Funktionen Legend visar en visuell guide över alla anslutningstyper som används i ditt nätverksdiagram:

• Legend toggle – Aktivera eller inaktivera visningen av teckenförklaringen
• Legend position – Välj var teckenförklaringen visas:
  • Top Left – Övre vänstra hörnet
  • Top Right – Övre högra hörnet
  • Bottom Left – Nedre vänstra hörnet
  • Bottom Right – Nedre högra hörnet

Teckenförklaringen visar varje anslutningstyp med motsvarande linjestil, färg och bredd, vilket gör det enkelt att förstå vad varje anslutningslinje representerar i diagrammet. Teckenförklaringen är flyttbar, så att du kan placera om den vid behov.

Anpassade texter

Du kan lägga till egna textetiketter i ditt nätverksdiagram för anteckningar, titlar eller ytterligare information:

• Add Text button – Klicka för att lägga till ett nytt textobjekt i diagrammet
• Text input – Ange eller redigera textinnehållet för varje textobjekt
• Styling button – Klicka på pennikonen för att öppna formateringsalternativ för ett textobjekt

Textformatering

När du klickar på formateringsknappen för ett textobjekt visas en överläggsdialog med formateringsalternativ:

• Color – Välj textfärg med färgväljaren
• Font size – Ställ in teckenstorleken från 8 till 72 pixlar
• Apply to all texts – Knapp för att tillämpa aktuell formatering på alla textobjekt i diagrammet

Textobjekt kan dras på arbetsytan så att du kan placera dem var som helst i diagrammet. Du kan markera flera textobjekt (se Flermarkering nedan) och flytta dem tillsammans eller justera dem med hjälp av verktygsfältet för justering.

Filtyp

Välj exportformat för ditt nätverksdiagram:

• JPG – Bildformat som passar för digital användning och presentationer
• PDF – Dokumentformat som är idealiskt för utskrift och professionell dokumentation

Valet av filtyp avgör formatet på den exporterade filen när du klickar på knappen Export.

Interaktion med arbetsytan

Arbetsytan i Network Plan är helt interaktiv och låter dig manipulera diagrammet:

• Dra enheter – Klicka och dra valfri enhets- eller kameraikon för att flytta den på arbetsytan
• Dra etiketter – Klicka och dra enhetsetiketter för att placera dem relativt sina enheter
• Dra texter – Klicka och dra anpassade textobjekt för att flytta dem var som helst på arbetsytan
• Dra arbetsytan – Klicka och dra tomma områden av arbetsytan för att panorera vyn
• Zooma – Använd mushjulet för att zooma in och ut (0.1x till 2x)
• Pekgester – På mobila enheter, använd nyp-zoom och tvåfingerspanorering

Arbetsytan förhindrar automatiskt att enheter eller etiketter dras ovanpå anslutningslinjer eller andra enheter för att bibehålla diagrammets tydlighet.

Flermarkering och justering

Du kan markera flera objekt (enheter, kameror, etiketter eller anpassade texter) och hantera dem tillsammans:

Markera objekt

• Enkelklick – Klicka på en ikon, etikett eller text för att markera den (avmarkerar tidigare markering)
• Ctrl/Cmd/Shift + klick – Håll nere Ctrl (Windows/Linux) eller Cmd (Mac) eller Shift medan du klickar för att lägga till objekt i din markering
• Gummibandsmarkering – Klicka och dra på tom arbetsyta för att rita en markeringsrektangel som markerar alla objekt inom den
• Escape-tangenten – Tryck Escape för att rensa alla markeringar

Markerade objekt markeras med en blå kant och streckad kontur. När du markerar 2 eller fler objekt visas ett flytande justeringsverktygsfält överst på arbetsytan.

Dra flera samtidigt

När flera objekt är markerade flyttar dragning av något av dem alla markerade objekt tillsammans med samma avstånd. Detta behåller de relativa positionerna samtidigt som du kan flytta hela grupper av enheter, etiketter eller texter samtidigt.

Verktygsfältet för justering

Verktygsfältet för justering visas när 2 eller fler objekt är markerade och ger snabba alternativ för inriktning och fördelning:

• Align Left – Justerar alla markerade objekt till den vänstra kanten
• Align Right – Justerar alla markerade objekt till den högra kanten
• Align Top – Justerar alla markerade objekt till den översta kanten
• Align Bottom – Justerar alla markerade objekt till den nedersta kanten
• Align Center Horizontal – Centrerar alla objekt vertikalt (samma Y-koordinat)
• Align Center Vertical – Centrerar alla objekt horisontellt (samma X-koordinat)
• Distribute Horizontal – Fördelar objekt jämnt horisontellt mellan de vänstra och högra ytterobjekten
• Distribute Vertical – Fördelar objekt jämnt vertikalt mellan de översta och nedersta ytterobjekten
• Deselect all – Rensar markeringen (finns även via Escape-tangenten)

Verktygsfältet för justering fungerar med valfri kombination av enheter, kameror, etiketter och anpassade texter, vilket låter dig skapa perfekt justerade och organiserade diagram.

Etiketter för enheter

Varje enhet och kamera i nätverksdiagrammet visar en automatiskt genererad etikett som visar:

• Enhetstyp – Typ av enhet (t.ex. Router, Switch, Camera)
• Namn – Enhetens visningsnamn eller kameramodell
• IP-adress – Enhetens IP-adress (om konfigurerad)

Etiketter placeras automatiskt för att undvika överlappning med anslutningslinjer. Du kan manuellt justera etikettpositioner genom att dra dem, och systemet kommer att komma ihåg dina anpassade positioner.

Anslutningslinje för etikett

När en etikett är markerad eller dras visas en diskret blå streckad linje som förbinder etiketten med dess enhetsikon. Denna visuella hjälp gör det lätt att se vilken etikett som hör till vilken enhet, särskilt när etiketter är placerade långt från sina ikoner. Anslutningslinjen inkluderar en liten förankringspunkt vid etikettänden för tydlig visuell referens.

Etikettmarkering och flermarkering

Etiketter kan markeras oberoende av sina enhetsikoner:

• Klicka på etikett – Markerar etiketten (inte ikonen)
• Klicka på ikon – Markerar ikonen (inte etiketten)
• Markera flera etiketter – Använd Ctrl/Cmd/Shift + klick eller gummibandsmarkering för att markera flera etiketter
• Dra flera etiketter – När flera etiketter är markerade flyttar ett drag alla markerade etiketter tillsammans

Etiketter kan ingå i justeringsåtgärder tillsammans med enheter, kameror och anpassade texter.

Högerklicksmeny

Högerklick på en enhets- eller kameraikon öppnar en snabbmeny med snabba åtgärder:

• Hide icon / Show icon – Växlar synligheten för den markerade enheten eller kameran. När den är dold tas ikonen, dess etikett och alla anslutningar bort från diagrammet
• Reset label position – Återställer etikettens position till dess automatiskt beräknade läge och tar bort eventuell anpassad positionering

Snabbmenyn visar enhetsnamn och ikontyp högst upp för enkel identifiering. Klicka var som helst utanför menyn för att stänga den.

Exportera

Så här exporterar du ditt nätverksdiagram:

1. Konfigurera alla inställningar (sidstorlek, orientering, ikonstorlek osv.)
2. Ordna enheter och lägg till eventuella anpassade texter efter behov
3. Klicka på knappen Export längst ner i sidofältet
4. Diagrammet exporteras i valt format (JPG eller PDF) och laddas ned till din dator

Exporten inkluderar:

• Alla enheter och kameror med sina aktuella positioner
• Alla anslutningslinjer med sina konfigurerade stilar
• Anpassade textobjekt
• Teckenförklaring (om aktiverad)
• Inställningar för sidstorlek och orientering

Tips

• Använd Auto Layout först för att få en bra startlayout och justera sedan manuellt vid behov
• Välj den orientering (TB, LR etc.) som passar din nätverksstruktur bäst innan du finjusterar positioner
• Använd större ikonstorlekar för presentationer och mindre storlekar för detaljerad dokumentation
• Aktivera färgade ikoner när du snabbt behöver identifiera enhetstyper; använd monokromt för ett renare utseende
• Lägg till anpassade texter för att märka nätverkssegment, lägga till titlar eller ge ytterligare sammanhang
• Placera teckenförklaringen i ett hörn som inte stör ditt nätverksdiagram
• Använd A3- eller A2-sidstorlekar för komplexa nätverk med många enheter så att allt blir synligt
• Kom ihåg att enhetsetiketter kan flyttas om de överlappar med anslutningar
• Exportera som PDF för utskrift och JPG för digitala presentationer eller e-postdelning
• Aktivera Grid när du behöver exakt inriktning – det hjälper dig att skapa professionella, organiserade diagram
• Använd snap-to-grid för konsekvent mellanrum mellan enheter, särskilt när du skapar strukturerade layouter
• Markera flera enheter med gummibandsmarkering eller Ctrl+klick för att snabbt justera eller fördela grupper av enheter
• Använd verktygsfältet för justering för att skapa perfekt justerade rader eller kolumner av enheter
• Dölj oanvända enheter med panelen Icon Visibility eller högerklicksmenyn för att fokusera på specifika nätverkssegment
• Markera etiketter oberoende av ikoner för att finjustera etikettpositioner utan att flytta enheter
• Använd multidrag för att flytta hela grupper av enheter samtidigt och behålla deras relativa positioner
• Högerklicka på ikoner för snabb åtkomst till funktionerna för att dölja/visa och återställa etikettläge
• Kombinera justeringsverktyg med rutnätsfastsättning för pixelperfekta diagramlayouter

Relaterade ämnen

• Skapa anslutningar
• Exportera till PDF/JPG
• Sidofält för enheter
• Sidofält för kameror