Baptista, Ricardo José VieiraRotunno Filho, Otto CorrêaMoreira, Bruno Medeiros2024-06-062024-06-062024-05-242024-06-06Moreira, Bruno Medeiros - Desenvolvimento de aplicativo web para visualização de informação hidrológica [Em linha]. [S.l.]: [s.n.], 2024. 124 p.http://hdl.handle.net/10400.2/16115Os dados geocientíficos ambientais gerados, em especial de natureza hidrológica, são normalmente em formatos complexos e não podem ser entendidos e visualizados facilmente sem um pré-processamento, demandando ferramentas específicas da área de sistemas de informações geográficas, que requerem um conhecimento especializado. Diante desse cenário, os aplicativos web tornam-se um excelente meio para torná-los acessíveis com vistas a atender públicos distintos, quer sejam técnicos ou leigos. No entanto, a experiência necessária para desenvolver tais aplicativos enfrenta alguns desafios em potencial. Em linhas gerais, esses obstáculos podem ser caracterizados pelos seguintes elementos que os desenvolvedores precisam superar: (i) acessibilidade e tratamento de dados, (ii) identificação, seleção e configuração dos softwares requeridos para atender as resoluções espaciais e temporais; (iii) avaliação e configuração da infraestrutura computacional necessária para disponibilizar informação hidrológica; (iv) configuração e programação entre os diferentes arcabouços para o desenvolvimento da interface de utilização (frameworks); (v) construção de gráficos e estatísticas significativas para análise dos dados hidrológicos processados. Nesse sentido, o trabalho propõe-se a investigar ferramentas de código livre e desenvolver um aplicativo web responsivo para acessar a informação hidrológica disponibilizada por missões de satélites e por estações pluviométricas in situ, que, em função dos diversos campos espaço-temporais gerados, requer processamento para visualização. O estudo de caso foi desenvolvido para dados hidrológicos do Brasil gerenciados pela Agência Nacional de Águas e Saneamento Básico (ANA). Foram pesquisadas diversas tecnologias e ferramentas de código aberto para sistemas de informações geográficas e desenvolvimento web em geral, sendo as principais ferramentas selecionadas discriminadas na sequência: Nginx como servidor web com NodeJs, STRAPI como API REST para gerenciamento de conteúdo dos dados hidrológicos, MapLibre como biblioteca que usa WebGL para renderizar mapas interativos, as bibliotecas GDAL/GMT para processamento dos dados hidrológicos e React para produzir a interface de utilizador. Como resultado, o aplicativo permitiu visualizar informação geocientífica de mais de 1500 pontos de interesse pluviométrico no Brasil em forma de gráficos para facilitar a interpretação das séries históricas de chuva.The environmental geoscientific data generated, especially of a hydrological nature, are normally in complex formats and cannot be understood and visualized easily without pre-processing, requiring specific tools in the area of geographic information systems, which require specialized knowledge. Given this scenario, web applications become an excellent means of making them accessible with a view to serving different audiences, whether technical or lay. However, the expertise required to develop such applications faces some potential challenges. In general terms, these obstacles can be characterized by the following elements that developers need to overcome: (i) accessibility and data processing, (ii) identification, selection and configuration of software required to meet spatial and temporal resolutions; (iii) assessment and configuration of the computational infrastructure necessary to provide hydrological information; (iv) configuration and programming between different frameworks for the development of the user interface (frameworks); (v) construction of significant graphs and statistics for analysis of processed hydrological data. In this sense, the work proposes to investigate free code tools and develop a responsive web application to access hydrological information made available by satellite missions and in situ rain gauge stations, which, due to the different spatio-temporal fields generated, requires processing for visualization. The case study was developed for Brazilian hydrological data managed by the National Water and Basic Sanitation Agency (ANA). Several open-source technologies and tools for geographic information systems and web development in general were researched, with the main selected tools being broken down as follows: Nginx as a web server with NodeJs, STRAPI as a REST API for content management of hydrological data, MapLibre as library that uses WebGL to render interactive maps, the GDAL/GMT libraries for processing hydrological data and React to produce the user interface. As a result, the application made it possible to visualize geoscientific information from more than 1500 points of rainfall interest in Brazil in the form of graphs to facilitate the interpretation of historical rainfall series.porAplicações WebHidrologiaSistema de informações geográficasWeb applicationHydrologyGeographical information systemmaster thesis203653696