Interface e navegação
Como se orientar no Ravi Monitor 7.2: a tela inicial, o menu presente em todas as telas, o tema claro e escuro, o sistema de idiomas, o uso no celular e a página de novidades do produto.
Tela inicial
A tela inicial é a primeira página após o login. Ela funciona como o "bom dia" operacional do NOC: em um relance você vê a saúde dos quatro ambientes de monitoramento (Sensores, OLT, Concentradora e DNS), os incidentes de serviços externos em curso e a saúde do próprio servidor Ravi. Ela foi desenhada para ficar aberta 24 horas em um telão de NOC: os dados se atualizam sozinhos, sem recarregar a página.
Faixa de boas-vindas
No topo da página ficam:
- Indicador de conexão: mostra o estado do link entre o seu navegador e o servidor Ravi, com a latência em milissegundos. Começa em Verificando... e passa a Online; fica âmbar acima de 100 ms, muda para Lento acima de 300 ms e para Sem Conexão se o teste falhar. O teste se repete a cada 10 segundos.
- Saudação com o primeiro nome do usuário e o subtítulo Monitoramento em tempo real.
- Busca inteligente (campo Buscar com botão IA): ao focar no campo sem digitar, aparecem atalhos rápidos para as áreas do sistema (Dispositivos, OLT, Concentradora, Flow, DNS, Dashboard, Configurações, IA e IP Docs). Digitando, os atalhos são filtrados e surge a opção Perguntar ao Copiloto IA: pressionar Enter ou clicar no botão IA envia a pergunta direto ao Copiloto, que abre no painel lateral.
- Cotações em tempo real: Dólar, Bitcoin e Ouro/g, com variação percentual e seta de tendência. Atualizam a cada 60 segundos e mantêm um cache local de 30 minutos no navegador: se a internet cair, o último valor conhecido continua visível.
Widget de clima
O card Clima mostra o dia da semana, a data, o ícone do tempo, a máxima e a mínima de hoje e a prévia de amanhã. A cidade é configurável por usuário:
- Clique no widget de clima. Abre a modal Configurar Localização.
- No campo Digite o nome da cidade..., comece a digitar. O autocomplete lista os municípios brasileiros.
- Escolha a cidade na lista. Ela aparece no card Cidade selecionada.
- Clique em Confirmar. A página recarrega já com a nova cidade.
Se o usuário não configurou uma cidade, vale a cidade definida nas configurações do sistema; sem nenhuma das duas, o padrão segue o idioma do sistema.
O clima é obtido através da central Ravi usando o registro do servidor. Se o widget não aparecer, verifique se o servidor está registrado e com saída para a internet.
Incidentes Recentes
A coluna Incidentes Recentes lista incidentes de serviços externos monitorados (Google, operadoras e outros), cada um com logotipo, tempo decorrido e o badge EM CURSO ou RESOLVIDO. Clicar em um incidente abre a modal Detalhes com o painel do serviço. A lista se atualiza a cada 30 segundos.
Esta coluna só aparece com o módulo Serviços ativo. Se o módulo estiver ativo mas a central estiver fora do ar, a coluna mostra Central indisponível. Veja Módulo Serviços.
Gráficos dos quatro ambientes
Quatro gráficos de rosca resumem o estado de cada ambiente. O total aparece no centro; passar o mouse sobre uma fatia mostra a quantidade de itens e o percentual, e clicar em uma fatia trava aquele valor no centro. O cabeçalho de cada gráfico é clicável e leva direto para a área correspondente. Os dados se atualizam a cada 30 segundos, sem recarregar a página.
| Gráfico | Fatias | Clique leva a |
|---|---|---|
| Sensores | Ok, Alerta, Erro, Pausado, Offline | Dispositivos e sensores |
| OLT | Online, Sinal Alerta, Sinal Baixo, Offline, Rompimento | OLT |
| Concentradora | Ok, Alerta, Offline | Concentradora |
| DNS | Cache Hits, Cache Miss, Prefetch | DNS |
Se o resolvedor DNS estiver desativado nas opções de DNS, o gráfico de DNS ganha o selo OFF: é um estado, não um defeito.
Cada gráfico respeita as permissões do grupo de acesso do usuário. Sem permissão naquele ambiente, o card aparece borrado, com um cadeado e os textos Acesso Restrito e Solicite acesso ao administrador. O usuário Master vê tudo.
Barra de métricas do servidor
Na parte inferior da tela ficam as métricas do servidor Ravi, atualizadas a cada 15 segundos:
- Tráfego: upload e download da interface principal do servidor.
- Cards de CPU, RAM e Disco, com barra de progresso colorida por faixa: verde abaixo de 60%, âmbar entre 60% e 85%, vermelho a partir de 85%.
- Uptime do servidor.
Essas métricas são do servidor Ravi, não da rede monitorada. Para acompanhar os equipamentos da sua rede, use as áreas Dispositivos, OLT, Concentradora e Flow.
Em monitores largos (acima de 1400 px, típicos de telão de NOC) a tela inicial cabe inteira sem rolagem: os gráficos se ajustam e a barra de métricas flui dentro da própria dashboard. No celular, a barra vira um rodapé fixo.
Comportamentos automáticos
- As requisições do carregamento são escalonadas para evitar rajada: conexão e gráficos primeiro, incidentes e cotações em seguida, informações do servidor por último.
- Se você entrou e havia uma sessão ativa em outro dispositivo, aparece a notificação informativa Este usuário estava logado em outro dispositivo. A sessão anterior foi encerrada. Com a multi-sessão da 7.2 ninguém é derrubado à força pelo simples login em outro lugar; veja Sessões e dispositivos.
- Se você foi redirecionado para a tela inicial por tentar abrir uma área sem permissão, aparece a notificação Sem permissão de acesso.
Tema claro e escuro Novo na 7.2
Na 7.2 o tema escuro cobre o sistema inteiro, de todas as áreas novas às telas clássicas. Ele foi pensado para o público de NOC, que costuma trabalhar em ambientes escuros: inclusive a tela de login já abre em modo escuro por padrão.
- Como alternar: pelo botão de lua/sol no canto direito do menu (ou na própria tela de login). A troca é instantânea, sem recarregar a página: menus abertos não fecham e gráficos não são interrompidos.
- Automático: enquanto você não escolhe manualmente, o sistema segue o tema do sistema operacional, reagindo em tempo real se o SO alternar (modo noturno automático, por exemplo). Após o primeiro clique no botão, a escolha manual passa a mandar.
- Logotipo e telas de carregamento alternam automaticamente entre as versões clara e escura.
A preferência de tema é salva no navegador, não na conta. Ao usar outro computador ou outro navegador, escolha o tema novamente (ou deixe o modo automático seguir o sistema operacional).
Ao abrir uma página, ela pode ficar invisível por uma fração de segundo antes de aparecer já estilizada. Esse comportamento é intencional e evita o "piscar" de conteúdo sem estilo.
Idiomas
O Ravi Monitor é trilíngue: Português, Inglês e Espanhol. Todos os módulos da 7.2 já nascem traduzidos nos três idiomas. Novo na 7.2 cada usuário pode usar o sistema no próprio idioma, no mesmo servidor: uma equipe mista pode trabalhar em PT, EN e ES ao mesmo tempo.
Onde o idioma é definido
| Nível | Onde configurar | Vale para |
|---|---|---|
| Idioma da conta | Perfil, card Idioma ("Escolha o idioma da sua conta. Vale só para você."), com os botões Português, English e Español | Somente aquele usuário; vence o padrão do sistema |
| Idioma padrão do sistema | Configurações, card Gerenciamento de linguagem, opções Português, Inglês e Espanhol | Usuários que nunca escolheram um idioma próprio |
| Tela de login | Seletor de idioma (globo) no topo do login | A própria tela de login, lembrada por 1 ano naquele navegador |
Salvar o idioma da conta registra a ação no Histórico de ações e recarrega a página.
Modal de divergência de idioma
Se você escolheu na tela de login um idioma diferente do idioma da sua conta, a tela inicial abre a modal Idioma do sistema, perguntando se deseja adotar o idioma escolhido no login:
- Sim: o idioma escolhido passa a ser o idioma da sua conta e a página recarrega.
- Não: tudo fica como está e a pergunta não se repete.
O que acompanha o idioma
- O formato de data e hora do rodapé (em inglês, ano na frente e relógio de 12 horas).
- A página de Novidades e os textos do Histórico de ações seguem o idioma efetivo de cada usuário.
Uso no celular
Toda a interface é responsiva e funciona em celulares e tablets, incluindo iPhone e Safari. Em telas com menos de 1100 px de largura, o menu horizontal vira um drawer: uma gaveta lateral à direita, aberta pelo botão de hambúrguer.
- Topo do drawer: avatar e nome do usuário, mais os botões de WinBox e de tema. Tocar no avatar leva direto ao Perfil.
- Corpo: os mesmos itens do menu do desktop, com ícones (os ícones existem só no celular). Sair é o último item da lista.
- Rolagem: a gaveta ocupa a altura realmente visível da tela e rola por toque com inércia. Isso corrige o clássico problema do iOS em que o fim do menu ficava escondido atrás da barra do Safari.
- Rodapé fixo com respeito à área segura do aparelho: nada fica cortado atrás da barra inferior do iPhone. Na tela inicial, as métricas de CPU, RAM e Disco fluem dentro dessa barra.
- Terminal web no celular: abre sem o banner e ganha uma barra de teclas (Enter, Ctrl+C, Tab e setas), além de um botão Ctrl+C fixo no topo para interromper comandos mesmo com o teclado aberto.
A tela de login e a página de Novidades também têm layout dedicado para celular. Você pode operar o sistema inteiro do smartphone em campo, sem instalar aplicativo.
Página de novidades Novo na 7.2
A página Novidades é o changelog do produto em formato de linha do tempo: do marco mais recente, no topo, até o lançamento da versão 7.2, na base. É a forma mais rápida de descobrir o que mudou no sistema após uma atualização.
- Passe o mouse sobre o avatar no canto superior direito (ou toque nele no celular e abra o Perfil pelo menu).
- No menu, clique em Novidades.
- Cada marco traz a data, um título e uma lista de melhorias em linguagem direta, sem jargão técnico interno.
- No desktop, os cards alternam entre esquerda e direita da linha do tempo, com animação de entrada ao rolar; no celular, ficam em coluna única.
- O conteúdo existe em Português, Inglês e Espanhol e a página escolhe automaticamente pelo idioma do usuário.
- Qualquer usuário logado pode acessar: não há restrição de plano nem de tipo de usuário.
Ao final da linha do tempo, o selo Linha do tempo iniciada no lançamento da versão 7.2 marca o ponto de partida do histórico.