Ministère de l’enseignement supérieur et de la recherche scientifique

Et des technologies de l’informatique et de la communication

Direction Générale des Etudes Technologiques
Institut Supérieur des Etudes Technologique de Radès
Département Technologies de L’informatique

RAPPORT DE STAGE DE PERFECTIONNEMENT

SUJET :
Développement d’une application de gestion les clients
d’une agence immobilière ‘ImmoGest’

Réaliser par : Mohamed Amine Akrichi

Encadré par : Samir Aziza
Période du stage : Du 16/01/2023 Au 12/02/2023

Organisme d’accueil : Sharing Technologies

Adresse : 14 Rue Ahmed Rami, Tunis 1002
Tél /Fax : 71 787 301 / 71 792 975
Email : commercial@sharing.com.tn

Année universitaire : 2022 - 2023

 Remerciement

Avant tout développement sur cette expérience professionnelle, il m’apparait

important de commencer ce rapport de stage par exprimer ma profonde gratitude envers tous
ceux qui m’ont apporté leur soutien, leur expérience tout au long de ce stage.

Je tiens à exprimer mes respects, mes connaissances et mes sincères remerciements au

personnel du Sharing Technologies, mon encadrant Monsieur Samir Aziza qui m’a
accompagnée tout au long de cette expérience professionnelle, pour son aide et ces précieux
conseils. Je lui souhaite plein de réussite et de perspective.

Également, je remercie toutes l’équipe pour m’avoir accompagné tout au long de cette
expérience avec beaucoup de patience et pédagogie. Que ces quelques mots puissent leur
exprimer la profonde admiration et la gratitude que j’éprouve à leur égard.
 Sommaire
Introduction générale.................................................................................................................1

Chapitre 1 : Présentation de cadre de stage................................................................................2

Introduction............................................................................................................................2

1. Présentation de l’entreprise.............................................................................................2

1.1. Présentation générale de l’entreprise.......................................................................2

1.2. Services de l’entreprise............................................................................................2

1.3. Clients de l’entreprise..............................................................................................3

2. Présentation de thème de stage.......................................................................................4

Conclusion..............................................................................................................................4

Chapitre 2 : Etude Préalable.......................................................................................................5

Introduction............................................................................................................................5

1. Etude de l’existant...........................................................................................................5

1.1. Description de l’existant..........................................................................................5

1.2. Critique de l’existant................................................................................................5

1.3. Solution proposée....................................................................................................5

1.4. Description détaillée de la solution finale................................................................6

2. Analyse des Besoins........................................................................................................6

2.1. Besoins fonctionnels................................................................................................6

2.1. Besoins non fonctionnels.........................................................................................7

3. Diagramme des cas d’utilisation.....................................................................................7

3.1. Présentation des acteurs...........................................................................................7

3.2. Diagramme des cas d’utilisation..............................................................................8

Conclusion..............................................................................................................................8

Chapitre 3 : Conception.............................................................................................................9

Introduction............................................................................................................................9
 1. Diagramme des classes...................................................................................................9

2. Diagrammes des séquences...........................................................................................10

2.1. Diagramme de séquence ‘Authentification’..........................................................10

2.2. Diagramme de séquence ‘Ajouter un client'..........................................................11

Conclusion............................................................................................................................11

Chapitre 4 : Réalisation............................................................................................................12

Introduction..........................................................................................................................12

1. Environnement de développement................................................................................12

1.1. Environnement matériel.........................................................................................12

1.2. Environnement logiciel..........................................................................................12

2. Principales interfaces graphiques..................................................................................15

2.1. Espace d’utilisateur................................................................................................15

2.2. Espace d’administrateur.........................................................................................18

Conclusion............................................................................................................................18

Conclusion générale.................................................................................................................19

Bibliographie et Nétographie...................................................................................................20
 Liste des figures
Figure 1: Clients de Sharing Technologies dans le secteur bancaire........................................3
Figure 2: Clients de Sharing Technologies dans le secteur assurance......................................3
Figure 3: Clients de Sharing Technologies dans autres secteurs..............................................3
Figure 4: Diagramme de cas d'utilisation...................................................................................8
Figure 5: Diagramme de classes................................................................................................9
Figure 6: Diagramme de séquence 'authentification'...............................................................10
Figure 7: Diagramme de séquence 'ajouter un client'..............................................................11
Figure 8: Logo de Visual Studio Code.....................................................................................12
Figure 9: Logo de Angular.......................................................................................................13
Figure 10: Logo de Angular Material......................................................................................13
Figure 11: Logo de MongoDB.................................................................................................14
Figure 12: Logo de Node.js......................................................................................................14
Figure 13: Logo de Chart.js.....................................................................................................14
Figure 14: Page de Login.........................................................................................................15
Figure 15: Tableau de bord......................................................................................................15
Figure 16: Page de gestion des clients.....................................................................................16
Figure 17: L'ajout d'un client...................................................................................................16
Figure 18: Gestion des achats d'un client.................................................................................17
Figure 19: Suppression d'un client...........................................................................................17
Figure 20: Gestion des comptes utilisateurs.............................................................................18
Figure 21: Gestion des appartements.......................................................................................18
 Liste des tableaux
Tableau 1: Présentation des acteurs...........................................................................................7
Tableau 2: Caractéristiques de Lenovo IdeaPad5....................................................................12
Bibliographie et Nétographie

Introduction générale
La gestion des consommateurs est le souci majeur de toute entreprise qui veut
augmenter sa part du marché ainsi que sa position.

C’est pour cela les méthodes de gestion des clients se de développent continuellement
en parallèle avec les nouvelles technologies qui les rendent faciles et plus efficaces.

Le but de ce rapport n’est pas de faire uniquement une présentation exhaustive des
tous les aspects techniques que j’ai pu apprendre ou approfondir, mais aussi, de manière
synthétique et claire, de faire un tour d’horizon des aspect techniques et humaines auxquels
j’ai été confronté.

Dans le cadre de ce stage, il m’a été proposé de créer une application web qui permet
aux agents d’une agence immobilière de gère leurs clients respectifs. Après certaines
recherches préliminaires, j’ai eu l’occasion d’effectuer une étude approfondie sur
l’architecture, les outils et les technologies appropriés afin de développer cette application.

Le présent rapport est composé des quatre chapitres : le premier a pour but de
présenter la société et le thème de stage. Pour le deuxième, il s’agit d’une étude préalable.
Pour le troisième, il s’agit d’une solution conceptuelle de l’application. Quant à le dernier
chapitre, c’est à propos de réalisation de l’application.

1
Bibliographie et Nétographie

Chapitre 1 : Présentation de cadre de stage

Introduction
Ce chapitre est consacré à la présentation de Sharing Technologies, leurs services, les
technologies utilisés et leurs clients ….

1. Présentation de l’entreprise
1.1. Présentation générale de l’entreprise
Sharing Technologies est une société d’Ingénierie et de Services dans le domaine des
Technologies de l’Information et de la communication à forte valeur ajoutée et ce depuis
1998.

Sharing Technologies offre à ses clients une relation d’accompagnement pour une
réalisation réussie de leurs projets, à travers une large panoplie de services et de solutions
couvrant toutes les étapes d’un projet informatique, allant des études et du conseil, à la
formation, au transfert de compétences en passant par l’assistance à la mise en œuvre des
solutions fournis.

L’expérience acquise au service de ses clients, lui a permis de se positionner

rapidement parmi les SSII leaders du marché.

1.2. Services de l’entreprise

Sharing Technologies offre plusieurs services dans le domaine de l’informatique :

 Etude et consulting.
 Gestion du contenu d’entreprise.
 Sauvegarde et reprise des données.
 Formation et transfert des compétences.
 Gestion des règles et processus métiers.
 Virtualisation.

2
Bibliographie et Nétographie

1.3. Clients de l’entreprise

Les principaux clients de Sharing Technologies sont focalisés dans plusieurs
domaines : secteur bancaire, secteur d’assurance…

Figure 1: Clients de Sharing Technologies dans le secteur bancaire

Figure 2: Clients de Sharing Technologies dans le secteur assurance

Figure 3: Clients de Sharing Technologies dans autres secteurs

3
Bibliographie et Nétographie

2. Présentation de thème de stage

Au cours de ce stage, on a eu l’opportunité de découvrir une profession sous toutes ses
formes et comprendre de manière globale les difficultés que les développeurs pouvaient
rencontrer dans cette profession. Pour une meilleure compréhension des tâches que j’ai pu
effectuer, il apparaît approprié de traiter en premier lieu des outils qui étaient mis à ma
disposition, puis de traiter de manière détaillée les tâches que j’ai pu effectuer.

En effet, j’ai passé le plus clair de mon temps à apprendre l’environnement Node.js,
MongoDB et leurs principes fondamentaux, ces composants et ses APIs.

Passant à la tâche la plus importante affectée dans ce stage : La création d’une application
avec plus de fonctionnalités et dans le but de facilité de gérer les clients d’une agence
immobilière et leur suivi.

Conclusion
Après avoir présenté la société Sharing Technologies ainsi que le thème de stage, on
parlera dans le chapitre suivant de l’étude préalable.

4
Bibliographie et Nétographie

Chapitre 2 : Etude Préalable

Introduction
Ce chapitre a pour objectif de décrire l’existant et ses critiques ainsi que des proposer
des solutions pour résoudre ce problématique. Dans un second temps on va spécifier ces
besoins, puis on représente les unités d’interaction entre les utilisateurs et le système à travers
le diagramme des cas d’utilisation.

1. Etude de l’existant
1.1. Description de l’existant
Le responsable technico-commercial de Sharing Technologies M. Aziza Samir m’a
proposé une agence immobilière qui utilise un formulaire en papier pour les nouveaux clients
et les stocker dans des fichiers Excel, et cette méthode est considérée comme dépassée par
rapport aux normes. L’Excel est aussi utilisé pour la gestion des clients acheteurs, leurs
achats et le suivi de leurs réservations, et cette solution est difficile et peut présenter un taux
d’erreurs élevé. Les statistiques des nouveaux clients visiteur mensuels et les analyses des
activités commerciales sont réaliser manuellement chaque mois.

1.2. Critique de l’existant

La gestion des clients à partir des opérations manuelles décrit dans la description de
l’existant provoque le manque de professionnalisme tels que la facilité de perte des bases de
données car ils ne sont mal archivés, la difficulté lors de la recherche d’une telle information
car les données ne sont pas bien structurées et le retard technologique, il faut suivre les
nouvelles technologies.

1.3. Solution proposée

La création d’une application qui permet à l’agent de l’agence immobilière de gérer
ses clients visiteurs et leurs journaux et ses clients acheteur et leurs achats, leurs paiements et
leurs réclamations. Cette application permet aussi à l’agent de suivre les statistiques de ces
nouveaux clients mensuels.

5
Bibliographie et Nétographie

1.4. Description détaillée de la solution finale

L’application proposée va être divisé entre deux espaces :

 Espace administrateur : Contient un dashboard affichant les statistiques des

clients mensuels pour tous les utilisateurs, une interface pour la gestion des
utilisateurs et une autre interface pour gérer les appartements.
 Espace utilisateur : Contient un dashboard affichant les statistiques des clients
mensuels de cet utilisateur, une interface pour gérer les clients, leurs journaux,
leurs achats et les contacter. Puis une interface pour modifier les coordonnées
d’utilisateur et contacter les autres utilisateurs.

2. Analyse des Besoins

2.1. Besoins fonctionnels
 L’authentification : Les utilisateurs doit s’authentifier avant accéder à
l’application.
 Accès facile à l’information : Les utilisateurs doivent disposer d’un accès aux
tous les fonctionnalités de l’application dont ils ont besoin, à tout moment et
de n’importe quel endroit (installation dans le siège, accès web).
 Gestion de Clients : L’application permet à l’utilisateur de gérer ses clients et
affecter les procédures de l’ajout, la modification et la suppression.
 Conversion de Clients : La solution permet d’intégrer les nouveaux
« prospects » ou « clients visiteurs » dans la base de données et de les
convertir en « clients » out « clients acheteurs » une fois que la vente est
conclue.
 Programmer des activités avec les clients : L’application permet de configurer
des activités avec les clients (appel téléphonique, envoi E-mail, visite sur site)
et les planifier dans le journal de client.
 Suivre les statistiques des clients mensuels : Les utilisateur peut visualiser un
dashboard qui contient les statistiques de nouveaux clients (genre, intervalle
d’âge, intérêt au type d’appartement).
 Suivi des réclamation (SAV) : L’application permet de collecter et suivre des
réclamations reçues par les clients, et les lier dans le profil de client émetteur.

6
Bibliographie et Nétographie

2.1. Besoins non fonctionnels

 Ergonomie et souplesse : L’application offre une interface conviviale et
ergonomique exploitable par l’utilisateur en envisageant possibles à l’écran du
support tenu.
 Efficacité : L’application est fonctionnelle indépendamment de toutes
circonstances pouvant entourer l’utilisateur.
 Maintenabilité : Le code de l’application est bien lisible et compréhensible.

3. Diagramme des cas d’utilisation

3.1. Présentation des acteurs

Tableau 1: Présentation des acteurs

Acteur Description
Utilisateur C’est un agent qui travaille au sein de l’agence
immobilière qui permet accéder l’application
avec ses coordonnées fournies par
l'administration lorsqu'il a commencé à
travailler à l’agence.
Administrateur Il peut être un agent, un superviseur ou un
manager au sein de l’agence, il permet
d’accéder l’application avec ses coordonnées
prédéfinie lors de création de l’application.

7
Bibliographie et Nétographie

3.2. Diagramme des cas d’utilisation

Figure 4: Diagramme de cas d'utilisation

8
Bibliographie et Nétographie

Conclusion
Dans ce chapitre, on a présenté les différents besoins de la solution finale ainsi que
déterminer les acteurs de système. Dans ce qui suit on parlera de la phase de conception.

Chapitre 3 : Conception

Introduction
Ce chapitre a pour objectif de présenter la solution conceptuelle de notre application dont
le diagramme de classes et deux exemples des diagrammes de séquences.

9
Bibliographie et Nétographie

1. Diagramme des classes

Figure 5: Diagramme de classes

2. Diagrammes des séquences

2.1. Diagramme de séquence ‘Authentification’

10
Bibliographie et Nétographie

Figure 6: Diagramme de séquence 'authentification'

2.2. Diagramme de séquence ‘Ajouter un client'

11
Bibliographie et Nétographie

Figure 7: Diagramme de séquence 'ajouter un client'

Conclusion
Dans ce chapitre on a présenté la phase de conception de notre application avec le
diagramme de classes et les diagrammes de séquences. Donc on passe au dernier chapitre la
réalisation.

12
Bibliographie et Nétographie

Chapitre 4 : Réalisation

Introduction
Ce chapitre a pour objectif la présentation de notre application finie, en assurant qu’elle
soit prête à être livrée et utilisée.

On se préoccupera ainsi, de l’exploitation de l’environnement logiciel de l’application,

par la suite on va faire une démonstration de quelques interfaces.

1. Environnement de développement
1.1. Environnement matériel
Pour développer l’application, on a utilisé comme environnement matériel un
ordinateur Lenovo IdeaPad-5 i5 11éme Génération qui a ces caractéristiques :

Tableau 2: Caractéristiques de Lenovo IdeaPad5

Processeur Intel Core I5-1135G7, 11è Génération,

2.4Ghz Up To 4.2Ghz, 8 Mo De Mémoire
Cache
Système d’exploitation Windows 11
Mémoire RAM 8 GB
Disque Dur 512 GB SSD
Ecran 15.6" Full HD LED

1.2. Environnement logiciel

 Visual Studio Code : Visual Studio Code est un éditeur de code extensible
développé par Microsoft pour Windows, Linux et macOS3.

Figure 8: Logo de Visual Studio Code

13
Bibliographie et Nétographie

 Angular : Angular est un framework côté clients, open source, basé sur
TypeScript et codirigé par l'équipe du projet « Angular » chez Google ainsi
que par une communauté de particuliers et de sociétés

Figure 9: Logo de Angular

 Angular Material : Angular Material est une bibliothèque de composants

d'interface utilisateur (UI) que les développeurs peuvent utiliser dans leurs
projets Angular pour accélérer le développement d'interfaces utilisateur
élégantes et cohérentes. Angular Material vous offre des composants
d'interface utilisateur réutilisables et magnifiques comme les cartes, les
entrées, les tableaux de données, les sélecteurs de date, et bien plus encore.

Figure 10: Logo de Angular Material

14
Bibliographie et Nétographie

 MongoDB : MongoDB est un système de gestion de base de données orienté

documents, répartissable sur un nombre quelconque d'ordinateurs et ne
nécessitant pas de schéma prédéfini des données. Il est écrit en C++. Il fait
partie de la mouvance NoSQL.

Figure 11: Logo de MongoDB

 Node.js : Node.js est une plateforme logicielle libre en JavaScript, orientée

vers les applications réseau évènementielles hautement concurrentes qui
doivent pouvoir monter en charge.

Figure 12: Logo de Node.js

 Chart.js : Chart.js est une bibliothèque JavaScript open source gratuite pour la
visualisation de données. Créée par le développeur Web Nick Downie en
2013, la bibliothèque est maintenant maintenue par la communauté et est la
deuxième bibliothèque de graphiques JS la plus populaire sur GitHub par le
nombre d'étoiles après D3.js. Chart.js est rendu dans un canvas HTML5.

Figure 13: Logo de Chart.js

15
Bibliographie et Nétographie

2. Principales interfaces graphiques

2.1. Espace d’utilisateur

Figure 14: Page de Login

Figure 15: Tableau de bord

16
Bibliographie et Nétographie

Figure 16: Page de gestion des clients

Figure 17: L'ajout d'un client

17
Bibliographie et Nétographie

Figure 18: Gestion des achats d'un client

Figure 19: Suppression d'un client

18
Bibliographie et Nétographie

2.2. Espace d’administrateur

Figure 20: Gestion des comptes utilisateurs

Figure 21: Gestion des appartements

Conclusion
Dans ce chapitre, on a présenté tout d’abord l’environnement de travail utilisé pour la
réalisation de l’application, Ensuite, on a illustré et testé quelques interfaces de l’application.

19
Bibliographie et Nétographie

Conclusion générale
Ce rapport est le fruit d’un travail réalisé durant un stage au sein de la société Sharing
Technologies pour un projet de perfectionnement qui a pour objectif la réalisation d’une
application web.

En fait, le travail réalisé se résume dans les points suivants : Offrir à l’utilisateur une
interface pour gérer ces clients, leurs achats, leurs paiements et leurs journaux et la possibilité
de consulter des statistiques des nouveaux clients mensuels.

Ce stage de perfectionnement m’a permis d’enrichir mes connaissances dans le

domaine de développement informatique. De plus, c’est une occasion pour mieux s’intégrer
dans la vie professionnelle et améliorer mes compétences de travail en équipe à travers les
différentes réunions et les discussions réalisées.

Par conséquent, ce stage est une excellente expérience pour mon parcours académique
et ma vie professionnelle.

20
Bibliographie et Nétographie

Bibliographie et Nétographie

[1] https://fr.wikipedia.org/wiki/Visual_Studio_Code : Définition de Visual Studio Code.

[2] https://fr.wikipedia.org/wiki/Angular : Définition de Angular.

[3] https://auth0.com/blog/creating-beautiful-apps-with-angular-material/ Bref définition de

Angular Material.

[4] https://fr.wikipedia.org/wiki/MongoDB : Définition de MongoDB.

[5] https://fr.wikipedia.org/wiki/Node.js : Définition de Node.js.

[6] https://en.wikipedia.org/wiki/Chart.js : Définition de Chart.js.

21