--- title: Refactorización de aplicaciones móviles date: 2024-03-06 categories: - app-development - mobile - mobiletogether tags: - app-development - mobile-apps - mobiletogether - refactoring description: Las mejoras a las aplicaciones de software existentes a menudo provienen de usuarios entusiastas, y la implementación de nuevas funciones crea oportunidades para optimizar las aplicaciones móviles. --- Status: #blog Tags: #app-development #mobile-apps #mobiletogether #refactoring Categories: [mobile-development](/blog/es/category/mobile-development.md) | [mobile-development](/blog/es/category/mobile-development.md) | [mobile-development](/blog/es/category/mobile-development.md) # Refactorización de aplicaciones móviles Las mejores ideas para nuevas funcionalidades y otras mejoras en aplicaciones de software existentes suelen provenir de usuarios entusiastas. La implementación de nuevas funcionalidades crea oportunidades para optimizar las aplicaciones móviles. Después de varios años utilizando la aplicación MobileTogether Solar Data Tracking para monitorear el rendimiento de un sistema solar en la azotea, mi amigo Casey tuvo una sugerencia. La aplicación mostraba una página con gráficos y tablas para informar sobre la producción mensual durante un año, y otra página para informar sobre la producción diaria de los últimos 30 días. Los botones de navegación en cada página permitían cambiar fácilmente entre las diferentes vistas. La sugerencia de Casey era revisar la aplicación para incluir todos los gráficos y tablas en una sola página. Con el tiempo, los usuarios de dispositivos móviles se han acostumbrado a las aplicaciones que presentan datos en páginas largas que se desplazan con un simple deslizamiento con un dedo. Una aplicación de una sola página se sentiría más fluida y moderna. ![](/blog/images/Blog_MT_control_templates_2.jpg) El Solar Data Tracker es una aplicación multiplataforma para Android, iOS y Windows [creada a partir de una única fuente](https://www.altova.com/es/mobiletogether) utilizando el Altova MobileTogether Designer. La posibilidad de combinar los informes en una sola página también ofreció la oportunidad de refactorizar la implementación para simplificar la aplicación. El MobileTogether Designer es una herramienta de arrastrar y soltar que ofrece soporte para copiar y pegar elementos de la aplicación, así como herramientas para [refactorizar aplicaciones móviles](https://www.altova.com/es/mobiletogether/modular-app-development#refactoring) mediante la identificación del uso de variables locales y globales, funciones, grupos de acciones, hojas de estilo, fuentes de datos externas, y más. Todas estas características simplificaron enormemente la revisión. Aquí se muestra una vista comparativa de la página del informe mensual de producción solar y la página del informe diario, tal como se ven en un teléfono Android: ![[Pasted image 20250224145704.png]] Y aquí está la nueva versión en una sola página, con todos los datos presentados en una sola página, tal como se visualiza al desplazarse en un iPhone: ![[Pasted image 20250224145734.png]] El botón "Añadir nueva factura" que se encuentra en el centro, en la parte superior, antes marcaba el final de la página del informe mensual. Ahora, el informe se continúa de forma continua con los datos históricos diarios. Hemos añadido una regla en la parte inferior para indicar el final de la página. Los pasos para crear la nueva versión en el programa MobileTogether Designer fueron sencillos: - Copie los elementos de diseño de la página del informe diario y péguelos al final de la página mensual - Elimine los botones de navegación de la página que no sean necesarios - Revise y simplifique las etiquetas del encabezado - Redefina la tabla de datos diarios para eliminar la opción de desplazamiento - Elimine la página del informe diario anterior de la jerarquía de flujo de trabajo El diseñador MobileTogether incluye una herramienta de validación para detectar errores lógicos o advertencias, así como un botón de "deshacer" que permite retroceder a través de cada revisión para identificar con precisión qué cambio podría haber causado un problema. También necesitamos revisar uno de los grupos de acciones. Cuando el usuario añade una nueva lectura diaria o información que aparece en una factura de una compañía eléctrica, los gráficos también deben actualizarse con los nuevos datos. La implementación original utilizaba grupos de acciones separados para actualizar los gráficos en cada página. Podemos abrir el diálogo del grupo de acciones y añadir acciones a un grupo de acciones existente para actualizar también los gráficos diarios. [![La refactorización de aplicaciones móviles ofrece oportunidades para mejorar la eficiencia interna.](/blog/images/action-group-1.png)](action-group-1.png) También hemos cambiado el nombre del grupo de acciones para que describa mejor sus funciones. Cuando cambiamos el nombre del grupo de acciones en el diálogo de "Grupos de acciones", el diseñador actualiza automáticamente el nombre en cada lugar donde se utiliza ese grupo de acciones. La ventana del simulador MobileTogether, integrada en el programa, ejecuta la solución de forma instantánea, lo que nos permite probar la lógica, visualizar la interfaz de usuario tal como aparecerá en una variedad de dispositivos Android, iOS, Windows y otros, y examinar los cambios en los datos del flujo de trabajo durante la ejecución. El simulador también incluye amplias funciones de depuración para una observación y seguimiento detallados del comportamiento de la ejecución. El menú "Refactorizar" contiene comandos que muestran las diferentes formas en que se utilizan diversos componentes o elementos de diseño, o que identifican elementos que no se utilizan en ninguna parte de la aplicación. [![Las opciones del menú "Refactorizar" de MobileTogether Designer, diseñadas para la refactorización de aplicaciones móviles](/blog/images/refactor-menu.png)](refactor-menu.png) La lista de grupos de acción incluye el grupo original que se encargaba de actualizar los gráficos de producción diarios. Dado que la página del informe diario ya no forma parte de la aplicación, ese grupo de acción nunca será necesario y también puede ser eliminado. [![Refactorización de la lista para mostrar el grupo de acciones no utilizado.](/blog/images/refactor-listing-1.png)](refactor-listing-1.png) Implementamos el nuevo sistema de seguimiento de datos móviles, y Casey lo presentó con entusiasmo en una exposición de vehículos eléctricos en un parque con una conexión celular débil y sin acceso a Wi-Fi. Pruebe todas las funciones de MobileTogether para la refactorización de aplicaciones móviles descargando el [MobileTogether Designer](https://www.altova.com/es/mobiletogether/download), que es gratuito.