The FieldMaster project continues its evolution with notable improvements in interface development and the integration of advanced graphics features. In the final phase, planning and execution focused on optimizing the new Angular front-end, connecting the application to the API, developing an interactive dashboard, and perfecting the graphics engine using technologies such as Three.js and WebGL.
Planning and Objectives
The team met on March 13, 2025, to define the objectives for this phase, aimed at consolidating and enriching the FieldMaster user experience. The priorities included:
- Front-end optimization: Development of the interface with Angular continues, fine-tuning it and connecting it to the API to achieve fluid and functional communication.
- Graphics Engine Development: The incorporation of relevant features with Three.js has been planned, complemented by the integration of WebGL to enhance 3D simulations.
- Data Dashboard Development: The “Dashboard” section was implemented in the new front-end, encompassing two essential areas: general data and personal data, which will allow for a structured and accessible analysis of application performance.
- Database Modification: In order to comply with the integration of the NM module, the necessary database adjustments have been scheduled.
Additionally, additional tasks related to the preparation of the Demo Day have been planned, involving all team members, and the coordination of actions around task management and timekeeping using tools such as Clockify.
Execution and Development
During this phase, different responsibilities have been assigned, ranging from planning (PM tasks) to technical execution on the front-end (SMA tasks) and graphical development (TAG tasks). Scheduled activities include:
- The development of the new Angular front-end, executed by the development team, emphasizing a stable connection to the API to improve communication between the user and the application.
- The integration of functionality into the graphics engine, using Three.js and WebGL, allows for increasingly precise and visually appealing 3D simulations. In parallel, work has been done on the basic structure of the interface and the implementation of Phong shading to improve visual quality.
- The development of the data dashboard, divided into two sections: general data and personal data, which will facilitate performance monitoring and user customization of the experience.
- The planning assigned specific tasks that are managed through tracking tools such as Asana, allowing for optimal coordination between the various project managers.
Work in Progress and Technical Challenges
The review meeting, held on March 28, 2025, highlighted some complex tasks that remain pending and will remain in development during the next milestone (Milestone 4). These include:
- Polishing the Angular Front-end: The complexity of the integration and the need to optimize various aspects of the interface mean that this task will take an extended period of time.
- Full Integration of the Graphics Engine: In both the Three.js and WebGL integrations, certain technical details require additional work to achieve visual and functional perfection.
- Combination of Technologies: The task of effectively combining Three.js and WebGL represents one of the most significant technical challenges, as the goal is to balance performance and graphic quality.
The absence of incidents during development reflects a controlled process, although the initial planning showed some deviations from estimated times, which has required strategic adjustments in the organization of tasks.
Results and Outlook
At this stage, FieldMaster has been given a new visual and functional look, laying the necessary foundation for the platform’s growth and robustness. The implementation of an interactive dashboard, continuous front-end optimization, and the incorporation of improvements to the graphics engine indicate solid progress in the application’s digital transformation. The user experience is enriched by an improved interface and the integration of technologies that offer more realistic 3D simulations.
The process remains dynamic, and new goals are proposed for the next phase, where technical aspects still under development will be refined, ensuring that the platform maintains its course toward greater efficiency and functionality in sports simulation.