Conception Et Developpement Web Immobilier PDF
Conception Et Developpement Web Immobilier PDF
Conception Et Developpement Web Immobilier PDF
gestion immobilière
Je dédie ce travail :
A ma mère, mon père, mes frères et à tous mes chers amis.
1
Remerciement
Avant de commencer la présentation de ce travail, je profite de
l’occasion pour remercier toutes les personnes qui ont contribué de
près ou de loin à la réalisation de ce projet de fin d’études.
Je remercie M. Alaeddine Wafik Chef de projet de l’entreprise TNC et
mon maître de stage, pour sa confiance et les connaissances qu’il a
su partager avec moi. Je le remercie aussi pour sa disponibilité et la
qualité de son encadrement en entreprise.
Je désire aussi remercier les professeurs de la Faculté des
sciences et technique de Fès, qui m’ont fourni les outils nécessaires
au bon déroulement de mon stage. Je tiens à remercier
spécialement M. Khalid Abbad, qui fut à me soutenir dans ma
démarche de stage.
Mboutayeb Saad
2
Résumé :
Dans le cadre de mon stage de formation à la Faculté des Sciences et
Technique, J’ai effectué mon stage au sein de The Next Click.
L’objectif principale de ce stage fut l’implémentation d’une application
web permet de faciliter les processus relatifs à la gestions immobiliers.
Pour l’implémentation du mon travail j’ai utilisé plusieurs technologies
en se basant sur Laravel, JQuery et Bootstrap qui sont des Framework
permettant de créer d’une manier efficace des application web.
Mots clés : immobilier, gestion, stage, Laravel, JQuery, Bootstrap
Abstract:
As part of my training course at the Faculty of Science and
Technology, I did my internship within The Next Click.
The main objective of this internship was the implementation of a
web application to facilitate the processes related to real estate
management.
For the implementation of my work I used several technologies based
on Laravel, jQuery and Bootstrap which are frameworks to create an
effective way of handling web applications.
Tags: real estate, management, internship, Laravel, jQuery, Bootstrap
3
Liste des abréviations
Abréviation Désignation
TNC The Next Click
4
Table des figures
Figure 1 : L’organigramme de TNC .................................................................................................... 12
Figure 2 : Les avantages de Web App ............................................................................................... 13
Figure 3 : le cycle de développement en Y ......................................................................................... 14
Figure 4 : Diagramme de Gantt ......................................................................................................... 15
Figure 5 : Diagramme de cas d’utilisation général .............................................................................. 20
Figure 6 : Diagramme de cas d’utilisation « authentification » .......................................................... 21
Figure 7 : Diagramme de cas d’utilisation « Responsable » ................................................................ 22
Figure 8 : Diagramme de cas d’utilisation « Commercial » ................................................................. 23
Figure 9 : Diagramme de cas d’utilisation « Centre d’appel » ............................................................. 24
Figure 10 : Diagramme de cas d’utilisation « Service Après-Vente » ................................................... 25
Figure 11 : Diagramme de cas d’utilisation « Administrateur » .......................................................... 26
Figure 12 : Diagramme de séquence « Authentification » .................................................................. 27
Figure 13 : Diagramme de séquence « Reset Password » ................................................................... 28
Figure 14 : Diagramme de séquence « Ajouter utilisateur » .............................................................. 29
Figure 15 : Diagramme de séquence « Modifier utilisateur » ............................................................. 30
Figure 16 : Diagramme de séquence « Supprimer utilisateur » .......................................................... 31
Figure 17 : Diagramme de séquence « Créer un rôle » ....................................................................... 32
Figure 18 : Diagramme de séquence « Modifier un rôle » .................................................................. 33
Figure 19 : Diagramme de séquence « supprimer un rôle » ................................................................ 34
Figure 20 : Diagramme de séquence « Ajouter un programme » ........................................................ 35
Figure 21 : Diagramme de séquence « Modifier un programme » ...................................................... 36
Figure 22 : Diagramme de séquence « Supprimer un programme ».................................................... 37
Figure 23 : Diagramme de séquence « Ajouter un projet » ................................................................. 38
Figure 24 : Diagramme de séquence « Modifier un projet » ............................................................... 39
Figure 25 : Diagramme de séquence « Supprimer un projet » ............................................................ 40
Figure 26 : Diagramme de séquence « Ajouter un bien » ................................................................... 41
Figure 27 : Diagramme de séquence « Modifier un bien ».................................................................. 42
Figure 28 : Diagramme de séquence « Supprimer un bien » ............................................................... 43
Figure 29 : Diagramme de séquence « exporter un fichier » ............................................................... 44
Figure 30 : Diagramme de séquence « Ajouter client(s) »................................................................... 46
Figure 31 : Diagramme de séquence « Modifier un client » ................................................................ 47
Figure 32 : Diagramme de séquence « Supprimer un client » ............................................................. 48
Figure 33 : Diagramme de séquence « Ajouter ou Modifier un achat » ............................................... 49
Figure 34 : Diagramme de séquence « Créer une réclamation » ......................................................... 50
5
Figure 35 : Diagramme de séquence « actualiser réclamation » ......................................................... 51
Figure 36 : Diagramme de Classes ..................................................................................................... 52
Figure 37 : L’architecture technique de l’application ......................................................................... 56
Figure 38 : Cycle d’une requête dans une application Laravel ............................................................ 57
Figure 39 : Interface d’authentification ............................................................................................ 59
Figure 40 : Interface d’authentification avec un message d’erreur .................................................... 59
Figure 41 : Interface d’envoyer le formulaire de la réinitialisation du mot de passe ............................ 60
Figure 42 : Interface d’envoyer Email avec Erreur ............................................................................. 60
Figure 43 : Page HTML consulter sur la boite des messages ............................................................... 61
Figure 44 : Interface du formulaire du changement du mot de passe ................................................ 61
Figure 45 : Le formulaire du changement du mot de passe en cas d’erreur ......................................... 62
Figure 46 : L’affichage des utilisateurs .............................................................................................. 62
Figure 47 : Exemple de la recherche .................................................................................................. 63
Figure 48 : Supprimer un utilisateur ................................................................................................ 63
Figure 49 : Le formulaire d’ajouter utilisateur ................................................................................... 64
Figure 50 : Le formulaire de création d’un rôle .................................................................................. 64
Figure 51 : L’affichage des rôles ........................................................................................................ 65
Figure 52 : L’affichage des programmes ............................................................................................ 66
Figure 53 : L’affichage des projets ..................................................................................................... 66
Figure 54 : Le formulaire d’ajouter un projet ..................................................................................... 67
Figure 55 : L’affichage des biens........................................................................................................ 67
Figure 56 : L’affichage des clients ...................................................................................................... 68
Figure 57 : Fichier Excel à importer ................................................................................................... 68
Figure 58 : résultat d’importer fichier................................................................................................ 69
Figure 59 : résultat d’exporter fichier ................................................................................................ 69
Figure 60 : Le fichier exportée ........................................................................................................... 69
Figure 61 : Ajouter un achat ............................................................................................................. 70
Figure 62 : Créer une réclamation .................................................................................................... 71
Figure 63 : Affichage des réclamations ............................................................................................. 72
Figure 64 : Actualiser l’état de réclamation ...................................................................................... 72
6
Table des matières
Dédicace ........................................................................................................................................................ 1
Remerciement .............................................................................................................................................. 2
Résume ......................................................................................................................................................... 3
Liste des abréviations ................................................................................................................................... 4
Table des figures ............................................................................................................................................ 5
Table des matières ......................................................................................................................................... 7
Introduction générale .................................................................................................................................... 9
Chapitre 1 : Contexte générale du projet .................................................................................................10
I. La présentation de l’organisme d’accueil .......................................................................................11
1.presentation générale ..................................................................................................................11
2.Les activité de TNC........................................................................................................................11
3. L’organigramme du TNC .............................................................................................................12
II. La présentation du projet ...............................................................................................................12
1. Sujet du projet .............................................................................................................................12
2. Etude de l’existant ......................................................................................................................13
3. Problématique ...........................................................................................................................13
4. solutions proposées ...................................................................................................................13
III. Conduite du projet .........................................................................................................................14
1. Cycle de développement .............................................................................................................14
2. Diagramme de Gantt théorique ..................................................................................................15
Chapitre 2 : Analyse et conception ............................................................................................................16
I. Analyse des besoins..........................................................................................................................17
1.les besoins fonctionnels ...............................................................................................................17
2.les besoins non-fonctionnels ........................................................................................................18
II. Conception .....................................................................................................................................19
1.Les acteurs ....................................................................................................................................19
2. Diagrammes de cas d’utilisation .................................................................................................20
a) Cas d’utilisation général ................................................................................................20
b) Diagramme de cas d’utilisation « Authentification » ..................................................21
c) Diagramme de cas d’utilisation du « Responsable » ....................................................21
d) Diagramme de cas d’utilisation du « Commercial » ....................................................23
e) Diagramme de cas d’utilisation du « Centre d’appel » ................................................24
f) Diagramme de cas d’utilisation du « Service Après-Vente » ........................................25
c) Diagramme de cas d’utilisation du « Administrateur » ...............................................26
7
2. Diagrammes de séquence ...........................................................................................................26
a) Diagramme de séquence « Authentification » ............................................................26
b) Diagramme de séquence « Reset Password » .............................................................27
c) Gestion d’utilisateurs ...................................................................................................29
d) Gestion des rôles .........................................................................................................32
e) Gestion des programmes ..............................................................................................35
f) Gestion des projets .......................................................................................................38
g) Gestion des biens .........................................................................................................41
h) Gestion des clients .......................................................................................................44
i) Créer une réclamation ....................................................................................................50
j) Actualiser une réclamation ..............................................................................................51
4. Digramme de classes ..................................................................................................................51
III. Environnement et outils de développement ...............................................................................53
1. Outils de développement ...........................................................................................................53
2.Environnement de développement .............................................................................................55
3.L’architecture technique de l’application ....................................................................................56
4.Le model MVC de Laravel ............................................................................................................56
Chapitre 3 : Réalisation .............................................................................................................................58
1. Authentification ..........................................................................................................................59
2.Réinitialiser le mot de passe ........................................................................................................60
3. Gestion des utilisateurs ..............................................................................................................62
4.Gestion des Rôle ...........................................................................................................................64
5.Gestion des programmes .............................................................................................................65
6.Gestion des projets .......................................................................................................................66
7.Gestion des biens .........................................................................................................................67
8.Gestion des clients........................................................................................................................68
9.Gestion des réclamations .............................................................................................................71
Conclusion générale ....................................................................................................................................73
Bibliographie ................................................................................................................................................74
Webographie ...............................................................................................................................................74
8
Introduction générale :
Afin d’achever notre formation en génie informatique au sein de la FST Fès, le projet de fin
d’études permet de s’immerger totalement dans les projets d’une entreprise, J’ai eu l’opportunité
de réaliser mon projet de fin d’étude au sein de l’entreprise TNC (The Next Click) pour découvrir
la vie professionnelle et utiliser mes capacités et les enrichir grâce à la communication avec des
experts en domaine de programmation
J’ai donc intégré dans cette entreprise pour réaliser un projet qui consiste à développer une
application web pour la gestion immobilière. Qui contient plusieurs fonctionnalités qu’on les
présentera dans la suite.
Ce rapport décrit les différentes phases de la réalisation de ce projet en trois principaux chapitres :
9
Chapitre 1 :
Contexte générale du projet
10
I. La présentation de l’organisme d’accueil
1. Présentation générale :
The Next Click est une agence digitale intégrée qui propose une large palette de prestations
répondant à l’ensemble des défis en ligne. L’entreprise compte actuellement une quarantaine de
collaborateurs formant 5 équipes : le Project management, l’équipe studio & créas, le
développement web, le Community management/contenu et le département Médias (e-pub).
Depuis 2010, TNC accompagne avec succès de prestigieux annonceurs dans la mise en place et
déploiement de leurs stratégies digitales.
The Next Click est propulsé par une équipe de plus de 30 experts et compte dans son
portefeuille plus de 40 annonceurs.
Performance web/media :
TNC – The Next Click dispose d’une cellule fortement orientée “Performance” qui est
exclusivement dédiée à la problématique media planning internet.
TNC – The Next Click offre une expertise pointue dans le développement d’applications
pour le web.
TNC – The Next Click offre une expertise pointue dans le développement d’applications
pour réseaux et médias sociaux.
Copywritting :
Créer le bon contenu en français ou en arabe, à la fois optimiser pour le web, adapte à la
cible et SEO friendly.
Studio Design :
TNC – The Next Click met à la disposition une équipe artistique dédiée au développement
de contenus interactifs et multimédia.
11
3. L’organigramme du TNC
TNC est organisé comme suite :
Direction Generale
Responsable
de production
Departement
Departement Departement Departement de
Community
Design Media developpement
Manager
Gestionnaires
Designers Managers Developpeurs
des medias
2. Etude de l’existant :
Comme toutes les applications on peut distinguer entre deux types de complexités :
12
Parmi les applications de la gestion immobilière qui je les ai trouvé, elle se base sur des
applications desktop qui n’offre pas les avantages proposés par les applications Web, ces
avantages sont décrits dans le figure ci-dessous.
3. Problématique :
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.
Lorsqu’un relancement des prospects, des clients ou récupérer le dossier client que
gérait par un autre employe, on n’a accès à aucun suivi client. Donc c’est une mauvaise
connaissance du client.
L’insécurité des informations.
Après l’achat il n’y a plus de connexion entre le client et la société.
Compte tenu de la période limitée du stage et les problèmes mentionnés, j’ai accepté de réaliser
un application web de gestion immobilière, cette application permettra :
13
III. Conduite du projet :
1. 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 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 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.
– 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.
14
– 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 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.
– 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é.
La planification du projet consiste à prévoir le déroulement des taches tout au long des phases
constituant le cycle de développement.
15
Chapitre 2 :
Analyse et conception
16
I. Analyse des besoins
Les besoins fonctionnels sont les besoins spécifiant un comportement d’entrée/sortie du système,
l’application doit permettre de :
17
Ajouter un programme.
Modifier un programme.
Supprimer un programme.
Afficher la liste des projets d’un programme
Ajouter un projet à un programme.
Gérer les données relatives aux clients.
Gestion des clients :
Consulter les clients simplement
Consulter les clients sous forme un fichier EXCEL (csv ou xlsx)
Ajouter un client.
Ajouter des clients à l’aide d’un fichier EXCEL (csv ou xlsx)
Modifier un client
Supprimer un client
Gérer les réclamations des clients :
Recevoir une réclamation :
Chercher le client par son identifiant (CIN)
Chercher le bien de ce client
Créer la réclamation
Traitement de la réclamation
Actualiser l’état de réclamation
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.
Les informations ne doivent pas être accessibles par tout le monde (Authentification).
Chaque utilisateur ne doit pas accéder vers services s’il n’a pas les permissions de ces
services.
L’application doit respecter les principes d’IHM.
L’application doit être facile à utiliser.
18
II. Conception :
1. Les acteurs :
Un acteur représente un rôle joué par une personne qui interagit avec le système.
Responsable : a le droit de consulter, modifier ou supprimer les biens, les projets et les
programmes immobiliers.
Commercial : le rôle de cet acteur est de gérer les informations des clients et leurs achats.
Call Center (Centre d’appel) : son rôle consiste à recevoir les réclamations des anciens
clients.
SAV (Service Apres Vente) : il a pour rôle de traiter les réclamations des clients.
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. En plus, il a la mission de la gestion des
utilisateurs.
19
2. Diagrammes de cas d’utilisation
L’étude de cas d’utilisation a pour objectif de déterminer ce que chaque utilisateur attend du
système.
20
b. Authentification :
c. Pour le responsable :
Cas d’utilisation : gérer les biens, gérer les projets, gérer les programmes
Acteurs : Responsable
Description :
Le responsable a les privilèges de la gestion des biens, les projets et les programmes.
- La gestion des programmes consiste d’ajouter, modifier ou supprimer un programme
et on peut faire à chaque programme la gestion de ses projets.
21
- La gestion des projets l’utilisateur peut ajouter un nouveau projet, de modifier,
supprimer ce projet ou bien de consulter la liste des biens de ce projet.
- La gestion des biens consiste d’ajouter, supprimer ou modifier un utilisateur.
22
d. Le cas d’utilisation du Commercial :
Cas d’utilisation : gérer les clients
Acteurs : Commercial
Description :
Le commercial est le gérant des clients, il peut ajouter un client ou plusieurs en en utilisant
un fichier Excel (csv ou xlsx) contenant les informations des clients (CIN, nom, prénom,
email …), il peut consulter la liste des clients sur l’interface de l’application ou sous forme
d’un fichier Excel, en attente de remplir les informations d’achat ou de les modifier si elles
déjà remplies, le responsable a le rôle de modifier ou supprimer un client sélectionné.
23
e. Cas d’utilisation du Call Center (Centre d’appel) :
L’employée du centre d’appel peut créer une réclamation d’un client cette processus
nécessite la recherche du client réclamant, on peut avoir un client lié aux plusieurs biens,
dans ce cas l’utilisateur doit chercher le bien concerné par la réclamation.
24
f. Cas d’utilisation du SAV (Service Après-Vente) :
Cas d’utilisation : gérer Traitement des réclamations
Acteurs : Service Apres Vente
Description :
Le technicien de service après-vente consulte les réclamations qui sont déjà
créées, en attente d’actualiser l’état de chaque réclamation.
25
Figure 11 : Diagramme de cas d’utilisation « Service Après-vente »
3. Diagrammes de séquence :
Les diagrammes de séquences sont la représentation graphique des interactions entre les acteurs
et le système selon un ordre chronologique
a. Authentification :
Pour accéder à l’application, l’utilisateur doit s’authentifier par son adresse email et son mot de
passe, S’il n’y a aucun problème donc il y aura l’accès au système, sinon l’application affiche un
message d’erreur.
26
Figure 12 : Diagramme de séquence « Authentification »
Le diagramme présenté dans la figure ci-dessous est inspiré par le scénario suivant :
Si l’utilisateur oublie son mot de passe l’application lui offert la possibilité de récupérer (changer)
le mot de passe, lorsque l’utilisateur demande de changer son mot de passe le système lui afficher
une page où il doit saisie son adresse email utilisée pour l’authentification, si cette adresse est
n’est pas trouvée dans la base de données le système affiche un message d’erreur, sinon il envoie
la page de changer du mot de passe à l’adresse email saisie.
27
Figure 13 : Diagramme de séquence « Reset Password »
28
c. Gestion des utilisateurs
i. Ajouter utilisateur :
Le système vérifie ces informations et d’afficher des messages indiquant le champs erroné.si il n’y
a aucun problème l’application charge la liste des utilisateurs avec un message de succès.
29
ii. Modifier l’utilisateur :
C’est le même principe que l’ajout d’un utilisateur, lorsque l’admin demande la modification d’un
utilisateur de la liste, une page de modification sera affichée, en suit, il saisit les données
demandées par le formulaire, si ces informations sont non-validées, des messages d’erreurs
serons affichées, si non le système charge la page de la consultation des utilisateurs avec un
message de succès.
30
iii. Supprimer utilisateur :
Lorsque l’admin choisit un utilisateur à supprimer, le système génère une boite de dialogue pour
confirmer la suppression de cet utilisateur, s’il est sur alors le système supprime cet utilisateur est
affiche un message informe que la suppression est réalisée avec succès.
31
d. Gestion des rôles :
i. Créer un rôle :
La création d’un rôle consiste de saisir les données nécessaires à ce rôle et de l’attribuer les
sont pas valides l’application affiche des messages sous les champs erronés, si non elle charge
32
ii. Modifier un rôle :
33
iii. Supprimer Rôle :
Lorsque l’admin choisit un rôle à supprimer, le système génère une boite de dialogue pour
confirmer la suppression de ce rôle, si l’admin est sûr du ce processus, le système supprime ce
rôle est affiche un message informe que la suppression a été réalisée avec succès.
34
e. Gestion des programmes :
i. Ajouter un programme :
Le responsable saisit les données requise l’application vérifier ces données si elles sont non
valides l’application affiche des messages indiquent les champs erronés.
35
ii. Modifier un programme :
36
iii. Supprimer un programme :
Lorsque l’utilisateur choisit un programme à supprimer, le système génère une boite de dialogue
pour confirmer la suppression de ce rôle, s’il est sûr de ce processus alors le système supprime
ce programme est affiche un message informe que la suppression a été bien réalisée.
37
f. Gestion des projets :
i. Ajouter un projet :
Le responsable saisit les données requise l’application vérifier ces données si elles sont non
validées l’application affiche des messages indiquent les erreurs si non elle insère le projet dans
la base des données et charge la page de consultation des données avec un message de succès.
38
ii. Modifier un projet :
39
iii. Supprimer un projet :
40
g. Gestion des biens :
i. Ajouter un bien :
Le responsable saisit les données requise et l’application vérifier ces données si elles sont
non validées l’application affiche des messages indiquent les erreurs si non elle insère les données
du bien dans la base des données et charge la page de consultation des données avec un message
de succès.
41
ii. Modifier un bien :
42
iii. Supprimer un bien :
Lorsque l’utilisateur choisit un bien à supprimer, le système génère une boite de dialogue
pour confirmer la suppression de ce rôle, s’il est sûr du processus alors le système supprime
ce programme est affiche un message informe que la suppression est bien réalisée
43
h. Gestion des clients :
En premier le commercial choisie l’extension du fichier qui va télécharger et il fait l’ordre d’exporter
ce fichier, l’application est chargée d’extraire les clients de base de données et les mettre dans un
fichier Excel du type sélectionné par l’utilisateur.
44
ii. Ajouter un ou plusieurs clients :
L’ajout simple :
des informations remplies, s’il n’y a aucun problème un message de succès sera affichée
dans la page de la liste des clients, sinon l’application indique à l’utilisateur les erreurs
commises.
L’ajout multiple :
Il est possible d’ajouter plusieurs clients au même temps en utilisant un fichier contenant
L’utilisateur choisie un fichier Excel du type CSV ou XLSX, en suit il commande pour
importer ce fichier, le système commence à insérer les données ligne par ligne, s’il y a un
45
Figure 30 : Diagramme de séquence « Ajouter client(s) »
46
iii. Modifier un client :
47
iv. Supprimer Client (s) :
48
v. Ajouter ou Modifier achat :
Le commercial doit relier chaque client avec un bien qu’il l’a acheté.
49
i. Créer une réclamation :
50
j. Actualiser une réclamation
4. Diagramme de classes :
On peut dégager les principales classes illustrées dans la figure ci-dessous pour avoir vue plus
claire du système étudié.
51
Figure 36 : Diagramme de Classes
52
III. Environnement et outils de développement :
1. Outils de développement :
L'HTML est un langage informatique utilisé sur l'internet. Ce langage est utilisé
pour créer des pages web. L'acronyme signifie HyperText Markup Language,
ce qui signifie en français "langage de balisage d'hypertexte". Cette
signification porte bien son nom puisqu'effectivement ce langage permet de
réaliser de l'hypertexte à base d'une structure de balisage.
Le terme CSS est l'acronyme anglais de Cascading Style Sheets qui peut se
traduire par "feuilles de style en cascade". Le CSS est un langage informatique
utilisé sur l'internet pour mettre en forme les fichiers HTML ou XML. Ainsi, les
feuilles de style, aussi appelé les fichiers CSS, comprennent du code qui permet
de gérer le design d'une page en HTML.
Lorsqu'une page PHP est exécutée par le serveur, alors celui-ci renvois généralement au client
(aux visiteurs du site) une page web qui peut contenir du HTML, XHTML, CSS, JavaScript ...
L'une des choses primordiales à savoir est de bien se rendre compte que le JavaScript n'a aucun
rapport avec le Java qui est un autre langage informatique.
53
JQuery est un Framework Javascript sous licence libre qui permet de
faciliter des fonctionnalités communes de Javascript.
Laravel est un Framework PHP qui été créé par Taylor Otwel, qui
initie alors une nouvelle façon de concevoir un Framework en
utilisant ce qui existe de mieux pour chaque fonctionnalité. Il a été,
en ce sens, construit en se basant sur Symfony, un autre
Framework PHP reconnu mondialement pour sa robustesse. De fait,
il embarque des briques logiciel testés et approuvés par une grande
communauté permettant d’améliorer la rapidité des développements
et de la robustesse de l’application.
54
2. Environnement de développement :
- Environnement Logiciel :
XAMPP est un ensemble de logiciels permettant de facilement, créer une interface web
interagissant avec une base de données SQL.
55
- Environnement Matériel :
Le projet est composé d’un serveur d’application qui héberge le serveur Internet Apache capable
d’exploiter le langage de programmation PHP et un serveur de données qui héberge le système
de gestion de base données MySQL et en fin le ou les postes client qui exploite l’application au
travers le navigateur Web.
Une vue (présentation, interface utilisateur) et un contrôleur (logique de contrôle, gestion des
événements, synchronisation), chacun ayant un rôle précis dans l'interface.
Les applications Laravel suivent le modèle MVC, De plus des routes qui sont utilisées pour
mapper les URL aux actions de contrôleur désignées, comme indiqué ci-dessous :
56
Figure 38 : Cycle d’une requête dans une application Laravel
57
Chapitre 3 : Réalisation
58
I. Réalisation :
1. Authentification :
L’interface ci-dessus permet à l’utilisateur de s’authentifier, il doit saisie son adresse email et son
mot de passe. En cas d’erreur un message sera affiché :
59
2. Réinitialiser le mot de passe
Si l’utilisateur oublie son mot de passe il demande de le réinitialiser, donc il clique sur la phrase
« Mot de passe oublié ? », et la page ci-dessous sera affichée :
Si l’utilisateur saisit une adresse email non-valide (n’existe pas dans la base de données) le
système affiche un message d’erreur :
60
Si non, le système envoie la page ci-dessous à l’adresse email
Pour accéder au formulaire du changement du mot de passe, l’utilisateur doit cliquer sur le
Button « Reset Password » ou bien sur l’URL apparait au bas de la page, pour obtenir le
formulaire du changement du mot de passe :
61
Si l’utilisateur fait une erreur, un message sera affiché :
62
On peut aussi de rechercher à un utilisateur par un de ses informations :
b. Supprimer un utilisateur :
Si l’admin décide de supprimer un utilisateur l’application affiche une alerte pour confirmer la
suppression.
63
c. Ajouter un utilisateur :
a) Créer un rôle :
64
b) Liste des rôles :
Si le rôle est bien créé l’application affiche la liste des rôles avec un message de succès, cette
page offre à l’utilisateur de modifier, supprimer ou afficher les permissions d’un rôle.
65
L’application offre à l’utilisateur d’ajouter, modifier ou supprimer un programme, et d’afficher les
projets du programme.
66
b. Ajouter un projet :
L’ajout d’un projet nécessite la saisie des informations du projet, et de préciser auquel
programme il l’appartient.
67
8. Gestion des clients :
a. Liste des clients :
b. Importer un fichier :
On peut importer un fichier contient les informations sur les clients, ce fichier doit être du type
XLSX ou CSV, on utilise dans l’exemple un fichier Excel avec extension XLSX.
Et puis
L’application est chargée de stocker les informations dans la base de données et de faire un
contrôle sur la validité des données.
A la fin de l’importation du fichier, s’il y a une erreur, l’application le localisera, comme le montre
l’interface suivant ci-dessous :
68
Figure 58 : résultat d’importer fichier
c. Exporter un fichier :
Pour exporter un fichier Excel, on fait choisir le type du fichier (csv ou xlsx) et on doit cliquer sur
« Export ».
69
d. Ajouter ou modifier un achat :
Dans la liste des clients il y a une colonne qui peut contenir une petite icone
- Si le client a été déjà acheté un bien, l’utilisateur peut modifier cet achat.
- Si non l’utilisateur ajoute l’achat.
70
9. Gestion des réclamations :
a. Créer une réclamation :
Si ce client est lié à plusieurs biens l’utilisateur doit sélectionner un de ces biens.
71
b. Liste des réclamations :
Le technicien du service Après-vente peut afficher la liste des réclamations, avec la possibilité
d’actualiser l’état de chaque réclamation de cette liste.
72
Conclusion générale
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 stage é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.
73
Bibliographie:
Object-Oriented Programming with PHP5: Learn to leverage PHP5's OOP
features to write manageable applications with ease
Auteur(s): Hasin Hayder
JavaScript Bible
Auteur(s) : Danny Goodman
Webographie:
https://laravel.com/
https://laracasts.com/
https://stackoverflow.com/
http://php.net/
https://www.w3schools.com/
https://developer.mozilla.org/fr/
https://www.coursera.org/learn/
https://github.com/
74