andrianomenjanaharyFideleR GES M1 1000
andrianomenjanaharyFideleR GES M1 1000
andrianomenjanaharyFideleR GES M1 1000
---------------------------------------------
---------------------------------------------
DÉPARTEMENT DE GESTION
---------------------------------------------
Promotion : 2008-2009
Sous la direction de :
Septembre 2011
SOMMAIRE
SOMMAIRE ............................................................................................................................... 3
REMERCIEMENTS ................................................................................................................... 4
DÉDICACE ................................................................................................................................ 5
LISTE DES ABRÉVIATIONS, DES SIGLES ET ACRONYMES .............................................. 6
INTRODUCTION....................................................................................................................... 9
PREMIÈRE PARTIE - PRÉSENTATION GÉNÉRALE DE L’ONG JADE ET LE DOMAINE
DU PROJET ............................................................................................................................. 11
CHAPITRE I : PRÉSENTATION GÉNÉRALE DE L’ONG JADE ......................................... 12
SECTION I- LES GÉNÉRALITÉS SUR L’ONG JADE ........................................................ 12
SECTION II - LA VISION ET LES ACTIVITÉS DE L’ONG JADE ................................... 13
SECTION III - LE DOMAINE DU PROJET........................................................................... 15
CHAPITRE II : LA PROBLÉMATIQUE DU CHÔMAGE A MADAGASCAR ET
L’INFORMATISATION .................................................................................................................. 19
SECTION I - LA PROBLÉMATIQUE DU CHÔMAGE A MADAGASCAR ........................... 19
SECTION II - LES SOLUTIONS PROPOSÉES ......................................................................... 20
SECTION III –LA POLITIQUE ADOPTÉE SUR LA PLATEFORME...................................... 22
SECTION IV : LA MÉTHODE D’ANALYSE ............................................................................ 26
DEUXIÈME PARTIE - CONCEPTION, RÉALISATION ET MISE EN PRODUCTION ....... 37
CHAPITRE I : LA CONCEPTION DÉTAILLÉE ........................................................................ 1
SECTION I - L’ÉTUDE FONCTIONNELLE ......................................................................... 40
SECTION II - ÉTUDE STRUCTURELLE .............................................................................. 84
SECTION III – ÉTUDE COMPORTEMENTALE ...................................................................... 89
CHAPITRE II : LA RÉALISATION ................................................................................................ 93
SECTION I- LES TECHNOLOGIES UTILISÉES ...................................................................... 93
SECTION II- STRUCTURE GÉNÉRALE DU SITE ................................................................... 95
SECTION III - LES FONCTIONNALITÉS ................................................................................. 99
CONCLUSION ........................................................................................................................106
BIBLIOGRAPHIE ...................................................................................................................107
ANNEXE .................................................................................................................................109
LISTE DES ILLUSTRATIONS ...............................................................................................113
REMERCIEMENTS
À monsieur Jérôme VELO, mon encadreur pédagogique d’avoir dirigé ce travail, son
encouragement, ses précieux conseils qui m’a servi d’une aide considérable malgré
ses diversesengagements ;
Nous voudrions aussi exprimer nos sincères remerciements à nos parents et a toute la
famille, pour leur amour, leur soutien moral et financier, et ainsi que les éducations
qu’ils nous ont offert au cours des longues années d’études.
Enfin, un chaleureux remerciement à tous nos amis qui nous ont soutenu pendant la
période difficile pendant la réalisation et tout ce qui ont contribué de près ou de loin
dans l’enrichissement et l’élaboration de cet écrit de recherche.
Veuillez accepter toutes nos reconnaissances et nos plus hautes considérations les plus
sincères.
C’est la raison pour laquelle nous avons choisi le thème de mémoire intitulé :
« Conception et réalisation d’un site Web dynamique d’offres et de demandes d’emploi en
ligne PLATEFORME de L’EMPLOI ».
Cette mise en place nous revient de développer une application Webqui devrait
assurer les deux principalesfonctionnalités suivantes :
1
UIT, Les câbles SAT -3 et EASSy : des avancées décisives dans la rupture de l’isolement de
l’Afrique, page 15.
9
Ce Mémoire décrit les étapes à suivre de la mise en place de cette application ainsi
que la présentation succincte de ce logiciel. Ainsi, il se divise en deux grandes parties. La
première partie est consacrée à la Présentation générale de l’ONG JADE et l’application à
mettre en place.Cette partie contiendra deux chapitres. Le premier nous décrira la vue
d’ensemble sur l’ONG JADE, ses objectifs ainsi que ses activités. Le deuxième chapitre nous
donnerales arguments motivants de la réalisation de ce projet en terminant avec la
méthodologie à utiliser. Tandis que la deuxième partie est axée sur la conception détaillée la
réalisation du système à mettre en place. Cette deuxième partie contiendra aussi de deux
chapitres. Le premier chapitre nous décrira les études fonctionnelle, structurelle et
comportementale du système et le deuxième chapitre nous donnera le choix d’un Système de
Gestion Base de Données à utiliser ainsi que la présentation du logiciel développé
10
PREMIÈRE PARTIE - PRÉSENTATION GÉNÉRALE DE
L’ONG JADE ET LE DOMAINE DU PROJET
Dans cette partie nous montre les généralités de l’ONG JADE et la présentation du domaine
de projet.
CHAPITRE I : PRÉSENTATION GÉNÉRALE DE L’ONG JADE
Dans ce chapitre, nous présenterons les généralités sur l’ONG JADE, ses
objectifs et ainsi que ses activités.
§ 1 Historiques
12
C. Les membres du staff de JADE
§ 1 La vision :
Le JADE a une grande vision vis-à-vis des jeunes comme sondevis le dit « Un
développement des jeunes, par les jeunes et pour les jeunes», il aide les jeunes à prendre
en main son avenir à l’aide des formations ou des événements.
§ 2 Les activités
Les actions de JADE est d’aider les jeunes en faisant des aides humanitaires ou
matérielle. JADE récolte des fonds auprès des donneurs et crée des activités ou
mouvement pour motiver les jeunes dans tous les domaines d’activités. Elle est une ONG
à but non lucratif qui fait des actions bénévolats au profit des jeunes.
13
SECTION III -LE DOMAINE DU PROJET
§ 1 L’EMPLOI À MADAGASCAR
2
Wikipedia.org, chômage, consulter le 20/10/2011 et disponible sur
http://fr.wikipedia.org/wiki/Ch%C3%B4mage.
3
L’INSTAT, l’emploi, le chômage, Jean Louis, Enquêtes 1-2-3, phase 1 « Emploi », novembre 2010, pages 13.
15
Figure1 :Évolution du nombre de chômeurs et du taux de chômage de 2001 à 2010
§ 2 LA TECHNOLOGIE A MADAGASCAR
Depuis les onze dernières années, la possession des ordinateurs personnels ne cesse
d’augmenter. Cette augmentation nous montre que le domaine de l’informatique gagne du
terrain dans notre quotidien et devient incontournable.La figure ci-dessous nous montre la
statistique des possessions d’ordinateur personnel à Madagascar.
16
Figures 2: Statistiques des ordinateurs personnels à Madagascar
Concernant cela, nous avons ces chiffres pour montrer les différents accès à Internet
en général. À Madagascar; 1« ...principalement, ce sont les points d'accès communautaires,
type cybercafé, que la population utilise. 57,0% des individus interviewés accèdent à Internet
par le biais des cybercafés. 24,1% y accèdent surson lieu de travail. 5,1% déclarent tout de
même accéder à Internet à travers un autre point d'accès communautaire tel que les
établissements scolaires ». Cela explique que la tendance à consulter les cybercafés est
nettement importante, et la connexion à l'Internet au foyer reste à travailler. Cette absence,
voire insuffisance de l’usage à domicile de l’informatique, est due essentiellement à la
faiblesse de pouvoir d'achat des ménages.
17
Figure 3: Utilisateurs d'Internet à Madagascar
Année Effectif
2009 388 467
2010 491 517
2011 594 567
18
CHAPITRE II : LA PROBLÉMATIQUE DU CHÔMAGE A MADAGASCAR ET
L’INFORMATISATION
Pour bien mener notre analyse, nous exposerons les problèmes liésà la condition
de chômage à Madagascar et ses conséquences vis-à-vis des peuples.
La recherche d’emploi reste toujours une étape très difficile et couteuse. Pour
postuler à un emploi, on est obligé de se déplacer et de préparer les dossiers de candidature. À
chaque offre qu’on veut postuler, on est obligé de refaire cette même couteuse. Cette dernière
est un facteur qui empêche le candidat à postuler pour une offre d’emploi par un manque de
ressource financière.
C. Manque de transparence
Il y a une discrimination entre les candidats par exemple les postes politiques à
cause du manque d’échange entre les recruteurs et les candidats.
19
SECTION II - LES SOLUTIONSPROPOSÉES
§ 1 La mise en place d’une plateforme de recrutement en ligne
Nous préconiserons une solution pour résoudre ces problèmes du chômage. La création d’un
outil de communication interactif pour :
donner la possibilité aux chercheurs d’emploi l’opportunité d’être vu par les recruteurs ;
D’après les statistiques de la section précédente, le TIC peut jouer un rôle très
important dans le domaine de l’emploi. Il apporte beaucoup d’avantages. Pour les recruteurs,
la facilité de trouver la personne adéquate pour combler ses postes et la possibilité de
consulter les dossiers des candidats motivés qui ont passé une candidature et de pouvoir
consulter leur profil et CV. Pour les candidats, il apporte une transparence car seuls les
critères de recherche sont les moyens pour consulter les candidats. Il facilite aussi la
possibilité de consulter des offres d’emploi et de postuler directement pour une offre qui
l’intéresse sans le moindre déplacement et avec le minimum de coût.
Les autres avantages que procurent les TIC, On peut suivre l’état de sa
candidature ou de son offre pour les recruteurs. Cependant il est possible d’être alerté par un
courrier électronique, comme dans le cas d’un candidat qui attend une offre correspondant à
son profil ou bien les candidatures adressées au recruteur en réponse à son offre.
Les TIC peuvent représenter des outils avantageux dans le domaine du marché de
l’emploi puisqu’ils sont susceptibles optimiser le temps consacré pour trouver un emploi,
d’apporter une transparence entre les recruteurs et les candidats.
20
§ 3 Les plateformes de l’emploi en ligne
A. Définition
Une plateforme d’emploi en ligne est un logiciel qui joue l’interface entre les
recruteurs et les candidats. Elleassiste les recruteurs au dépôt deleur offre ou de leur
candidature pour les candidats.
Ce type d’application regroupe les outils nécessaires aux trois principaux types
d’utilisateurs : les recruteurs, les candidats et l’administrateur.
Le recruteur (créateur des offres) : il établit (pour les candidats) l’offre que ce soit en
formation ou en emploi ;
Le candidat (l’intéressée) : son rôle consiste à consulter les offre, poser son dossier de
candidature et créer son profil ;
Le recruteur s’inscrit pour devenir membre pour pouvoir créer ses propres offres et
effectuer un suivi sur l’offre posé. Il consulte les candidats ou télécharger le CV des
candidats.
21
Le recruteur et le candidat peuvent se communiquer par courrier électroniques.
L’operateur de saisie s’occupe la gestion d’inscription, des offres et des dossiers des
membres qui viennent localement au siège de JADE. Il crée des comptes (candidats ou
recruteur), des offres et de pouvoir les modifiés. Il est le modérateur du site.
Job Boom
Pôle emploi
Etc.
Cependant, les sites de l’emploi à Madagascar ne sont que des sites d’annonce
simple ou de collecte de base de CV, sauf pour les sites d’entreprises pour son propre
recrutement (à l’exemple d’Ambatovy).
Avant de se lancer dans l’implémentation, nous nous sommes imposé une politique
qu’il fallut tenir à l’esprit pendant tout le développement de l’application. En respectant cette
politique, nous étions sur d’obtenir un site de haut niveau d’accessibilité et d’efficacité.
22
développépour combler les lacunes du HTML. Le W3C propose maintenant une norme de
codage pour les documents HTML.
§ 3 Design « TABLELESS »
A. Introduction
Le design « tableless » est une méthode de gérer les affichages d’un document
html sous forme de tableau. On a utilisé cette méthode pour avoir une bonne facilité
d’affichage.
B. Positionnement du CSS
L’utilisation des feuilles de style offre beaucoup d’avantages, tel qu’une réduction
des temps de création du site Web et interopérabilité accrue (c'est-à-dire que beaucoup
d’agents utilisateurs différente pourront lire votre site Web). Il existe beaucoup de site qui
propose des Template gratuit mais nous avons décidé de crée nous-mêmes notre propre style
pour mieux comprendre l’utilisation du CSS.
Il est lourd à charge par le navigateur qui provoque une lenteur pour l’affichage de la
page.
23
§ 4 Compatibilité
Le Site donnée doit être compatible avec tous les navigateurs modernes. Nous
avons suivi la norme de standard du W3C, appuyé sur les feuilles de style CSS de niveau 2.
Malheureusement, certains navigateurs sont très capricieux, c’est le cas de navigateur de
Microsoft.Ce site a été testé avec les navigateurs suivants :
A. La messagerie électronique
SMTP (Send Mail Transfer Protocol) : c’est un protocole qui est dédié à l’envoi d’un
message. Ce protocole utilise du texte en ASCII, il ne fonctionne pas pour l’envoi des fichiers
binaires. Pour pallier ce problème, des standards comme MIME (Multipurpose Internet Mail
24
Extension) ont été développés pour permettre le codage des fichiers binaires au travers d’une
SMTP.
B. Le transfert de fichier
Ce service
ervice permet à un client de récupérer des fichiers au près d’un serveur de
fichiers. Ce service utilise le protocole FTP. Le FTP est utile dès qu’il s’agit de transférer des
données entre deux machines A et B.
C. Le Web
Le WWW (World Wide Web, alias Web) est le service le plus médiatique
d’Internet.. Il permet d’obtenir des informations provenant d’Internet.
d’ Ce service permet au
client (browser) d’accéder à des documents de format HTML (Hyper
Hyper TextMark-upLanguage)
TextMark
avec un serveur Web selon le protocole HTTP.
HTTP
25
Pour faciliter les échangés et la consultation des outils, le centre Européen de la
recherche Nucléaire (CERN) a mis au point le protocole http (HyperText Transfer Protocol)
et le langage HTML qui permet de représenterles documents sous forme HyperText adapté
aux besoins des utilisateurs. Afin d’identifier sans ambiguïté les ressources référencées dans
un document, les adresses Web ont été uniformisés et se présente sous forme d’un URL
(Uniform Ressources Locator) ainsi défini Protocolde connexion://nomduserveur.port/chemin
d’accès/fichier. Les concepts du Web repose sur l’hypertexte, une page HyperText est écrit en
HTML, ces page se trouvent sur un serveur Web qui utilise u protocole http. Les pages
délivrées par le serveur Web contenant des objets désignés par une adresse URL sont
consultable par des agents utilisateur qui est le navigateur (an anglais Browser) par exemple :
Netscape, Firefox, Internet Explorer, Opéra,Google,…
Dans ce chapitre, nous avons vu la généralité sur l’Internet qui marque les
Nouvelles Technologie de l’information et de la communication (NTIC) et qui constitue le
plus grand réseau mondiale. Internet représente une autoroute électronique que toute est prête
à emprunter.
§ 1 La Généralité
Nous avons utilisés la méthode objet car elle permet de définir le problème à haut
niveau sans rentrer dans les spécificités des langages et de définir un problème sous de façons
graphique pour une facilité de compréhension. Nous avons utilisés la méthode UML qui est
utilisé pour la méthode objet pour les raisons suivante :
26
Elle offre des différentes vues complémentaires d’un système, qui guide l’utilisation
des concepts objets,
UML est un langage formel et normalisé avec un gain de précision et une garanti de stabilité.
§ 2 Outils de conception
Win’ design n’est pas l’outil la plus performante pour une conception objet mais
pour notre cadre de projet il possède toutes les fonctionnalités requises.
§ 3 La démarche en UML
A. Historique de l’UML
27
industriel de la modélisation objet est UML. Il est sous l’entière responsabilité de l’OMG.
L’UML se définit comme un langage de modélisation graphique et textuelle destiné à décrire
des besoins, spécifier et documenter des systèmes, esquisser des architectures logicielles,
concevoir des solutions et communiquer. L’UML n'impose pas de méthode de travail
particulière, il peut être intégré à n'importe quel processus de développement logiciel de
manière transparente. L’UML unifie à la fois les notations et les concepts orientés objet
comme nous montre la figure ci-dessous :
28
représentation abstrait du système qui permet de facilité la lisibilité des documents et un outil
majeur de la communication entre les intervenants au sein d’un projet.
UML n'étant pas une méthode, son utilisation est laissée à l’appréciation de
chacun, même si le diagramme des cas d'utilisation estgénéralement considéré comme
l'élément central d’UML.
Ces trois représentations sont complémentaires comme nous montre le schéma ci-
dessous.
Modèle Modèle
Statique Dynamique
Statique Dynamique
Source : VELO Jérôme, cours de Technique Général d’Analyse : UML2, 4ème Année, 2008-
2009.
29
1) La représentation fonctionnelle
2) La représentation statique
Le diagramme de classe ;
Le diagramme de composant ;
Le diagramme de déploiement ;
Le diagramme de paquetages ;
Le diagramme d’activité ;
Le diagramme d’états ;
Le diagramme de séquences ;
Le diagramme de communication ;
Le diagramme de temps ;
30
§ 4 L’étude préalable
§ 1 Rôle du site
Il s’agit d’un site Web qui s’occupe de la gestion des membres, des offres et des
profils. Cette gestion comporte :
L’enregistrement des membres qui ont fait une inscription, des CV des membres, son
profil d’intérêt en emploi et/ou formation, ses offres d’emploi et/ou formation ;
La publication des offres qui coïncident au profil des membres et la liste des membres
qui répond au critère des offres.
§ 2 Description de la demande
Le taux de croissance des Entreprises est inférieur aux taux de croissance des
diplômés et de la population. Les nombre de recrutement est inférieur aux nombre des
chromeurs.
Dans le cadre d’une entreprise, quelque fois les postes à combler requière une
grande exigence fonctionnelle et professionnelle. Alors rechercher des personnes adéquates au
poste reste compliqué. Pour cela, les recruteurs et les chercheurs d’emploi doit disposer d’un
outil de communication interactif pour bien évaluer l’un que l’autre.
31
Le système de médiatisation des offres d’emploi doit être renforcé pour que toutes
les personnes puissent en bénéficier.
B. Positionnement
L’ONG JADE est un nouveau venu dans le cercle de l’emploi en ligne dépôt des
offres d’emploi et de candidature. Le but du projet consiste à :
Inventer rapidement des éléments qui la différencient des autres pour qu’elle
devienne le centre d’intérêt de tous. Le site Web doit être évolutif pour implémenter
les nouvelles fonctionnalités.
C. Exigences fonctionnelles
1) Recherche
Par défaut, les utilisateurs verront dans leur page d’accueil les trois dernières offres déposées,
les offres par secteur et le nombre total des offres disponibles.
32
2) Création de compte
3) Aide
L'internaute peut accéder à un guide d’utilisation du site et des pages FAQ. Des
icônes d’aide sont présents sur toute la page qui sert d’une info bulle pour faciliter la
navigation.
4) Publication
La première étape pour les recruteurs est de s’inscrire pour devenir membre du
site et de pouvoir :
contacter les membres qui devront passer les tests et/ou entretient ;
5) Découverte
Chaque offre d’emploi ou de formation doit être présentée en détail dans le site.
Pour les offres :
33
D’emploi : le secteur, la fonction, la responsabilité, les exigences, la zone
géographique, l’employeur, la disponibilité.
6) Postuler
Si le candidat trouve une offre conforme avec son profil, il peut soumettre
directement une candidature. Du côté des recruteurs, ils peuvent directement consulter les
profils des candidats et communiquer avec le candidata l’aide de son adresse électronique.
7) Alertes
les candidats : des offres qui coïncident a son profil d’intérêt en emploi et/ou en
formation, de l’état de sa candidature s’il a été consulté par le recruteur ;
Cela se fait au moyen d’un système d’envoi par courrier électronique (e-mail)à
l’adresse électronique.
Pour attirer l'internaute sur le site et le fidéliser, il est important de répondre aux
exigences suivantes:
1) Ergonomie efficace
Pour les candidats et les recruteursla tâche la plus importante est le remplissage
des champs. La conception et la présentation de celui-ci doivent être particulièrement
soignées pour ne pas repousser l'internaute. Et les étapes doit être intuitive et non complexe.
E. Contrainte de conception
34
Depuis le siège de l'ONG JADE: l'alimentation des informations dans la base se
fait par l'intermédiaire du Webmaster et l’operateur de saisie de JADE si
l'intéressé préfère aller directement au siège de l'ONG ;
Depuis les formulaires du site: les données saisies depuis le site Web sont
enregistrées dans la base qui décrit les coordonnées de l'internaute. Toutes les
données personnelles sont bien sûr protégées et leur confidentialité est garantie.
35
Figure 07:Diagramme de contexte dynamique du système Plateforme de l’emploi
36
DEUXIÈME PARTIE - CONCEPTION, RÉALISATION ET
MISE EN PRODUCTION
37
CHAPITRE I : LA CONCEPTION DÉTAILLÉE
Dans ce chapitre, nous allons introduire les concepts UML fondamentaux pour la
spécification des exigences. Nous les identifieront à partir de l’expression initiale des besoins
dans la première partie. La solution conceptuelle est une solution proposée pour résoudre le
problème à étudier en tenant compte de la caractéristique logique d’usage du futur site et de
moyen de réalisation. On par donc à l’interprétation des idées qui sont formulée dans les
expressions des besoins à l’aide des modèles ou plus exactement à élaborer une vue partielle,
plus ou moins abstrait de la réalité.
L’expression préliminaire des besoins donne lieu à une modélisation des cas d’utilisation et
une maquette d’Interface Homme-Machine(IHM). La réalisation de cette maquette graphique
se fait par des logiciels tels que Dreamweaver ou note pad++. Elle permet de montrer plus
rapidement l’aspect visuel du site Web. Pour la réalisation, nous allons nous consacrer aux
informations à montrer, à qui et pourquoi faire ? Pour répondreàcette question nous allons
aborder les concepts UML d’acteur et de cas d’utilisation. Mais avant d’entrée dans le détail
de la conception nous allons voir l’architecture générale de la plateforme, notre plateforme
contient 4 types d’utilisateur qui sont :
Le candidat : s’inscrit au site, créer son profil, créer et/ou modifier son CV, postuler à
des offres, etc.
Le recruteur : poser des offres, consulter les profils et/ou CV des candidats, etc.
L’operateur de saisie : créer des comptes, mise à jour des offres, etc.
38
Figure 8:
8 Architecture générale de la plateforme
Personnel Internaute
Client
1
6 7
API 5 2
7
4
BDD
3
Serveur de données
Base de données
Le serveur de données accède à la base de données (3) pour récupérer les données qui
lui sont demandés par le serveur de données et lui renvoie les résultats trouvées (4).
- 39-
Le serveur d’application envoie la réponse à la requête de l’internaute ou le personnel
(6).
Le cas d’utilisation est un modèle représentatif des acteurs et leur relation avec les
cas d’utilisation.Pour aboutir au modèle des cas d’utilisation, quelque démarches’impose :
Ajouter les relations entre cas d’utilisation pour obtenir le diagramme des cas
d’utilisation final.
« Un acteurreprésente un rôle joué par une entité externe (utilisateur humaine, dispositif
matériel ou autre système) qui interagit directement avec le système étudié. Un acteur peut
consulter et/ou modifier directement l’état du système, en émettant et /ou en recevant des
messages susceptibles d’être porteur des données »4. On peut identifier deux types d’acteurs :
Les acteurs interne (Acteur métier): sont les acteurs qui est externe au système étudié ;
Les acteurs externe (Travailleur métier) : sont les acteurs qui est interne du système
étudier ;
L’internaute : elle constitue l’acteur principal du site. Ce sont les personnes (que ce soit
recruteur ou candidats) qui visitent le site pour rechercherou poser des offres, créer son
profil et éventuellement de postuler pour un offre ;
4
Pascal ROQUES, « Les cahiers du programmeur UML », Eyrolles, Paris, mars 2007, page 25.
40
L’operateur de saisie : personnel du JADE qui s’occupe l’enregistrement des offres, la
création des profils pour les membres qui viennent au siège et qui s’occupe des suivies
des dossiers ;
L’administrateur : possède les mêmes fonctions que l’operateur de saisie mais en plus il
a le droit de créer des utilisateurs, de gérer les options de la plateforme job et de gérer
les offres.
Le cas d’utilisation est l’ensemble des actions réalisé par le système suite à une
action effectué par les acteurs. L’ensemble de ces cas d’utilisation définie les objectifs du
système. Le différent cas d’utilisations du système a été mis en évidence dans la première
partie à savoir :
1) Pour l’internaute :
S’inscrire ;
41
2) Pour l’operateur de saisie :
Modérateur du site.
3) Pour l’administrateur :
Modérateur du site ;
Option du site ;
Le cas d’utilisation a pour représentation graphique une ellipse en trait plein, qui en général,
ne contient que son nom.
C. Structuration en paquetage
42
Un paquetage est le regroupement est la façon de regrouper les éléments en UML.
Il a été mise en place pour faciliter la lisibilité des diagrammes et d’organiser les éléments de
modélisation en groupes comme on voit dans la figure ci-dessous :
43
D. Le diagramme des cas d’utilisation
44
La description textuelle des cas d’utilisation
Dans cette section, on va trouver les processus que nous préconisons pour
modéliser le site Web.
D’après le diagramme de cas d’utilisation nous avons établi les priorités entre les cas
d’utilisation en fonction des facteurs de la priorité fonctionnelle et le risque technique.
Acteur principal
L’internaute.
Objectif
L’internaute veut trouver le plus rapide possible un ou des offres dans l’ensemble des offres
du site Web. Il peut aussi faire une recherche avancée avec des critères variés.
Pré-conditions
45
Post-conditions
L’internaute a trouvé l’offre qu’il recherchait. Il l’a consulté ou postulé si ça lui convient.
Scénarios nominal
1. L’internaute lance une recherche rapide à partir de deux mots clés : le mot de recherche et le
type de recherche.
2. Le système affiche une page de résultat. Les offres classées par défaut dans un ordre
décroissant par rapport aux numéros de l’offre.
4. Le système lui présente une fiche détaillé pour l’offre sélectionné. On y trouve en particulier :
Le numéro de l’offre ;
Le domaine de l’emploi ;
Le secteur concerné ;
Le recruteur ;
Le statut de l’emploi ;
Le post clé ;
Extensions
1. a) L’internaute a saisi un mauvais nom dans le champ de recherche. Le système lui propose
des suggestions par rapport à son type de recherche commençant par la première lettre de sa
recherche.
1. L’internaute sélectionne une suggestion et peut enchainer sur l’étape 3 du scénario nominal.
46
3. 2a) L’internaute n’est pas intéressé par le résultat de la recherche.
1. L’internaute revient à l’étape 1 du scenario nominal pour lancer une nouvelle recherche.
1. Le système lui signale l’échec de la recherche et lui propose d’entamé une nouvelle recherche.
Le cas d’utilisation redémarre à l’étape 1 de l’extension 1b du scenario nominal.
1. Le système lui affiche une première page de résultats et le nombre de d’offre répondant à ses
critères de recherche. L’internaute peut choisir le nombre d’affichage par page de résultats.
Les autres pages sont accessibles directement par des symboles «suivants » et « précédent ».
1. L’internaute revient à l’étape 1 du scenario nominal pour lancer une nouvelle recherche.
1. Le système lui signale l’échec de la recherche et lui propose d’entamé une nouvelle recherche.
Le cas d’utilisation redémarre à l’étape 1 de l’extension 1c du scenario nominal.
1. Le système affiche lui affiche une première page de résultats et le nombre de d’offre
répondant à ses critères de recherche. L’internaute peut choisir le nombre d’affichage par
47
page des résultats. Les autres pages sont accessibles directement par des symboles «suivants »
et « précédent ».
1. L’internaute revient à l’étape 1 du scenario nominal pour lancer une nouvelle recherche.
1. Le système lui signale l’échec de la recherche et lui propose d’entamé une nouvelle recherche.
Le cas d’utilisation redémarre à l’étape 1 de l’extension 1d du scenario nominal.
1. Le système affiche lui affiche une première page de résultats et le nombre de d’offre
répondant à ses critères de recherche. L’internaute peut choisir le nombre d’affichage par
48
page des résultats. Les autres pages sont accessibles directement par des symboles «suivants »
et « précédent ».
1. L’internaute revient à l’étape 1 du scenario nominal pour lancer une nouvelle recherche.
Exigences supplémentaire
La recherche doit être très rapide et 95% des requêtes doit aboutir à un résultat. L’internaute a
droit à un tri par colonne du tableau des résultats.
S’inscrire
Acteur principal
L’internaute.
Objectif
L’internaute veut faire son inscription pour devenir membre du site Web.
Pré-conditions
Post-conditions
L’internaute a fini son inscription. Il bénéficie de tous les avantages pour les membres.
Scénarios nominal
49
4. Le système envoie un e- mail de validation de son compte à son adresse électronique et lui
affiche un message qu’un mail lui est envoyé pour activer son compte.
5. L’internaute clique sur le lien dans son e-mail pour valider son compte. L’inscription est
terminée.
Extensions
1. Le système lui signale l’échec de l’adresse qu’il a saisis et lui propose d’essayer une autre. Le
cas d’utilisation redémarre à l’étape 1 du scenario nominal.
1. Le système lui signale l’échec de l’adresse qu’il a saisis et lui propose d’essayer une autre. Le
cas d’utilisation redémarre à l’étape 1 du scenario nominal.
1. c) l’adresse électronique n’est pas valide c'est-à-dire après l’arobase il n’existe aucun point et
après point il doit avoir deux (2) caractères au minimum.
1. Le système lui signale l’échec de l’adresse qu’il a saisis et lui propose d’essayer une autre. Le
cas d’utilisation redémarre à l’étape 1 du scenario nominal.
1. Le système lui signale l’échec de l’adresse qu’il a saisis et lui propose d’essayer une autre. Le
cas d’utilisation redémarre à l’étape 1 du scenario nominal.
1. Le système lui signale l’échec et lui indique les champs obligatoires. Le cas d’utilisation
redémarre à l’étape 2 du scenario nominal.
1. f) le champ téléphone fixe et/ou téléphone portable ne sont pas d’une valeur numérique
1. Le système lui signale l’échec et lui indique que le champ est d’une valeur numérique. Le cas
d’utilisation redémarre à l’étape 2 du scenario nominal.
50
1. Le système lui signale l’échec et lui indique qu’il a saisies deux mots de passe différente
numérique. Le cas d’utilisation redémarre à l’étape 2 du scenario nominal.
Exigences supplémentaire
L’étape de l’inscription doit être terminée en 3 clics. Le formulaire d’inscription ne doit pas
être compliqué pour éviter l’effort intellectuel et la démarche doit être claire et intuitive.
Acteur principal
L’internaute.
Objectif
Pré-conditions
Post-conditions
Scénarios nominal
51
3. Le système lui informe que sa candidature est envoyée.
Extensions
1. Le système lui signale qu’il a déjà postulé pour cette offre. Le cas d’utilisation redémarre à
l’étape 2 du scenario nominal.
Acteur principal
L’internaute.
Objectif
Pré-conditions
52
L’internaute est membre du site Web et son compte est activé.
Post-conditions
Scénarios nominal
3. L’internaute accède à un formulaire de création de son profil et sélection parmi les différents
choix qui lui sont proposées.
53
Figure 14: Formulaire profil candidat.
Extensions
Acteur principal
54
L’internaute.
Objectif
Pré-conditions
Post-conditions
Scénarios nominal
Extensions
Exigences supplémentaire
Un micro calendrier est affecté à tous les champs date pour faciliter la saisie des dates.
Acteur principal
L’internaute.
Objectif
55
L’internaute veut modifier son profil et/ou son CV.
Pré-conditions
Post-conditions
Scénarios nominal
2. Le système lui propose dans une page les différentes actions qu’il peut faire.
6. Le système lui informe que son profil a été modifié et lui dirige dans son espace personnel.
Extensions
1. Le système averti l’internaute que son e-mail et mot de passe ne correspond pas à ceux d’un
membre connu. Il lui propose de s’identifier à nouveau et le cas d’utilisation redémarre à
l’étape 1 du scenario nominal.
1. Le système revient sur l’affichage de son espace personnel et le cas d’utilisation est terminé.
Créer son CV
Acteur principal
L’internaute.
56
Objectif
Pré-conditions
Post-conditions
Scénarios nominal
2. Le système lui propose un formulaire qui y figure déjà toute les différentes informations qui
est déjà dans la base.
Extensions
1. Le système averti l’internaute que son e-mail et mot de passe ne correspond pas à ceux d’un
membre connu. Il lui propose de s’identifier à nouveau et le cas d’utilisation redémarre à
l’étape 1 du scenario nominal.
Exigences supplémentaire
L’internaute doit voir dans la page de création de son CV toute les informations concernant
son CV dont il peut ajouter ou supprimer. La création du cv ne doit pas actualiser la page.
Maintenir le site
Acteur principal
Le Webmaster.
57
Objectif
Le Webmaster veut vouloir contrôler la mise à jour du site ainsi que toutes les modifications.
Pré-conditions
Post-conditions
Scénarios nominal
Acteur principal
L’operateur de saisie.
Objectif
L’operateur de saisie veut vouloir consulter toute les activités des membres du site ainsi que
les informations personnelles qui les concernent et de pouvoir modifier toute ces
informations.
Pré-conditions
Post-conditions
L’operateur de saisie a réussi de consulter toutes les rapports et de pouvoir modifier les
informations.
Scénarios nominal
58
2. Le système lui présente une page d’accueil et l’operateur de saisie choisie le menu consulter
les rapports.
3. Le système lui présente une page figurant toute les membres du site et l’état de leur compte
(voir figure).
5. Le système lui dirige dans une page avec des onglets voir :
Les emplois ;
Les formations ;
6. L’operateur de saisie navigue dans ces onglets et peut modifier les informations.
59
Extensions
1. le système lui informe l’échec et lui propose de s’identifier à nouveau et le cas d’utilisation
redémarre à l’étape 1 du scenario nominal.
1. L’operateur de saisie lance une recherche à partir d’un mot clés : le nom du membre (il peut
ne saisir que le début significatif du nom et le moteur de recherche cherchera tous les noms
commençant ainsi.
60
1. Le système signale l’échec et lui propose d’effectuer une nouvelle recherche. Le cas
d’utilisation retourne à l’étape 1c de l’extension du scenario nominal.
1. Le système signale le nombre de résultat trouvés et lui affiche la première page du résultat.
L’operateur de saisie peut modifier le nombre d’affichage par page. Les autres pages sont
accessible par directement par une numérotation, par un symbole « suivant » et « précédent ».
Le cas d’utilisation retourne à l’étape 4 du scénario nominal.
Exigences supplémentaire
Acteur principal
L’operateur de saisie.
Objectif
L’operateur de saisie veut pouvoir consulter créer des comptes pour les membres qui viennent
localement au siège de l’ONG JADE.
Pré-conditions
Post-conditions
Scénarios nominal
2. Le système lui présente une page d’accueil et l’operateur de saisie choisie le menu créer un
compte.
61
3. L’operateur de saisie accède à un formulaire spécialisé lui permettant de saisir les différentes
informations concernant le membre.
4. L’operateur de saisie valide les informations et le système lui informe que le membre a été
bien enregistré.
Extensions
1. le système lui informe l’échec et lui propose de s’identifier à nouveau et le cas d’utilisation
redémarre à l’étape 1 du scenario nominal.
1. Le système lui signale l’échec et lui indique les champs obligatoires. Le cas d’utilisation
redémarre à l’étape 2 du scenario nominal.
1. c) le champ téléphone fixe et/ou téléphone portable ne sont pas d’une valeur numérique
1. Le système lui signale l’échec et lui indique que le champ est d’une valeur numérique. Le cas
d’utilisation redémarre à l’étape 2 du scenario nominal.
1. Le système lui signale l’échec et lui indique qu’il a saisies deux mots de passe différente
numérique. Le cas d’utilisation redémarre à l’étape 2 du scenario nominal.
62
Exigences supplémentaires
Le formulaire d’inscription ne doit pas être compliqué pour éviter l’effort intellectuel et la
démarche doit être claire et intuitive. Les champs obligatoires sont marqués par un point bleu.
Mise à jour
Acteur principal
L’operateur de saisie.
Objectif
L’operateur de saisie veut pouvoir mettre à jour les informations dans le site
Pré-conditions
Post-conditions
Scénarios nominal
2. Le système lui présente une page d’accueil et l’operateur de saisie choisie le menu ajouter
et/ou modifier profil.
3. Le système lui présente une page avec un tableau contenant toutes les différents profils de
tous les membres du site.
5. Le système lui affiche toutes les informations concernant le profil du membre sous forme
d’un formulaire modifiable.
Extensions
63
1. a) Le système ne reconnait pas l’operateur de saisie (figure).
1. le système lui informe l’échec et lui propose de s’identifier à nouveau et le cas d’utilisation
redémarre à l’étape 1 du scenario nominal.
1. b) L’operateur de saisie lance une recherche à partir d’un mot clés : le nom du membre (il
peut ne saisir que le début significatif du nom et le moteur de recherche cherchera tous les
noms commençant ainsi).
1. Le système signale l’échec et lui propose d’effectuer une nouvelle recherche. Le cas
d’utilisation retourne à l’étape 1b de l’extension du scenario nominal.
1. Le système signale le nombre de résultat trouvés et lui affiche la première page du résultat.
L’operateur de saisie peut modifier le nombre d’affichage par page. Les autres pages sont
accessible par directement par une numérotation, par un symbole « suivant » et « précédent ».
Le cas d’utilisation retourne à l’étape 4 du scénario nominal.
1. Le système lui présente une page avec un tableau contenant toutes les différentes offres du
site Web.
4. Le système lui informe que l’offre a été bien modifiée et le cas d’utilisation redémarre à
l’étape 2 du scénario nominal.
64
2. b) L’operateur de saisie lance une recherche à partir d’un mot clés : le nom de l’entreprise
offreur (il peut ne saisir que le début significatif du nom et le moteur de recherche cherchera
tous les noms commençant ainsi).
1. Le système signale l’échec et lui propose d’effectuer une nouvelle recherche. Le cas
d’utilisation retourne à l’étape 2b de l’extension du scenario nominal.
1. Le système signale le nombre de résultat trouvés et lui affiche la première page du résultat.
L’operateur de saisie peut modifier le nombre d’affichage par page. Les autres pages sont
accessible par directement par une numérotation, par un symbole « suivant » et « précédent ».
Le cas d’utilisation retourne à l’étape 1de l’extension 1adu scénario nominal.
1. Le système lui affiche un tableau figurant toute les membres du site Web.
3. Le système lui dirige dans une page avec des onglets voir :
Les emplois ;
Les formations ;
4. L’operateur de saisie navigue dans ces onglets et peut modifier les informations.
65
1. L’operateur de saisie accède à un formulaire de création de profil.
1. Le système lui informe que ce membre possède déjà un profil et demande la modification.
Exigences supplémentaires
À chaque tableau, l’operateur de saisie peut choisir les colonnes à afficher et le nombre
d’affichage par page.
66
§ 2 Description graphique
A. Concept de base
Les objets ;
Les acteurs ;
Les messages ;
Les périodes.
B. Les objets
Un objet est la manifestation concrète d’une abstraction. Il peut représenter une instance de
classe ou des instances d’autres éléments structurels. L’objet a pour représentation graphique
un rectangle.
67
C. Les acteurs
Un acteur représente un ensemble cohérent de rôles joués par les utilisateurs des
cas d’utilisation en interaction avec ces cas d’utilisation. L’acteur a pour représentation
graphique un petit personnage.
D. Les messages
E. Les périodes
68
Figure 20: représentation d’un période.
69
Présentation des diagrammes de séquence système
70
Figure 22 : le Diagramme de séquence du CU « S’inscrire »
71
Figure 24 : leDiagramme de séquence systèmes créé profil.
72
Figure 26 : leDiagramme de séquence systèmes « gérer son compte ».
73
Figure 28 : le Diagramme de séquence systèmes consultation des rapports.
74
Figure 29 : le Diagramme de séquence systèmes mise à jour.
75
Figure 30 : Diagramme de séquence du CU « Ajouter Utilisateur ».
Les utilisateurs concernés par ce CU sont les opérateurs de saisie. C’est l’administrateur qui
donne la permission à l’utilisateur s’ils sont simple utilisateur ou super utilisateur.
76
Figure 31 : Diagramme de séquence du CU « Gérer offres ».
Seul l’administrateur peut gérer les offres c'est-à-dire activé ou désactivé les dépôts des offres.
77
Source : reflexion personnelle, 2011.
§ 3 Le diagramme d’activité
A. Formalisme
Pour modéliser la navigation dans le site, nous allons nous servir d’un certain nombre
d’éléments standards à savoir :
Les activités ;
78
B. Présentation du diagramme d’activité
Nous allons nous servir du concept d’activité pour modéliser plusieurs concepts différents,
grâce aux conventions graphiques suivantes :
Une liaison vers un autre diagramme d’activité, pour des raisons de structuration et de
lisibilité (« connector » avec un niveau de gris soutenu).
79
Figure 34 : Diagramme d’activités du CU « Recherche des offres » :
80
Figure 35 : Diagramme de navigation de l’operateur de saisie.
81
• Diagramme d’activité de l’administrateur :
82
• Diagramme d’activité du CU « Recherche CV » :
83
• Diagramme d’activité du CU « Créer son CV » :
84
SECTION II -ÉTUDE STRUCTURELLE
Dans cette section, notre étude se focalise sur les structures des données ainsi que les
règlesqui interagissent entre elles. Cette étude de structure
§ 1 Règle de gestion
85
RG 20 : un secteur peut appartenir à plusieurs offres.
§ 2 Le diagramme de classe
Classes ;
Objet ;
Attribut ;
Association ;
Opération,
Multiplicité ;
a) Classes
Une classe est la représentation de la description abstrait d’un ensemble d’objet (du monde
réel) qui représente la même caractéristique. Chaque objet de classe possède des occurrences.
Dans la présentation d’un diagramme de classe, la classe est représentée sous forme d’un
rectangle contenant le nom de la classe, ses attributs et ses opérations.
b) Objet
Exemple :
5 ème
Technique général d’analyse en UML 2, VELO Jérôme, cours 4 année
86
Figure 39 : Présentation d’une classe
Occurrence
de la classe
personne
c) Attribut
d) Association
Une association est une relation sémantique durable entre deux classes (association binaires)
ou plus (association n-aires). Dans un diagramme de classe la présentationd’une association se
fait par une ligne qui relie deux classes ou plusieurs classes.
e) Opération
Une opération est l’implémentation d’un service qui peut être demandé à n’importe quel objet
d’une classe pour qu’il agisse sur son propre comportement.
f) Multiplicité
87
La multiplicité (ou cardinalité) associée à une association détermine le nombre d’occurrences
d’association dans lesquelles est impliquée une occurrence. La multiplicité est présentée sous
forme d’un couple (m, n) d’où m est la cardinalité minimum et n est la cardinalité maximum.
88
Figure 41 : Le diagramme de classe
89
SECTION III – ÉTUDE COMPORTEMENTALE
§ 1 Le diagramme de collaboration
90
• Diagramme de collaboration CU « Postuler »
91
• Diagramme de collaboration du CU « Poser offre »
92
CHAPITRE II : LA RÉALISATION
§ 2 MySQL
MySQL est l’œuvre d’une société suédois fondée par David Axmark, Allan Larsson
et Michael Widenius. La première version de MySQL est apparue le 23 mai 1995 el la plus
récentes est sortie en avril 2007 Version 6.0 (version alpha).MySQL est la technologie de
base de données la plus utilisés sur le net partie des technologies utilisées car il est conseillé
par la majorité des hébergeurs Web.
§ 3 Apache
Apache est un serveur Web gratuit. C’est une application qui fonctionne sur plusieurs
plateformes comme linux, Microsoft Windows, etc. Apache est le descendant du NCSAhttpd
1 .3 d’après l’arrêt du développement de celui-ci. Au début des années 1995, la naissance de
la première équipeApache (11 personnes) sortais la première version publiqued’Apache
(0.6.2). Aujourd’hui, Il est le serveur Web le plus répandu sur Internet permettant à des clients
d’accéder à des pages Web, c'est-à-dire en réalité des fichiers au format HTML à partir d’un
navigateur installé sur leur ordinateur distant.
93
§ 4 PHP
PHP a été créé en 1994 par RasmusLerdorf pour les besoins des pages Web
personnelles. À cette époque, PHP signifiait Personnal Home Page. PHP est un langage
incrusté dans HTML et compilé du côté serveur. Il dérive du C et du Perl dont il reprend la
syntaxe.
En 1997, PHP devient un projet collectif et son interpréteur est réécrit par Zeev
Suraski et Andi Gutmans pour donner la version 3 qui s’appelle désormaisPHP :
HyperTextPreprocessor (Préprocesseur Hyper Texte).
PHP est un langage interprété (un langage de script) exécuté du coté serveur, ce qui
veut dire que c’est le serveur qui va interpréter le code PHP et de générer des code qui pourra
être interpréter par le navigateurWeb « Un navigateur Web est un logiciel conçu pour
consulter le World Wide Web»6.
§ 5 FPDF v1.6
FPDF est une classe PHP qui permet de générer des fichiers PDF en pur PHP, c’est-à-dire
sans utiliser la librairie PDFlib. L’intérêt est que PDFlib est payante dans le cadre d’un usage
commercialtandis queFPDF est distribué en licence libre. Le projet a commencé en 2001 par
Olivier Plathey, en est aujourd'hui à la version 1.6.
§ 6 JQuery
JQuery est une librairie de JavaScript libre qui porte sur l’interaction entre JavaScript
(comprenant AJAX) et HTML, et pour but de simplifier des commandes communes de
JavaScript. La première version est sortie en janvier 2006. JQuery existe sous formed’un
fichier JavaScript contenant les fonctions de bases.
§ 7 CRYPTHOGRAPHP v1.4
Cryptographp est un script PHP générateur de cryptogramme appelé « captchas ». Cela a pour
but de rendre difficile, voire impossible, le remplissage automatique du formulaire (‘par un
robot). Autrement dit, de s’assurer que le formulaire est rempli par un humain.
6
Wikipédia, article Navigateur web.
94
§ 8 PEAR
§ 9 L’outil de réalisation
1) Dreamweaver MX 8
2) EasyPHP
EasyPHP est un paquetage contenant à la fois Apache, PHP et MYSQL. EasyPHP permet
d’installer automatiquement et facilement une plateforme permettant l’exploitation d’un site
Web en PHP qui éventuellement aura besoin d’un accès à une base de données. Pour notre
projet on a utilisé EasyPHP version 2.0 qui est incorporé un serveur APACHE 2.2.3, PHP
5.2.0, MYSQL 5.0.27 et PHPMyadmin 2.9.1.1. Qui nous permet de faire des tests
d’application.
Adobe Photoshop CS3 est un logiciel de traitement des photos. Il sert à créer et/ou modifier
des images pour des différents formats.
Pour mieux comprendre comment sont organisés les fichiers dont on parlera plus loin, en
voici l’arborescence complète :
95
Figure 46 : Arborescence de fichier de site de plateforme de l’emploi.
96
connexion, page contient les pages de bases en PHP ou html, photos contient les images de
profil des candidats, style contient les feuille de style CSS,thèmes contient les feuille de style
désignéespour les tableaux.
On a adopté la même structure pour chaque page pour standardiser l’affichage. Elle se
compose d’une bannière qui y figure le slogan du site, en bas bannière on trouve le menu de
navigation, dans la partie gauche on trouve les différentes slide qui servent à titre
d’information, au milieu on trouve le contenu de la page.
97
Figure 50 : Capture d’écran accueil de la plateforme de l’emploi.
1. Bannière du site.
3. Contenu du site.
98
4. Slide menu.
§ 3 Ergonomie du site
Afin d’apporter une ergonomie efficace du site, nous avons consacré un peu de temps sur :
L’utilisabilité : consiste au confort d’utilisation en réduisant au maximum la fatigue.
Pour arriver à cela, nous avons évité de mettre trop de couleur dans les pages, utilisés le
langage JavaScript pour animer et le CSS 3 pour les affichages de la page.
La sécurité : consiste à apporter plus de sécurité sur l’utilisation ainsi que les
informations confidentielles.
• L’état de sa candidature ;
99
recherche est accessible au menu général
Comme on le voit dans les figures ci-dessous :
§ 4 Formulaire de contact
100
Figure 52: Formulaire Page de contact
§ 5 Formulaire de suggestion
L’internaute peut suggérer des offres à ses amis ou collègues. Pour cela il accèdeà
un formulaire de suggestion où il introduit l’adresse de ses amis comme la figure ci-dessous.
101
Figure 53 : Formulaire de suggestion
102
§ 6 Formulaire de profil
On a définie deux type d’utilisateur pour l’espace administrateur du site du coté de JADE :
103
A. Simple utilisateur
C’est l’operateur de saisie qui a les droits de créer, modifier, ajouter des membres…
B. Super Utilisateur
En plus de droit de simple utilisateur, il peut créer des utilisateurs, gérer l’option de connexion
de base, les paramètres de l’offres.
104
SECTION III - LES TRAVAUX FUTURES
§ 1 Forums de discutions
Comme le site regroupe deux types d’utilisateur. Nous avons envisagé de mettre
un forum de discutions pour modérer le site et venir en aide.
L’essentiel d’un site Web c’est sont évolutions, grâce à des nouveaux contenus et à de
nouvelle fonctionnalités. Un site Web qui n’évolue pas peut être considérer comme morts.
Dans cette optique, la réalisation du site plateforme Job ne s’arrête pas au présent travail mais
continu toujours. Jusqu’à maintenant, le site n’est pas encore complètement terminer mais
qu’on peut comprendre aisément qu’il ne le sera jamais, car a chaque nouvelle technologie
découvert impliquerons une nouvelles idée qui mèneront à une nouvelle fonctionnalité.
Cependant le site est prêt à mettre en ligne dans sa version 1.0 dans l’url :
http://job.gasigasy.net .
105
CONCLUSION
L’étude qui nous a été assignée s’est focalisée sur la création du site Web
plateforme de l’emploi avec des technologies libre (Open Source) comme moyen contribuant
au développementde la situation de chômage à Madagascar.
En partant des objectifs fixés d’avance, nous avons pu arriver à réaliser les tâches suivantes :
Mettre en place un site Web d’emploi en ligne servant à soutenir les candidats dans sa
recherche d’emploi en leur permettant en même tant de faciliter la recherche de l’emploi si on
ne compte juste que le déplacement. Au recruteur de disposer des ressources motivantes pour
combler ses postes à pourvoir.
Permettant au grand public de connaitre l’existence de gasigasy.net dont le site est son volet
emploi.
Fournir plus d’interactivité et plus de transparence entre les candidats et les recruteurs.
Nous signalions que durant le parcours, on a rencontrée quelques difficultés et pour y faire
face à ces problèmes, on a recouru à des forums pour trouver des solutions.
D’un point de vue personnel, ce travail m’a donné l’occasion de me spécialisé dans les
langages HTML et PHP ainsi que dans les dialectes et les outils qui en découlent. Ce domaine
m’intéressait avant et me passion aujourd’hui à haut point. Pour terminer, je dirais que ce
projet job gasigasy m’a offert la possibilité d’expérimenter le travail sur terrain, ce qui est un
acquis et atout non négligeable pour ce que je vais entreprendre à l’avenir.
106
BIBLIOGRAPHIE
I. OUVRAGES GÉNÉRAUX
CABARÉ Michel & LALLIAS Laurent, Initiation PHP, version 2.0, 2001,
167 pages ;
ROQUES Pascal, Les Cahiers de programmeur UML, EditionsEyrolles,
2002, 152 pages ;
UIT, Les cables SAT -3 et EASSy : des avancées décisives dans la rupture
de l’isolement de l’Afrique, 25 pages.
II. SUPPORTS PÉDAGOGIQUES
107
III. DOCUMENTS
IV. WEBOGRAPHIE
108
ANNEXE
ANNEXE 1
Un interpréteurPHP local
Installer EasyPHP
• Démarrer EasyPHP après l’installation, une petite icône s’affiche au bar de menu
Un éditeur HTML
N’importe quel éditeur texte peut suffire, comme Notepad ou Word pad, mais nous avons
opté pourDreamweaver car elle permette derepérer le n° de ligne et une coloration syntaxique
appropriée.
Ce serveur mail a pour but de tester le transfert de mail depuis le système vers l’adresse
électronique de l’internaute. Nous avons choisi PSMP (Personnel Serveur Mail Professionnel)
qui est un logiciel serveur mail SMTP que nous avons employé localement.
109
Mise à jour en ligne
Pour la mise à jour en ligne, on a utilisé le FileZilla FTP client pour avoir l’accès au fichier
serveur.
ANNEXE 2
Une interface réactive car AJAX permet de modifier localement la page Web :
Une rapidité d’exécution car seules les données à modifier dans les pagesont
échangées selon le protocole http ;
Une ergonomie améliorée car AJAX permet par exemple d’effectuer des contrôles en
temps réel dans les formulaires en interrogeant un serveur http en arrière-plan.
Ajax permet d’avoir une technologie Web 2.0. Il réduit la réactualisation de la pageentière.
AJAX est une méthode permettant d’interroger un serveur http à partir d’un navigateur à
l’aide du langage JavaScript. L’idée de base est d’envoyer une requête au serveur en
JavaScript et d’en récupérer le résultat pour mettre à jour l’affichage d’une page. Cela a pour
but de dynamiser la page vers une approche Web 2.0 pour une plus d’ergonomie et de
fonctionnalités.
Le fonctionnement d’Ajax est basé sur un objet JavaScript de la classe XMLHttpRequest. Cet
objet était à l’origine un objet ActiveX introduit par Microsoft dans Internet Explorer 5 qui est
alors implémenté en tant qu’objet JavaScript par les autres navigateurs. Un objet
110
XMLHttpRequest permet d’envoyer une requête à un serveur http via les méthodes GET ou
POST et de récupérer le résultat qui peut être en XML, du HTML ou du simple texte.
La technique Ajax permet d’obtenir des pages très réactives mais il ne fonctionne pas sur les
navigateurs trop anciens qui ne possèdent pas un objet ActiveX.
111
ANNEXE 3
FPDF est une classe PHP qui permet de générer des fichiers PDF en pur PHP sans utilisés la
librairie PDFLib. L’intérêt est que PDFLib est payante dans le cadre d’un usage commercial.
Le F de FPDF signifie Free : on est libre de l’utiliser et de la modifier comme on le souhaite.
FPDF a d’autres avantages : des fonctions de plus haut niveau. Voici la listede ses principales
fonctionnalités :
Couleurs ;
Liens ;
Support de police ;
Pourquoi FPDF
FPDFa été choisi parce qu’elle est distribuée en licence GNU (libre) par rapport au PDFLib.
C'est-à-dire que l’utilisateur peut utiliser, modifier, adapter à ses besoins et distribuer la
version modifier pour que toute les autres utilisateurs puis en bénéficier.FPDFprésente une
rapidité d’exécution par rapport au TCPDF qui est aussi une technologie libre mais avec une
taille très grande et volumineuse.
112
LISTE DES ILLUSTRATIONS
I. LISTE DESFIGURES
113
Figure 30 : Diagramme de séquence du CU « Ajouter Utilisateur ».
Figure 31 :Diagramme de séquence du CU « Gérer offre ».
Figure 32 : Diagramme de séquence du CU « Option du site ».
Figure 33 : Exemple de base du diagramme d’activités
Figure 34 : Diagramme des activités du CU « Recherche des offres ».
Figure 35 : Diagramme de navigation de l’operateur de saisie.
Figure 36 : Diagramme de navigation de l’administrateur.
Figure 37 : Diagramme d’activité du CU « Recherche CV ».
Figure 38 : Diagramme d’activité du CU « Créer mon CV ».
Figure 39 : Formulaire se du diagramme de classe simplifiée
Figure 40 : Diagramme de collaboration du CU « Recherche des offres ».
Figure 41 : Diagramme de collaboration du CU « Recherche des offres du scenarios
nominale ».
Figure 42 : Diagramme de collaboration du CU « postuler».
Figure 43: Diagramme de collaboration du CU « Poser des offres».
Figure 44: Diagramme de collaboration du CU « Créer son CV».
Figure 45 : Arborescence de fichier de site de plateforme de l’emploi.
Figure 46 : Capture d’écran accueil de la plateforme de l’emploi.
Figure 47 : Menu recherche
Figure 48 : Formulaire Page de contact
Figure 49 : Formulaire de suggestion
Figure 50 : Page Aperçu CV
Tableau 2 : les prévisions des utilisateurs de l’Internet dans les trois années à venir
114
TABLE DES MATIÈRES
SOMMAIRE ............................................................................................................................... 3
REMERCIEMENTS ................................................................................................................... 4
DÉDICACE ................................................................................................................................ 5
LISTE DES ABRÉVIATIONS, DES SIGLES ET ACRONYMES .............................................. 6
INTRODUCTION....................................................................................................................... 9
PREMIÈRE PARTIE - PRÉSENTATION GÉNÉRALE DE L’ONG JADE ET LE DOMAINE
DU PROJET ............................................................................................................................. 11
CHAPITRE I : PRÉSENTATION GÉNÉRALE DE L’ONG JADE ......................................... 12
SECTION I- LES GÉNÉRALITÉS SUR L’ONG JADE ........................................................ 12
§1 Historiques ................................................................................................................... 12
A. Qu’est-ce que JADE .................................................................................................... 12
B. Enregistrement Administratif Officiel....................................................................... 12
C. Les membres du staff de JADE .................................................................................. 13
SECTION II - LA VISION ET LES ACTIVITÉS DE L’ONG JADE ................................... 13
§1 La vision : ..................................................................................................................... 13
§2 Les activités .................................................................................................................. 13
SECTION III - LE DOMAINE DU PROJET........................................................................... 15
§1 L’EMPLOI À MADAGASCAR ................................................................................. 15
A. Qu’est-ce que le chômage ............................................................................................ 15
B. Situation du chômage à Madagascar ......................................................................... 15
§2 LA TECHNOLOGIE A MADAGASCAR ................................................................ 16
CHAPITRE II : LA PROBLÉMATIQUE DU CHÔMAGE A MADAGASCAR ET
L’INFORMATISATION .................................................................................................................. 19
SECTION I - LA PROBLÉMATIQUE DU CHÔMAGE A MADAGASCAR ........................... 19
§1 La problématique ........................................................................................................ 19
A. Manque de sensibilisation de l’offre .......................................................................... 19
B. Coût de la recherche d’emploi très élevé ................................................................... 19
C. Manque de transparence ............................................................................................ 19
§2 La conséquence sur le chômage.................................................................................. 19
SECTION II - LES SOLUTIONS PROPOSÉES ......................................................................... 20
§1 La mise en place d’une plateforme de recrutement en ligne ................................... 20
§2 Les avantages de l’Internet ......................................................................................... 20
§3 Les plateformes de l’emploi en ligne .......................................................................... 21
115
A. Définition ...................................................................................................................... 21
B. Les acteurs de l’emploi en ligne.................................................................................. 21
C. Fonctionnalités d’une plateforme d’emploi en ligne ................................................ 21
D. Exemple de plateforme d’emploi en ligne ................................................................. 22
SECTION III –LA POLITIQUE ADOPTÉE SUR LA PLATEFORME...................................... 22
§1 Mise en situation .......................................................................................................... 22
§2 Respecter les normes ................................................................................................... 22
§3 Design « TABLELESS » ............................................................................................. 23
A. Introduction ................................................................................................................. 23
B. Positionnement du CSS ............................................................................................... 23
C. Problèmes des tableaux ............................................................................................... 23
§4 Compatibilité ............................................................................................................... 24
§5 Quelques services Internet .......................................................................................... 24
A. La messagerie électronique ......................................................................................... 24
B. Le transfert de fichier ................................................................................................. 25
C. Le Web.......................................................................................................................... 25
SECTION IV : LA MÉTHODE D’ANALYSE ............................................................................ 26
§1 La Généralité ............................................................................................................... 26
A. Choix de la méthode utilisée ....................................................................................... 26
§2 Outils de conception .................................................................................................... 27
§3 La démarche en UML ................................................................................................. 27
A. Historique de l’UML ................................................................................................... 27
B. La Démarche pour modéliser avec UML ...................................................................... 28
A. Qu’est-ce qu’un modèle .............................................................................................. 28
B. Rédiger un modèle avec UML .................................................................................... 29
1) La représentation fonctionnelle.............................................................................. 30
2) La représentation statique ...................................................................................... 30
3) La représentation dynamique ou comportementale............................................. 30
§4 L’étude préalable ......................................................................................................... 31
§1 Rôle du site ................................................................................................................... 31
§2 Description de la demande .......................................................................................... 31
A. Expression des besoins initiaux .................................................................................. 31
B. Positionnement............................................................................................................. 32
C. Exigences fonctionnelles.............................................................................................. 32
116
1) Recherche ................................................................................................................. 32
2) Création de compte.................................................................................................. 33
3) Aide ........................................................................................................................... 33
4) Publication ............................................................................................................... 33
5) Découverte ................................................................................................................ 33
6) Postuler ..................................................................................................................... 34
7) Alertes ....................................................................................................................... 34
D. Exigence non fonctionnelle ......................................................................................... 34
1) Ergonomie efficace .................................................................................................. 34
2) Formulaire d’inscription simple ............................................................................ 34
E. Contrainte de conception ............................................................................................ 34
§3 Le Diagramme de contexte dynamique ..................................................................... 35
DEUXIÈME PARTIE - CONCEPTION, RÉALISATION ET MISE EN PRODUCTION ....... 37
CHAPITRE I : LA CONCEPTION DÉTAILLÉE ........................................................................ 1
SECTION I - L’ÉTUDE FONCTIONNELLE ......................................................................... 40
§1 Les cas d’utilisation (uses cases) ................................................................................. 40
A. Identification des acteurs ............................................................................................ 40
B. Identification des cas d’utilisation ............................................................................. 41
C. Structuration en paquetage ........................................................................................ 42
D. Le diagramme des cas d’utilisation............................................................................ 44
§2 Description graphique ................................................................................................. 67
A. Concept de base ........................................................................................................... 67
B. Les objets ...................................................................................................................... 67
C. Les acteurs.................................................................................................................... 68
D. Les messages ................................................................................................................ 68
E. Les périodes.................................................................................................................. 68
§3 Le diagramme d’activité ................................................................................................ 78
A. Formalisme................................................................................................................... 78
B. Présentation du diagramme d’activité....................................................................... 79
SECTION II - ÉTUDE STRUCTURELLE .............................................................................. 85
§1 Règle de gestion............................................................................................................ 85
§2 Le diagramme de classe .............................................................................................. 86
A. Définition et concept de base ...................................................................................... 86
1) Concept de base et formalisme ............................................................................... 86
117
a) Classes................................................................................................................... 86
b) Objet ..................................................................................................................... 86
c) Attribut ................................................................................................................. 87
d) Association............................................................................................................ 87
e) Opération.............................................................................................................. 87
f) Multiplicité ........................................................................................................... 87
2) Formalisme d’un diagramme de classe ................................................................. 88
B. Présentation du diagramme de classe ........................................................................ 88
SECTION III – ÉTUDE COMPORTEMENTALE ...................................................................... 90
§1 Le diagramme de collaboration.................................................................................. 90
SECTION I- LES TECHNOLOGIES UTILISÉES ...................................................................... 93
§1 Prérequis ...................................................................................................................... 93
§2 MySQL ......................................................................................................................... 93
§3 Apache .......................................................................................................................... 93
§4 PHP ............................................................................................................................... 94
§5 FPDF v1.6 ..................................................................................................................... 94
§6 JQuery .......................................................................................................................... 94
§7 CRYPTHOGRAPHP v1.4 .......................................................................................... 94
§8 PEAR ............................................................................................................................ 95
§9 L’outil de réalisation ................................................................................................... 95
1) Dreamweaver MX 8 .................................................................................................... 95
2) EasyPHP ....................................................................................................................... 95
3) Adobe Photoshop CS3 ................................................................................................. 95
SECTION II- STRUCTURE GÉNÉRALE DU SITE ................................................................... 95
§1 Arborescence de fichiers ............................................................................................. 95
§2 Structure d’une page ................................................................................................... 97
§3 Ergonomie du site ........................................................................................................ 99
SECTION III - LES FONCTIONNALITÉS ................................................................................. 99
§1 Système d’envoi courrier électronique ...................................................................... 99
§2 Téléchargements des fichiers ...................................................................................... 99
§3 Moteur de recherche interne ...................................................................................... 99
§4 Formulaire de contact ............................................................................................... 100
§5 Formulaire de suggestion .......................................................................................... 101
§6 Formulaire de profil .................................................................................................. 103
118
§7 Droit et privilège des utilisateurs. ............................................................................ 103
A. Simple utilisateur ....................................................................................................... 104
B. Super Utilisateur........................................................................................................ 104
§1 Forums de discutions................................................................................................. 105
§2 Système d’assistante en ligne .................................................................................... 105
CONCLUSION ........................................................................................................................106
BIBLIOGRAPHIE ...................................................................................................................107
ANNEXE .................................................................................................................................109
LISTE DES ILLUSTRATIONS ...............................................................................................113
119