Plano de Rede
O recurso Plano de Rede cria uma visualização interativa do diagrama de rede dos dispositivos, câmeras e conexões do seu projeto. Ele gera automaticamente um diagrama estruturado mostrando como todos os componentes de rede estão conectados, com opções personalizáveis de layout, estilo e exportação. Você pode ajustar manualmente as posições dos dispositivos, adicionar rótulos de texto personalizados, configurar a aparência visual e exportar o diagrama como JPG ou PDF para documentação e apresentações.
Quando usar
- Quando você precisa criar um diagrama de rede visual mostrando todos os dispositivos e suas conexões
- Ao preparar documentação de rede para equipes de instalação ou clientes
- Quando você deseja visualizar a topologia da rede e o fluxo de dados do seu sistema
- Quando você precisa exportar diagramas de rede profissionais para propostas ou documentação técnica
- Quando você deseja personalizar o layout e a aparência do seu diagrama de rede
Abrindo o Plano de Rede
Para acessar o recurso Plano de Rede:
- Clique no ícone Network diagram (fa fa-network-wired) na barra lateral esquerda.
- A interface do Plano de Rede será aberta, exibindo um canvas com seu diagrama de rede e uma barra lateral com opções de configuração.
Se esta for a primeira vez abrindo o Plano de Rede do seu projeto, o sistema organizará automaticamente todos os dispositivos e câmeras usando o algoritmo de auto-layout.
Auto layout
O recurso Auto Layout organiza automaticamente todos os dispositivos e câmeras no seu diagrama de rede. Isso cria uma estrutura limpa e organizada que mostra claramente as conexões entre os dispositivos.
- Auto Layout button – Clique para reorganizar automaticamente todos os dispositivos e câmeras no canvas
- Orientation – Escolha a direção do layout:
- Left-Right (LR) – Os dispositivos fluem da esquerda para a direita
- Right-Left (RL) – Os dispositivos fluem da direita para a esquerda
- Top-Bottom (TB) – Os dispositivos fluem de cima para baixo (padrão)
- Bottom-Top (BT) – Os dispositivos fluem de baixo para cima
O algoritmo de auto-layout considera todas as conexões entre dispositivos e os organiza para minimizar sobreposições e criar uma hierarquia visual clara. Após executar o auto-layout, você ainda pode ajustar manualmente as posições dos dispositivos arrastando-os no canvas.
Tamanho do ícone
O controle deslizante de tamanho de ícone controla o tamanho dos ícones de dispositivos e câmeras no diagrama de rede:
- Ajuste o controle para alterar o tamanho do ícone de 5 a 30 pixels
- Ícones maiores tornam os dispositivos mais visíveis, porém ocupam mais espaço
- Ícones menores permitem que mais dispositivos caibam no canvas
- O tamanho afeta igualmente os ícones de dispositivos e de câmeras
Ícones coloridos
A alternância Icons Colored controla se os ícones dos dispositivos são exibidos em cores ou como círculos brancos simples:
- Enabled – Os ícones são exibidos em suas cores configuradas (cores do ícone do dispositivo ou cores padrão por tipo)
- Disabled – Todos os ícones são exibidos como círculos brancos com bordas pretas
Ícones coloridos ajudam a distinguir visualmente diferentes tipos de dispositivos, enquanto ícones monocromáticos criam uma aparência mais limpa e uniforme.
Orientação da página
Defina a orientação do diagrama de rede exportado:
- Portrait – Orientação vertical (mais alto do que largo)
- Landscape – Orientação horizontal (mais largo do que alto)
A orientação afeta tanto a visualização no canvas quanto o arquivo PDF/JPG exportado.
Tamanho da página
Selecione o tamanho do papel para a exportação do seu diagrama de rede:
- A4, A3, A2, A1, A0 – Tamanhos ISO padrão
- Letter, Legal, Tabloid – Tamanhos norte-americanos
O tamanho de página selecionado determina as dimensões do canvas e do arquivo exportado. Tamanhos maiores (A2, A1, A0) são úteis para redes complexas com muitos dispositivos, enquanto tamanhos menores (A4, Letter) são adequados para redes mais simples ou visualização digital.
Legenda
O recurso Legenda exibe um guia visual mostrando todos os tipos de conexão usados no seu diagrama de rede:
- Legend toggle – Ative ou desative a exibição da legenda
- Legend position – Escolha onde a legenda aparece:
- Top Left – Canto superior esquerdo
- Top Right – Canto superior direito
- Bottom Left – Canto inferior esquerdo
- Bottom Right – Canto inferior direito
A legenda mostra cada tipo de conexão com seu estilo de linha, cor e largura correspondentes, facilitando entender o que cada linha de conexão representa no seu diagrama. A legenda pode ser arrastada, permitindo reposicioná-la se necessário.
Textos personalizados
Você pode adicionar rótulos de texto personalizados ao seu diagrama de rede para anotações, títulos ou informações adicionais:
- Add Text button – Clique para adicionar um novo objeto de texto ao diagrama
- Text input – Insira ou edite o conteúdo de texto para cada objeto de texto
- Styling button – Clique no ícone de lápis para abrir as opções de estilo de um objeto de texto
Estilo de texto
Ao clicar no botão de estilo de um objeto de texto, aparece uma caixa de diálogo sobreposta com opções de estilo:
- Color – Escolha a cor do texto usando o seletor de cores
- Font size – Defina o tamanho da fonte de 8 a 72 pixels
- Apply to all texts – Botão para aplicar o estilo atual a todos os objetos de texto no diagrama
Objetos de texto podem ser arrastados no canvas, permitindo posicioná-los em qualquer lugar no diagrama.
Tipo de arquivo
Escolha o formato de exportação do seu diagrama de rede:
- JPG – Formato de imagem adequado para uso digital e apresentações
- PDF – Formato de documento ideal para impressão e documentação profissional
A seleção do tipo de arquivo determina o formato do arquivo exportado quando você clica no botão Export.
Interação com o canvas
O canvas do Plano de Rede é totalmente interativo, permitindo manipular o diagrama:
- Arrastar dispositivos – Clique e arraste qualquer ícone de dispositivo ou câmera para reposicioná-lo no canvas
- Arrastar rótulos – Clique e arraste os rótulos dos dispositivos para reposicioná-los em relação aos seus dispositivos
- Arrastar textos – Clique e arraste objetos de texto personalizados para movê-los em qualquer lugar no canvas
- Arrastar o canvas – Clique e arraste áreas vazias do canvas para mover a visualização (pan)
- Zoom – Use a roda do mouse para ampliar e reduzir (0,1x a 2x)
- Gestos de toque – Em dispositivos móveis, use o gesto de pinça para zoom e arraste com dois dedos para mover
O canvas impede automaticamente arrastar dispositivos ou rótulos sobre linhas de conexão ou outros dispositivos para manter a clareza do diagrama.
Rótulos dos dispositivos
Cada dispositivo e câmera no diagrama de rede exibe um rótulo gerado automaticamente mostrando:
- Tipo de dispositivo – O tipo de dispositivo (por exemplo, Roteador, Switch, Câmera)
- Nome – O nome de exibição do dispositivo ou o modelo da câmera
- Endereço IP – O endereço IP do dispositivo (se configurado)
Os rótulos são posicionados automaticamente para evitar sobreposição com as linhas de conexão. Você pode ajustar manualmente as posições dos rótulos arrastando-os, e o sistema lembrará suas posições personalizadas.
Exportando
Para exportar seu diagrama de rede:
- Configure todas as configurações (tamanho da página, orientação, tamanho do ícone, etc.)
- Organize os dispositivos e adicione quaisquer textos personalizados conforme necessário
- Clique no botão Export na parte inferior da barra lateral
- O diagrama será exportado no formato selecionado (JPG ou PDF) e baixado para o seu computador
A exportação inclui:
- Todos os dispositivos e câmeras com suas posições atuais
- Todas as linhas de conexão com seus estilos configurados
- Objetos de texto personalizados
- Legenda (se habilitada)
- Configurações de tamanho e orientação da página
Dicas
- Use o Auto Layout primeiro para obter uma boa organização inicial e, em seguida, ajuste manualmente as posições conforme necessário
- Escolha a orientação (TB, LR, etc.) que melhor se adapta à estrutura da sua rede antes de fazer ajustes finos
- Use ícones maiores para apresentações e menores para documentação detalhada
- Habilite ícones coloridos quando precisar identificar rapidamente os tipos de dispositivos; use monocromático para uma aparência mais limpa
- Adicione textos personalizados para rotular segmentos da rede, adicionar títulos ou fornecer contexto adicional
- Posicione a legenda em um canto que não interfira com seu diagrama de rede
- Use tamanhos de página A3 ou A2 para redes complexas com muitos dispositivos para garantir que tudo fique visível
- Lembre-se de que os rótulos dos dispositivos podem ser reposicionados se estiverem sobrepostos às conexões
- Exporte como PDF para impressão e como JPG para apresentações digitais ou compartilhamento por e-mail