IFT 3150 - Hiver 2025 - Christian Lungescu

Dans le cadre du projet IFT 3150, je travaille comme développeur mobile avec la Maison MONA. Je contribue à l'amélioration de l'application mobile MONA, une application de découverte artistique utilisant les "frameworks" Ionic et Vue.js. Cette session, mes tâches consistent, entre autres, à implémenter de nouvelles fonctionnalités (système de badges interactifs, notifications, etc.), au redesign de la page web de présentation de l'application, à régler des bugs avec l'application, et à déployer des test internes de l'application sur Android et iOS.

Semaine 1 (6-14 janvier)

J'ai assisté à une rencontre avec Lena et Vi. Lena est au doctorat en histoire de l'art et a précédemment étudié au DIRO. Vi est un étudiant au DIRO en dernière année comme moi. Lena nous a présenté Maison MONA et l'application MONA. Nous avons décidé que je vais travailler sur le côté mobile, tandis que Vi travaillera sur le côté serveur.

Semaine 2 (15-21 janvier)

Je me suis familiarisé avec le site web de MONA ainsi qu'avec l'application. J'ai lu à propos des différents projets de Maison MONA, j'ai téléchargé l'application et je l'ai utilisée pour explorer les Galeries d'art d'Outremont. J'ai parcouru un peu le GitHub de MONA. Je vais travailler avec Sarah, l'ancienne stagiaire en développement mobile qui travaille encore pour MONA. Sarah travaille avec moi comme stagiaire à Hydro-Québec, donc ce devrait être facile de se rencontrer pour collaborer. Je n'ai pas pu rencontrer Sarah en personne cette semaine, mais elle m'a dit de regarder la documentation de Vue.JS et de Ioniq.

Semaine 3 (22-28 janvier)

J'ai regardé des vidéos à propos de Vue.JS et de Ioniq. J'ai assisté à une rencontre en personne avec Lena, Sarah, Vi et Tiffany. Tiffany est étudiante à la maîtrise en informatique. En soirée, j'ai rencontré Sarah en personne et elle m'a donné le Macbook de MONA. C'est la première fois que j'utilise MacOS, donc je me suis familiarisé avec les fonctionnalités et les différences entre MacOS et Windows. J'ai voulu télécharger le code et installer les applications nécessaires, mais il y avait des problèmes d'autorisations où il fallait le nom d'utilisateur et le mot de passe administrateur. Sarah me l'a donné et ça a réglé le problème.

Semaine 4 (29 janvier - 4 février)

Cette semaine, Sarah était malade, donc j'ai continué à me familiariser avec Ionic et Vue.JS en regardant des tutoriels. Ensuite, j'ai passé du temps à me promener dans mon quartier en utilisant l'application. Cela m'a permis de trouver des problèmes avec l'application. J'ai ensuite fait la même chose avec mon ami et j'ai pris en note ses observations et difficultés. J'ai créé une présentation expliquant les problèmes trouvés et mes suggestions et je l'ai présentée durant la rencontre hebdomadaire. Enfin, j'ai pensé à des suggestions de modernisation de la page "Application" du site web de Maison MONA.

Semaine 5 (5-11 février)

J'ai finalement commencé à travailler sur le code. Sarah et Lena m'ont dit que j'apprendrai mieux en mettant la main à la pâte plutôt qu'en regardant uniquement des tutoriels ou en lisant de la documentations. J'ai pu régler deux issues et compléter mes deux premières pull requests. Le premier issue était que le "pin" (épingle) sélectionné sur la carte n'apparaissait pas toujours devant les autres "pins". J'ai réglé cela en rajoutant un zIndex de 2, le plaçant ainsi devant les autres "pins". Le deuxième issue était de faire en sorte que la barre de recherche de la liste des oeuvres demeure en haut, plutôt que de disparaître lorsqu'on fait dérouler la page. De plus, j'ai créé un issue par rapport à la présentation que j'ai donnée la semaine dernière, j'ai pensé à la priorisation des issues, et j'ai travaillé sur une maquette pour moderniser la page "Application" du site web de Maison MONA.

Semaine 6 (12-18 février)

Cette semaine, j'ai réussi à régler un "bug" que j'avais trouvé frustrant lorsque j'avais commencé à tester l'application. Lorsqu'on se promenait sur la carte, deux "pins" bleus indiquant la localisation de l'utilisateur apparaissaient. Cela pouvait être très mélangeant et rendait la navigation difficile. J'ai tout d'abord dû comprendre comment le code de la carte fonctionnait, dans les fichiers MapContainer.vue et MapPage.vue. Ensuite, j'ai recherché des tutoriels sur comment afficher la localisation de l'utilisateur sur une carte en Vue.js. Enfin, en observant le code, j'ai remarqué que la méthode showLocation() créait de nouvelles couches de localisation à chaque fois qu'elle était appelée sans supprimer les précédentes. J'ai donc modifié cette méthode pour supprimer systématiquement les couches existantes avant d'en créer de nouvelles. De plus, j'ai commencé à analyser le code des onglets "Collections" et "Badges" ainsi que les issues reliés, et commencé à travailler sur le fait de rajouter une façon de fermer et ouvrir les sections "Catégories" et "Quartiers" dans l'onglet "Badges". J'ai aussi commencé à penser à des captures d'écran qui pourraient bien représenter les fonctionnalités de l'application MONA. Elles me serviront à moderniser la page "Application" du site web de MONA.

Semaine 7 (19-25 février)

Cette semaine, j'ai été malade durant quelques jours et n'ai ainsi pas pu assister à la rencontre hebdomadaire du 19 février, et n'ai pas été très productif jusqu'au 22 février, lorsque j'ai commencé à me sentir mieux. J'ai travaillé sur l'onglet des badges et des collections, ainsi que sur la page "Application" du site web de MONA. J'ai réglé un "issue" en rajoutant un accordéon aux sections "Catégories" et "Quartiers" dans l'onglet "Badges". Un bouton permet maintenant de fermer et d'ouvrir les sections. Il reste maintenant à déterminer si on veut que les sections soient fermées ou ouvertes par défaut. De plus, j'ai pensé à la modernisation de la page "Application" du site web de MONA, et j'en ai créé un brouillon.

Semaine 8 (26 février - 4 mars)

Cette semaine, en plus de la rencontre hebdomadaire, j'ai assisté à une autre rencontre lundi, où j'ai discuté avec Laura et Barbara de l'interface web et mobile. J'ai finalisé un document contenant un brouillon de design pour la page "Application" du site web de MONA, que l'on veut moderniser tel que discuté la semaine dernière. J'ai présenté ce document durant la rencontre de lundi. Lena et Barbara semblaient aimer le design. De plus, j'ai continué à travailler sur des issues GitHub. J'ai travaillé sur l'issue 212, qui consiste à modifier le contenant du nombre total de découvertes et de badges. Il faut faire en sorte que la taille du contenant change en fonction de la taille du nombre, car en ce moment, lorsque le nombre est trop grand, il dépasse en dehors du contenant. J'ai essayé certaines modifications, mais je n'ai pas encore réussi à régler le problème. Enfin, je veux déployer l'application sur Android et iOS. J'ai un problème avec Xcode. Je n'arrive pas à ajouter l'équipe "Maison MONA". J'ai essayé de régler le problème avec Sarah et Lena, mais nous n'avons pas encore trouvé de solution.

Semaine 9 (5-12 mars)

Durant la rencontre hebdomadaire, nous avons continué d'essayer de régler mon problème avec Xcode. Nous nous sommes rendus compte que l'invitation pour rejoindre l'équipe Maison MONA sur Apple Developer avait expiré. Toutefois, le fait de rejoindre l'équipe n'a pas résolu le problème. Nous avons essayé d'autres solutions trouvées en faisant une recherche Google, mais nous n'avons pas encore réussi à resoudre le problème. Sarah et moi nous sommes rendus compte que je n'avais pas accès aux certificats de développement d'Apple, ce qui pourrait être la cause du problème. Nous avons contacté Kim, l'ancienne développeuse mobile de Maison MONA, pour lui demander de l'aide. Elle a tenté de créer un certificat pour mon compte Apple Developer, mais elle n'avait pas les droits d'accès nécessaires. Je vais devoir essayer cela avec Lena.

Semaine 10 (13-19 mars)

Cette semaine, Lena était malade et n'a pas pu assister à la rencontre hebdomadaire. Nous avons fait la réunion sans elle. J'ai continué à travailler sur la modification dynamique du contenant du nombre total de découvertes et de badges (l'issue 212), mais je n'ai pas encore terminé. J'ai aussi fait en sorte que du texte s'affiche sur la page de chargement de l'application, indiquant que l'application est en train de se charger. Lundi, Lena, Barbara (la designer) et moi avons eu une rencontre pour discutrer du design de l'application et du site web. J'ai présenté mon design de la page "Application" du site web de MONA. Barbara et Lena ont aimé ma suggestion de design. Il est disponible sur le Canva d'amélioration de l'application.

Semaine 11 (20-26 mars)

Cette semaine, nous avons eu la rencontre annuelle de Maison MONA en présentiel. Ce fut intéressant de rencontrer tous les membres de l'équipe. Je ne savais pas que tant de gens collaboraient au projet. Nous avons discuté de l'année 2024 ainsi que des plans et du budget pour l'année 2025. Cette semaine, j'ai également enfin pu télécharger le certificat de développement d'Apple qui me permettra d'effectuer le déploiement du test interne d'une nouvelle version de l'application. J'ai aussi travaillé sur des idées de gamification pour l'application. Je les ai inscrites sur notre document Canva d'amélioration de l'application. J'ai pensé à des améliorations telles que des badges spéciaux, par exemple des badges saisonniers pour Noël, pour des festivals locaux (par exemple le festival du Quartier chinois ou le Festival Mural), des classements communautaires, des parcours thématiques, etc.

Semaine 12 (27 mars - 2 avril)

Cette semaine, la page application du site web de MONA a été mise à jour. Barbara s'est inspirée du design que je leur avais proposé. Je suis très heureux du résultat. J'ai aussi terminé l'issue 212, soit la modification dynamique du contenant du nombre total de découvertes et de badges. J'ai passé beaucoup de temps à régler des problèmes par rapport au déploiement de l'application. Sur iOS, ce qui causait problème était le runtime Capacitator de Ionic et le gestionnaire de dépendances Cocoapods. J'ai dû les mettre à jour, mais cela a également été problématique. Je n'avais pas l'accès administrateur sur le Macbook de MONA. J'ai dû obtenir l'accès pour pouvoir utiliser "sudo" dans le terminal. Ensuite, un autre problème survenait lorsque je tentais de générer les fichier iOS avec Capacitator. Le Mac de MONA utilise une puce ARM64 (M3), mais certaines dépendances Ruby/Cocoapods étaient compilées pour x86_64, une architecture Intel. J'ai du déinstaller ces dépendances et les réinstaller pour ARM64. J'ai aussi dû mettre à jour le gestionnaire de dépendances Cocoapods. J'ai finalement réussi à générer les fichiers iOS, je pourrait donc faire le déploiement de l'application iOS sur TestFlight. Un autre problème est survenu dans Android Studio, pour le déploiement Android. Je n'ai pas encore réussi à régler le problème, mais je suis en train de l'analyser.

Semaine 13 (3-9 avril)

Cette semaine, j'ai finalement réglé tous les problèmes de déploiement de l'application et j'ai déployé les tests internes sur iOS et Android. Le problème sur Android Studio que j'ai mentionné la semaine dernière était causé par la manière que le fichier settings.gradle gérait le chemin vers les plugins Cordova et Capacitator. J'ai modifié ce fichier et réglé le problème. J'ai aussi travaillé sur l'amélioration de la page de l'application sur laquelle on note et on commente l'oeuvre après l'avoir prise en photo. Entre autres, j'ai rendu la note obligatoire plutôt que facultative et je travaille à faire en sorte que l'utilisateur puisse modifier la note en glissant son doigt sur les cinq étoiles, comme Google Maps le fait. J'ai également obtenu des retours des utilisateurs par rapport au test interne de l'application. Sur la carte, Lena trouve quele cercle bleu indiquant la précision de la localisation de l'utilisateur tend à être trop large. J'ai fait en sorte qu'il ait une taille maximale de 200 mètres. De plus, elle trouve que la localisation ne se met pas à jour assez rapidement lorsque l'on se promène avec la carte ouverte. J'ai fait en sorte que la localisation se mette à jour toutes les 2 secondes plutôt que toutes les 5 secondes. Enfin, le cercle bleu indiquant la précision de la localisation l'utilisateur est parfois devant les "pins" indicateurs d'oeuvres et le "pin" bleu indiquant la position de l'utilisateur est parfois derrière les "pins" indicateurs d'oeuvres. Je réglerai cela la semaine prochaine.

Semaine 14 (10-16 avril)

Cette semaine, j'ai réglé le problème du cercle bleu de précision de la localisation et du "pin" bleu de position de l'utilisateur qui apparaissaient parfois derrière et parfois devant les "pins" indicateurs d'oeuvres. Maintenant, le "bleu" apparaît au dessus des autres "pins" et le cercle bleu apparaît derrière les autres "pins". J'ai également travaillé sur deux nouvelles fonctionnalités : une notification qui apparaît dans l'application lorsqu'on obtient un badge ainsi que la possibilité d'appuyer sur les badges pour ouvrir une fenêtre indiquant la description du badge. Je suis encore en train de débugger ces deux fonctionnalités.

Semaine 15 (17-22 avril)

Cette semaine, j'ai terminé d'implémenter et de tester les notifications d'obtention de badge et la fenêtre d'information sur les badges. J'ai aussi réglé deux bugs soulevés par Prof. Guy Lapalme lors du test interne. Dans l'annuaire, la fenêtre des filtres apparaissait trop bas dans la page, se qui rendait impossible de sélectionner des filtres. De plus, le titre des filtres apparaissait en dehors de la capsule des filtres. Enfin, j'ai déployé le test interne de l'application iOS et Android contenant toutes mes améliorations récentes. C'est le dernier test interne que j'effecterai cette session dans le cadre du projet IFT 3150. Toutefois, je continuerai à travailler avec MONA cet été.