Dans les coulisses #1 : quelles sont les étapes de la création de l’application MemoFamille ?

Hélène, rédactrice chez MemoFamille

Hélène

24 août 2023

Amateur de développement, féru de marketing ou simplement curieux, vous vous demandez comment MemoFamille prend forme au fil des mois ? La série d’articles « Dans les coulisses » va vous plonger au cœur du processus et vous permettre de mieux comprendre ce qui se trame derrière vos écrans.

Ce premier épisode s’attache à expliciter les différentes étapes qui mènent à la création de l’application mobile pour MemoFamille. C’est parti !

La genèse : pourquoi une application comme cadeau grand-parent ?

À l’origine de MemoFamille, un constat : maintenir les liens avec les personnes âgées de notre famille n’est pas toujours facile, même avec les nouvelles technologies. Il n’est désormais pas rare que les enfants vivent aux quatre coins de France - ou du globe ! - et que les fêtes constituent les seules occasions de se retrouver.

Les appels téléphoniques ne sont pas toujours faciles à gérer pour les grands-parents, surtout s’ils connaissent des baisses d’audition ou que le réseau n’est pas bon. Le courrier postal, toujours très apprécié des anciennes générations, ne séduit pas forcément les Millenials et la Génération Z. Reste le partage de photos à distance, pratiqué de différentes façons, notamment :

  • Par mail ;
  • Par envoi de dossier sur des plateformes de stockage sécurisées ;
  • Par les réseaux sociaux ;
  • Par MMS.
Application mobile

Ces solutions ont leur faiblesse, telles qu’une sécurité aléatoire en ce qui concerne les photos des enfants, et un accès pas toujours facile pour les séniors qui maitrisent mal les technologies. C’est donc pour répondre au besoin de partage et de lien entre les petits-enfants et les grands-parents que MemoFamille a vu le jour.

Petite anecdote : au départ, MemoFamille devait plutôt être un journal papier de type gazette. Mais pas facile d’envoyer une vidéo imprimée… Finalement, l’option application partagée a semblé plus écologique et plus simple pour réunir toute la famille en temps réel.

Et pourquoi se positionner sur le créneau des cadeaux pour grands-parents, nous demanderez-vous ? Nous pensons tout simplement que ce qui réjouit le plus nos aînés, c’est de recevoir des nouvelles de leurs enfants, petits-enfants et pourquoi pas, arrière-petits-enfants. Alors, pour changer des fleurs et des chocolats, MemoFamille propose un cadeau innovant pour papi ou mamie, qui lui servira toute l’année et lui apportera un brin de chaleur et de fierté.

Avant la création de l’application MemoFamille : business plan, design et choix de l’hébergement

Après un intense brainstorming sur des associations lexicales variées (nous aurions pu nous appeler ProxiFamille, par exemple…), le nom de MemoFamille semble une évidence. Il illustre à merveille l’association des souvenirs et de la famille, réunis dans une frise chronologique interactive. Telle est l’idée, mais le chemin pour y parvenir n’est pas de tout repos !

Chemin

On a parcouru le chemin, on a tenu la distance…

Définir les couleurs pour l’application

Après le nom, c’est l’identité visuelle qui doit être déterminée. Le choix des couleurs n’est jamais anodin. Ici, nous avons opté pour du bleu, qui évoque la fiabilité et la confiance, et se retrouve chez Méta, Ikea, Decathlon ou encore Ford. La couleur complémentaire, l’orange, donne la petite touche de pep’s et de joie qui caractérise l’enfance, mais aussi les moments de bonheur partagés et le contact humain. Ce code couleur permet ensuite de créer le design de l’application.

Le business plan donne les grandes lignes

Quelles sont les fonctions essentielles à prévoir sur l’application ?

Quels seront les besoins des utilisateurs ?

Faut-il par exemple autoriser les réactions sur les commentaires, les commentaires de commentaires, les citations ?

Le business plan permet de dresser la liste des fonctions à implémenter dans l’application. Ensuite, il faudra établir l’interface graphique correspondante.

Le schéma du design et l’emplacement des boutons

D’abord très brouillon, le schéma des différents écrans qui seront visibles dans l’application prend forme. La fidélité augmente au fur et à mesure des jets, jusqu’à obtenir un concept relativement abouti.

Où positionner le bouton de connexion ?

Comment matérialiser un retour en arrière ?

Est-il judicieux de reprendre le titre sur cet écran ?

Le développeur doit se mettre à la place de l’utilisateur et anticiper toutes ses réactions afin de rendre la navigation fluide et intuitive.

Lorsque le schéma est suffisamment précis, c’est au tour du designer de créer la maquette design. La maquette de MemoFamille a été réalisée par un étudiant en design repéré sur la plateforme Fiverr, un site très utile pour mobiliser des compétences que vous n’avez pas et obtenir des rendus professionnels.

Un bon aperçu du produit fini avec Figma

Excellent outil collaboratif de conception d’interface utilisateur, Figma facilite la prise en main de la maquette et aide à simuler l’expérience de navigation sur l’application. Par exemple, il est possible de cliquer sur les boutons pour passer de page en page, de modifier l’emplacement de chaque élément en fonction de ce qui semble le plus pratique, d’obtenir des captures d’écran de l’application avant même qu’elle n’existe, etc.

Le but est tout simplement d’optimiser l’expérience de l’utilisateur et de définir de quelle manière le backend et le frontend doivent coexister pour que l’application soit intuitive et agréable à utiliser.

Homme regardant son smartphone dans une tante

« Coucou mamie, je fais du camping, ça me rappelle quand on montait la tente dans ton jardin, tu t’en souviens ? »

Où est stockée la base de données de l’application ?

Comme pour le site internet, l’application MemoFamille et toutes les données qui y sont relatives sont hébergées par AWS, Amazon Web Services. Quel est l’intérêt de passer par cette plateforme ?

  • AWS dispose d’une bonne scalabilité, c’est-à-dire qu’elle adapte ses ressources à la demande et gère ainsi des charges très variables de données sans que la performance du site ou de l’application n’en pâtisse.
  • AWS est particulièrement fiable et assure une disponibilité importante.
  • AWS procure un certain nombre de tâches automatisées qui facilitent la gestion de la base de données.
  • AWS fournit des fonctionnalités pour une sécurité de haut niveau, avec notamment l’IAM qui gère les identités et accès aux données, les réseaux privés créés par le VPC, le chiffrement des données, des disques durs et des échanges, la protection contre les attaques DDoS, la gestion des menaces par apprentissage automatique, et bien d’autres.
  • AWS facture à l’utilisation, elle aide donc à limiter les coûts avec une tarification basée sur les ressources réellement fournies.
  • AWS dispose d’une documentation très vaste et d’un support technique précieux pour les développeurs.

Le développement de l’application : React Native et Django Rest Framework

Quand vient le moment tant attendu pour le développeur de se mettre à coder (eh oui, ce n’est qu’après tout cela qu’il va enfin mettre le pied à l’étrier !), un dilemme se joue : quel langage et quelle intelligence utiliser pour pouvoir obtenir une application digne de ce nom ?

Nous ne nous étalerons pas ici sur les avantages et inconvénients de chaque langage. Pour MemoFamille, le choix s’est porté sur React Native, dont l’avantage principal est de pouvoir développer simultanément l’application pour Android et iOS, sans avoir besoin d’écrire deux codes différents. Ce framework open source favorise la cohérence entre les versions de l’application.

Pour le travail sur l’API, c’est Django Rest Framework qui a été retenue pour le développement de MemoFamille, car c’est une extension pratique et flexible. Elle fournit de nombreuses fonctionnalités et s’avère très utilisée dans le développement des API modernes et interactives.

« Vous avez dit, une API ? » L’interface de programmation d’application, dite API, fait l’intermédiaire entre la base de données et l’application. Par exemple, quand vous voulez vous authentifier avec votre compte Google, l’API récupère vos données pour faciliter le processus.

Et ChatGPT, est-il utile pour développer une application comme MemoFamille ?

Oui, bien sûr ! L’intelligence artificielle est un outil incontournable pour les développeurs modernes, non pas pour écrire le code l’application à leur place, mais pour leur permettre de mieux en comprendre les subtilités, de trouver plus rapidement les erreurs et de les résoudre ou encore d’apprendre à ajouter des fonctionnalités. ChatGPT se met donc au service de MemoFamille afin de vous fournir une application encore plus intuitive, plus sécurisée et plus fiable.

Photo d'un batiment

Et hop, sur MemoFamille !

Quelle est la prochaine étape pour MemoFamille ?

Lorsque le code aura été entièrement développé, ce sera au tour des premiers utilisateurs de participer à l’élaboration de l’application. Une version béta de MemoFamille va donc être transmise aux heureux élus qui souhaitent la tester, et qui feront remonter leurs impressions, les bugs rencontrés, leurs suggestions quant à de possibles améliorations. Ce sera ensuite un deuxième travail de développement que celui de résoudre tous les problèmes identifiés et d’ajouter, si nécessaire, de nouvelles fonctionnalités.

Enfin, une fois que l’application sera optimisée, le système de paiement pourra être implémenté et MemoFamille téléchargé par tous les utilisateurs qui le souhaitent. Si vous êtes intéressé, n’oubliez pas de vous inscrire à notre liste d’attente (en bas de la page d’accueil) pour recevoir une invitation dès que MemoFamille sera disponible.

À bientôt pour la suite de nos aventures !

PrécédentSuivant