OFFICE DE LA FORMATION PROFESSIONNELLE

ET DE LA PROMOTION DU TRAVAIL
Direction Régionale Centre Nord

Institut de Formation dans les Métiers de l’Offshoring des Technologies de

l’Information et de la Communication et de l’Audiovisuel

IFMOTICA FES

Mémoire de Stage de Fin de Formation

Pour l’Obtention du Diplôme

Technicien Spécialisé en Développement Digital

Option « Développement des Applications Mobiles »

Sujet

Développement d’une application mobile de

Période du stage : Du 10 Avril 2023 au 07 Mai 2023

Soutenu par : Sous la direction de :

Mlle. NOM Prenom Mlle. GMIH Fatima-Zohra – Formatrice

NTIC à l’OFPPT.

Année de formation 2022/2023

 Dédicace

Times new roman

Taille 12

Justifié

Interligne1.5

Titre non souligné

Chaque figure titre généré automatiquement centré

Figure 1: titre
Chaque chapitre commence par une introduction et se termine par une conclusion
Application mobile de

Remerciement

Rapport de Stage de Fin de Formation DAM-2023 3

Application mobile de

Résumé

Mots-clés :

Rapport de Stage de Fin de Formation DAM-2023 4

Application mobile de

Abstract

keywords :

Rapport de Stage de Fin de Formation DAM-2023 5

Application mobile de

Liste des abréviations

Abréviation Explication

Rapport de Stage de Fin de Formation DAM-2023 6

 Table des matières
LISTE DES FIGURES......................................................................................................................................................... 9

LISTE DES TABLEAUX.................................................................................................................................................... 10

CHAPITRE 1 : CONTEXTE DU PROJET............................................................................................................... 12

1. PRÉSENTATION DE L’ORGANISME D’ACCUEIL.......................................................................................................................12

1.1. Présentation de XXX........................................................................................................................................12
1.2. Organigramme..................................................................................................................................................12
1.3. Services..............................................................................................................................................................12
2. CADRE GÉNÉRAL DU PROJET............................................................................................................................................12
2.1. Présentation générale du projet........................................................................................................................12
2.2. Problématique...................................................................................................................................................12
2.3. Étude de l’existant.............................................................................................................................................12
2.4. Solution à développer........................................................................................................................................12
2.5. Cahier de charge...............................................................................................................................................12
3. GESTION DU PROJET......................................................................................................................................................12
3.1. Cycle de développement....................................................................................................................................12
3.2. Méthodologie de gestion de projet....................................................................................................................12
3.3. Planification du projet......................................................................................................................................12

CHAPITRE 2 : ETUDE FONCTIONNELLE............................................................................................................ 13

1. IDENTIFICATION DES ACTEURS..........................................................................................................................................13

2. BESOINS FONCTIONNELS.................................................................................................................................................13
3. BESOINS NON FONCTIONNELS..........................................................................................................................................13
4. MODÉLISATION DU CONTEXTE.........................................................................................................................................13
4.1 Diagramme de cas d’utilisation.........................................................................................................................13
4.2 Diagrammes de séquences niveau système........................................................................................................13

CHAPITRE 3 : ETUDE TECHNIQUE...................................................................................................................... 14

1. APPROCHE DE DÉVELOPPEMENT MOBILE............................................................................................................................14
1.1. Les différentes approches de développement mobiles......................................................................................14
1.2. Approche de développement Adopté : Android natif /iOS natif/ mutiplateforme...........................................14
2. MODÈLE DE CONCEPTION...............................................................................................................................................14
2.1. Les différentes Modèles de conception.............................................................................................................14
2.2. Modèle de conception adopté............................................................................................................................14
3. ARCHITECTURE TECHNIQUE.............................................................................................................................................14

CHAPITRE 4 : ETUDE CONCEPTUELLE.............................................................................................................. 15

1. MODÈLE DYNAMIQUE....................................................................................................................................................15
1.1. Diagrammes de séquences................................................................................................................................15
1.2. Diagrammes d’états transitions / activités........................................................................................................15
2. MODÈLE STATIQUE........................................................................................................................................................15
2.3. Diagramme de classes.......................................................................................................................................15
3. MODÈLE DE DONNÉES................................................................................................................................................... 15
3.1. Modèle Conceptuel de données........................................................................................................................15

CHAPITRE 5 : RÉALISATION................................................................................................................................ 16

Application mobile de

1. OUTILS ET TECHNOLOGIES UTILISÉS...................................................................................................................................16

1.1. Outils utilisés.....................................................................................................................................................16
1.2. Technologies utilisées.......................................................................................................................................16
2. INTERFACES DE L’APPLICATION.........................................................................................................................................16
3. PROBLÈMES RENCONTRÉS...............................................................................................................................................16

CHAPITRE 6 : DÉPLOIEMENT DE L’APPLICATION ET DOCUMENTATION.................................................17

CONCLUSION ET PERSPECTIVES.................................................................................................................................... 18

ANNEXES.................................................................................................................................................................. 19

BIBLIOGRAPHIE & WEBOGRAPHIE................................................................................................................................ 20

Rapport de Stage de Fin de Formation DAM-2023 8

Application mobile de

Liste des figures

Rapport de Stage de Fin de Formation DAM-2023 9

Application mobile de

Liste des tableaux

Rapport de Stage de Fin de Formation DAM-2023

10
Application mobile de

Introduction générale

Rapport de Stage de Fin de Formation DAM-2023

11
Application mobile de

Chapitre 1 : Contexte du projet

1. Présentation de l’organisme d’accueil

1.1. Présentation de XXX

1.2. Organigramme
1.3. Services

2. Cadre général du projet

2.1. Présentation générale du projet

2.2. Problématique
2.3. Étude de l’existant
2.4. Solution à développer
2.5. Cahier de charge

3. Gestion du projet

3.1. Cycle de développement

3.2. Méthodologie de gestion de projet
a. Présentation de la méthodologie Scrum
b. Équipe de développement et rôles
c. Déroulement des sprints
3.3. Planification du projet
a. Backlog du produit
b. Diagramme de Gantt

Rapport de Stage de Fin de Formation DAM-2023

12
Application mobile de

Chapitre 2 : Etude Fonctionnelle

1. Identification des acteurs

2. Besoins fonctionnels

3. Besoins non fonctionnels

4. Modélisation du contexte

4.1 Diagramme de cas d’utilisation

4.2 Diagrammes de séquences niveau système

Rapport de Stage de Fin de Formation DAM-2023

13
Application mobile de

Chapitre 3 : Etude Technique

1. Approche de développement mobile

1.1. Les différentes approches de développement mobiles

a. Les applications natives
b. Les web applications
c. Les applications cross-platforms
1.2. Approche de développement Adopté : Android natif /iOS natif/ mutiplateforme

2. Modèle de conception

2.1. Les différentes Modèles de conception

a. MVC
b. MVP
c. MVVM
d. Clean Architecture
2.2. Modèle de conception adopté

3. Architecture Technique

Rapport de Stage de Fin de Formation DAM-2023

14
Application mobile de

Chapitre 4 : Etude Conceptuelle

1. Modèle dynamique

1.1. Diagrammes de séquences

1.2. Diagrammes d’états transitions / activités

2. Modèle statique

2.3. Diagramme de classes

3. Modèle de données

3.1. Modèle Conceptuel de données

Rapport de Stage de Fin de Formation DAM-2023

15
Application mobile de

Chapitre 5 : Réalisation

1. Outils et technologies utilisés

OUTIL VERSION
éditeur Mockup Figma
IDE Android Studio/XCode
Emulateur Android Studio Emulator/ Bluestacks/ Genymotion/ NoxPlayer/
LDPlayer
SGBD local (sqlite)
distant (MySQL/ PostgreSQL/MongoDB),
Cloud en temps Réel ( Firebase Realtime/ MongoDB Realm )
Contrôle de version Gitlab, Git
Langages de programmation JAVA/kotlin/swift/dart
Frameworks Flutter
langage de modélisation UML
AGL PowerAMC
1.1. Outils utilisés
a. Editeur Mockup : Figma

La première étape est la création des vues de l’application. En effet, toute application utilisable par un
utilisateur doit avoir une Interface Homme Machine (IHM) claire et facilement utilisable. Dans un
premier temps, afin d’avoir une idée des différentes fonctionnalités sans forcément tenir compte du
design de l’application, un mockup a été réalisé par l’application Figma dont un extrait est visible sur
la figure ci-dessus.

b. AGL : PowerAMC
c. IDE : Android Studio
d. Emulateur : Android Studio Emulator
e. SGBD : Firebase Realtime
f. Outil de Contrôle de version : Gitlab
g. Autres outils
1.2. Technologies utilisées
a. Langage de modélisation : UML
b. Langage de programmation : JAVA
c. JSON
d. Framework Flutter

2. Interfaces de l’application

3. Problèmes rencontrés

Rapport de Stage de Fin de Formation DAM-2023

16
Application mobile de

Chapitre 6 : Déploiement de l’application et documentation

Cette partie du travail est à venir et interviendra après la phase de développement.

Le déploiement de l’application consiste à la mise à disponibilité de l’application pour tous. A cet

effet, l’application sera donc déployée sur les stores des systèmes d’exploitation pour lesquels
l’application a été développée, à savoir le Google Play pour Android et l’App Store pour iOS.

Cette étape de déploiement est importante, et intervient après de nombreux test, afin de s’assurer que
l’application est fonctionnelle et ne présente pas de faille, de bug.

Une fois l’application disponible sur les stores, il faut également s’assurer du suivi de celle-ci. En
effet, notre application doit être mise à jour si besoin, mais elle doit surtout être suivi pour prévenir
l’arrivée d’éventuel bug, et les corriger dès que cela arrive.

Dans le cadre de ce suivi, la création d’une documentation est nécessaire et obligatoire. Cette
documentation sera divisée en deux parties :

 La partie technique de la documentation sera utilisée pour la maintenance de l’application mais

également pour de futurs ajouts de fonctionnalités.
 La partie tutoriel sera là afin d’aider l’utilisateur dans l’utilisation de l’application. Elle
expliquera les différentes fonctionnalités de l’application et la manière dont il conviendra de
l’utiliser.

Rapport de Stage de Fin de Formation DAM-2023

17
Application mobile de

Conclusion et perspectives

Rapport de Stage de Fin de Formation DAM-2023

18
Application mobile de

Annexes

Rapport de Stage de Fin de Formation DAM-2023

19
Application mobile de

Bibliographie & Webographie

Rapport de Stage de Fin de Formation DAM-2023

20