Piano di rete
La funzione Piano di rete crea una visualizzazione interattiva del diagramma di rete dei dispositivi, delle telecamere e delle connessioni del tuo progetto. Genera automaticamente un diagramma strutturato che mostra come tutti i componenti di rete sono collegati, con layout, stile e opzioni di esportazione personalizzabili. Puoi regolare manualmente le posizioni dei dispositivi, aggiungere etichette di testo personalizzate, configurare l'aspetto visivo ed esportare il diagramma come JPG o PDF per documentazione e presentazioni.
Il Piano di rete include potenti strumenti di progettazione per creare diagrammi professionali: strumenti di selezione multipla e allineamento per un posizionamento preciso, visualizzazione della griglia con aggancio alla griglia per spaziature uniformi, controlli di visibilità delle icone per concentrarsi su segmenti di rete specifici e menu contestuali con clic destro per azioni rapide. Tutte le connessioni si aggiornano automaticamente quando i dispositivi vengono spostati e i dispositivi nascosti nascondono automaticamente anche le loro connessioni.
Quando usarlo
- Quando devi creare un diagramma di rete visivo che mostri tutti i dispositivi e le loro connessioni
- Quando prepari la documentazione di rete per i team di installazione o per i clienti
- Quando vuoi visualizzare la topologia della rete e il flusso dei dati nel tuo sistema
- Quando devi esportare diagrammi di rete professionali per proposte o documentazione tecnica
- Quando vuoi personalizzare il layout e l'aspetto del tuo diagramma di rete
Apertura del Piano di rete
Per accedere alla funzione Piano di rete:
- Fai clic sull'icona Network diagram (fa fa-network-wired) nella barra laterale sinistra.
- Si aprirà l'interfaccia del Piano di rete, mostrando un canvas con il tuo diagramma di rete e una barra laterale con le opzioni di configurazione.
Se è la prima volta che apri il Piano di rete per il tuo progetto, il sistema disporrà automaticamente tutti i dispositivi e le telecamere utilizzando l'algoritmo di disposizione automatica.
Disposizione automatica
La funzione Auto Layout dispone automaticamente tutti i dispositivi e le telecamere nel tuo diagramma di rete. Questo crea una struttura pulita e organizzata che mostra chiaramente le connessioni tra i dispositivi.
- Auto Layout button – Fai clic per riordinare automaticamente tutti i dispositivi e le telecamere sul canvas
- Orientation – Scegli la direzione del layout:
- Left-Right (LR) – I dispositivi scorrono da sinistra a destra
- Right-Left (RL) – I dispositivi scorrono da destra a sinistra
- Top-Bottom (TB) – I dispositivi scorrono dall'alto verso il basso (predefinito)
- Bottom-Top (BT) – I dispositivi scorrono dal basso verso l'alto
L'algoritmo di disposizione automatica tiene conto di tutte le connessioni tra i dispositivi e li dispone per ridurre al minimo le sovrapposizioni e creare una chiara gerarchia visiva. Dopo aver eseguito l'auto-layout, puoi comunque regolare manualmente le posizioni dei dispositivi trascinandoli sul canvas.
Dimensione delle icone
Il cursore Dimensione delle icone controlla la dimensione delle icone di dispositivi e telecamere nel diagramma di rete:
- Regola il cursore per cambiare la dimensione delle icone da 5 a 30 pixel
- Icone più grandi rendono i dispositivi più visibili ma occupano più spazio
- Icone più piccole consentono di far entrare più dispositivi nel canvas
- La dimensione influisce sia sulle icone dei dispositivi sia su quelle delle telecamere in egual misura
Icone colorate
L'interruttore Icons Colored controlla se le icone dei dispositivi vengono visualizzate a colori o come semplici cerchi bianchi:
- Enabled – Le icone vengono visualizzate nei colori configurati (colori delle icone dei dispositivi o colori predefiniti per tipo)
- Disabled – Tutte le icone vengono visualizzate come cerchi bianchi con bordi neri
Le icone colorate aiutano a distinguere visivamente i diversi tipi di dispositivi, mentre le icone monocromatiche creano un aspetto più pulito e uniforme.
Griglia
La funzione Griglia fornisce guide di allineamento visivo e funzionalità di aggancio alla griglia per aiutarti a creare diagrammi di rete precisi e organizzati:
- Grid toggle – Abilita o disabilita la visualizzazione della griglia sul canvas
- Snap to grid – Quando abilitato, le icone si allineano automaticamente alle linee della griglia quando vengono trascinate
- Grid size – Regola la spaziatura della griglia da 10 a 100 pixel (predefinito: 40 px)
La griglia appare come linee sottili sul canvas, con ogni quinta linea leggermente più scura per un riferimento più semplice. Quando l'aggancio alla griglia è abilitato, trascinando qualsiasi icona questa verrà automaticamente posizionata all'intersezione di griglia più vicina, garantendo allineamento e spaziatura coerenti in tutto il diagramma.
Orientamento della pagina
Imposta l'orientamento del diagramma di rete esportato:
- Portrait – Orientamento verticale (più alto che largo)
- Landscape – Orientamento orizzontale (più largo che alto)
L'orientamento influisce sia sulla vista del canvas sia sul file PDF/JPG esportato.
Formato pagina
Seleziona il formato della carta per l'esportazione del diagramma di rete:
- A4, A3, A2, A1, A0 – Formati carta ISO standard
- Letter, Legal, Tabloid – Formati carta nordamericani
Il formato di pagina selezionato determina le dimensioni del canvas e del file esportato. Formati più grandi (A2, A1, A0) sono utili per reti complesse con molti dispositivi, mentre formati più piccoli (A4, Letter) sono adatti per reti più semplici o per la visualizzazione digitale.
Visibilità delle icone
Il pannello Icon Visibility (compresso per impostazione predefinita) consente di mostrare o nascondere singoli dispositivi e telecamere nel tuo diagramma di rete:
- Expand/Collapse – Fai clic sull'icona a chevron nell'intestazione del pannello per espandere o comprimere l'elenco di visibilità
- Show all / Hide all – Pulsanti di azione rapida per mostrare o nascondere tutte le icone in una volta
- Filter – Digita nella casella di ricerca per filtrare l'elenco per nome del dispositivo
- Toggle visibility – Usa l'interruttore accanto a ciascun dispositivo per mostrarlo o nasconderlo
Quando un'icona è nascosta:
- L'icona e la sua etichetta non vengono visualizzate sul canvas
- Tutte le connessioni a quel dispositivo sono nascoste automaticamente
- Gli elementi nascosti appaiono attenuati nell'elenco di visibilità per facilitarne l'identificazione
Questa funzione è utile per concentrarsi su parti specifiche della rete, creare viste semplificate per presentazioni o rimuovere temporaneamente dispositivi dal diagramma senza eliminarli.
Legenda
La funzione Legenda mostra una guida visiva con tutti i tipi di connessione utilizzati nel tuo diagramma di rete:
- Legend toggle – Abilita o disabilita la visualizzazione della legenda
- Legend position – Scegli dove appare la legenda:
- Top Left – Angolo in alto a sinistra
- Top Right – Angolo in alto a destra
- Bottom Left – Angolo in basso a sinistra
- Bottom Right – Angolo in basso a destra
La legenda mostra ogni tipo di connessione con il relativo stile di linea, colore e larghezza, facilitando la comprensione di ciò che rappresenta ogni linea di connessione nel tuo diagramma. La legenda è trascinabile, consentendoti di riposizionarla se necessario.
Testi personalizzati
Puoi aggiungere etichette di testo personalizzate al tuo diagramma di rete per annotazioni, titoli o informazioni aggiuntive:
- Add Text button – Fai clic per aggiungere un nuovo oggetto di testo al diagramma
- Text input – Inserisci o modifica il contenuto del testo per ciascun oggetto di testo
- Styling button – Fai clic sull'icona a matita per aprire le opzioni di stile per un oggetto di testo
Stile del testo
Quando fai clic sul pulsante di stile per un oggetto di testo, appare una finestra di dialogo in sovrimpressione con le opzioni di stile:
- Color – Scegli il colore del testo usando il selettore colore
- Font size – Imposta la dimensione del carattere da 8 a 72 pixel
- Apply to all texts – Pulsante per applicare lo stile corrente a tutti gli oggetti di testo nel diagramma
Gli oggetti di testo sono trascinabili sul canvas, consentendoti di posizionarli ovunque nel diagramma. Puoi selezionare più oggetti di testo (vedi Selezione multipla di seguito) e spostarli insieme o allinearli utilizzando la barra di allineamento.
Tipo di file
Scegli il formato di esportazione per il tuo diagramma di rete:
- JPG – Formato immagine adatto all'uso digitale e alle presentazioni
- PDF – Formato documento ideale per la stampa e la documentazione professionale
La selezione del tipo di file determina il formato del file esportato quando fai clic sul pulsante Export.
Interazione con il canvas
Il canvas del Piano di rete è completamente interattivo e ti consente di manipolare il diagramma:
- Trascina i dispositivi – Fai clic e trascina qualsiasi icona di dispositivo o telecamera per riposizionarla sul canvas
- Trascina le etichette – Fai clic e trascina le etichette dei dispositivi per riposizionarle rispetto ai rispettivi dispositivi
- Trascina i testi – Fai clic e trascina gli oggetti di testo personalizzati per spostarli ovunque sul canvas
- Trascina il canvas – Fai clic e trascina le aree vuote del canvas per eseguire il pan della vista
- Zoom – Usa la rotellina del mouse per ingrandire e ridurre (da 0,1x a 2x)
- Gesti touch – Su dispositivi mobili, usa il pizzico per lo zoom e lo scorrimento con due dita
Il canvas impedisce automaticamente di trascinare dispositivi o etichette sopra le linee di connessione o altri dispositivi per mantenere la chiarezza del diagramma.
Selezione multipla e allineamento
Puoi selezionare più elementi (dispositivi, telecamere, etichette o testi personalizzati) e manipolarli insieme:
Selezione degli elementi
- Clic singolo – Fai clic su un'icona, un'etichetta o un testo per selezionarlo (deseleziona la selezione precedente)
- Ctrl/Cmd/Shift + clic – Tieni premuto Ctrl (Windows/Linux) o Cmd (Mac) o Shift mentre fai clic per aggiungere elementi alla selezione
- Selezione rettangolare – Fai clic e trascina sul canvas vuoto per disegnare un riquadro di selezione che seleziona tutti gli elementi al suo interno
- Tasto Escape – Premi Escape per cancellare tutte le selezioni
Gli elementi selezionati sono evidenziati con un bordo blu e un contorno tratteggiato. Quando selezioni 2 o più elementi, nella parte superiore del canvas appare una barra degli allineamenti flottante.
Trascinamento multiplo
Quando sono selezionati più elementi, trascinare uno di essi sposta tutti gli elementi selezionati insieme della stessa distanza. Questo mantiene le posizioni relative consentendo allo stesso tempo di riposizionare interi gruppi di dispositivi, etichette o testi simultaneamente.
Barra degli allineamenti
La barra degli allineamenti appare quando sono selezionati 2 o più elementi e fornisce opzioni rapide di allineamento e distribuzione:
- Align Left – Allinea tutti gli elementi selezionati alla posizione più a sinistra
- Align Right – Allinea tutti gli elementi selezionati alla posizione più a destra
- Align Top – Allinea tutti gli elementi selezionati alla posizione più in alto
- Align Bottom – Allinea tutti gli elementi selezionati alla posizione più in basso
- Align Center Horizontal – Centra tutti gli elementi verticalmente (stessa coordinata Y)
- Align Center Vertical – Centra tutti gli elementi orizzontalmente (stessa coordinata X)
- Distribute Horizontal – Distribuisce uniformemente gli elementi in orizzontale tra il più a sinistra e il più a destra
- Distribute Vertical – Distribuisce uniformemente gli elementi in verticale tra il più in alto e il più in basso
- Deselect all – Cancella la selezione (disponibile anche tramite tasto Escape)
La barra degli allineamenti funziona con qualsiasi combinazione di dispositivi, telecamere, etichette e testi personalizzati, consentendoti di creare diagrammi perfettamente allineati e organizzati.
Etichette dei dispositivi
Ogni dispositivo e telecamera nel diagramma di rete mostra un'etichetta generata automaticamente che indica:
- Device type – Il tipo di dispositivo (ad es., Router, Switch, Camera)
- Name – Il nome visualizzato del dispositivo o il modello della telecamera
- IP address – L'indirizzo IP del dispositivo (se configurato)
Le etichette sono posizionate automaticamente per evitare sovrapposizioni con le linee di connessione. Puoi regolare manualmente le posizioni delle etichette trascinandole e il sistema ricorderà le tue posizioni personalizzate.
Linea di collegamento dell'etichetta
Quando un'etichetta è selezionata o viene trascinata, appare una sottile linea blu tratteggiata che collega l'etichetta all'icona del dispositivo. Questa guida visiva aiuta a vedere quale etichetta appartiene a quale dispositivo, soprattutto quando le etichette sono posizionate lontano dalle loro icone. La linea di collegamento include un piccolo punto di ancoraggio all'estremità dell'etichetta per un chiaro riferimento visivo.
Selezione delle etichette e selezione multipla
Le etichette possono essere selezionate indipendentemente dalle loro icone di dispositivo:
- Clic sull'etichetta – Seleziona l'etichetta (non l'icona)
- Clic sull'icona – Seleziona l'icona (non l'etichetta)
- Selezione multipla di etichette – Usa Ctrl/Cmd/Shift + clic o la selezione rettangolare per selezionare più etichette
- Trascinamento multiplo delle etichette – Quando sono selezionate più etichette, trascinarne una sposta insieme tutte le etichette selezionate
Le etichette possono essere incluse nelle operazioni di allineamento insieme a dispositivi, telecamere e testi personalizzati.
Menu contestuale del tasto destro
Facendo clic con il tasto destro su qualsiasi icona di dispositivo o telecamera si apre un menu contestuale con azioni rapide:
- Hide icon / Show icon – Attiva/disattiva la visibilità del dispositivo o della telecamera selezionati. Quando è nascosta, l'icona, la sua etichetta e tutte le connessioni ad essa vengono rimosse dal diagramma
- Reset label position – Reimposta la posizione dell'etichetta alla sua posizione calcolata automaticamente, rimuovendo qualsiasi posizionamento personalizzato
Il menu contestuale mostra nella parte superiore il nome del dispositivo e il tipo di icona per facilitarne l'identificazione. Fai clic in un punto qualsiasi fuori dal menu per chiuderlo.
Esportazione
Per esportare il tuo diagramma di rete:
- Configura tutte le impostazioni (formato pagina, orientamento, dimensione delle icone, ecc.)
- Disponi i dispositivi e aggiungi eventuali testi personalizzati secondo necessità
- Fai clic sul pulsante Export in fondo alla barra laterale
- Il diagramma verrà esportato nel formato selezionato (JPG o PDF) e scaricato sul tuo computer
L'esportazione include:
- Tutti i dispositivi e le telecamere con le loro posizioni correnti
- Tutte le linee di connessione con i loro stili configurati
- Oggetti di testo personalizzati
- Legenda (se abilitata)
- Impostazioni di formato e orientamento della pagina
Suggerimenti
- Usa prima l'Auto Layout per ottenere una buona disposizione iniziale, quindi regola manualmente le posizioni secondo necessità
- Scegli l'orientamento (TB, LR, ecc.) che meglio si adatta alla struttura della tua rete prima di ottimizzare le posizioni
- Usa dimensioni delle icone maggiori per le presentazioni e più piccole per la documentazione dettagliata
- Abilita le icone a colori quando devi identificare rapidamente i tipi di dispositivo; usa il monocromatico per un aspetto più pulito
- Aggiungi testi personalizzati per etichettare segmenti di rete, aggiungere titoli o fornire contesto aggiuntivo
- Posiziona la legenda in un angolo che non interferisca con il tuo diagramma di rete
- Usa formati pagina A3 o A2 per reti complesse con molti dispositivi per assicurarti che tutto sia visibile
- Ricorda che le etichette dei dispositivi possono essere riposizionate se si sovrappongono alle connessioni
- Esporta in PDF per la stampa e in JPG per presentazioni digitali o condivisione via email
- Abilita la griglia quando hai bisogno di un allineamento preciso: aiuta a creare diagrammi professionali e organizzati
- Usa l'aggancio alla griglia per spaziature uniformi tra i dispositivi, soprattutto quando crei layout strutturati
- Seleziona più dispositivi usando la selezione rettangolare o Ctrl+clic per allineare o distribuire rapidamente gruppi di dispositivi
- Usa la barra di allineamento per creare righe o colonne di dispositivi perfettamente allineate
- Nascondi i dispositivi non utilizzati usando il pannello Icon Visibility o il menu con clic destro per concentrarti su segmenti di rete specifici
- Seleziona le etichette in modo indipendente dalle icone per perfezionare il posizionamento delle etichette senza spostare i dispositivi
- Usa il trascinamento multiplo per spostare interi gruppi di dispositivi mantenendo le posizioni relative
- Fai clic con il tasto destro sulle icone per un accesso rapido alle funzioni di nascondi/mostra e di reimpostazione dell'etichetta
- Combina gli strumenti di allineamento con l'aggancio alla griglia per layout del diagramma perfetti al pixel