--- title: Refactorisation des applications mobiles date: 2024-03-06 categories: - app-development - mobile - mobiletogether tags: - app-development - mobile-apps - mobiletogether - refactoring description: Les améliorations apportées aux applications logicielles existantes proviennent souvent d'utilisateurs passionnés, et l'implémentation de nouvelles fonctionnalités offre des opportunités de refactorisation des applications mobiles. --- Status: #blog Tags: #app-development #mobile-apps #mobiletogether #refactoring Categories: [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) | [mobile-development](/blog/fr/category/mobile-development.md) # Refactorisation des applications mobiles Les meilleures idées pour de nouvelles fonctionnalités et d'autres améliorations des applications logicielles existantes proviennent souvent d'utilisateurs enthousiastes. La mise en œuvre de nouvelles fonctionnalités offre des opportunités de refactorisation des applications mobiles. Après plusieurs années d'utilisation de l'application MobileTogether Solar Data Tracking pour surveiller les performances d'un système solaire installé sur un toit, mon ami Casey a eu une suggestion. L'application affichait une page de graphiques et de tableaux pour présenter la production mensuelle sur une année, et une autre page pour afficher la production quotidienne des 30 derniers jours. Des boutons de navigation sur chaque page permettaient de passer facilement d'une vue à l'autre. La suggestion de Casey était de modifier l'application pour regrouper tous les graphiques et tableaux sur une seule page. Au fil du temps, les utilisateurs mobiles se sont habitués aux applications mobiles qui présentent les données sur de longues pages que l'utilisateur peut faire défiler facilement en glissant un doigt. Une application sur une seule page donnerait une impression de fluidité et semblerait plus moderne. ![](/blog/images/Blog_MT_control_templates_2.jpg) Le Solar Data Tracker est une application multiplateforme pour Android, iOS et Windows, [développée à partir d'une source unique](https://www.altova.com/fr/mobiletogether) grâce à l'outil Altova MobileTogether Designer. Regrouper les rapports sur une seule page a également permis de simplifier l'application en optimisant son fonctionnement. Le MobileTogether Designer est un outil intuitif qui permet de créer des applications par glisser-déposer, avec la possibilité de copier-coller les éléments de l'application et des outils pour [optimiser les applications mobiles](https://www.altova.com/fr/mobiletogether/modular-app-development#refactoring) en identifiant l'utilisation de variables locales et globales, de fonctions, de groupes d'actions, de feuilles de style, de sources de données externes, et plus encore. Toutes ces fonctionnalités ont grandement simplifié la mise à jour de l'application. Voici une comparaison côte à côte de la page du rapport mensuel de production solaire et de la page du rapport quotidien, telle que vue sur un téléphone Android : ![[Pasted image 20250224145704.png]] Voici la nouvelle version sur une seule page, qui présente toutes les données sur une seule page, comme on peut le voir en faisant défiler l'écran sur un iPhone : ![[Pasted image 20250224145734.png]] L'icône "Ajouter une nouvelle facture", située au centre en haut, marquait autrefois la fin de la page du rapport mensuel. Désormais, le rapport se poursuit de manière continue dans les données historiques quotidiennes. Nous avons ajouté une indication en bas de page pour signaler la fin du document. Les étapes pour créer la nouvelle version dans l'outil MobileTogether Designer étaient simples : - Copiez les éléments de conception de la page du rapport quotidien et collez-les à la fin de la page mensuelle - Supprimez les boutons de navigation des pages qui ne sont pas nécessaires - Réviser et simplifier les libellés des en-têtes - Redéfinissez le tableau des données quotidiennes pour supprimer la fonctionnalité de défilement - Supprimez la page de rapport quotidien obsolète de la hiérarchie des flux de travail L'outil MobileTogether Designer comprend un outil de validation qui permet de détecter les erreurs logiques ou les avertissements, ainsi qu'un bouton "Annuler" qui permet de revenir en arrière à chaque modification, afin de déterminer précisément quelle modification a pu entraîner un problème. Nous devons également revoir un groupe d'actions. Lorsque l'utilisateur ajoute une nouvelle lecture quotidienne ou des informations figurant sur une facture d'une entreprise d'électricité, les graphiques doivent également être mis à jour à partir des nouvelles tables de données. L'implémentation initiale utilisait des groupes d'actions distincts pour mettre à jour les graphiques sur chaque page. Nous pouvons ouvrir la fenêtre de dialogue du groupe d'actions et ajouter des actions à un groupe d'actions existant pour mettre à jour également les graphiques quotidiens. [![La refactorisation des applications mobiles offre des opportunités d'améliorer l'efficacité interne.](/blog/images/action-group-1.png)](action-group-1.png) Nous avons également renommé le groupe d'actions afin de mieux décrire ses fonctionnalités. Lorsque nous modifions le nom du groupe d'actions dans la fenêtre des groupes d'actions, le concepteur met automatiquement à jour le nom à tous les endroits où le groupe d'actions est utilisé. La fenêtre du simulateur MobileTogether intégrée exécute instantanément la solution, ce qui nous permet de tester la logique, de visualiser l'interface utilisateur telle qu'elle apparaîtra sur une variété d'appareils Android, iOS, Windows et autres, et d'examiner les modifications des données de flux de travail pendant l'exécution. Le simulateur comprend également de nombreuses fonctionnalités de débogage pour une observation et un suivi détaillés du comportement de l'exécution. Le menu "Refactorisation" contient des commandes qui permettent de lister les utilisations de différents éléments de conception, ou les éléments qui ne sont utilisés nulle part dans l'application. [![Les options du menu "Refactoring" de MobileTogether Designer permettent de refactoriser les applications mobiles](/blog/images/refactor-menu.png)](refactor-menu.png) La liste des groupes d'actions comprend le groupe initial qui mettait à jour les tableaux de production quotidiens. Étant donné que la page du rapport quotidien ne fait plus partie de l'application, ce groupe d'actions ne sera plus jamais nécessaire et peut également être supprimé. [![Refactorisation de la liste, affichant les groupes d'actions inutilisés.](/blog/images/refactor-listing-1.png)](refactor-listing-1.png) Nous avons déployé le nouveau système de suivi des données mobiles, et Casey l'a présenté avec enthousiasme lors d'un salon de voitures électriques dans un parc où la couverture réseau mobile était faible et où il n'y avait pas de Wi-Fi. Pour découvrir toutes les fonctionnalités de MobileTogether et refactoriser vos applications mobiles, téléchargez gratuitement le logiciel [MobileTogether Designer](https://www.altova.com/fr/mobiletogether/download).