AgDataBox-Map 5.0: modernização do front-end – migração de Angular para React com foco em desempenho, manutenibilidade e paridade funcional

Abstract

The modernization of AgDataBox-Map (AgDataBox-Map) was carried out to enhance maintainability, performance, and user experience quality in a web-based geospatial application focused on Precision Agriculture. The work involved migrating the front end from Angular to React (with Vite and TypeScript), preserving stable contracts with the ADB-API and ensuring functional parity with the legacy version through an incremental, route/module-based strategy, supported by objective acceptance criteria and immediate rollback capability. The evaluation followed a controlled before-and-after experimental design, combining verification of equivalence across critical workflows (authentication, projects, data import/cleaning, spatial operations, and the management zone pipeline), build and startup metrics, bundle size variations, as well as exploratory inspections of usability and essential accessibility. The results indicate the maintenance of functional parity in the evaluated scenarios and perceived gains in responsiveness and navigation fluidity, accompanied by a more modular and testable architectural foundation (React-based componentization, state management with Redux Toolkit, and an updated OpenLayers version). As an additional contribution, the study incorporates into AgDataBox-Map 5.0 the implementation of the Genetic Algorithm for Zone Delineation (GAZD) for the generation of Rectangular Management Zones (RMZs), integrating it into the existing pipeline through preprocessing by Area Units (AUs), exclusion of no-data values, and the use of variance and relative variance metrics to control homogeneity.Finally, the thesis is structured as follows: (i) Section 2 presents the general and specific objectives; (ii) Section 3 is dedicated to the literature review on front-end development and architecture, migration strategies, and UX foundations applied to geospatial systems; (iii) Section 4 details the materials and methods (scenarios, metrics, testing instruments, and the equivalence protocol); (iv) Section 5 presents the results and discussion; and (v) Section 7 consolidates the conclusions and outlines directions for future work.