Université Mohammed 1er

École Supérieure de Technologie de Nador

ESTN

PROJET DE FIN D’ÉTUDES

Présenté en vue de l’obtention du
Diplôme universitaire de technologie
Filière : Développeur d’applications Web & Mobile

Application mobile : de
suivi de santé et de
remise en forme
Réalisé par : Sous la direction de :

 Amine EL KAZDARI  M. BENHFID Amine

Soutenu le 02/04/2024 devant le jury composé de :

- Pr. BENHFID Amine (Encadrant et Examinateur)

- Pr. Azizi Yassine (examinateur)

1
 Dédicace
Avec une profonde reconnaissance et un respect infini, nous Consacrons le fruit de nos
efforts :

Aux figures paternelles inébranlables dans nos vies,

Qui nous a guidés avec sagesse et courage, illuminant notre parcours avec les lumières de
la persévérance et de l’intégrité.

Aux mères bien-aimées, véritables sources d’inspiration,

Dont l’amour inconditionnel et les sacrifices silencieux ont tissé la toile de nos rêves et
ambitions.

À nos frères et sœurs, compagnons de route fidèles,

Leur soutien indéfectible et leur foi en nos capacités nous ont portés à travers les
épreuves et les joies.

Et à nos amis et mentors,

Ce travail est le reflet de votre patience, de votre enseignement et de votre guidance.
Sans votre précieuse contribution, notre voyage aurait manqué de sa plus belle
récompense : la connaissance partagée.

Merci du fond du cœur.

2
 Remerciements

Nous tenons à exprimer notre profonde gratitude et notre reconnaissance à toutes les
personnes qui, de près ou de loin, ont apporté leur contribution à la réalisation de ce
projet.

Nous adressons nos remerciements les plus sincères à notre encadrant, M. Amine
BENHFID, pour son accompagnement et sa disponibilité constantes malgré ses
nombreuses responsabilités professionnelles.

Ses conseils avisés et ses orientations précises ont grandement contribué à enrichir
ce travail. Son intérêt pour notre sujet a été une source d'inspiration et de motivation
tout au long de notre parcours.

Nos remerciements s'étendent également à l'ensemble des enseignants de l'École

Supérieure de Technologie de Nador pour l'excellence de l'enseignement fourni. La
qualité de la formation reçue a été un pilier essentiel dans l'élaboration de notre
projet.

Enfin, nous exprimons notre gratitude envers tous les membres du jury pour
l'honneur qu'ils nous ont fait en évaluant notre travail. Leur temps et leurs
évaluations sont pour nous des marques d'estime très appré

3
 Résumé

Ce rapport présente le développement d'une application mobile dédiée au fitness et

au suivi de la santé dans le cadre d'un projet de fin d'études. L'objectif principal de ce
projet était de concevoir une plateforme conviviale et intuitive permettant aux
utilisateurs de suivre leur activité physique, leurs progrès en matière de santé et de
bien- être. Cette introduction fournira un aperçu du contexte du projet, de ses
objectifs, ainsi qu'une vue d'ensemble des fonctionnalités de l'application
développée.

En vue de structurer notre travail, nous avons tout d’abord élaboré une étude
conceptuelle et technique de l’application avant de passer à son implémentation et
son développement.

4
 Abstract

This report presents the development of a mobile application dedicated to fitness and
health tracking as part of a final year project. The main objective of this project was to
design a user-friendly and intuitive platform that enables users to track their physical
activity, monitor their health progress, and enhance their well-being. This introduction
will provide an overview of the project's context, its objectives, as well as an outline of
the features of the developed application.

In order to structure our work, we first conducted a conceptual and technical study of
the application before proceeding with its implementation and development.

5
 Sommaire

Dédicace .............................................................................................................................. 2
Remerciements ..................................................................................................................... 3
Résumé ................................................................................................................................ 4
Abstract ................................................................................................................................ 5
Sommaire ............................................................................................................................. 6
Listes des Figures ................................................................................................................. 7
Introduction .......................................................................................................................... 8
Chapitre 1 :........................................................................................................................... 9
Contexte générale de projet. ................................................................................................. 9
1. Introduction au bien-être et à la santé digitale : ........................................................10
2. Évolution du fitness et de la santé dans l’ère numérique : ........................................11
3. Présentation du projet : Application de fitness et de suivi de santé : ........................12
Chapitre 2 : analyse et conception. ......................................................................................15
1. Analyse des besoins : ....................................................................................................16
2. Modélisation : ...............................................................................................................16
Chapitre3 : Réalisation ........................................................................................................20
1. Langages et outils : ......................................................................................................21
2. Interface de l’application réalisée : .............................................................................22
Conclusion ..........................................................................................................................40

6
 Listes des Figures

Figure 1: logo de l’uml. ........................................................................................................................... 16

Figure 2 : Diagramme de cas d’utilisation d’un utilisateur ..................................................................................17
Figure 3 : Diagramme de séquence pour un utilisateur. .......................................................................................18
Figure 4:Diagramme de classe de l’application. ...................................................................................................19
Figure 5 : Android Studio Logo.............................................................................................................................21
Figure 6 : flutter Logo ...........................................................................................................................................21
Figure 7 : Dart Logo. .............................................................................................................................................21
Figure 8 : Firebase logo. ........................................................................................................................................22
Figure 9 : Page 1 On Boarding View .....................................................................................................................23
Figure 10 : Page 2 On Boarding View ...................................................................................................................23
Figure 11 : page 4 On BOarding View. .................................................................................................................23
Figure 12: Page 3 On Boarding View. ...................................................................................................................23
Figure 13 : page 6 On Boarding View. ..................................................................................................................24
Figure 14 : page 5 OnBoarding View. ...................................................................................................................24
Figure 15: page inscription ....................................................................................................................................25
Figure 16 : Login Page. ..........................................................................................................................................26
Figure 17: complete Profile Page. ..........................................................................................................................28
Figure 18: Goal View Page. ...................................................................................................................................29
Figure 19: Welcome Page. .....................................................................................................................................30
Figure 20:Page D'accueil. ......................................................................................................................................31
Figure 21:les Programmes d’entrainement. ..........................................................................................................32
Figure 22: Exemple de Exercice d’entrainement. .................................................................................................33
Figure 23: Page Select View. ..................................................................................................................................34
Figure 24: Planificateur de repas Page..................................................................................................................35
Figure 25 : Compteur de pas page. ........................................................................................................................36
Figure 26 : Profile Page. ........................................................................................................................................37
Figure 27 : Politique de confidentialité..................................................................................................................38

7
 Introduction

Le projet de fin d'études que j'ai entrepris s'inscrit dans le domaine dynamique du
développement d'applications pour le suivi de la forme physique et de la santé. Dans
un monde de plus en plus axé sur le bien-être personnel, il devient essentiel d'avoir
des outils technologiques à portée de main pour suivre et améliorer notre condition
physique.

C'est dans cette optique que j'ai conçu et développé une application de fitness et de
suivi de santé, répondant aux besoins des utilisateurs soucieux de leur bien-être et de
leur condition physique. Mon objectif principal avec cette application est de fournir
une plateforme intuitive et complète qui permet aux utilisateurs de suivre leur activité
physique, de surveiller leur alimentation, de suivre leurs progrès et d'accéder à des
conseils de santé personnalisés.

Le présent rapport s’articule autour de 3 chapitres principaux :

Le premier chapitre : présente le cadre général du projet.

Le deuxième chapitre : se concentre sur l’analyse fonctionnelle et technique du projet,

la conception et les différents diagrammes d’UML utilisés.

Le troisième chapitre : se centralise au tour de la présentation de différentes interfaces

de l’application avec une description de chacune d’elles.

8
 Chapitre 1 :
Contexte générale de
projet.

9
 1. Introduction au bien-être et à la santé digitale :

Le bien-être et la santé digitale étudient comment la technologie affecte notre bien-

être, visant à promouvoir un usage équilibré du numérique pour améliorer notre
qualité de vie. Cette discipline nous aide à naviguer vers des pratiques numériques
saines, réduisant le stress et prévenant les risques liés à une utilisation excessive.

 Définition et portée du bien-être digital :

Bien-être digital se réfère à l'impact optimal des technologies numériques sur le

bien-être physique et mental d'un individu. Cela implique une utilisation consciente
et équilibrée de ces technologies, visant à améliorer la qualité de vie, la santé, et le
bonheur, tout en minimisant les effets négatifs comme l'anxiété, la dépression, ou la
sédentarité. Le bien-être digital ne concerne pas seulement l'absence de mal-être
mais englobe la promotion active d'une vie saine et épanouie grâce à l'utilisation des
outils numériques.
La portée du bien-être digital est vaste, couvrant divers aspects de notre vie
quotidienne influencés par la technologie :

Santé mentale : Cela inclut la gestion du stress et de l'anxiété, la prévention de la

dépression, et la promotion de la santé mentale à travers des pratiques comme la
déconnexion numérique, la méditation guidée en ligne, ou l'utilisation d'applications
de gestion de l'humeur.

Santé physique : Le bien-être digital englobe également l'encouragement de l'activité

physique par le biais d'applications de suivi de fitness, de conseils nutritionnels en
ligne, et de la promotion de comportements sains comme la bonne posture lors de
l'utilisation de dispositifs numériques.

Bien-être social : La technologie joue un rôle crucial dans le maintien des connexions

10
sociales et la construction de communautés en ligne, contribuant ainsi au bien-être
social par le biais de réseaux de soutien, d'échanges culturels, et de la lutte contre
l'isolement.

 Rôle de la technologie dans la promotion de la santé :

Le rôle de la technologie dans la promotion de la santé est devenu de plus en plus

central dans nos vies quotidiennes, en particulier avec l'avènement des appareils
connectés, des applications mobiles et des plateformes en ligne. Ces outils
numériques offrent des moyens innovants pour surveiller, améliorer et maintenir la
santé et le bien-être général des individus. Voici plusieurs façons dont la technologie
contribue à la promotion de la santé :

 Amélioration de l'Accessibilité aux Informations de Santé.

 Suivi et Analyse de la Santé Personnelle.
 Facilitation de la Médecine Préventive.

2. Évolution du fitness et de la santé dans l’ère numérique :

L'évolution du fitness et de la santé dans l'ère numérique est un témoignage

fascinant de la manière dont la technologie a remodelé notre approche du bien-être
personnel et de l'activité physique. Cela inclut non seulement l'émergence et
l'adoption de gadgets et d'applications mais aussi une transformation culturelle dans
la manière dont nous concevons la santé et le fitness. Examinons de plus près cette
trajectoire.
 Histoire du fitness et de la santé numérique :
Les premières étapes de la santé numérique remontent à l'utilisation de simples
podomètres et autres dispositifs de suivi de l'activité physique dans les années 1960
et 1970. Ces appareils étaient rudimentaires par les standards actuels mais ont

11
 marqué le début de l'intérêt pour le suivi quantitatif de l'activité physique.
Avec l'avènement des montres numériques et des calculatrices de calories dans les
années 1980 et 1990, la technologie a commencé à offrir aux individus plus d'outils
pour gérer leur propre santé et fitness.
 Évolution des technologies de suivi de la santé :
Les premiers dispositifs de suivi de la santé étaient principalement axés sur le
comptage des pas et la surveillance de l'activité physique. Avec le temps, ces
dispositifs ont évolué pour inclure le suivi du rythme cardiaque, la qualité du sommeil,
les niveaux d'oxygène dans le sang, et même la surveillance du stress et de la
récupération.

3. Présentation du projet : Application de fitness et de suivi de santé :

Notre application combine fitness et suivi de santé dans un outil intuitif et
personnalisable. Elle motive et guide les utilisateurs vers une vie plus saine, en
intégrant activité physique, nutrition, et bien-être général selon leurs objectifs
personnels. Une solution tout-en-un pour un bien-être optimal.
 Objectifs et aspirations du projet :

L'objectif principal est de fournir un outil qui encourage et facilite une

amélioration tangible de la santé physique et mentale des utilisateurs à travers des
activités personnalisées et des suivis adaptés, tout en poursuivant d'autres objectifs
tels que :
 Accessibilité et personnalisation :
Rendre le suivi de la santé et le fitness accessibles à tous, indépendamment du
niveau de forme physique, de l'âge, ou des conditions de santé spécifiques, grâce à
des programmes personnalisables.
 Engagement et motivation :
Augmenter l'engagement et la motivation des utilisateurs en intégrant des
éléments de gamification, des défis, et des récompenses pour encourager la régularité
et la persévérance dans les activités de fitness et de bien-être.

12
  Éducation et sensibilisation :
Offrir des ressources éducatives sur la santé, la nutrition, et le bien-être pour aider
les utilisateurs à prendre des décisions éclairées concernant leur santé et à adopter
des habitudes de vie saines.
 Étude de l'existant :

L’étude de l’existant examine les pratiques, ressources et performances actuelles

dans un domaine donné, identifiant forces et faiblesses pour guider efficacement les
améliorations ou changements futurs.

 Analyse du marché :

Applications populaires :

MyFitnessPal : Application de suivi nutritionnel et de calories avec une vaste

base de données alimentaire.
Fitbit : Offre des dispositifs de suivi d'activité physique et une application
associée pour suivre les activités physiques, le sommeil et la nutrition.
Strava : Application de suivi d'activité physique axée sur la course à pied et le
cyclisme, permettant aux utilisateurs de suivre et de partager leurs activités.
Nike Training Club : Offre des programmes d'entraînement guidés avec des
séances d'entraînement adaptées à différents niveaux de fitness.

 Critique de l’existant :

 Manque de personnalisation des plans d'entraînement et de nutrition :

Les applications actuelles proposent souvent des plans d'entraînement et de
nutrition génériques qui ne sont pas adaptés aux besoins spécifiques de chaque
utilisateur. Cela peut entraîner une frustration et un manque de motivation chez les
utilisateurs qui ne voient pas les résultats escomptés.
 Interface utilisateur complexe et surchargée :
Certaines applications souffrent d'une interface utilisateur encombrée avec une
surabondance d'options et de fonctionnalités, ce qui peut rendre la navigation
difficile pour les nouveaux utilisateurs et entraîner une expérience utilisateur peu
13
 satisfaisante.

 Solution proposée :

Personnalisation des plans d'entraînement et de nutrition :

Notre application proposera des plans d'entraînement et de nutrition
entièrement personnalisés, basés sur les objectifs, les préférences et les
niveaux de condition physique de chaque utilisateur. Grâce à une analyse
approfondie des données de l'utilisateur et à l'intégration de l'intelligence
artificielle, nous créerons des programmes adaptés qui maximisent les résultats
et la motivation de l'utilisateur.
Interface utilisateur intuitive et simplifiée :
Nous mettrons en place une interface utilisateur intuitive et simplifiée,
facilitant la navigation et l'utilisation de l'application pour tous les utilisateurs,
quel que soit leur niveau de compétence technologique. Une conception
élégante et ergonomique mettra l'accent sur l'expérience utilisateur pour
assurer une utilisation fluide et agréable de l'application.

14
Chapitre 2 : analyse et
conception.

15
1. Analyse des besoins :

Dans la phase d’analyse, on cherche d’abord à bien comprendre et à décrire de

façon précise les besoins des utilisateurs de l’application. Que souhaitent-ils faire avec
cette application ? Quelles fonctionnalités veulent-ils ? Pour quel usage ? Comment
l’action devrait-elle fonctionner ? C’est ce qu’on appelle « l’analyse des besoins ».
 Les besoins fonctionnels :

Sont les besoins spécifiant un comportement d’entrée-sortie du système, pour les

différents acteurs de l’application. Il Ya deux acteurs dans cette application : User,
Admin.

Les tâches qui peuvent être effectuées par chaque acteur dans cette application sont
:

User :

 S'inscrire

 Se connecter

 Visualiser programmes

 Choisir entre planificateur de repas et suivi des pas

 Consulter/Modifier profil

 Se déconnecter
2. Modélisation :

Figure 1: logo de l’uml.

16
 La notation UML est un langage visuel constitué d’un ensemble de schémas,
appelés des diagrammes, qui donnent chacun une vision différente du projet à traiter.
UML nous fournit donc des diagrammes pour représenter le logiciel à développer : son
fonctionnement, sa mise en route, les actions susceptibles d’être effectuées par le
logiciel, etc.

Réaliser ces diagrammes revient donc à modéliser les besoins et les solutions
fonctionnelles et techniques de l’application à développer.
 Diagramme de cas d’utilisation :
C’est un diagramme fonctionnel. Il montre les interactions fonctionnelles des
acteurs et du système d’étude. Il délimite précisément le système, décrit ce que fera
le système sans spécifier comment. Il exprime les services (cas d’utilisation) offert par
le système aux utilisateurs.
 User :

Figure 2 : Diagramme de cas d’utilisation d’un utilisateur

 Diagramme de séquence :

C’est un diagramme dynamique. Il représente les échanges de messages entre les

acteurs et le système ou entre des parties durant une séquence temporelle d’actions
appelée scénario. Il permet de représenter la dynamique d’un cas d’utilisation ou la
collaboration d’un ensemble d’objets internes au système.

17
 Figure 3 : Diagramme de séquence pour un utilisateur.

 Diagramme de classe :

C'est une représentation utilisée dans la phase de conception d'une application pour

présenter les classes, entités et les différentes relations entre celles-ci. Ci-dessous se

trouve le diagramme de classes que nous avons adopté pour la conception de notre

application :

18
Figure 4:Diagramme de classe de l’application.

19
Chapitre3 : Réalisation

20
 1. Langages et outils :
Dans le cadre du développement de notre application mobile, nous avons
soigneusement sélectionné les langages de programmation et les outils les mieux
adaptés à notre projet. Ces choix ont été guidés par nos objectifs en matière de
performance, de compatibilité et d'expérience utilisateur.

 Android studio :

Pour notre application Android, nous avons utilisé Android

Studio, l'IDE de Google, pour son ensemble complet d'outils de
développement. Son intégration native avec Flutter nous a offert
des fonctionnalités avancées telles que l'auto-complétions de
code et le débogage en direct. Avec son support étendu pour les
appareils Android, Android Studio a grandement facilité le
processus de test et de déploiement, contribuant ainsi au succès
de notre projet.

Figure 5 : Android Studio Logo.

 Flutter :

Flutter, de Google, est un Framework open-source qui offre

une expérience utilisateur fluide et native. Sa conception basée
sur des widgets permet une grande flexibilité dans la création
d'interfaces riches. Avec une architecture réactive, il assure des
performances optimales sur toutes les plateformes. La
compilation en code natif garantit une intégration transparente
avec les systèmes d'exploitation. Avec un support continu de
Google et une communauté croissante, Flutter est un choix
solide pour les applications mobiles modernes. Figure 6 : flutter Logo

 Dart :
Dart est le langage de programmation utilisé avec Flutter pour écrire
du code source. Nous avons trouvé que Dart était un choix idéal pour
notre projet en raison de sa syntaxe simple et concise, de son fort
typage et de sa performance élevée. Grâce à Dart, nous avons pu
développer rapidement des fonctionnalités complexes tout en
maintenant un code propre et maintenable. Sa compatibilité avec
Flutter en fait un langage puissant pour la création d'applications
Figure 7 : Dart Logo. mobiles modernes.

21
  Firebase :

Pour la gestion des données en temps réel,

l'authentification utilisateur, les analyses et bien plus
encore, nous avons intégré Firebase dans notre application.
Firebase offre une suite complète de services cloud qui nous
permettent de développer rapidement des fonctionnalités
clés sans avoir à gérer une infrastructure complexe. En
utilisant Firebase, nous avons pu offrir à nos utilisateurs une
expérience transparente et sécurisée tout en simplifiant
notre processus de développement. Son intégration facile
avec Flutter et son écosystème complet en font un choix
judicieux pour les applications mobiles modernes. Figure 8 : Firebase logo.

2. Interface de l’application réalisée :

 Page Onboarding View :

Une Onboarding page ou une page de démarrage : est une interface d'accueil
dans une application qui guide les nouveaux utilisateurs à travers les fonctionnalités
principales :

22
 Figure 10 : Page 2 On
Figure 9 : Page 1 On Boarding View
Boarding View

Figure 12: Page 3 On

Boarding View. Figure 11 : page 4 On
BOarding View.

23
 Figure 14 : page 5 OnBoarding Figure 13 : page 6 On Boarding
View. View.

À l'ouverture de maroFit, vous êtes accueilli par six pages de démarrage, conçues

pour vous orienter vers un mode de vie plus sain. La première présente notre

application avec le slogan "Everybody can Train". Ensuite, explorez les fonctionnalités

clés avec des pages dédiées à "Track your goal", "Geta burn", "Eat Well" et "Improve

sleep quality". Chaque page fournit des conseils et des informations pour vous aider

à profiter pleinement de votre expérience maroFit.

24
  Page Registration :
Après les pages de démarrage de l'application, vous trouverez la page d'inscription :

Figure 15: page inscription

Figure 16 : page inscription
au cas d'erreur.

Figure 17: Inscription

avec google

25
 Pour accéder à l'application, l'utilisateur doit remplir tous les champs requis sur la

page d'inscription, y compris le prénom, le nom, l'adresse e-mail, le mot de passe, et

accepter notre politique de confidentialité. En cas de tentative d'accès sans remplir

tous les champs, une erreur s'affiche, comme indiqué dans l'image ci-dessus. De plus,

l'utilisateur a la possibilité de s'inscrire en utilisant son compte Google en cliquant sur

l'icône Google et en sélectionnant le compte avec lequel il souhaite s'inscrire.

 Page Login :
Si l'utilisateur possède déjà un compte dans l'application, il lui suffit de cliquer sur
"Already have an account" sur la page d'inscription.

Figure 16 : Login Page.

26
 Dans la page de connexion, l'utilisateur doit entrer son adresse e-mail et son mot

de passe. Si l'utilisateur clique sur "Login" sans entrer ces informations, une erreur se

produit. En cas d'oubli de son mot de passe, l'utilisateur peut cliquer sur "Forgot your

password" pour réinitialiser son mot de passe. Pour cela, il lui suffit d'entrer son

adresse e-mail, et un e-mail contenant un lien pour définir un nouveau mot de passe

lui sera automatiquement envoyé à cette adresse e-mail, Si l'utilisateur entre

correctement son mot de passe et son adresse e-mail, il sera redirigé vers la page

d'accueil dans l'onglet principal "main_tab".

27
  Page Complete Profile_View :

Si l'utilisateur n'a pas de compte et termine avec succès le processus d'inscription sur

la page d'inscription, il sera redirigé vers la page de complétion de profil.

Figure 17: complete

Profile Page.

Dans la page de complétion de profil, l'utilisateur doit saisir des informations telles

que son genre, sa date de naissance, sa région, son poids et sa taille. Si l'utilisateur

tente de naviguer sans saisir ces informations, une erreur se produira, comme

indiqué dans l'image. Ces informations sont essentielles pour connaître l'état

physique de l'utilisateur et nous aider à lui fournir le meilleur plan personnalisé.

28
  Page Goal :

Après avoir saisi avec succès ces informations dans la page de complétion de profil,

l'application dirigera l'utilisateur vers la page des objectifs (goal page).

Figure 18: Goal View

Page.

29
 Dans la page des objectifs (goal page), vous trouverez trois options principales :
"Lose Fat", "Lean and Tone", et "Improve Shape". Ces options permettent à
l'utilisateur de définir ses objectifs spécifiques, ce qui nous aide à mieux comprendre
sa forme physique. J'ai également mis en place un slider pour chacun de ces objectifs,
offrant ainsi une expérience utilisateur plus riche et interactive.

 Page welcome_view :

Après avoir choisi le but dans la page des objectifs, l'application redirigera l'utilisateur
vers la page de bienvenue (welcome page).

Figure 19: Welcome Page.

Dans la page de bienvenue (welcome page), vous trouverez un message de bienvenue

personnalisé avec le nom de l'utilisateur, ainsi qu'un bouton permettant de naviguer
vers la page d'accueil (home page).

30
  Page Home :

Après que l'utilisateur clique sur le bouton "Go to Home" dans la page de bienvenue,
l'application le redirigera vers la page d'accueil (Home page) dans l'onglet principal
(main Tab).

Figure 20:Page D'accueil.

31
 Dans la page d'accueil (Home page), vous trouverez tout d'abord un message de
bienvenue avec le nom de l'utilisateur, ainsi qu'une icône de notification pour que
l'utilisateur puisse consulter ses notifications. Vous trouverez également une section
"Water Intake" où l'utilisateur peut calculer la quantité d'eau qu'il doit boire chaque
jour. Il y a aussi une section "Steps" qui affiche le nombre de pas quotidiens de
l'utilisateur, ainsi qu'une section "Calories" qui affiche la quantité de calories
nécessaires pour la journée. En dessous, vous trouverez la section "Upcoming
Workouts" qui présente les séances d'entraînement en cours de développement et
qui ne sont pas encore entièrement prêtes.

 Page Training Programs :

Après avoir exploré et interagi avec les fonctionnalités de la page d'accueil, vous
trouverez la deuxième tab dans la main tab, qui est la page des programmes
d'entraînement (Training Programs).

Figure 21:les Programmes

d’entrainement.

32
 Dans la page du programme d'entraînement, nous obtenons les informations de
l'utilisateur et nous calculons l'IMC (Indice de Masse Corporelle). À propos du résultat
de ce calcul, on génère des programmes d'entraînement pour cet utilisateur selon
trois difficultés : Débutant, Intermédiaire et Avancé. Chaque niveau comprend des
exercices et des défis.

 Page Training Exercice :

Dans la page d'exercices, nous proposons une combinaison d'exercices pour
développer les muscles, perdre du poids et améliorer le souffle en même temps. En
voici deux exemples :

Figure 22: Exemple de

Exercice d’entrainement.

33
  Page Select_View :
Après que l'utilisateur ait interagi avec les fonctionnalités des pages des
programmes d'entraînement et d'exercices, il peut ensuite interagir avec la troisième
tab de la main_ tab, qui est :

Figure 23: Page Select

View.

 Page Meal Planner :

Dans la page "Select View", on trouve deux fonctionnalités principales : une est
"Meal Planner" et l'autre est "Steps Tracker". Pour "Meal Planner", on a :

34
 Figure 24: Planificateur de
repas Page.

Pour "Meal Planner", on donne des conseils personnalisés à l'utilisateur en prenant

en compte son indice de masse corporelle (BMI). Après que l'utilisateur a pris
connaissance des conseils, il peut interagir avec le chatbot, où il est possible de poser
des questions en relation avec le fitness en général et sur la planification des repas en
particulier. Le chatbot répond alors en quelques secondes.

 Page Steps Tracker :

Après avoir interagi avec les fonctionnalités de la page "Meal Planner", l'utilisateur
peut découvrir la fonctionnalité "Steps Tracker" dans la page dédiée au suivi des pas :

35
Figure 25 : Compteur de
pas page.

36
 Pour la page "Steps Tracker", on calcule les pas de l'utilisateur en utilisant la
bibliothèque Pédomètre. L'utilisateur peut suivre en direct ses pas et peut aussi fixer
son propre objectif de pas par jour. Il a également la possibilité de choisir une date
spécifique pour voir le nombre de pas effectués ce jour-là. De plus, on trouve un
petit conseil concernant la marche et ses bienfaits.
 Page Profile :

Après avoir exploré "Select View" et ses deux fonctionnalités, la quatrième tab dans
la main tab est celle du profil de l'utilisateur ("Profile").

Figure 26 : Profile Page.

37
 Figure 27 : Politique de
confidentialité.

Sur la page de profil ("Profile Page"), l'utilisateur trouve ses informations

personnelles comme le poids, la taille, le nom, etc., ainsi qu'un bouton "Edit" pour
modifier ces informations. Dans la page "Edit Profile", l'utilisateur doit entrer les
informations pour les mettre à jour. Si l'utilisateur clique sur le bouton sans avoir
rempli tous les champs, une erreur se produira.

En outre, une notification popup peut demander à l'utilisateur la permission

d'envoyer des messages. Il y a aussi une page "Contact Us" où l'utilisateur peut
envoyer un feedback concernant l'application. Une section "Privacy Policy" présente
notre politique de confidentialité concernant l'utilisation de l'application. Enfin, il y a
une page "Settings" où l'utilisateur peut ajuster divers paramètres de l'application.

38
3. Les perspectives d’amélioration :
Pour améliorer et enrichir l'expérience des utilisateurs à l'avenir, plusieurs
fonctionnalités peuvent être envisagées :

 Chat Room pour l'interaction entre utilisateurs : L'ajout d’un chat room
permettrait aux utilisateurs de se connecter, de discuter, d'échanger des
conseils et de se motiver mutuellement, renforçant ainsi le soutien social et
la cohésion au sein de la communauté d'utilisateurs de l'application.
 Mini-Store pour des produits liés à la santé et au fitness : L'intégration
d'un mini-store offrant des équipements de fitness, des compléments
alimentaires, des vêtements de sport et d'autres articles connexes
permettrait aux utilisateurs de trouver facilement les produits recommandés
pour les aider dans leur parcours de remise en forme.
 Notifications Push personnalisées : L'implémentation de notifications
push permettrait d'envoyer aux utilisateurs des rappels d'entraînement, des
conseils de nutrition, des promotions sur les produits du mini-store, ainsi que
des messages de motivation personnalisés, favorisant ainsi leur engagement
continu avec l'application et les aidant à rester sur la bonne voie vers leurs
objectifs de santé et de fitness.

39
 Conclusion
Cette application, conçue pour encourager un mode de vie sain et actif, se présente
comme une solution holistique à ceux qui cherchent à améliorer leur bien-être
physique et mental. En offrant une gamme étendue de fonctionnalités - depuis le suivi
quotidien de l'hydratation et des pas jusqu'à la planification personnalisée des repas
basée sur le BMI de l'utilisateur - elle s'adapte aux besoins individuels pour favoriser
des habitudes saines et durables.

Le processus d'onboarding méticuleux guide les utilisateurs à travers les divers

aspects de l'application, leur permettant de se familiariser rapidement avec ses
nombreuses fonctionnalités. Les pages de démarrage introduisent non seulement
l'application de manière engageante mais expliquent aussi comment chaque
utilisateur peut tirer le meilleur parti de son expérience personnalisée.

L'intégration d'un chatbot pour répondre aux questions liées au fitness et à la

planification des repas renforce l'aspect interactif de l'application, offrant un support
instantané et personnalisé. Ce dialogue constant avec l'application motive l'utilisateur
à rester engagé et à suivre ses progrès.

En plus, la capacité de personnaliser son profil et d'ajuster les paramètres selon ses
préférences personnelles rend l'expérience encore plus attrayante. L'attention portée
à la vie privée et au feedback des utilisateurs, via la "Privacy Policy" et la page "Contact
Us", témoigne du respect de l'application pour ses utilisateurs.

En conclusion, cette application représente un compagnon de fitness et de bien-

être complet et bien pensé. Elle est conçue non seulement pour suivre et améliorer
l'activité physique et l'alimentation de l'utilisateur mais aussi pour instaurer un
véritable changement de comportement menant à un mode de vie plus sain. Sa facilité
d'utilisation, combinée à son approche personnalisée et à son soutien constant, en fait
un outil précieux pour quiconque souhaite prendre en main sa santé et son bien-être.

40