La maintenance des applications à faible code

Les outils logiciels à faible code peuvent accélérer le développement d'applications mobiles en libérant les développeurs des tâches de codage répétitives et en les encourageant à se concentrer sur les exigences générales de l'application. Cependant, certains développeurs, chefs de projet, et même des entreprises entières restent méfiants quant à ces outils. Ces acteurs craignent que les tests et la maintenance des applications développées avec ces outils soient plus difficiles et plus coûteux à long terme.

Mais tous les outils de développement low-code ou RMAD (Rapid Mobile App Development) ne sont pas identiques. Un outil low-code qui se limite à une interface utilisateur pour un générateur de code et qui crée des applications à partir d'un ensemble de modèles pourrait être attrayant pour un développeur débutant. Cependant, lorsqu'un problème survient, un programmeur expérimenté pourrait être amené à diagnostiquer et à modifier le code généré pour chaque système d'exploitation mobile afin de trouver une solution.

MobileTogether est [mobile-app-debugging|un outil de développement d'applications multiplateformes qui fonctionne différemment. MobileTogether utilise une combinaison de conception d'interface utilisateur par glisser-déposer, un langage visuel puissant appelé "Action Tree" pour la gestion des événements, et une programmation fonctionnelle standardisée pour la sélection et le traitement des données. MobileTogether intègre une fenêtre de simulateur pour exécuter instantanément l'application, tester la logique, visualiser l'interface utilisateur telle qu'elle apparaîtra sur une variété d'appareils iOS, Android, Windows et autres, et examiner les modifications des données de flux de travail pendant l'exécution. MobileTogether comprend également des fonctionnalités de test automatisé avancées et un débogueur intégré pour [tester et déboguer les applications]] avec précision, et examiner le comportement de l'application directement dans l'environnement de conception.

Examinons comment MobileTogether simplifie certaines exigences de maintenance d'applications rencontrées dans des contextes réels.

Nous avons initialement créé une application de géolocalisation appelée "Where Am I" afin de compléter les fonctionnalités des systèmes d'exploitation mobiles grâce à des données en temps réel provenant de cinq services d'API distincts. Voici la page principale de l'application originale, telle qu'elle apparaît dans le simulateur MobileTogether :

Chaque image est un bouton qui permet d'accéder à des informations supplémentaires : enregistrer une photo aérienne, envoyer un message texte avec la localisation, afficher la localisation sur une carte, consulter les informations sur le trafic, trouver des points d'intérêt à proximité, obtenir les prévisions météorologiques, consulter la liste des événements à venir ou rechercher des services à proximité.

Cette application nécessite des mises à jour. L'API permettant d'afficher les événements a été supprimée par son éditeur, et l'API pour les photos aériennes ne propose plus de clé d'accès gratuite. Les mises à jour des systèmes d'exploitation des appareils mobiles, depuis le développement initial, doivent également être prises en compte, en particulier pour Android.

Maintenir les applications à faible code dans l'environnement de développement initial

Si nous supprimons toutes les fonctionnalités liées aux API problématiques, nous obtiendrons une application mobile plus simple, mais qui restera riche en fonctionnalités, efficace et élégante. Nous pouvons effectuer toutes ces modifications dans l'outil MobileTogether Designer, où l'application a été initialement créée. De plus, nous n'avons besoin de faire ces modifications qu'une seule fois pour mettre à jour l'application pour toutes les versions du système d'exploitation.

Le bouton avec l'icône de calendrier visible dans l'image du simulateur MobileTogether appelle une API obsolète. Nous pourrions simplement supprimer l'image pour supprimer cette fonctionnalité pour l'utilisateur, mais cela laisserait des éléments résiduels dans l'application sans aucun chemin d'exécution. MobileTogether inclut des fonctionnalités qui permettent d'identifier et de supprimer facilement les structures de données, les groupes d'actions et autres éléments dont nous n'avons plus besoin.

Voici un aperçu partiel de la page principale de l'application de travail dans l'outil MobileTogether Designer :

La sélection de l'image du calendrier affiche un message contextuel qui résume les actions effectuées lorsque l'utilisateur clique sur l'image. La suppression de l'image, qui supprime la fonctionnalité d'affichage des événements, supprimera également les actions directes, mais pas les sous-pages, les groupes d'actions ou les sources de données.

Modifier ou supprimer les sous-pages inutiles

La fenêtre d'aide "MobileTogether Pages" affiche toutes les pages principales, les sous-pages et les modèles de contrôle de l'application.

Le bouton "Événements", représenté par l'icône de calendrier, est le seul élément qui permet d'accéder à la sous-page "Événements du jour". Si nous supprimons ce bouton, nous pouvons également supprimer la sous-page. Mais avant cela, examinons le contenu de cette sous-page.

Mettre à jour l'arborescence des sources de données de la page

Lorsque nous ouvrons la sous-page dans l'outil MobileTogether Designer, la fenêtre d'aide "Sources de la page" affiche l'arborescence des données de la sous-page, où sont stockées les données renvoyées par l'API des événements.

Une option du menu contextuel (accessible en cliquant avec le bouton droit de la souris) permet de vérifier que la page principale de travail, qui exécute l'API, est la seule autre page utilisant cette structure de données.

Cette source de données n'est plus nécessaire. Nous pouvons la supprimer de l'application.

Supprimer les fonctions et les groupes d'actions inutilisés

Une fois que nous avons supprimé la sous-page "Événements" et l'icône de calendrier de la page principale, le menu "Projet" inclut des options qui permettent d'identifier les fonctions utilisateur et les groupes d'actions qui ne sont plus liés à aucun élément

Les fonctions et les groupes d'actions qui ne sont utilisés nulle part peuvent être supprimés.

La suppression de la fonctionnalité de photographie aérienne, qui nécessite un abonnement payant à une API, suit une procédure similaire.

Assurer la maintenance des applications à faible code pour prendre en charge les modifications du système d'exploitation

La version originale de l'application "Where Am I" définissait des fonctionnalités de navigation différentes pour les appareils Android et iOS. La version Android utilisait le bouton de retour intégré pour fermer les sous-pages et revenir à la page principale. Le bouton de retour Android pose problème : son comportement n'est pas identique sur tous les appareils, et les versions récentes d'Android remplacent le bouton de retour par un geste qui pourrait ne pas être intuitif dans l'application.

La version iOS affiche un bouton de retour dans la barre de titre de la page, pour faciliter la navigation

Le bouton "retour" était défini avec une propriété de visibilité qui ne permettait à ce bouton de s'afficher que sur les appareils iOS.

Nous pouvons supprimer la dépendance spécifique à iOS pour que le même bouton de retour fonctionne sur tous les appareils.

Enfin, nous avons amélioré l'application en redimensionnant les icônes des outils, qui étaient trop grandes, et en les réorganisant à l'écran grâce à la fonction de copier-coller. Voici des captures d'écran de l'application révisée, affichée sur un iPhone et un téléphone Android :

Découvrez par vous-même à quel point vous pouvez être efficace dans la maintenance d'applications à faible code grâce à MobileTogether. Consultez notre solution MobileTogether Démonstrations vidéo, plus applications de démonstration, ou percer dans le manuel en ligne Pour toutes ces informations. Lorsque vous serez prêt à lancer votre propre projet de développement d'applications mobiles multiplateformes, Téléchargez le logiciel MobileTogether Designer pour commencer. L'application "Where Am I" décrite dans cet article est.. Disponible sur GitHub.