ITeC
ITeC - Instituto de Tecnología de la Construcción es una entidad que se dedica a la investigación, desarrollo y promoción de tecnologías avanzadas en el sector de la construcción.
Desde Barcelona, ITEC ofrece soluciones innovadoras para la gestión de proyectos, presupuestos y gastos en la construcción, contribuyendo significativamente a la eficiencia y sostenibilidad del sector.
ITeC necesitaba migrar su aplicación existente para la generación y gestión de presupuestos y gastos, desarrollada en Angular 1.4.9, a la versión más reciente de Angular 17. Esto implicaba no solo la actualización tecnológica, sino también la adaptación a los últimos cambios y mejoras introducidas en Angular 17.
Angular 17 introduce mejoras significativas como el soporte para componentes standalone, la integración con Vite para un desarrollo más rápido, un mejor control de flujo y la introducción de Signals para una gestión más eficiente del estado. Además, incluye una nueva imagen corporativa que refleja su evolución y modernización.
Estrategia
Para abordar este proyecto, nuestro equipo planteó la siguiente estrategia:
Análisis y planificación: Realizamos un análisis exhaustivo de la aplicación existente para identificar las áreas clave que requerían actualización y adaptación a Angular 17.
Diseño de la arquitectura: Diseñamos una nueva arquitectura de la aplicación, asegurándonos de que fuera modular y escalable para facilitar futuras actualizaciones y mantenimientos.
Desarrollo de componentes: Implementamos los componentes utilizando Angular Material para los elementos de la interfaz, integrando Tailwind CSS para una personalización más flexible y moderna de los estilos.
Formación del personal: Creamos directrices detalladas, documentación y formaciones a medida para que el personal de ITEC pudiera continuar con el desarrollo de las secciones restantes de la aplicación, asegurando la coherencia en estilos y componentes.
Desafíos Técnicos
Adaptación a Angular 17: La migración desde Angular 1.4.9 a Angular 17 presentó varios desafíos técnicos, incluyendo cambios significativos en la estructura y funcionamiento del framework. Nuestro equipo tuvo que adaptar y reescribir gran parte del código para aprovechar las nuevas funcionalidades y mejoras de Angular 17.
Integración de Angular Material y Tailwind CSS: La combinación de Angular Material para los componentes de la interfaz y Tailwind CSS para los estilos requirió una planificación cuidadosa para asegurar una integración fluida y coherente.
Modularización y escalabilidad: Asegurar que la nueva arquitectura fuera modular y escalable fue crucial para permitir que el personal de ITEC pudiera continuar con el desarrollo de manera eficiente y sin problemas.
La migración a Angular 17 permitió a ITeC beneficiarse de las últimas mejoras tecnológicas, aumentando la eficiencia y escalabilidad de su aplicación. La integración de Angular Material y Tailwind CSS proporcionó una interfaz moderna y coherente, mientras que las directrices y documentación creadas aseguraron una transición suave para el equipo interno.