Vous êtes sur la page 1sur 48

‫ـــــــ‬ ‫اط ـــــــــ ا‬ ‫ر ــــــــــــــــــــــ ا ا ـــــــــــ ا‬ ‫ا‬

‫وزارة ا ـــــــــــ ا ـــــــــــ وا ـــــــــ ا ـــــــ‬


‫) ( ف‬ # $ %& ‫م وا‬ ‫ وھ ان‬# $
,‫م ا‬-.,‫ ا ( ت وا‬+
République Algérienne Démocratique et Populaire
Ministère de l’Enseignement Supérieur Et de la Recherche Scientifique
Université des Sciences et de la Technologie d’Oran Mohamed BOUDIAF
Faculté des Mathématiques et Informatique

Département : Informatique

Site web pour la recherche des


Mémoire de fin d’études professionnels

Pour l’obtention du diplôme


de Licence

Domaine : Mathématiques – Informatique


Filière : Informatique.
Spécialité : Systèmes Informatiques

Présenté le :
Par :
-Bahlat mohamed reda Jury Nom et Prénom Grade Université
-Mohammedi Seif Eddine
Examinateur Mr Tlemsani Reduane mcb U.S.T.O

Encadrant Mr Guelta Bouchiba mcb U.S.T.O

2019/2020
Dédicaces……………………………………………………………………………………………………….…5
Introduction générale……………………………………………………………………………………………….6

Problématique et objectifs………………………………………………………………………………………..6

Problématique………………………………………………………………………………………………………….6

L’objectif du projet…………………………………………………………………………………………………..6

CHAPITRE I : Conception

I- Etude Théorique
Introduction……………………………………………………………………………………………………………..8

1 – Profession……………………………………………………………………………………………………………8

1.1- Définition d'une profession…………………………………………………………………………..8

1.2- Type de Profession……………………………………………………………………………………….8

2- Professionnel………………………………………………………………………………………………………..8

2.1- Définition d'un professionnel………………………………………………………………………..8

2.2-Filtration des professionnels …………………………………………………………………………9

2.3- Notation du professionnel…………………………………………………………………………….9

3- Annonce……………………………………………………………………………………………………………….9

3.1- Définition d'une annonce……………………………………………………………………………..9

4- L'offre de service………………………………………………………………………………………………….9

4.1- Définition de l'offre de service …………………………………………………………………….9

5.L'étude des sites web et des professions……………………………………………………………..10

5.1- Les sites au niveau international…………………………………………………………………10

5.1.1- www.Doyouno.com..............................................................................10

5.1.1.1- Points forts de DOYOUNO…………………………………………………….11

5.1.1.2- Points faibles de DOYOUNO…………………………………………………11

5.1.2- www.HomeAdvisor.com........................................................................11

5.1.2.1- Points forts de HomeAdvisor…………………………………………………………………12

1
5.1.2.2- Points faible de HomeAdvisor…………………………………………………….……………12

Conclusion………………………………………………………………………………………………………………13

CHAPITRE II- Conception


Introduction ................................................................................................................15

1-Choix de l'outil de conception……………………………………………………………………….…….15

2.1 UML c’est quoi ? ……………………………………………………………………………………………...15

2. 1.1- Définition UML…..…………………………………………………………………………………….15

2.2- Dictionnaire de données …………………………………………..…………………………………….16

3- Diagramme de cas d'utilisation……………………………………………………………………………17

3.1- Définition…………………………………………………………………………………………………….17

3.2- Les éléments d'un diagramme des cas d'utilisation……………………………………..17

3.2.1- Acteur………………………………………………………………………………………………..17

3.2.2- Les cas d'utilisation…………………………………………………………………………….17

3.3- Relation entre acteurs et cas d'utilisation…………………………………………………….18

3.3.1- La relation d'association……………………………………………………………………..18

3.4- Les relations entre cas d'utilisation………………………………………………………………18

3.4.1- Relation d'inclusion …………………………………………………………………………….18

3.4.2- Relation d'extension……………………………………………………………………………18

3.4.3- Relation de généralisation……………………………………………………………………19

3.5- Description textuelle des cas d’utilisations …………………………………………………….19

3.6.1- Diagramme de cas d'utilisation Général……………………………………………………20

3.6..2-Description textuelle d’inscription ………………………..………………………………….21

3.6..3-Description textuelle d’authentification………………..………………………………….21

3.7.1-Diagramme du cas d’utilisation de l’administrateur……………………………………..22

3.7.2- Description textuelle de la Gestion des annonces publiées par les


professionnels ……………………………………………………………………………………………………..23

2
3.7.3-Description textuelle de la consultation de la liste des comptes
signalés……………………………………………………………………………………………………………………24

3.8.1-Diagramme du cas d’utilisation de chercheur………………………………………….…….25

3.8.2-Description textuelle de la recherche d’un professionnel………………..…………….26

3.9 1-Diagramme du cas d’utilisation de professionnel……………………………………………27

3.9.2-Description textuelle de cas d’utilisation Déposé une annonce……………………..28

4-Diagramme de classe…………………………………………………………………………………………..28

4.1- Définition …………………………………………………………………………………………………….28

4.2- Représentation d'une classe………………………………………………………………………..28

4.3- Relation entre les classes……………………………………………………………………………..29

Relation entre les classe………………………………………………………………………………30

5- Diagramme de séquence……………………………………………………………………….…………..31

5.1-Définition de diagramme de séquence…………………………….……………………………31

5.2-Role diagramme de séquence……………….………………………………………………………31

Les diagrammes de séquences associée a notre système……………………………….………32

Diagramme de séquence associé a l’inscription……………………………………………………..33

Diagramme de séquence associé a déposer une annonce………………………………………34

Diagramme de séquence associé a la recherhce d’une une annonce …………………….35

Conclusion…………………………………………………………………………………..............................36

III- Implémentation
Introduction……………………………………………………………………………………………………………38

1.-Languages et outils de développement……………………………………………………………38

1.1-Outils de modélisation UML……………………..…………………………………………………..38

1.2-Les langages de développement...………………………………………………………………...38

1.3-Plateforme développement……..……………………………………………………………………39

1.4-Les Framework utilisé…………………………………………………….……………………………..40

1.5-Editeur de texte…………………………………………………………………………………………….40

3
Page web d’une inscription pour un utilisateur……………………………………………………41

Page web d’une inscription pour un professionnel……………………………………………...41

Page web d’une connexion pour un utilisateur……………………………………………………42

Page web pour une recherche d’un professionnel……………………………………………….42

Page web pour une ajout d’une annonce…………………………………………………………….43

Conclusion générale……………………………………………………………………………………………..44

Bibliographie…………………………………………………………………………………………………………..45

Liste des abréviations …………………………………………………………………………………………….46

Résumé………………………………………………………………………………………………….……………….47

4
Dédicaces
Je dédie ce travail a :
A mes chers parents
Qui m'ont beaucoup soutenu, encouragé et qui
ont fait de moi ce que je suis aujourd'hui. Aucune
dédicace ne puisse exprimer ce que je leur dois.
Que dieu préserve leur bonne santé, et leur offre
une longue vie.

A tous mes amis et mes collègues.

Introduction générale :

5
Problématique et objectifs :
Dans cette section nous procédons a préciser les problèmes accompagnés de
quelque solutions en tenant compte des objectifs et des besoins du site de
recherche des professionnels.

Problématique :
Le problème majeur qui nous a incité a la réalisation de ce site web de recherche des
professionnels est l’inexistence de ce genre de sites web et d’application spécialisé
en la recherche des professionnels en Algérie, poussant les chercheurs et les
professionnels a utiliser les outils manuels (impression et distribution des flyers
publicitaire, questionner les gens pour trouver un professionnel etc.) engendrant
quelques difficulté a savoir :

• Les outils manuels ne permettent pas une recherche rapide et efficace.


• La publication d’une offre demande des frais à l’organisme formateur.
• L’utilisation des outils traditionnels on peut tomber sur des arnaqueurs.

A fin de résoudre ces problèmes, nous proposons de développer un site web


permettant d’atteindre les objectifs présentés dans les points suivants.

L’objectif du Projet :
L’objectif du futur système est de mettre en œuvre une plateforme permettant
d’obtenir une formation qui est en accord avec les compétences et les motivations
du chercheur.

Prenant particulièrement en compte les points suivants :

• Automatisations de la recherche des professionnels.


• Automatisation de la publication des offres.
• Diminuer le temps de recherche d’une offre.
• Gains en couts (la publication d’une offre est gratuite).
• Eviter les arnaqueurs grâce aux avis et aux commentaires des clien

6
Chapitre Ӏ : Etude
Théorique

7
Introduction :
La mise en place de chaque système nécessite impérativement de passer par
l’étape de l’étude théorique. Celle-ci permet de comprendre le fonctionnement des
systèmes actuels existants et identifier leurs besoins et leurs faiblesses.

1- Profession :

1.1- Définition :
La profession est une notion juridique susceptible de deux approches, l'une
individuelle, l'autre collective. Au plan individuel, elle désigne une activité qui
présente certains caractères d'habitude, d'extériorisation et de rétribution ayant
pour principal effet de déterminer l'aptitude de celui qui l'exerce a jouer un rôle dans
la société et de constituer pour lui un véritable mode d'existence. La profession
désigne donc une activité originale, en raison des actes accomplis et de sa nature.

Source :(Denis Lochouarn, La Profession, approche juridique de la notion, thèse de


doctorat en droit privé, Lyon III, 1998.)

1.2- Type de Profession :


Il existe plusieurs type de profession, on a traité certain domaines comme :

- Maison et travail : est constitué de d’électricien, peintre,


plombier etc.…
- informatique et mobile :
Tout ce qui concerne la réparation et la maintenance des
appareils informatiques tel que les ordinateurs, les téléphones
mobiles etc..
- Médical : Cela concerne tout ce qui est en relation avec ce
dernier (ex : Dentiste et cabinet médical).
- Décoration : tout ce qui est travaux artisanaux et décoration
moderne.

2- Professionnel :

2.1- Définition :
Personne qui exerce un métier, une profession. Travailleur agricole, intellectuel,
scientifique.(Say, Écon. pol., 1832)

8
2.2- Classification des professionnels :
- Expérience

- Distance

- Pertinence (les commentaires et les avis)

2.3- Notation du professionnel :

Le professionnel est noté par l’utilisateur

Selon :
➢ Efficacité
➢ Sympathie
➢ Qualité/prix
➢ ponctualité

3- Annonce :

3.1- Définition :
Avis par lequel on fait parvenir une chose à la connaissance du public. Annonce
d'une publication. Faire une annonce.

(https://dicocitations.lemonde.fr/definition_littre/33904/Annonce.php)

4- L’offre de service :

4.1- Définition
C’est une annonce publiée par un professionnel proposant un service spécifique, qui
peut être représenté pas le biais de plusieurs médias.

La structure d’une offre de service est comme suit :

Eléments Explication
Nom Le nom du professionnel
Prénom Le prénom du professionnel
Profession La spécialité du pro
Expérience La durée de travail consacré pour la pratique dans son
domaine
Adresse L’adresse du professionnel
Professionnel
Déplacement a Les lieux ou les wilayas ou il peut se déplacer

9
Domicile
Téléphone Le numéro du professionnel
E- mail L’adresse e-mail du professionnel
Infos Les infos qu’il veut ajouter à son CV
supplémentaires

TABLE 1.1- La structure d’une offre de service

5- L’étude des sites web de profession :

5.1- Les sites au niveau international :

5.1.1- www.Doyouno.com :
DOYOUNO est un site web français qui permet trouver rapidement et gratuitement
les meilleurs professionnels à coté de chez vous grâce aux avis sécurisés de la
communauté, les avis sont vérifiés.

Vous pouvez choisir les meilleurs pros de votre ville en comparant les notes et avis
de la communauté, chaque utilisateur peut partager ses bonnes et mauvaises
expériences.

FIGURE 1.1 – site web DOYOUNO.com

10
5.1.1.1- Points forts de DOYOUNO :

• faciliter d’apprentissage et d’utilisation.


• DOYOUNO est gratuit pour les utilisateurs et les professionnels.
• DOYOUNO propose un service express pour les cas d’urgence

5.1.1.2- Points faibles de DOYOUNO :

• DOUYOUNO ne contient pas beaucoup de profession. *

5.1.2- www.HomeAdvisor.com :
HomeAdvisor est un site web américain qui connecte les propriétaires avec
des professionnels des services présélectionnés et locaux pour mener à bien des
projets de rénovation, d'entretien et de rénovation domiciliaires.
HomeAdvisor propose également aux propriétaires de maison des ressources de
planification de projet d'amélioration de l'habitat, qui permet aux clients de
visualiser les coûts moyens d'un projet. HomeAdvisor est une ressource gratuite
pour les propriétaires et un réseau payant pour les professionnels du service.
Selon la société, les professionnels inscrits sur le réseau HomeAdvisor sont
présélectionnés et doivent réussir les vérifications des antécédents criminels et
financiers.
Le siège principal de HomeAdvisor est situé à Golden, dans le Colorado.

FIGURE 1.1 – site web HomeAdvisor.com

11
5.1.2.1- Points forts de HomeAdvisor :

• Un lien pour estimer les couts des travaux.


• Instant Connecté, un service où un spécialiste ( HomeAdvisor contacte les
propriétaires par téléphone une a deux minute).
• Le service Jour même permet aux propriétaires de prendre immédiatement
rendez-vous pour terminer leur projet de maison le même jour.

5.1.2.2- Points faible de HomeAdvisor :

• Les problèmes de sécurité des données en raison de son utilisation des


pratiques de l’industrie de la rénovation résidentielle
• un réseau payant pour les professionnels du service.

12
Conclusion :

Ce chapitre nous a permis de prendre connaissance des différents aspects d’une

profession, ce qui va nous aider à définir la structure du système à mettre en place.

13
Chapitre ӀӀ : Conception

14
Introduction :
Nous présentons dans cette étape la phase d’analyse qui s’appuie sur le langage de
modélisation UML.

Nous commençons par présenter les besoins du système, les besoins fonctionnels et
non fonctionnels, les différentes fonctionnalités et exigence auxquelles le système
doit répondre sous forme de diagramme des cas d’utilisation, des séquences et
d’activités

1- Choix de l’outil de conception :


Il existe plusieurs outils pour la conception et la modélisation, parmi lesquels nous
avons choisir UML (Unified modeling Langage) comme langage de modélisation.

2.1- UML c’est quoi ?

2.1.1- Définition UML :


UML n'est pas une méthode. Elle formalise en fait, un ensemble de concepts et de
diagrammes pouvant être utilisés durant toutes les phases d'analyse du cycle de vie
du logiciel (définition des besoins, spécification, conception générale et conception
détaillée).

Elle permet de représenter le système à analyser sous forme d'un ou plusieurs


modèles permettant de se focaliser sur un aspect particulier du développement
parmi lesquels:

1. Le modèle des cas d'utilisation qui décrit les besoins des utilisateurs,

2. Le modèle des classes qui définit l'architecture du système,

3. Le modèle des états qui se focalise sur le comportement dynamique,

Chaque modèle peut être étudié grâce à plusieurs diagrammes tels que:

1. Les diagrammes des cas d'utilisation

2. Les diagrammes de classes

3. Les diagrammes de séquence

[ https://docs.google.com/viewer?url=https://www.bestcours.com/pdf/0085-cours-
uml.pdf ]

15
2.2- Dictionnaire de données :
C’est un document qui permet de recenser, de classer et de trier toutes les
informations (les données) collectées lors de l’étude des documents nécessaire pour
la construction de notre base de données ainsi que le diagramme de classe de notre
application tel que typage de données est :

A : alphabétique

N : numérique

AN : alphanumérique

D : Date.

Notre dictionnaire de données contient ce qui suit :

Désignation Codification type Taille Observation


Identificateur du membre Id_m AN 50
E-mail du membre E-mail_m AN 50
Mot de passe du membre Mdp_m AN 30
Nom du membre Nom_m A 30
Prénom du membre Prénom_m A 30
Adresse du membre Adresse_m AN 80
N°téléphone du membre Tél_m N 10
Date de naissance du ddn_m D 08 jj/mm/aaaa
membre
Description du Description_p AN 500
professionnel
Site web du professionnel Site_web_p AN 50
Code postal du Cod_ postal_p N 10
professionnel
Nom du domaine Nom_dom A 20
Type du domaine Type_dom A 20
Numéro du compte Num_compt N 07
Identifiant de Id_ad AN 50
l’administrateur
E-mail de l’administrateur E-mail_ad AN 50
Mot de passe de Mdp_ad AN 30
l’administrateur
Numéro de l’annone Num_annonce N 07
Numéro du visiteur Num_visiteur N 10
Date du dépôt de l’annonce Date_dépot_a D 08 jj/mm/aaaa
TABLE 2.1- Dictionnaire de données

16
3- Diagramme de cas d’utilisation :
Avant de se lancer dans la réalisation d’un logiciel il faut savoir à quoi il devra servir,
Il faut comprendre, clarifier et structurer les attentes et les besoins des utilisateurs.
Et c’est avec le diagramme de cas d’utilisation qu’UML répond à cette question.

3.1- Définition :
Le diagramme des cas d’utilisation (Use Case Diagram) constitue la première étape
de l’analyse UML en :

- Modélisant les besoins des utilisateurs.


- Identifiant les grandes fonctionnalités et les limites du système.
- Représentant les interactions entre le système et ses utilisateurs
Le diagramme des cas d’utilisation apporte une vision utilisateur et absolument
pas une vision informatique. Il ne nécessite aucune connaissance informatique et
l’idéal serait qu’il soit réalisé par le client.
Le diagramme des cas d’utilisations n’est pas un inventaire exhaustif de toutes les
fonctions du système. Il ne liste que des fonctions générales essentielles et
principales sans rentrer dans les détails
[ https://docplayer.fr/23416578-Cours-n-2-diagramme-des-cas-d-utilisation.html ]

3.2- Les éléments d’un diagramme des cas d’utilisation :

3.2.1- Acteur : Un acteur est un utilisateur externe au système il représente


sous la forme d’un petit personnage, Chaque acteur porte un nom.

FIGURE 2.1- Acteur de diagramme de cas d’utilisation

3.2.2- Les cas d’utilisation : Le cas d’utilisation représente une


fonctionnalité du système (visible de l’extérieur du système).Un cas
d’utilisation se représente par une ellipse contenant le nom du cas d’utilisation
(phrase commençant par un verbe)

FIGURE 2.2- cas d’utilisation de diagramme de cas d’utilisation

17
3.3- Relation entre acteurs et cas d’utilisation :
3.3.1- La relation d’association :
A chaque acteur est associé un ou plusieurs cas d’utilisations, la relation
d’association peut aussi être appelée relation de communication. Elle est
représentée par un trait reliant l’acteur et le cas d’utilisation

FIGURE 2.3- Relation association de diagramme de cas d’utilisation

3.4- Les relations entre cas d’utilisation :


3.4.1- Relation d’inclusion :
Dans un diagramme des cas d’utilisation, cette relation est représentée par une
flèche pointillée reliant les 2 cas d’utilisation et munie du stéréotype «include». La
relation d’inclusion sert à enrichir un cas d’utilisation par un autre cas d’utilisation
(c’est une sous fonction)

FIGURE 2.4- Relation inclusion de diagramme de cas d’utilisation

3.4.2- Relation d’extension :


Cette relation est représentée par une flèche en pointillée reliant les 2 cas
d’utilisations et munie du stéréotype «extend». La relation d’extension enrichit un
cas d’utilisation par un autre cas d’utilisation de sous fonction mais celui-ci est
optionnel

18
FIGURE 2.5- Relation d’extension de diagramme de cas d’utilisation

3.4.3- Relation de généralisation :


La relation de généralisation est représentée par une flèche avec une extrémité
Triangulaire. le sous-cas d’utilisation hérite du comportement du sur-cas
d’utilisation, le cas A est généralisation du cas B (B est une sorte de A)

FIGURE 2.6- Relation de généralisation de diagramme de cas d’utilisation

❖ Ils existent d’autre relation qui n’ont pas étais prise en compte.

3.5- Description textuelle des cas d’utilisations :


Le diagramme de cas d’utilisation décrit les grandes fonctions d’un système de point
de vue des acteurs, mais n’expose pas de façon détaillée le dialogue entre les acteurs
et les cas d’utilisation ; donc la description textuelle est un document qui lève
l’ambigüité concernant son déroulement et ce qu’il recouvre précisément

19
3.6.1- diagramme du cas d’utilisation générale :

FIGURE 2.7- diagramme de cas d’utilisation Générale

20
3.6.2- Description textuelle d’inscription :

Nom du cas Inscription


Objectif Détailler les étapes permettant a l’utilisateur ou le
professionnel de s’inscrire.
Acteur chercheur , professionnel
Séquencement Le cas d’inscription commence lorsque
l’utilisateur clique sur inscription
Pré-condition Accéder au site web.
Post-condition Le système renvoi le formulaire approprié.
Enchainement 1- L’utilisateur lance le site web et cliquer
nominale sur inscription autant que professionnel
ou autant qu’utilisateur.
2- Le système affiche le formulaire
approprié.
3- L’utilisateur remplit le formulaire.
4- Le système vérifier les champs remplis par
l’utilisateur.
Enchainement 1- A l’étape 3 l’utilisateur fait entrer un
alternative ID déjà enregistrer.

TABLE 2.1- Description textuelle d’inscription

3.6.3- Description textuelle d’authentification :

Nom du cas Authentification


Objectif Détailler les étapes permettant a l’utilisateur de
s’authentifier
Acteur Administrateur, chercheur avec compte,
professionnel
Séquencement Le cas d’authentification commence lorsque
l’utilisateur clique sur connexion
Pré-condition Avoir un compte
Post-condition Le système redirige l’utilisateur vers la page
d’accueil du compte.
Enchainement 5- L’utilisateur lance le site web et cliquer
nominale sur connexion
6- Le système affiche la page
d’authentification.
7- L’utilisateur introduit ses information
personnel (E-mail/numéro de téléphone,

21
Mot de passe).
8- Le système vérifier les coordonnées.
9- L’utilisateur accède a son compte.
Enchainement 2- A l’étape 4 si les cordonnées sont erroné,
alternative le système affiche un message d’erreur et
reprend les enchainements a partir de
l’étape 2.

TABLE2.2- Description textuelle d’authentification

3.7.1- diagramme du cas d’utilisation de l’administrateur

FIGURE 2.8- diagramme du cas d’utilisation de l’administrateur

22
3.7.2- Description textuelle de la Gestion des annonces publiées par les
professionnels :

Nom du cas Gestion des annonces publiées par les professionnels


Objectif Détailler les étapes permettant a l’administrateur a valider
une annonce.
Acteur Administrateur
Séquencement Le cas de Gestion des annonces publier par les
professionnels commence lorsqu’un professionnel
ajoute une annonce.
Pré-condition L’administrateur doit s’authentifier
Post-condition L’annonce sera publié ou rejeter.
Enchainement 1- Le système envoi une notification de
nominale demande de publication d’une annonce a
l’administrateur.
2- L’administrateur accède aux notifications pour
verifier la demande de publication d’une
annonce par un professionnel.
3- L’administrateur doit valider ou rejeter
l’annonce.
4- Le système envoi un accusé de réception au
professionnel.

Enchainement En étape 4 si le professionnel ne reçoit pas un


alternative accusé de réception il doit la republier.

TABLE 2.3- Description textuelle de la Gestion des annonces

23
3.7.3- Description textuelle de la consultation de la liste des comptes
signalés:

Nom du cas Consultation de la liste des comptes signalés


Objectif Détailler les étapes permettant a l’administrateur de
consulter la liste des comptes signalés.
Acteur Administrateur
Séquencement Le cas de consultation de la liste des comptes signalés
commence lorsqu’un utilisateur signale un compte
et l’administrateur reçoit une notification.
Pré-condition L’administrateur doit s’authentifier
Post-condition Le compte sera supprimer ou avertit a l’aide d’un
message.
Enchainement 1- Un utilisateur signale le compte d’un
nominale professionnel.
2- Le système envoi une notification a
l’administrateur.
3- L’administrateur accède aux notifications pour
vérifier le rapport du signale.
4- L’administrateur doit vérifier le nombre de
signale de se compte.
5- L’administrateur doit supprimer le compte a
était signalé par 3 utilisateurs ou envoyer un
message d’avertissement au professionnel.

Enchainement En étape 1 un professionnel peut signaler le compte


alternative de son concurrent l’administrateur a l’étape 3 doit
étudier le rapport du signale.

TABLE 2.4- Description textuelle de la consultation de la liste des comptes signalés

24
3.8.1- diagramme du cas d’utilisation de chercheur :

FIGURE 2.3- diagramme du cas d’utilisation de chercheur

25
3.8.2- Description textuelle de la recherche d’un professionnel:

Nom du cas Recherche d’un professionnel.


Objectif Détailler les étapes permettant a l’utilisateur a chercher un
professionnel.
Acteur Chercheur
Séquencement Le cas de recherche d’un professionnel commence
lorsqu’un utilisateur remplit les champs concernés
et appuie sur recherche.
Pré-condition L’utilisateur doit choisir le domaine du professionnel
et son adresse.
Post-condition Le système affiche les résultat correspondantes a la
recherche.
Enchainement 1- L’utilisateur remplit les champs requis.
nominale 2- Le système renvoi le résultat.
Enchainement A l’étape 2 il n’existe aucun résultat correspondant.
alternative

TABLE 2.5- Description textuelle de la recherche d’un professionnel

26
3.9.1- diagramme du cas d’utilisation de professionnel :

FIGURE 2.4- diagramme du cas d’utilisation de professionnel

27
3.9.2- Description textuelle de cas d’utilisation Déposé une annonce :

Nom du cas Disposé une annonce


Objectif
Acteur Professionnel
Séquencement Le cas de disposé une annonces commence
lorsqu’un professionnel ajoute une annonce.
Pré-condition Le professionnel doit s’authentifier
Post-condition L’annonce sera valider par l’administrateur ou
rejeter.
Enchainement 5- Le professionnel choisir un domaine relatif
nominale avec sa spécialité pour déposer l’annonce.
6- Le professionnel remplir le formulaire
approprié
7- Le professionnel envoie l’annonce et attendre
la validation par l’administrateur.

Enchainement En étape 3 si le professionnel ne reçoit pas un


alternative accusé de réception il doit la republier.

TABLE 2.6 - Description textuelle de cas d’utilisation Déposé une annonce

4- Diagramme de classe :
Le diagramme de classes est sans doute le diagramme le plus important à
représenter pour les méthodes d’analyse orientées objet. C’est le point central de
tout développement orienté objet.

4.1- Définition :
Un diagramme de classes est une collection d'éléments de modélisation statique qui
montre la structure d'un modèle. Une classe représente la description d’un
ensemble d’objets possédant les mêmes caractéristiques.

[ http://www.salihayacoub.com/420Ke2/Semaine%207/DiagrammeDeClasses.pdf ]

4.2- Représentation d’une classe:

Une classe est représentée par un rectangle séparé en trois parties:

28
FIGURE 2.5 - Représentation d’une classe

4.3- Relation entre les classes :


Composition : une composition est une agrégation forte, elle est représentée
comme suite :

FIGURE 2.6 – Relation de composition entre les classes

Association : Une association est une relation entre deux classes qui décrit les
connexions structurelles entre leurs instances. Elle est représentée comme suite :

FIGURE 2.7 – Relation d’association entre les classes

La généralisation: définit une relation de classification entre une classe plus


générale, Il s’agit de prendre des classes existantes (déjà) mise en évidence et de
créer de nouvelles classes qui regroupent leurs parties communes

29
FIGURE 2.8 – Relation de généralisation entre les classes

Notre diagramme de classe contient ce qui suit :

FIGURE 2.9 – Diagramme de classe

30
5- Diagramme de séquence :
Le diagramme de Séquence fait partie des vues dynamiques du système d’information.

5.1- Définition :
Un diagramme de séquence est un diagramme d’interaction dont le but est de décrire
comment les objets collaborent au cours du temps et quelles responsabilités ils assument. Il
décrit un scénario d’un cas d’utilisation.

[http://tvaira.free.fr/dev/uml/UML-DiagrammesDeSequence.pdf]

5.2- Rôle du diagramme de séquences :


Le diagramme de séquence fait parties des diagrammes comportementaux (dynamique) et
plus précisément des diagrammes d’interactions.

• Il permet de représenter des échanges entre les différents objets et acteurs du système en
fonction du temps.

• A moins que le système à modéliser soit extrêmement simple, nous ne pouvons pas
modéliser la dynamique globale du système dans un seul diagramme. Nous ferons donc
appel à un ensemble de diagrammes de séquences chacun correspondant à une sous
fonction du système, généralement d’ailleurs pour illustrer un cas d’utilisation.

31
Les diagrammes de séquences associée à notre système :

Système BDD

Accéder au site web ()

Afficher la page d’accueil

Cliquer sur connexion

Afficher la page de connexion

Saisir l’email et le mdp ()


Envoyer l’email et le mdp () Vérifier les données()

Envoyer la réponse

Vérifier la réponse ()

Alt

[Succès] Rediriger vers la page d’accueil du compte

[Echec]

Envoyer message d’erreur

Figure 2.10 – Diagramme de séquence associé à l’authentification

32
Système BDD

1.Accéder au site web ()

Afficher la page d’accueil

2.Appuyer sur inscription ()

Retourner la page d type d’inscription

3. Choisir le type d’inscription ()

Afficher le formulaire approprié

4.Remplir les champs du formulaire ()


4.1 : Vérifier les champs ()

alt
4.1.1 : Envoyer la requête () 4.1.1.1 : Enregistrer dans la base de donnée ()

[Succés] Envoyer la réponse

4.1.2 : Vérifie la réponse ()

alt :alt
Compte créer avec succès et rediriger
ver le nouveau compte
[Succés]

[Echec]

Message d’erreur se compte existe deja

[Echec] Message d’erreur les champs sont mal


remplis

Figure 2.10 – Diagramme de séquence associé à l’inscription

33
Système BDD

ref

Authentification

1 : Cliquer sur déposer une annonce

Afficher le formulaire correspondant

2 : Remplir le formulaire ()

2.1 : Vérifier les champs ()

alt
2.2 : Enregistrer dans la base de donnée () 2.2.1 : Enregistrer les données ()

[Succés]
Envoyer la réponse

Afficher "enregistrement réussir"

[Echec]

Afficher "les champs sont mal remplis"

Figure 2.10 – Diagramme de séquence associé à déposer annonce

34
Systéme BDD

1 : Accéder au site web ()

Afficher la page d’accueil

2 : Entez la requête ()

2.1 : Envoyer la requête ()


2.1.1 : Traiter la requête ()

Envoyer les résultats

2.2 : Vérifier la réponse ()

alt

[Succés] Afficher les résultats

[Echec] Afficher message d’erreur "aucun


résultat trouvé"

Figure 2.10 – Diagramme de séquence associé à la recherche d’une


annonce

35
Conclusion
Ce chapitre nous a permis de couvrir en détails les besoins de notre
système, nous avons fourni une analyse détaillée de ces besoins grâce au
diagramme des cas d'utilisation, diagramme de séquence et diagramme
de classe.

36
Chapitre ӀӀI :
Implémentation

37
Introduction
Ce chapitre est le fruit d'un long travail. Il consiste à implémenter ce qui a été présenté dans
le chapitre précédent, tout a utilisant des langages de programmation spécialisée que nous
allons les présenter dans ce qui suit

1- Langages et outils de développement


Le choix des outils et langages de développement se fait en se basant sur différents critères
que les développeurs prennent en considération ; parmi ceux-ci, nous citons: le cout, la
facilité d'utilisation, stabilité licence et droits, performance et fiabilité.

1.1- Outil de modélisation UML

Astah : est un logiciel de création de diagramme dans le cadre d'une


programmation. Tout en un, il possède plusieurs options permettant une large
possibilité de modélisation en UML. Laquelle offre de nombreux outils pour
créer différents types de schémas comme les diagrammes de cas d'utilisation,
de class, séquence...etc [Net06]

1.2- Les langages de développement

HTML : (Hyper Text Markup Language) est un langage de balisage utilisé pour la
présentation des pages web à laide de commande de mise en forme appelées
«balises », il est interprété par le navigateur web. [Net07]

CSS (Cascading Style Sheets) c'est-a-dire feuille de style en cascade, est Utilisé
pour crées des styles et le design général des sites Web. Utilisé pour une
meilleure présentation d'un document HTML. [Net08]

Ajax : est un script coté client qui communique depuis et vers un serveur/ une
base de données sans avoir besoin de' publication ou d'une actualisation
complète de la page. [Net09]

38
PHP : est un langage de script HTML exécuté du côté du serveur. Il
veut dire « PHP : Hypertext Preprocessor ». Sa syntaxe est largement
inspirée du langage C, de Java et de Perl, avec des améliorations
spécifiques. Le but du aaa langage est d'écrire rapidement des
pages HTML dynamiques. [Net10]

1.3- Plateforme de développement

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 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 "StructuredQueryLanguage" : le langage standard
pour les traitements de bases de données. [Net11]

PhpMyAdmin : est un logiciel libre écrit en PHP qui a pour mission de


s'occuper de l'administration d'un serveur de base de données MySQL
ou MariaDB. On a utilisé phpMyAdmin pour réaliser la plupart des
tâches d'administration, ceci incluant la création de base de données, L'exécution de
demandes, et l'ajout de comptes utilisateur. [Net13]

EsyPHP est une plate-forme de développement Web permettant de


faire fonctionner localement (sans se connecter à un serveur
externe) des scripts PHP. Ce n`est pas en soi un logiciel mais un
environnement comprenant deux serveurs (un serveur web Apache
et un serveur de bases de données MYSQL. [Net17]

39
1.4- Les Framework utilisé

Bootstrap est une infrastructure de développement frontale, gratuite et


open source pour la création de sites et d'applications Web.
L'infrastructure Bootstrap repose sur HTML, CSS et JavaScript (JS) pour
faciliter le développement de sites et d'applications réactives et tout-
mobile. Bootstrap est de plus en plus connu et est devenu « le
Framework front-end » le plus populaire pour développer des projets responsive et mobile-
first sur le web. [Net15]

programme de création de site Web complet pour windows et


Mac d'Adobe. Il permet au programmeur HTML d’une création
complexe à l'aide de langages de programmation HTML, JavaScript
et côté serveur. Il rend immédiatement le code dans une fenêtre de
conception. Les modèles prédéfinis fournissent des bases
rudimentaires pour la création de pages Web. [Net17

1.5- Editeur de texte


Visual Studio Code est un éditeur de code open-source
développé par Microsoft supportant un très grand nombre
de langages grâce à des extensions. Il supporte
l’autocomplétion, la coloration syntaxique, le débogage, et
les commandes git. [Net16]

40
Page web d’une inscription pour un Utilisateur

Page web d’une connexion pour un professionnel

41
Page web d’une connexion pour un utilisateur

Page web pour une recherche d’un professionnel

42
Page web d’une connexion pour créer une annonce

43
Conclusion générale
Le principal but de cette étude est la mise en place d'une plateforme
web qui vous permet de trouver les professionnels à coté chez vous
grâce aux avis sécurisés

D'abord nous avons commencé par la définition de base ainsi que


l'étude de l'existant qui nous a permis de bien comprendre le domaine
d'étude. Nous avons modélisé Le système a l'aide de langage de
modélisation UML en commençant par l'analyse des besoins et de
définir les diagrammes de cas d'utilisation ainsi que les diagrammes des
séquences et de classe.

Enfin nous sommes arrivés à mettre en œuvre notre application, bien


que nous soyons arrivés aux buts fixés au départ.

44
Bibliographie :
[81] : Denis Lochouarn « La Profession, approche juridique de la notion, thèse de
doctorat en droit privé, Lyon III, 1998. »

[82] : Say, Econ. pol., 1832

Webographie :
[Net01]:https://dicocitations.lemonde.fr/definition_littre/33904/Annonce.php,der

[Net02]:https://docs.google.com/viewer?url=https://www.bestcours.com/pd/008
5-cours uml.pdf

[Net03] :https://docplayer.fr/23416578-Cours-n-2-diagramme-des-cas-d-utilisation.html

[Net04]:[http://www.salihayacoub.com/420Ke2/Semaine%207/Diagramme De
Classes.pdf

[Net05]:http://tvaira.free.fr/dev/uml/UMLDiagrammesDeSequence.pdf

[Net07]:http://www.w3schools.com/html/html intro.asp

[Net08] : http://www.w3schools.com//css/css intro.asp

[Net 09] : http//:www.seguetch.com/ajax-technology

[Net10]:https://upload.wikimedia.org/wikipedia/commons/0/0e/Cours_php.pdf

[Net11]:https://www.futura-sciences.com/tech/definitions/internet-mysql-4640/

[Net12] :http://www.wampserver.com/

[Net13] :https://docs.phpmyadmin.net/fr/latest/intro.html, dernière visite juin


2019.

[Net14] : http://www.materiel-informatique.be/apache.php

[Net15] :https://whatis.techtarget.com/fr/definition/Bootstrap

[Net16] :https://riptutorial.com/fr/home, dernière visite juin 2019.

45
Liste des abréviations
► BDD : Base de données.

► CSS: Cascading Style Sheets.

► HTML: HyperText Markup Language.

► MySQL: My Structured Query Language.

► PHP : Personal Home Page.

► UML: Unified Modeling Language.

►HTTP: HyperText Transfer Protocol.

46
Résumé
En Algérie, les sites web de la recherche des professionnels est presque
inexistant, C'est dans ce contexte et en vue d'améliorer cette situation et
d'offrir plus de choix aux chercheurs que nous sommes intéressées à ce
sujet.

Pour cela, notre travail dans le cadre du PFE propose de mettre en place
un site web pour faciliter la recherche des professionnels.

Ce travail a été réaliser en utilisant le langage de Modélisation Unified


Modeling Language (UML) afin de schématiser la solution. Nous avons
choisi de programmer l'application avec le langage Personal Home Page
(PHP) et MYSQL PHPMyAdmin comme système de gestion de base de
données.

47