Vous êtes sur la page 1sur 30

SOMMAIRE

Dédicace------------------------------------------------------------------------------------------------------------ ii
Remerciement---------------------------------------------------------------------------------------------------- iii
Introduction------------------------------------------------------------------------------------------------------- 1
I. Conduite du thème----------------------------------------------------------------------------------------2
1. Ressources---------------------------------------------------------------------------------------------------------- 2
2. Planning-------------------------------------------------------------------------------------------------------------- 4
II. Analyse------------------------------------------------------------------------------------------------------- 4
1. Traitement des données du domaine------------------------------------------------------------------------4
2. Choix retenus------------------------------------------------------------------------------------------------------- 6
III. Réalisation de la plateforme-------------------------------------------------------------------------7
1. Création-------------------------------------------------------------------------------------------------------------- 7
2. Développement-------------------------------------------------------------------------------------------------- 11
3. Publication des résultats obtenus.--------------------------------------------------------------------------14
IV. Bilan------------------------------------------------------------------------------------------------------- 21
1. Traitement des résultats--------------------------------------------------------------------------------------- 21
2. Difficultés techniques------------------------------------------------------------------------------------------- 22
3. Apports personnels---------------------------------------------------------------------------------------------- 23
CONCLUSION----------------------------------------------------------------------------------------------------- 24
ANNEXES---------------------------------------------------------------------------------------------------------- 24

i
Dédicace

Je dédie ce travail à mes mères :


Aucun mot si sacré soit-il, ne suffira à apprécier a juste valeur, le soutient matériel et
spirituel, les sacrifices que vous n’avez cessés de déployer.
Je vous offre en guise de reconnaissance, ce modeste travail en vous souhaitant sante,
bonheur et longue vie que je puisse combler à mon tour.

ii
Remerciement

Au therme de cette fin de formation pour l’obtention du Diplôme de Technicien Supérieur, je


tiens à manifester l’expression de ma profonde gratitude et reconnaissance à toute
personne ayant contribué de près ou de loin à l’aboutissement de ce projet en particulier :
Monsieur OBAME ONDO Charly, pour son encadrement, ses conseils et directives pertinent
et sa disponibilité durant toute la période de mon projet.
De même, mes remerciements se porte sur Monsieur Jean Junior NDONG l’agent immobilier
de SOS IMMO qui m’a orienté et apporté des images pour l’aboutissement de mon projet.
Je tiens également à remercier mon camarade NDINGA NDINGA Seth-Sady qui a
confectionné mon logo.
Merci aussi aux membres du jury pour l’attention dont ils ont fait preuve vis-à-vis de mon
travail.

iii
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Introduction 

Le génie informatique, est une discipline qui traite de la conception, du développement et


de la fabrication de systèmes informatique, aussi bien matériels que logiciels. Afin d’achever
notre formation en deuxième année de Génie Informatique au sein de Institut National de la
Poste, des Technologies de l'Information et de la Communication  (INPTIC), j’ai eu la grâce de
travailler sur un projet et utiliser mes capacités et les enrichir grâce à la communication avec
des expert en domaine de programmation.
J’ai donc reçu comme thème de mon projet une application web qui consiste à développe
une application de gestion immobilière. Qui contient plusieurs fonctionnalités qu’on les
présentera comme suite.
Ce rapport décrit les différentes phases de la réalisation de ce projet en quatre principaux
points :
 Le première point intitulé « Conduite du thème » est le point de départ. Il consiste
l’étude existant et des solutions pour la réalisation.
 Le deuxième point intitule « Analyse » dans cette partie nous allons décrire des outils
informatiques utiliser tout au long du développement, on exploite aussi cette partie
pour analyser des besoins fonctionnels et technique, et présenter les acteurs et les
différents diagrammes UML.
 La troisième partie intitulé « Réalisation de la plateforme » cette partie est tourne
vers la conception et la mise en place de notre plateforme
 Le dernier point intitulé « Appréciations des fonctionnalités » va entamer la
réalisation et implémentation dans laquelle on s’assure que le système est prêt pour
être exploitée par des utilisateurs finaux.

1
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

I. Conduite du thème

1. Ressources

Environnement et outils de développement pour la réalisation d’une application web.

a) Environnement de développement :

 Environnement Logiciel :

WampServer (anciennement WAMP5) est une plateforme de


développement Web de type WAMP qui désigne est um acronyme
informatique signifiant :

 « Windows »
 « Apache »
 « MySQL »
 « PHP » dans la majorité des cas mais aussi parfois, « Perl », ou « Python ».
Il s'agit d'un néologisme basé surLAMP.
Permettant de faire fonctionner localement (sans avoir à se connecter à un serveur externe)
des scripts PHP. WampServer n'est pas en soi un logiciel, mais un environnement
comprenant trois serveurs (Apache, MySQL et MariaDB), un interpréteur de script (PHP),
ainsi que phpMyAdmin pour l'administration Web des bases MySQL.
Il dispose d'une interface d'administration permettant de gérer et d'administrer ses serveurs
au travers d'un tray icon (icône près de l'horloge de Windows).
La grande nouveauté de WampServer 3 réside dans la possibilité d'y installer et d'utiliser
n'importe quelle version de PHP, Apache, MySQL ou MariaDB en un clic. Ainsi, chaque
développeur peut reproduire fidèlement son serveur de production sur sa machine locale.

MySQL est un serveur de bases de données relationnelles Open


Source. Un serveur de bases de données stocke les données dans des
tables séparées plutôt que de tout rassembler dans une seule table.
Cela améliore la rapidité et la souplesse de l'ensemble. Les tables sont

2
reliées par des relations définies, qui rendent possible la combinaison de données entre
plusieurs tables durant une requête. Le SQL dans "MySQL" signifie "Structured Query
Language" : le langage standard pour les traitements de bases de données.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Sublime Text est un éditeurde texte générique codé en C++ et Python,


disponible sur Windows, Mac et Linux. Le logiciel a été conçu tout d'abord
comme une extension pour Vim, riche en fonctionnalités.
Depuis la version 2.0, sortie le 26 juin 2012, l'éditeur prend en charge 44
Langages de programmation majeurs, tandis que des plugins sont souvent
disponibles pour les langages plus rares.

GanttProject est un outil libre de gestion de projet écrit en Java, ce qui


permet de l'utiliser sur de nombreux OS tel que Windows, Linux, MacOs.
Ce projet a été lancé par un élève de l’Université de Marne La Vallée en
janvier 2003 et est maintenant proposé sous licence libre (GNU GPL).
Le chef de projet initial de Gantt Project est Alexandre Thomas, relayé
aujourd'hui par Dmitry Barashev.
JMerise est un logiciel dédié à la modélisation des modèles conceptuels de
données (MCD) pour Merise il permet la généralisation et la spécialisation
des entités, la création des relations et des cardinalités ainsi que la
généralisation des modèles logiques de données (MLD) et des script SQL.

Dia est un programme de création de diagrammes complet. Il peut


être utilisé pour dessiner de nombreux types de diagrammes et
possède des objets spéciaux pour aider à dessiner des diagrammes de
relations d'entités, des diagrammes UML, des organigrammes, des
diagrammes de réseau et de nombreux autres diagrammes. Il est
également possible d'ajouter la prise en charge de nouvelles formes
en écrivant des fichiers XML simples, en utilisant un sous-ensemble de SVG pour dessiner la
forme.

Dia peut charger et enregistrer des diagrammes dans un format XML personnalisé, peut
exporter des diagrammes dans un certain nombre de formats, notamment EPS, SVG, XFIG,
WMF et PNG, et peut imprimer des diagrammes (y compris ceux qui s'étendent sur plusieurs
pages).

 Environnement de Matériel :

J’ai utilisé un ordinateur HP (ZBook 15) qui est caractérisé par :

3 

Un processeur : Intel(R) Core (TM) i7-4800MQ CPU @ 2.70GHz 2.70 GHz
Mémoire RAM installée : 8,00 Go (7,46 Go utilisable)
 Type du système : Système d’exploitation 64 bits, processeur x64
 Système d’exploitation : Windows 10 Professionnel
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

 Version : 20H2
 Version du système d’exploitation : 19042.662

2. Planning

La planification du projet consiste à prévoir le déroulement des taches tout au long


des phases constituant le cycle de développement.
Nous allons pour ce faire découper le projet en taches afin de planifier leur exécution et le
temps alloue à chacune. L’organisation des différentes taches de notre projet, est modalisée
par le diagramme de Grant et de Perl (voir en annexe).

Diagramme de Grant

4
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

II. Analyse

1. Traitement des données du domaine

a) Sujet du projet
Le sujet du projet tel qu’il a été définie par mon encadreur est l’intitule : « Une application
de gestion immobilière »

b) Etude de l’existant
Comme toutes les applications on peut distinguer entre deux types de complexités :
 Complexité accidentelle : les détails d’écriture et d’optimisation du code, on fait face
à un exemple de ce type de complexité c’est le choix du langage de programmation
et le Framework qui sera utilisée pour ce langage.

 Complexité essentielle : causée par le problème à résoudre qui ne peut pas être
négligeable, ce type de complexités on va les spécifier dans la partie des besoins
fonctionnelles.

Ce projet vise à mettre en œuvre une plateforme de gestion immobilière. La plateforme


permettra le partage des Biens immobiliers, avoirs les informations des propriétaires et
trouver un bien en fonction de son revenu.
Fonctionnement du système :
 Disposer d’une connexion internet
 L’accès au site est gratuit, donnant la possibilité de prendre connaissance de toutes
publications.
 L’internaute doit passer par l’intermédiaire d’un navigateur pour accéder au site.
 L’application s’adepte aux Pc et aux Smartphones.

c) Problématique :

5
Après une observation continuelle j’ai pu recenser les insuffisances suivantes :
 L’ensemble des données sont stockées à divers endroits ou plusieurs ordinateurs. Et
pour cela, la recherche d’informations client ou des biens n’est donc ni rapide ni
efficace.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

 Lorsqu’un relancement des prospects, des clients ou récupérer le dossier, on n’a


accès à aucun suivi client. Donc c’est une mauvaise connaissance du client.
 L’insécurité des informations.
 Après la location il n’y a plus de connexion entre le client et la propriété.

d) Solutions proposées :
Compte tenu de la période limitée du thème et les problèmes mentionnés, j’ai accepté de
réaliser une application web de gestion immobilière, cette application permettra :

 La sécurité des données


 Gérer les biens immobiliers.
 Gérer les propriétaires des biens immobiliers.
 Gérer les utilisateurs.
 Rendre les informations stockées dans la base de données visibles
uniquement à ceux qui ont le droit

2. Choix retenus

a) Les besoins fonctionnels


Les besoins fonctionnels sont les besoins spécifiant un comportement d’entrée/sortie du
système, l’application doit permettre de :
 Gérer les données concernant les biens immobiliers :
 Consulter les biens.
 Chercher à un bien.
 Ajouter un bien
 Modifier un bien.
 Supprimer un bien.

 Publication des biens :


 Consulter les biens
 Rechercher un bien en fonction de son revenu, sa zone et son type de bien.
 Avoir les différentes informations concernant un produit spécifique

6 Gérer les utilisateurs :


 Consulter les utilisateurs.
 Chercher à un utilisateur.
 Ajouter un utilisateur.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

 Modifier un utilisateur.
 Supprimer un utilisateur.

 Gérer les propriétaires :


 Consulter les propriétaires.
 Chercher à un propriétaire.
 Ajouter un propriétaire.
 Modifier un propriétaire.
 Supprimer un propriétaire.

b) Les besoins non-fonctionnels


Pour mettre en place une solution adéquate aux attentes des concepteurs des architectures
dynamiques, on doit prendre en considération les contraintes qui peut caractérisent ce
système. Mon application doit nécessairement assurer les besoins suivants :
 Les informations ne doivent pas être accessibles par tout le monde
(Authentification).
 L’application doit respecter les principes d’IHM.
 L’application doit être facile à utiliser.

c) Environnement et outils de développement

 Outils de développement :

Afin de réaliser a bien mon application web. Je me suis penché sur les langages suivant :
 HTML/CSS qui sont des langages de balisage qui sont simple à utiliser et pratique
pour le développement.
 PHP qui m’a permis de rendre mon site dynamique, non seulement mais aussi
d’interagir avec ma basse de donne. Afin de stoker toutes les informations
nécessaires à la publication des bien immobilier sur ma plateforme.
 Bootstrap est un Framework CSS. Un Framework correspond à un ensemble de
librairies regroupées dans un but précis et possédant des règles internes que doivent
suivre les utilisateurs.

7 En d’autres termes, et pour le dire très simplement, Bootstrap est un ensemble de


fichiers CSS et JavaScript fonctionnant ensemble et que j’ai utilisé pour créer des
design complexes de manière relativement simple.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

III. Réalisation de la plateforme

1. Création

a) Les acteurs
Un acteur représente un rôle joué par une personne qui interagit avec le système. Dans
l’application que je vais réaliser, il y a 2 acteurs :
 Internaute : a le droit de consulter les biens.
 Admin : C’est le gérant de l’application, il a une visibilité totale sur les bases de
données. Il a pour tâches de gérer tout le système.

b) Diagramme de cas d’utilisation


L’étude de cas d’utilisation a pour objectif de déterminer ce que chaque utilisateur attend du
système.

a. Cas d’utilisation général


Le digramme ci-dessous décrit les différents besoins et cas d’utilisation de l’application.

8
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

b. Authentification :
 Cas d’utilisation : Authentification

 Acteurs : admin.

 Description : Pour qu’un utilisateur accède à son espace, il faut au début s’authentifier en
donnant l’adresse email et le mot de passe.

c. Pour gérer les biens


 Cas d’utilisation : gérer les biens

 Acteurs : admin.

 Description : Le responsable a les privilèges de la gestion des biens. En d’autres termes, la


gestion des biens consiste d’ajouter, supprimer ou modifier un bien.

d. Gérer les utilisateurs


 Cas d’utilisation : gérer les utilisateurs et gérer les rôles

 Acteurs : Admin

 Description : L’admin peut Diagramme


saisie et enregistrer les informations
de cas d’utilisation général d’un nouvel utilisateur, et
de consulter la liste des utilisateurs aves la possibilité de modifier ou de supprimer un
utilisateur sélectionné. Comme je l’ai indiquée plus tôt l’admin a une vision globale sur le
système c’est à dire, il a toutes les permissions.

e. Gérer les propriétaires


 Cas d’utilisation : gérer les propriétaires des biens

 Acteurs : Admin

 Description : L’admin peut saisie et enregistrer les informations d’un nouveau propriétaire de bien,
9
et de consulter la liste des propriétaires aves la possibilité de modifier ou de supprimer un
propriétaire sélectionné.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

f. Visualisation des biens.


 Cas d’utilisation : Visualisations des biens

 Acteurs : Tous les utilisateurs du système.

 Description : les internautes peuvent visualiser les biens immobiliers et avoir les
informations sur le propriétaire du bien. Sur ce système les internautes peuvent faire des
recherches simple et efficace dans sa zone de leur choix et le type de bien souhaiter,
contacter l’admin pour réserver un bien ou pour devenir propriétaire.

g. Diagramme de classe
Le digramme de classes exprime de manière générale la structure statique d’un système, en
termes de classe et de relations entre ces classes. On peut dégager les principales classes
illustrées dans la figure ci-dessous pour avoir vue plus claire du système étudié.

10 Diagramme de classe
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

2. Développement
a) Cycle de développement :
C’est un ensemble structure d’activités nécessaires pour développer un logiciel. J’ai choisi de
travailler avec le processus de développement en Y qui est basé sur deux aspects :
fonctionnel et technique.

La branche gauche (fonctionnelle) comporte :


 La capture des besoins fonctionnels, qui produit un modèle des besoins focalisé sur le
métier des utilisateurs. Elle qualifie au plus tôt le risque de produire un système
inadapté aux utilisateurs. De son côté, la maîtrise d’œuvre consolide les

11 spécifications et en vérifie la cohérence et l’exhaustivité.


 L’analyse, qui consiste à étudier précisément la spécification fonctionnelle de
manière à obtenir une idée de ce que va réaliser le système en termes de métier. Les
résultats de l’analyse ne dépendent d’aucune technologie particulière.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

La branche droite (architecture technique) comporte :


 La capture des besoins techniques, qui recense toutes les contraintes et les choix
dimensionnant la conception du système. Les outils et les matériels sélectionnés ainsi
que la prise en compte de contraintes d’intégration avec l’existant Conditionnent
généralement des prérequis d’architecture technique.
 La conception générique, qui définit ensuite les composants nécessaires à la
construction de l’architecture technique. Cette conception est complètement
indépendante des aspects fonctionnels. Elle a pour objectif d’uniformiser et de
réutiliser les mêmes mécanismes pour tout un système. L’architecture technique
construit le squelette du système informatique et écarte la plupart des risques de
niveau technique. L’importance de sa réussite est telle qu’il est conseillé de réaliser
un prototype pour assurer sa validité.
La branche du milieu comporte :
 La conception préliminaire, qui représente une étape délicate, car elle intègre le
modèle d’analyse dans l’architecture technique de manière à tracer la cartographie
des composants du système à développer.
 La conception détaillée, qui étudie ensuite comment réaliser chaque composant.
 L’étape de codage, qui produit ces composants et teste au fur et à mesure les unités
de code réalisées.
 L’étape de recette, qui consiste enfin à valider les fonctions du système développé.

12
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

b) Diagramme de déploiement :

Diagramme de déploiement

Descriptions :
La réalisation d’une application de gestion immobilière, consiste à suivre des concepts et
respecter certain principe, chaque application web doit être sépare en couches :
Couche de présentation : Interface de la plateforme
Couche Database Interface : Interface Admin
Couche Log File : Exporter les éléments de la base de données.
Le diagramme ci-dessus présente la schématisation de composantes utilisées dans la
création de l’application :
Le serveur web (Filezilla) : c’est ou le système va être installe, le server contient un
interpréteur (HTML, CSS, JavaScript, PHP) qui va exécuter le code installé en

13 interrogeant un server de base de données.


Server de base de données (MySQL) : Le SGBD MySQL est supporté par un large
éventail d’outils il est surtout installé pour les applications web, et celui qui va
contenir la base de données du système. Pour ce faire nous avons utilisé cPanel qui
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

est un panneau de configuration fondé sur Linux conçu pour les hébergeurs
web.
PC ou Mobile client : qui contient un navigateur internet qui va se connecter
avec le serveur web via internet et par des requête http il va scruter le
système.

3. Publication des résultats obtenus.

Cette application est subdivisée en 2 sous application :


 Une application publique ou Front-end : cette application est destinée au grand
public ;
 Une application prive ou back-end : est destinée juste aux administrateurs du
système. Cette partie est sous forme d’une plateforme ou chaque administrateur a
un compte.
a) Application publique
Application publique contient :

 Une page d’accueil qui présente les informations générales de la plateforme.


 Les biens immobiliers récemment publies sur cette plateforme.
 Elle dispose d’une page blog
 Et d’une page contact.

14
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

15
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

16 Page de présentation des biens


Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Page du blog

17 Page de contact
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Cette partie en rouge vous permet d’acceder a page d’authentifation des administrateurs du
site.

Page d’authentification

b) Application prive :
Lorsqu’on accède à l’espace administrateur la première page qui s’affiche est fractionnée en
3 zones :
 Un en-tête qui permet d’accéder aux onglets de boite de réception, édition du
profile et de se déconnecter de la session.
 L’autre zone sur votre gauche vous permet d’accéder aux différents formulaires
permettant d’ajouter, modifie et supprimer (les utilisateurs, propriétaires et les
biens immobiliers).
 Et sur votre droit nous proposons les différents éléments interagissant avec notre
système.

18
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

19
Page d’administrateur
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

IV. Bilan

1. Traitement des résultats

20
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

2. Difficultés techniques
Au terme de la réalisation de mon projet je me suis confronté à plusieurs difficultés. Et la
plus complexe étais de faire passer la barre de recherche

Cette partie était dédié au visiteur qui aurons pus saisir leurs information et trouver la
maison

21
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

3. Apports personnels

22
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

CONCLUSION

En guise de conclusion, revenons à l’objectif du travail. Mon projet de fin d’études consistait
en l’étude, la conception et la réalisation d’une application de La gestion immobilière, en
passant par les différentes étapes du cycle du développement d’un projet depuis l’étude de
l’existant et la spécification des besoins, suivi de la modélisation du système suivant le
langage UML, au terme de son étude fonctionnelle, et enfin, la mise en exploitation et le
déploiement du système. L’expérience vécue durant ce projet était fort profitable, dans la
mesure où elle a permis de consolider mes acquis au sein de la FST notamment en matière
de développement informatique, On a eu ainsi l’opportunité de travailler dans un
environnement de très haut niveau et de développer mon relationnel au sein de l’organisme
d’accueil. On a pu également développer mes connaissances en manipulant des outils de
développement très complets, dotés de fonctionnalités puissantes et adaptés au travail de
groupe. Sur le plan personnel le stage de fin d’études m’a permis de voir une autre

23
dimension du métier de l’informaticien, celui de l’informaticien communicateur qui a pour
mission de comprendre un nouveau métier au point de pouvoir en exprimer les besoins et
les traduire techniquement pour les mettre en place par la suite.
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

ANNEXES

Les partie en rouge présente les zones critiques:

24
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Diagramme
Diagramme de de Perld’un internaute
cas d’utilisation

Diagramme de cas d’utilisation des

25
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

Diagramme de cas d’utilisation propriétaire

26
Diagramme de cas d’utilisation des biens
Conception d’une application de gestion immobilière | MBA ASSEKO Leprince

27

Vous aimerez peut-être aussi