Publicação: ThreatLens: desenvolvimento de um dashboard para análise de dados
Carregando...
Tipo do documento
Data
Direito de acesso
Programa
Área do conhecimento
CNPQ::CIENCIAS EXATAS E DA TERRA::CIENCIA DA COMPUTACAO::SISTEMAS DE COMPUTACAO::SOFTWARE BASICO
Título da Revista
ISSN da Revista
Título de Volume
Autores
Orientador
Coorientador
Resumo
Este trabalho apresenta o desenvolvimento do front-end da plataforma ThreatLens, uma
aplicação web voltada à visualização e análise de dados provenientes de um sistema de detecção de ameaças cibernéticas. Concebido como a camada de apresentação visual de um
projeto de pesquisa mais amplo em Inteligência de Ameaças Cibernéticas (Cyber Threat
Intelligence – CTI), o sistema consolida e organiza informações coletadas e classificadas
por iniciativas complementares. Para a construção da interface, foi utilizada a biblioteca
JavaScript React, em conjunto com o React Router DOM para o gerenciamento de rotas, CSS para estilização responsiva e a biblioteca Chart.js para a visualização gráfica
dos dados. A comunicação com o servidor foi realizada por meio de requisições HTTP
assíncronas às APIs RESTful disponibilizadas pelo back-end. O desenvolvimento contemplou o levantamento de requisitos funcionais e não funcionais, a prototipação de alta
fidelidade no Figma e a implementação de componentes, páginas e serviços organizados
segundo uma arquitetura modular baseada em separação de responsabilidades. Como
resultado, obteve-se uma plataforma responsiva, interativa e integrada ao back-end, capaz
de apresentar indicadores, gráficos e publicações classificadas de forma clara e acessível,
contribuindo para que profissionais de cibersegurança possam interpretar o cenário de
ameaças e tomar decisões proativas.
Abstract
This work presents the development of the front-end of the ThreatLens platform, a web
application aimed at visualizing and analyzing data produced by a cyber threat detection
system. Conceived as the visual presentation layer of a broader Cyber Threat Intelligence
(CTI) research project, the system consolidates and organizes information collected and
classified by complementary back-end development initiatives. The interface was built
using the React JavaScript library, together with React Router DOM for route management, CSS for responsive styling, and the Chart.js library for graphical data visualization.
Communication with the server was carried out through asynchronous HTTP requests to
the RESTful APIs provided by the back-end. The development process included gathering functional and non-functional requirements, high-fidelity prototyping in Figma, and
the implementation of components, pages, and services organized according to a modular
architecture based on separation of concerns. As a result, a responsive and interactive
platform was obtained, integrated with the back-end and capable of presenting indicators, charts, and classified posts in a clear and accessible manner, helping cybersecurity
professionals interpret the threat landscape and make proactive decisions.
Palavras-chave
Inteligência de ameaças cibernéticas, Cyber threat intelligence, Dashboard, Dashboard, React, React, Cibersegurança, Cybersecurity, Visualização de dados, Data visualization
Citação
SILVA, Pedro Miguel de Paula. ThreatLens: desenvolvimento de um dashboard para análise de dados. 2026. 59 f. Trabalho de Conclusão de Curso (Graduação em Sistemas de Informação) – Universidade Federal de Uberlândia, Uberlândia, 2026.
DOI
Avaliação
Revisão
Suplementado Por
Referenciado Por
Licença Creative Commons
Exceto quando indicado de outra forma, a licença deste item é descrita como Acesso Aberto