Relatório de atualização da Nova Home 2025
A Home do CPTEC foi totalmente refatorada com o principal objetivo de tornar o código mais limpo, organizado e de fácil manutenção. O novo projeto foi desenvolvido do zero, o que possibilitou a modularização completa da aplicação. Dessa forma, cada parte do sistema passou a ser estruturada como um módulo independente, facilitando a separação em blocos, reduzindo a quantidade de linhas de código e tornando a leitura, interpretação e organização da estrutura muito mais eficientes.
Além disso, grande parte da aplicação foi componentizada, ou seja, trechos de código reutilizáveis foram transformados em componentes. Essa abordagem reduz redundâncias, melhora a padronização e facilita manutenções e atualizações em larga escala.
Considerando também que o Meteograma é uma das partes mais complexas da aplicação, é importante destacar que seu código foi totalmente refeito. O fluxo e a lógica agora estão melhor organizados dentro do projeto, com as funcionalidades distribuídas em múltiplos arquivos. Essa abordagem reduziu a concentração excessiva de código em um único ponto, facilitando a manutenção, o entendimento do fluxo e futuras evoluções. Além disso, foram adicionados tratamentos adicionais que garantem maior estabilidade e um processo mais confiável de construção dos gráficos.
A proposta principal deste projeto sempre foi aprimorar o background da aplicação. Ainda assim, a estética também passou por ajustes pontuais, realizados de forma cuidadosa para preservar a identidade e a essência visual do sistema.
Alterações de Estética:
-Foi implementado o Dark Mode em toda a página, permitindo uma navegação mais confortável para o usuário.
-Todas as telas passaram por melhorias significativas de responsividade, corrigindo problemas de quebras em diferentes resoluções.
-O corpo da página agora aproveita melhor o espaço horizontal. Na versão anterior, algumas resoluções apresentavam quebras devido ao uso inadequado desse espaço.
-O campo de busca recebeu um tratamento dos caracteres digitados pelo usuário, melhorando a experiência de pesquisa. Com isso, a lista de cidades passa a ser carregada corretamente, evitando erros de requisição presentes na versão antiga.
-As seções Notas Conjuntas e Boletins foram removidas do topo da página e reposicionadas na área Nossas Aplicações, ao final da página. Essa alteração reduziu o destaque excessivo dessas seções e permitiu que o DSAT ganhasse maior foco na tela.
-O bloco de Previsão Numérica de Tempo passou por ajustes visuais. Agora, os dados exibem um spinner de carregamento enquanto não são totalmente carregados, e o aviso de Condições funciona corretamente de acordo com o PDF do ícone informativo (script que estava quebrado na versão anterior).
-Os dados de próximos dias passaram a ser exibidos como um submódulo dentro da Previsão Numérica de Tempo, no mesmo bloco. Essa organização faz mais sentido do que a disposição anterior, onde esses dados estavam junto ao Meteograma.
-O Meteograma recebeu tratamento de erros. Caso algum gráfico não seja gerado, uma mensagem informativa é exibida ao usuário. Além disso, enquanto os gráficos estão sendo processados, uma barra de carregamento é apresentada. O meteograma em imagem passou a ser exibido junto aos botões de alternância entre gráficos. A funcionalidade “Ver em tabela de dados” também foi ajustada: os dados agora são exibidos em um modal, substituindo a lista extensa que anteriormente deslocava a página.
-As seções que exibem imagens (Previsão Probabilística, Previsão Numérica de Tempo e Extremos, Próximas Semanas e Próximos Meses) agora contam com tratamento específico para as imagens, mantendo o tamanho dos blocos e evitando deslocamentos indesejados da página. Além disso, os botões de navegação foram aprimorados visualmente e funcionalmente, evitando quebras de layout.
-A seção Nossas Aplicações, no final da página, foi reformulada para exibir links diretos. As abas com sub-links da versão anterior estavam causando problemas de layout, além disso, os botões foram reestilizados para desktop buscando um visual mais moderno.
Novas Funcionalidades:
-Foi implementado um sistema completo de autenticação e gerenciamento de acessos, no qual uma ou mais contas do tipo ADMIN são responsáveis por gerenciar usuários vinculados a departamentos. O perfil ADMIN possui permissão para aprovar ou reprovar solicitações de cadastro de usuários com domínio @inpe.br, além de criar e gerenciar avisos próprios ou de usuários comuns.
-Foi desenvolvida a funcionalidade de criação e gerenciamento de avisos a serem exibidos na página principal. Esses avisos podem ser do tipo ALERTA ou POP-UP. Existe uma lógica de hierarquia entre os usuários, impedindo que um usuário modifique ou exclua avisos criados por outros perfis. Apenas usuários com perfil ADMIN possuem permissão total sobre esses avisos.
-Durante a criação de um aviso, é possível optar pela geração de uma página temporária como essa, utilizada quando há a necessidade de exibir um volume maior de informações relacionadas ao aviso, seja ele do tipo alerta ou pop-up.
-Foi adicionada uma funcionalidade de notificação, localizada no canto inferior direito da página, responsável por exibir o histórico de avisos cadastrados na plataforma.
-Todo o fluxo de troca de e-mails foi configurado para notificar os usuários sobre eventos como solicitações de cadastro, aprovação ou reprovação de contas, entre outras ações relacionadas.
-Foi adicionada uma seta para rolar a página até o topo, com o objetivo de melhorar a experiência de navegação do usuário.
Para finalizar, as páginas relacionadas às novas funcionalidades foram desenvolvidas com visual intuitivo e responsivo. Já as subpáginas como “Dados Históricos” e “Geada” também passaram por melhorias, com foco no aumento de desempenho e na adoção de um visual mais moderno e consistente com o restante da aplicação.
Válido de 01/04/2026 a 01/07/2026.