Pfe rapport rabiaa hind 04 06 2012

Dédicace

A mes parents :

Aucun mot si sacré soit-il, ne suffira à apprécier à sa juste valeur, le soutien matériel et
spirituel, les sacrifices que vous ne m’avez cessés de déployer.

On vous offre en guise de reconnaissance, ce modeste travail en vous souhaitant santé,
bonheur et longue vie qu’on puisse combler à nous tour.

A mes chers frères et sœurs :

Je vous dédie ce travail en témoignage des liens solides et intimes qui nous unissent et
pour leurs soutiens, encouragements en vous souhaitant un avenir plein de succès et de
bonheur.

A tous mes collègues et amis du master spécialisé Qualité des
Logiciels.

A tous ceux qui m’ont soutenu et qui me soutient encore.

Hind-Rabiaa

Remerciements
Au terme de ce Projet de Fin d’Etude, nous tenons à manifester l’expression de notre
profonde gratitude et notre reconnaissance à toute personne ayant contribué, de prés ou de
loin, à l’aboutissement de ce travail, en particulier :

Monsieur Mohamed KHALDI, pour son encadrement, ses conseils et directives pertinents
et sa disponibilité durant toute la période de notre stage.

De même, nos remerciements se portent vers le responsable de notre Master « Qualité du
Logiciel », Monsieur Kamal Eddine EL KADIRI, qui n’a épargné aucun effort pour nous
aider et nous orienter.

Nous tenons à remercier également tout le personnel de la direction Régionale du ministère
de la santé de Tétouan qui n’ont aménagé ni leur temps ni leur énergie pour nous aider à
élaborer ce travail.

Nous aimerions que tous nos formateurs trouvent ici l’expression de notre profonde
reconnaissance et de notre respect.

Merci aussi aux membres de jury pour l’attention dont ils ont fait preuve vis à vis de notre
travail.

UAE – Faculté des Sciences de Tétouane 2010/2011 Page 2

Résumé
Le succès des organisations modernes repose essentiellement sur le développement des
compétences de leur capital humain. De ce fait, la formation continue a pris une place
importante dans la gestion des ressources humaines. Le e-learning est une innovation qui par
ses avantages économiques, pédagogiques et sociaux, est jugé comme un moyen optimal pour
relever les défis majeurs de formation. Néanmoins, la réussite de l’implantation du projet du
e-learning qui se base sur la technologie de l’information et de la communication est inhérente
à l’adhésion de son utilisateur final.

Pour assurer le développement de ses professionnels de santé, notre Direction Régionale du
ministère de la santé de Tétouan projette intégrer cette nouvelle approche dans la pratique de
la formation continue. Notre travail a comme objectif : « La conception et Développement
d’un système de formation en ligne»

Notre mission a consisté en l’étude du processus de gestion de la formation continue au sien
de la Direction Régionale du ministère de la santé de Tétouan, ainsi que la réalisation de
l’ensemble des phases du développement de ce projet.

Le système à réaliser comporte plusieurs fonctionnalités; nous trouvons les fonctionnalités de
gestion en premier lieu, et les fonctionnalités de communication en deuxième lieu.

Ce rapport comporte six chapitres ; le premier chapitre définit le contexte général du projet.
Le deuxième est dédié à l’analyse des besoins. Le troisième spécifie la conduite du projet. Le
quatrième explique à l’étude fonctionnelle et technique du projet. Le cinquième présente la
conception du projet. Enfin, le dernier chapitre décrit la phase de mise en œuvre du projet.

=======Mots clés=======
E-learning - Formation continue - Professionnels de la santé - d’un
système de formation en ligne – gestion de la formation continue.


Liste des figures

N° figure Description Page

1 Filiales de la société REDFOX SERVICES 14

2 REDFOX Organigramme 15

3 Structure de département technique 16

4 REDFOX services 17

5 Architecture d’e-School 20

6 Capture d’écran de www.teknoadapt.net 23

7 Capture d’écran www.alwassila.com 24

8 Cycle de vie en V 31

9 Table des tâches représentées par MS Project 32

10 Diagramme du Gantt 33

11 Table des tâches 34

12 Diagramme du Pert 35

13 Diagramme de cas d’utilisation global 38

14 Diagramme de cas d’utilisation « Super-Admin / Admin » 39

15 Cas d’utilisation « Gérer Espace Ministère & Educatif » 40

16 Diagramme de cas d’utilisation « Enseignant » 41

17 Diagramme de cas d’utilisation « Etudiant / Parent » 42

18 Diagramme d’activité « administration du site web » 47

19 Diagramme d’activité « Authentification » 48

20 Diagramme d’activité « mettre à jour Actualités » 49

21 Diagramme d’activité « modifier page » 50

22 Diagramme de Séquence « Consulter page » 51

23 Diagramme de Séquence « Consulter Actualités » 52


24 Diagramme de Séquence « Authentification » 53

25 Diagramme de Séquence « mettre à jour Actualités » 54

26 Diagramme de Séquence « mettre à jour Pages » 55

27 Diagramme de classes 56

28 Architecture de l’EasyPHP 59

29 Front-end de DMSLearn V1.0 60

30 Tableau de bord d’administrateur de DMSLearn V1.0 61

31 Menu d’administrateur de DMSLearn V1.0 62

32 Page d’espace d’enseignant de DMSLearn V1.0 63

33 Page d’espace d’étudiant de DMSLearn V1.0 63

34 Front-end d’DMSLearn V2.0 65

35 Back-end d’espace d’administrateur 66

36 Back-end d’espace d’enseignant 67


Liste des abréviations

Abréviation Désignation

2I Ingénierie Informatique

AJAX Asynchronous JavaScript And XML

CMS Content Management System

CSS Cascading Style Sheets

HTTP HyperText Transfer Protocol

IHM Interface Homme Machine

QL Qualité logiciel

PHP Hypertext Proprocessor

SGBD Système de Gestion de Bases de Données

SQL Structured Query Language

RFID Radio Frequency IDentification

UML Unified Modelling Language

MVC Modele View Controller

W3C World Wide Web Consortium

XHTML eXtensible HyperText Markup Language

XML eXtensible Markup Language
What You See Is What You Get
WYSIWYG
(ce que vous voyez est ce que vous obtenez)


Table des matières
Dédicace ................................................................................................................................. 1
Résumé ..................................................................................................................................... 3
Liste des figures ................................................................................................................ 4
Liste des abréviations .................................................................................................... 7
Introduction générale .................................................................................................. 12
Chapitre 1 : Cadre général du projet .................................................................... 14
I. Introduction : .................................................................................................................... 14
II. Présentation d’organisme d’accueil : ............................................................................... 14
i. Attribution et organisation de la direction Régionale ................................................ 14
II.1 Organigramme : ......................................................................................................... 15
II.2 Les attributions des services composant la direction régionale. ................................ 16
II.3 Les attributions et organisation des délégations ........................................................ 17
III. Définition du e-learning : .............................................................................................. 18
IV. Présentation du projet : .................................................................................................. 19
IV.1 Problématique : ...................................................................................................... 19
IV.2 Description du projet : ........................................................................................... 21
IV.3 Objectifs du projet : ............................................................................................... 21
V. Conclusion :...................................................................................................................... 22
Chapitre 2 : Analyse des besoins .............................................................................. 23
I. Introduction : .................................................................................................................... 23
II. Etude de l’existant : .......................................................................................................... 23
II.1 Cahier des charges : ................................................................................................... 23
i. La cible: ..................................................................................................................... 23
ii. Les besoins : .......................................................................................................... 23
iii. Objectif du projet : ................................................................................................. 24
iv. Principe de fonctionnement du système : .............................................................. 24
v. Environnement technique : .................................................................................... 24
vi. Contraintes techniques : ......................................................................................... 24
vii. Contraintes de sécurité: .......................................................................................... 25
viii. Structuration du site : ............................................................................................. 25
ix. Orientation graphique et ergonomique : ................................................................ 25
II.2 Identification des acteurs : ......................................................................................... 25
II.3 Assurance qualité :..................................................................................................... 26
i. Environnement de travail : ........................................................................................ 26
ii. Anti-aspirateur : ..................................................................................................... 26
iii. Sécurité : ................................................................................................................ 27


iv. Sécurisation des mots de passe : ............................................................................ 27
III. Conclusion :................................................................................................................... 28
Chapitre 3 : conduite du projet ................................................................................. 29
I. Introduction : .................................................................................................................... 29
II. Cycle de développement : ................................................................................................ 29
III. Planification du projet : ................................................................................................. 30
IV. Conclusion :................................................................................................................... 34
Chapitre 4 : étude fonctionnelle et technique du projet ............................. 35
I. Introduction : .................................................................................................................... 35
II. Etude fonctionnelle et technique: ..................................................................................... 35
II.1 Cas d’utilisation global : ............................................................................................ 35
II.2 Description des cas d’utilisation détaillé : ................................................................. 36
i. Cas d’utilisation « Admin / Formateur /Apprenant / Visiteur » : .............................. 36
II.3 Technologies et Frameworks utilisées :..................................................................... 38
i. XHTML 1.0 : ............................................................................................................. 38
ii. CSS ........................................................................................................................ 38
iii. PHP 5 oui .............................................................................................................. 38
iv. ZEND ..................................................................................................................... 38
v. SGBD : MySQL ..................................................................................................... 39
vi. AJAX : ................................................................................................................... 39
vii. jQuery .................................................................................................................... 39
viii. La bibliothèque CKEditor : .................................................................................... 39
ix. La bibliothèque GD : ............................................................................................. 40
x. La bibliothèque FPDF : .......................................................................................... 40
III. Conclusion :................................................................................................................... 40
Chapitre 5 : conception du projet ............................................................................. 41
I. Introduction : .................................................................................................................... 41
II. Diagrammes d’activités : .................................................................................................. 41
II.1 Diagramme d’activité « Administration du site web » : ............................................ 41
II.2 Diagramme d’activité « Authentification » : ............................................................. 42
II.3 Diagramme d’activité « mettre à jour Actualités » : ................................................. 43
II.4 Diagramme d’activité « mettre à jour formation » : .................................................. 44
II.5 Diagramme d’activité « suivre une formation » : ..................................................... 45
III. Diagrammes de séquences : .......................................................................................... 46
III.1 Diagramme de séquence « Consulter Front-end » : ............................................... 46
III.2 Diagramme de séquence « Authentification » : ..................................................... 47
III.3 Diagramme de séquence « mettre à jour Actualités » : ......................................... 48


III.4 Diagramme de séquence « gérer formation » : ...................................................... 49
III.5 Diagramme de séquence « suivre une formation » : .............................................. 51
III.6 Diagramme de séquence « suivi d’une formation » : ............................................ 52
III.7 Diagramme de séquence « Accéder au forum » : .................................................. 52
IV. Diagramme de collaboration : ....................................................................................... 53
V. Diagramme de classe :...................................................................................................... 54
VI. Conclusion :................................................................................................................... 56
Chapitre 6 : mise en œuvre du projet ...................................................................... 57
I. Introduction : .................................................................................................................... 57
II. Environnement de développement : ................................................................................. 57
III. Evolution de l’application : ........................................................................................... 58
III.1 DMSLearn V1.0 :................................................................................................... 58
III.2 Captures d’écrans V1.0 : ........................................................................................ 59
i. Front-end : ................................................................................................................. 59
ii. Back-end : .............................................................................................................. 60
III.3 Valeur ajouté de DMSLearn V2.0: ........................................................................ 65
IV. Tests : ............................................................................................................................ 65
V. Les IHM de l’application : ............................................................................................... 66
i. Front-end : ................................................................................................................. 66
ii. Back-end : .............................................................................................................. 66
VI. Conclusion :................................................................................................................... 68
Conclusion générale et perspectives .................................................................... 69
Annexes ................................................................................................................................ 70
Annexe A : Cycle de vie en V ......................................................................................... 70
Annexe B : présentation d’umL ................................................................................... 71
Annexe D : présentation de W3C ................................................................................. 72
Bibliographie ..................................................................................................................... 73
Dictionnaires...................................................................................................................... 74


“e-Learning is not an objective in itself, but rather a way to make education and
learning more effective, efficient and pervasive. It has the power to transform
education but should also be the engine in all major initiatives where new skills
and behaviours are required. It stretches far beyond course based learning and
levrages new technologies such as collaborative and community software,
Instant messaging and Blogs and social Network Analysis to give a few
examples. It encompasses concepts like Content Management, Knowledge
Management, Performance support, Workflow Learning and virtual
cooperation. Thus eLearning can be a powerful engine for the knowledge-based
society affecting us in many aspects of our lives”
(e-Learning Industy Group 2005)


Introduction générale

A l’heure actuelle, l’économie des organisations ne se mesure plus par leur capital financier
mais plutôt, par leur capital humain. la mondialisation des échanges, la croissance rapide des
technologies de l’information et de communication et les changements accélérés politiques,
économiques et sociaux font qu’une organisation se doit d’assurer une actualisation et une
avancée permanente de ces ressources humaines pour être compétitive sinon, elle risque de
périr.

De ce fait, Le monde du travail exige de la main d’oeuvre une plus grande efficacité et une
plus grande polyvalence dans l’exécution des tâches quotidiennes. Aussi, les nouveaux
modèles de gestion dorénavant moins hiérarchiques et moins centralisés, demandent plus
d’autonomie et de réactivité de la part des salariés. Ces derniers ne peuvent plus compter
uniquement sur leur qualification initiale, à durée de vie courte mais, doivent mettre à jour et
continuellement leurs connaissances pour répondre aux besoins du travail en constante
évolution.

Par conséquent, la formation, notamment la formation continue (FC), a pris une place
importante dans les stratégies des ressources humaines. Et pour servir mieux encore
l’organisation, elle se doit d’être à la hauteur des ambitions qu’elle porte : rapidité, flexibilité,
efficacité et rentabilité. Pour y faire face, le système traditionnel de formation par son
approche présentielle, conditionné par l’unité de temps et de l’espace semble être insuffisant
pour répondre à ce grand défi d’où la nécessité d’une nouvelle approche.

L’émergence de la technologie d’information et de communication (TIC) dans le domaine de
formation a donné naissance au e-learning. Ce dernier s’impose comme une nouvelle
approche incontournable par les avantages qu’il confère à l’organisation sur les plans
financier, social et organisationnel.

Sur le plan financier, le e-learning est plus économique que la plupart les autres options de
formation. Bien que les dépenses initiales qu’entraîne l’élaboration du programme soient
importantes, il permet à moyen et à long terme des économies sur les frais de déplacement, le
temps de travail perdu et le matériel didactique. Sur le plan organisationnel, le e-learning
s’ajuste pour accommoder un nombre important d’apprenants qu’une organisation veut


former. Il n’est pas nécessaire d’avoir une masse critique. Il offre aussi une plus grande
facilité d’accès temporo-spatial rendant le système d’apprentissage équitable. Sur le plan
social, le e-learning s’accommode à un large éventail de style d’apprentissage. Par sa capacité
de réseautage multimédias, Il ouvre toute une gamme de nouvelles possibilités notamment,
des graphiques, des visioconférences pour dispenser la formation et pour les apprenants de
former une rétroaction immédiate et de s’engager activement dans des conversations avec
leurs pairs et autres formes de collaboration.

C’est dans ce cadre que notre projet de fin d’études s’inscrit. Il consiste à la « Conception et
Développement d’un système de formation en ligne en faveur du personnel du ministère de la
santé à la Région de Tanger-Tétouan » . Cet outil sera un facilitateur de formation pour
l’ensemble du personnel de la direction.

Notre travail est structuré de la façon suivante : nous situerons dans un premier temps la
problématique de notre projet. Puis Comme tout autre projet de développement, la réalisation
de notre travail passe par plusieurs phases à savoir :

Une phase d’analyse (phase curciale pour la réalisation du projet), dans laquelle nous
avons effectué une étude approfondie sur les différents domaines du sujet.
Une phase de conception, où nous avons procédé à la description le système cible dans
sa globalité ainsi que les différentes fonctionnalités exigées.
Une phase de mise en œuvre (en cours) qui consiste en développement des différents
modules identifiés lors de la conception
Une phase de tests et validation pour tester la capacité du système réalisé à répondre
aux attentes du client et aux objectifs préalablement fixés.

.


Chapitre 1 : Cadre général du
projet
I. Introduction :
Le présent chapitre a pour objectif de présenter l’organisme d’accueil « LA DIRECTION
REGIONALE DU MINISTERE DE LA SANTE », les problématiques qui ont nous poussé à
réaliser ce projet, sujet de notre projet de fin d’études, ainsi que l’objectif et la finalité de ce
projet.

II. Présentation d’organisme d’accueil :
1. Présentation générale de la direction régionale du
ministère de la santé

Les directions régionales se sont des services déconcentrés du ministère de la santé instituées
dans les ressorts territoriaux des wilayas de régions, telles qu’elles sont déterminées par le
Dahir n° 1.59.351 du 1er Joumada II 1379 (2 décembre 1959) relatif à la division
administrative du Royaume .

Notre stage de projet de fin d’étude s’est déroulé au sein de la direction régionale du ministère
de la santé à la région de Tanger Tétouan, le local de la direction se situe à l’hôpital civil de
Tétouan. Elle est gérée par un directeur nommé par le ministère de la santé, ce dernier est le
chef hiérarchique supérieur de l’ensemble du personnel de la direction régionale et du
personnel des délégations du ministère aux préfectures et aux provinces de la région.

i. Attribution et organisation de la direction Régionale
La direction régionale de la santé a pour mission la mise en œuvre de la politique nationale de
santé, au niveau de la région, en tenant compte des spécificités de celles –ci :

Dans la limite de leur ressort territoriale et des attributions qui leur sont déléguées par le
ministre de la santé, la direction régionale de la santé a notamment pour missions:

La protection de la santé publique et la veille sanitaire ;
La planification stratégique ;
Le financement et III gestion financière ;


La gestion des ressources humaines;
Le pilotage et la coordination des actions des établissements de santé;
La garantie de la disponibilité, de la qualité el de l'accessibilité des
médicaments et produits pharmaceutiques non médicamenteux

La direction régionale de la santé est chargée, en outre, de l'animation et de la
coordination des actions de santé au niveau régional en partenariat, le cas échéant, avec
d'autres intervenants régionaux, notamment les administrations publiques, les
collectivités locales, le secteur privé et la société civile.

II.1 Organigramme :

ADM. Centrale

Direction Régionale
Direction Régionale 1 Direction Régionale 2...15
Tanger -Tétouan

Délegation Tétouan
Service Des Rssources humaines
Délégation Fahs- anjra
Service des
approvisionnements, des
Délégation Chefchaouen
bâtiments, des équipements et de
la maintenance

Délegation Tanger Assilah
Service de la Sante publique et de
la surveillance épidémiologique Délégation Larache

Délégation Ouazzene
Service Des Ressources
Financières
Délégation M'diq Fnideq

Figure 2. Organigramme


La direction régionale de la santé de Tétouan est composée de 4 services suivants :

Le service de la Sante publique et de la surveillance épidémiologique
Le service des ressources financières ;
Le service des approvisionnements, des bâtiments, des équipements et de la
maintenance
Le service des ressources humaines

Outre les services susvisés, la direction régionale comprend les délégations du ministère de la
santé dans son ressort territorial

II.2 Les attributions des services composant la direction régionale.
Le service de la Sante publique et de la surveillance épidémiologique est chargé de :

Encadrer le développement des programmes de santé maternelle et infantile et
promouvoir leur mise en œuvre en collaboration avec les partenaires régionaux ;
Encadrer le développement des programmes de santé destinés aux populations ayant des
besoins spécifiques et promouvoir leur mise en œuvre en collaboration avec les
partenaires régionaux ;
Encadrer et assurer la lutte contre les maladies prioritaires au niveau régional ;
Assurer la coordination des activités d’information, d’éducation et de communication
sans le domaine de la santé ;
Assurer, au niveau de la région, la surveillance épidémiologiques ainsi que la veille et
la sécurité sanitaire, en concertation avec les instances et autorités centrales
compétentes dans ce domaine ;
Collecter et analyser les informations sanitaire épidémiologiques et de routine,
provenant des différentes provinces et préfectures de la région ;
Elaborer et mettre en place des outils de monitorage des activités de santé et
d’utilisation des ressources ;

Le service des ressources financières est charger de ;

L’encadrement du processus de préparation du budget -programme de la région ;
L’allocation des ressources budgétaires aux délégations relevant de la région, en
fonction du budget programme, en veillant à l’équité intra régionale ;
L’évaluation de l’exécution de budget programme de la région ;
La prospection et la mobilisation des ressources additionnelles pour l’amélioration du
niveau et de la qualité des soins dans la région ;
La gestion du budget de la direction régionale de la santé et le cas échéant des
ressources affectées pour la réalisation des actions communes à deux ou plusieurs
délégations de la région.

Le service des approvisionnements, des bâtiments, des équipements et de la maintenance
est chargé de :


Veiller à la disponibilité des médicaments essentiels dans les pharmacies des hôpitaux
et dans les grossisteries et officines de la région ;
Assurer l’approvisionnement régulier des établissements de santé relevant de la
direction régionale en médicaments et produits pharmaceutiques non médicamenteux ;
Assure le suivi et la maintenance des bâtiments et des équipements ;
Assure le suivi et la maintenance du matériel biomédical.

Le service des ressources humaines est chargé de :

Assurer la gestion prévisionnelle des R.H au niveau de la région et proposer un plan
des effectifs ;
Superviser, dans le respect de la réglementation en vigueur, la formation de base des
cadres paramédicaux et coordonner les actions de formation continue des
professionnels de santé au niveau régional ;
Assurer la gestion des R.H dans la limite des actes délégués par l’administration
centrale à la DRS ;
Suivi des affectations et des mutations des R.H à l’intérieur de la région en
concertation avec la DRH;
Assurer le suivi des affaires disciplinaires, préparer et proposer les actes
correspondants, dans le respect de la réglementation en vigueur ;
Développer et mettre en œuvre des activités de protection de la santé et de sécurité au
travail, au profit des professionnels de la santé de la région ;
Promouvoir les actions et œuvres sociales au profit du personnel.

II.3 Les attributions et organisation des délégations

Les attributions des délégations

Les délégations sont chargées, dans la limite de leurs compétences territoriales de
réaliser les missions suivantes :

la supervision, la coordination, le contrôle et l'évaluation des actions de prévention l't
soins, entreprises par les établissements des soins de santé de base (F,SSB) et centres
hospitaliers préfectoraux, provinciaux ou régionaux relevant
dl" la délégation:
La gestion des crédits de fonctionnement nécessaires à la réalisation des actions
précitées. à l'exception des crédits affectés aux institutions sanitaires érigées en
S.F.GM,A;
La contribution à la mise en œuvre et au suivi d’exécution des crédits
d’investissements régionaux au niveau de la province ou de la préfecture.
La collecte et l’exploitation des informations sanitaires au niveau de la délégation, n
vue d’améliorer les prestations des établissements de santé qui lui sont rattachés, de
préparer les plans d’action de la délégation et de la direction régionale de la santé et de
constituer la base de données informationnelles au sujet de la situation sanitaire au
niveau de la province ou préfecture.


La gestion des ressources humaines de la délégation, dans la limite des actes délégués
aux délégués préfectoraux et provinciaux ;
La contribution à l’élaboration des plans d’action de formation continue de ces
ressources et veiller au suivi et l’évaluation de l’exécution de ces plans.
La promotion des relations de coopération avec les intervenants dans le domaine de la
santé au niveau provincial ou préfectoral, tout en veillant à la mise en œuvre et à
l’évaluation des actions entreprises dans ce domaine.

L’organisation des délégations

Chaque délégation comprend les services suivants :

- Le service administratif et économique, chargé de faciliter l’organisation, l’exécution
et l’évaluation de toutes les taches d’ordre administratif ou financier ;
- Le service du réseau d’infrastructure et d’action ambulatoires provincial ou
préfectoral, chargé d’élaborer les plans d’action des établissements des soins de santé
de base (ESSB), en matière de prévention et de soins et de veiller à l’encadrement , au
service et à l’évaluation de leur exécution.

III. Définition du e-learning :

E-learning désigne de façon globale l’usage des technologies pour l’apprentissage. Ce terme
regroupe à la fois e-education, e-formation, e-training, apprentissage virtuel, utilisation des
TIC ; Sommairement, il décrit comme le mariage du multimédia (le son, l’image, le texte) et
de l’Internet (la diffusion on line, l’interactivité).

Le e-learning a, suivant les différents acteurs, plusieurs définitions. L’office de la langue
française, défini le e-learning comme «un mode d’apprentissage basé sur l’utilisation des
nouvelles technologies, permettant l’accès à des formations en ligne, interactives et parfois
personnalisées, diffusées par l’intermédiaire d’internet, d’un intranet ou autre média
électronique, afin de développer les compétences, tout en rendant le processus d’apprentissage
indépendant de l’heure et de l’endroit » [1]

Pour l’union européenne, L’e-learning est « l’utilisation des nouvelles technologies
multimédias, de l’Internet pour améliorer la qualité de l’apprentissage en facilitant d’une part
l’accès à des ressources et à des services, d’autres part les échanges et la collaboration à
distance ».

En fait, l’apprentissage en ligne est une modalité pédagogique et technologique qui concerne
la FC, L’enseignement supérieur mais aussi la formation en entreprise, c'est-à-dire pour un
apprenant adulte ayant une certaine autonomie dans l’organisation de son processus
d’apprentissage, comme en entreprise par exemple. Cependant, il faut remarquer qu’aux états


unis, dans des textes officiels récents, E-learning est souvent décliné sous « Enhanced –
learning trough Information Technologies », pour tout type de public, de la maternelle à la
FC, et qu’il inclut toutes les technologies éducatives connues : didacticiels, CD/Rom,
Hypermédias, Tuteur intelligent….).

IV. Présentation du projet :
IV.1 Problématique :

Au Maroc, la formation continue a une place importante dans la fonction publique. Les
dispositifs législatifs qui la régisse la définie comme :

« Un ensemble des opérations tendant à :

a. Qualifier les fonctionnaires et agents de l’état en leur assurant une formation théorique et
pratique afin de les préparer à exercer les fonctions correspondantes à la formation dispensée ;

b. Perfectionner les compétences des fonctionnaires et des agents de l’état par une formation
répondant à l’évolution technique aux mutations que connaît l’administration publique ;

c. Améliorer la compétence et l’expertise des fonctionnaires et agents de l’état en vue de leur
permettre d’accéder, par le biais du redéploiement ou de la mobilité, à des emplois exigeant
une qualification nouvelle ou d’exercer des activités professionnelles différentes ;…….. ». [2]

Le gouvernement marocain, considère la FC comme une priorité pour soutenir les réformes en
cours au niveau de tous les secteurs. Ceci a été affirmé par la déclaration gouvernementale du
premier Ministre devant le parlement le 24 Octobre 2007 : «.....Le gouvernement est
déterminé, en outre, à faire en sorte que la modernisation s’étende à la révision des statuts des
fonctionnaires, dans la perspective de leur simplification, du régime des salaires et des
conditions de la promotion administrative, de façon à prendre en considération le mérite, la
compétence et la probité, en plus du développement de programmes de formation continue
des ressources humaines afin de garantir la motivation, la mise à niveau et la qualité en
matière de rendement et de prise de décision et l’activation de l’opération de redéploiement
des fonctionnaires…...».[3]

Dans cette perspective, et en vue d’améliorer l’état de santé de la population, le ministère de
la santé s’est engagé depuis une dizaine d’année dans un grand chantier de réformes qui a fait


apparaître un besoin d’alignement stratégique de la FC permettant l’acquisition de nouvelles
compétences de la part des professionnels de santé pour qu’ils soient pleinement
opérationnels dans leur environnement en perpétuel évolution. Ceci s’est concrétisé au niveau
de la nouvelle stratégie 2008- 2012 du ministère de la santé [4] par la priorisation du
développement des ressources humaines à travers le renforcement et le développement de
leurs compétences.

Plusieurs raisons justifient le recours de notre département à la FC en utilisant les TIC (le e-
learning). D’une part, la formation d’un effectif important de professionnelles avoisinantes
42000 personnes dispersées sur le territoire de Royaume et d’autre part la diminution les
ressources Financières de prise en charge des formations présentiélles et ressources
pédagogiques (institut de formation, enseignants).

D’autant plus que notre ministère, d’après les résultats de mission d’un expert de
l’organisation mondiale de la santé [5], possède les compétences de base et l’infrastructure
nécessaire, et aussi l’expérience d’un projet pilote du e-learning en soin infirmier au niveau de
l’institut de formation en carrière de santé initié par l’association marocaine des sciences
infirmières et techniques. Tous ces éléments plaide en faveur de faisabilité du projet du e-
learning pour la formation continue des professionnels de la santé.

C’est pour cela nous avons lancé la solution : « La conception et Développement d’un
système de formation en ligne en faveur du personnel du ministère de la santé à la Région de
Tanger-Tétouan » dont nous allons procéder rassemblement tout les outils nécessaires pour
une communication plus professionnelle avec une interface simple à utiliser pour le formateur
et l’apprenant.


IV.2 Description du projet : » »

DMSLearn est un terme qui se compose de deux mots : « DMS » et « learn ». DMS signifie
direction du ministère de la santé et learn est un terme anglais qui signifie apprendre.

La solution DMSLearn est un progiciel spécifique adapté aux besoins de la direction
régionale du ministère de la santé. La solution entre dans le cadre d’ « e-Learning », dont le
but est d'augmenter l'efficacité, de résoudre les problèmes de formation du personnel à travers
plusieurs outils (forum de discussion, dépôts de fichiers...), et d'organiser la pédagogie en
utilisant les nouvelles technologies.

DMSLearn est un projet qui se compose de deux parties :

Front-end

DMSLearn

Back-end

Figure 5. Architecture de DMSLearn

Front-end : Partie publique : C’est la partie présentative de la Direction qui contient
les informations générales sur la direction. Cette partie doit être modifiable 100% à
partir de l’administration.
Back-end : Partie privée : c’est un espace privé réservé pour les personnels de la
direction régionale (l’administrateur, les formateurs, les apprenants,).

IV.3 Objectifs du projet :

DMSLearn est une plate-forme pédagogique qui entre dans le cadre d’e-Learning, elle
permet la mise à disposition des ressources et permet la communication entre Formateur/
apprenant, ou apprenant/ apprenant à travers plusieurs outils : forum de discussion, chat,
dépôts de fichiers...

C’est une plate-forme simple d’utilisation tant du point de vue « Formateur » que du point de
vue «apprenant», cette plate-forme a pour objectifs :


Faciliter l’administration d’un site web éducatif ;
Créer un outil facile à utiliser par l’administrateur, les formateurs et le personnel du
ministère de la santé à la région de Tanger- Tétouan;
Créer un espace confortable pour les bénéficiaires et les formateurs afin de rendre la
communication plus professionnelle ;
Permettre aux bénéficiaires de suivre une formation, consulter les cours et les
télécharger ;
Offrir aux bénéficiaires un espace d’apprentissage individualisé ;
Faciliter la communication entre les formateurs et les apprenants à travers les outils de
communications présentés par la plate-forme ;
Faciliter la circulation des informations ;
Faciliter le partage de tous les types de documents ;
Permettre aux formateurs de publier les cours et les calendriers de formation ;
Consulter les actualités de la Direction Régionale du ministère de la santé ;

DMSLearn intègre un certain nombre d’outils de communication :

Les documents pédagogiques partagés (Une zone peut être utilisée pour mettre à
disposition des étudiants différents documents (Word, Excel, PDF, etc.).
Forum : permet de poster des questions et des messages qui seront accessibles à
l'ensemble des étudiants et aussi le formateur.
La messagerie : permet l'envoi et la réception de mails et ne nécessite pas d'avoir un
e-mail personnel.
Etc.

V. Conclusion :
Dans ce chapitre, nous avons donné une vision générale sur l’organisme d’accueil, et nous
avons présenté le contexte général du projet, son objectif et les modules constituant la
solution proposée aux problèmes constatés


Chapitre 2 : Analyse des
besoins
I. Introduction :
Le présent chapitre sera consacré à l’étude et l’analyse des besoins du projet. Ainsi, la
première section concerne l’étude de l’existant pour prendre une idée générale sur le projet.
La deuxième section traite la spécification des besoins où on définie le cahier de charge du
projet et les acteurs du système.

II. Etude de l’existant :

II.1 Cahier des charges :

i. La cible:

Le système s'adresse à deux catégories d'utilisateurs cibles :

Les internautes : navigation dont la partie front-end afin d’obtenir les dernières
informations et actualités concernant la direction régionale du ministère de la santé de
Tétouan.
Les utilisateurs privés : cette catégorie des utilisateurs concerne les formateurs, les
apprenants et l’administrateur du site.

ii. Les besoins :

L'expérience montre que les apprenants cherchent de plus en plus de moyens de partage des
actualités, des documents, des travaux et autres, afin de se servir à la bonne formation. Les
formateurs eux aussi devraient donc faire partie de l’intégration de ces moyens, pour garantir
une utilisation pédagogique des différents articles de formation partagés. Pour les apprenants
, la création d’un environnement de formation leur apporteraient pourtant des gains très
importants de temps et de qualité des travaux produits, et devraient donc faire partie de leur
formation professionnelle.


Le présent projet visant la création d’un espace de création et de partage des savoirs est donc
l'occasion de mettre en évidence ces lacunes importantes. En effet, la publication d'un article
lui rend à l’exploitation de tout les personnels de la direction. Le projet devra proposer une
formation en ligne, présentée sous la forme de cours, des testes d’évaluation pour les
apprenants capables de s'autoformer.
iii. Objectif du projet :

Ce projet vise à mettre en place une plateforme de formation en ligne. La plateforme
permettra le partage de contenus réalisés par l’administration générale (ministère de la santé)
sous forme de cours, évaluation ou autres. C’est une initiative pour le développement et le
renforcement des compétences du personnel de la direction.

iv. Principe de fonctionnement du système :

Disposer d'une connexion internet
L’accès au site est libre et gratuit, donnant la possibilité de prendre connaissance de
toutes les informations mises en ligne.
L'internaute doit passer par l'intermédiaire d'un navigateur afin d'accéder au site.

v. Environnement technique :

Langage de programmation : PHP5
Plateforme ZEND
Base de données : MySQL
Applications compatibles : toutes les applications

vi. Contraintes techniques :

la plateforme devra être évolutive avec des technologies non «propriétaires ». Elle doit être
dynamique, elle est dotée d’une base de données pour la gestion de tous les documents (cours,
tests,…).

La plate-forme doit pouvoir également gérer des échanges de données entre plusieurs
modules (par exemple : les transferts des documents d’une formation à une autre).

Le développeur de l'application devra concevoir le site sur deux plans : une interface publique
et une autre privée, permettant à l’administrateur du site d'intégrer toutes les données


souhaitées automatiquement, et aussi permet au formateur et l’apprenant d’accéder à leur
espace.

vii. Contraintes de sécurité:

La plateforme doit être sécurisée, elle nécessite de conserver des informations personnelles.
Elle doit être étanche et sécurisé pour tout ce qui concerne l'accès aux données stockées dans
le système. Elle doit prendre en compte les droits d'accès et l’authentification

viii. Structuration du site :

La structure adoptée sera arborescente, en premier temps les pages d’accueil et contact seront
installer par défaut, et les autres pages seront ajouter automatiquement a partir de
l’administration selon les besoins de la direction.

ix. Orientation graphique et ergonomique :

le système propose plusieurs thèmes graphiques pour la plate-forme

La partie front-end devra respecter trois couleurs principaux bleu, blanc et le gris.

Les textes seront présentés sous un format de police standard: « arial » ou « verdana » par
exemple en couleur noire sur fond blanc afin de permettre une bonne lisibilité.

II.2 Identification des acteurs :

DMSLearn contient quatre types d'utilisateurs :

Les visiteurs qui utilisent l'interface normale du site (Front-end).
L’administrateur, les formateurs et les apprenants : ces trois types d'utilisateurs
utilisent l'interface d'administration (Back-end). Les droits d’accès de ces trois
utilisateurs varient selon le type de l’utilisateur. L’administrateur détermine et associe
les droits d’accès aux formateurs et les apprenants.
Dans quelques cas, il est possible qu’un utilisateur du système peut disposer de l’un ou
plusieurs de ces rôles d’utilisateur de l’application (Par exemple un administrateur doit être
un formateur).


II.3 Assurance qualité :

i. Environnement de travail :

Navigateurs : DMSLearn est opérationnel sur les navigateurs suivants :
 Internet Explorer v 6,7,8 et 9.
 Firefox v 2 et 3.
 Opera v 9 et 10.
 Google Chrome.
Résolutions de l'écran : DMSLearn a été testé sur trois résolutions différentes :
 1280 x 800.
 1024 x 768.
Serveurs PHP : DMSLearn est opérationnel sur deux versions de PHP :
 PHP 5.2.6. et plus
Serveurs MySQL : DMSLearn est opérationnel sur deux versions du SGBD MySQL :
 MySQL 5.0.51b.
Systèmes d'exploitation : DMSLearn est opérationnel aussi sur les systèmes
d'exploitation :
 Windows XP, Vista et 7.
 Linux Ubuntu et Fedora.
Installation : le système peut installer automatiquement.
Conforme aux nouvelles normes : le système utilise les nouveaux standards de "W3C"
(XHTML et CSS 2) pour présenter le contenu, ce dernier est encodé en "Unicode",
l'encodage qui permet d'avoir un affichage correct quelle que soit la langue utilisée
dans le système.

ii. Anti-aspirateur :

DMSLearn contient un système anti-aspirateur qui sert à interdire les aspirateurs à télécharger
tout le contenu du système automatiquement, et ça pour deux raisons :

Pour protéger le système.
Parce que l'aspiration ouvre un grand nombre des connexions au serveur (multi-
connexions) et ça peut ralentir le serveur web ou bloquer la base de données si on


atteint le nombre maximum de connexions aux bases de données MySQL
(mysql.max_links).
Le système fait deux types de protections :

Il teste si l'utilisateur utilise un navigateur ou un aspirateur.
Il calcule le nombre de connexions par le même utilisateur dans une minute.

iii. Sécurité :

Le système contient plusieurs fonctions de sécurité, ces fonctions sont les fruits des
recherches qu'on a faites pendant environ deux ans dans ce domaine, ces fonctions servent à
protéger le système contre presque toutes les attaques web trouvées jusqu'à présent.
DMSLearn est un système :

Anti-flood : le système ne peut recevoir qu'un message chaque deux minutes.
Anti-injection SQL : Le système échappe tous les caractères spéciaux d'une
commande SQL qui contient des données envoyées par l'utilisateur.
Anti-XSS : le système convertit - lors de l'affichage des données - tous les caractères
spéciaux par des entités HTML.
Anti-include : Le système interdit d'inclure un fichier interne ou externe indésirable.
Anti-CSRF : Il y a une vérification par une clé pour chaque tâche administrative.

iv. Sécurisation des mots de passe :

La plupart des CMS utilisent des fonctions de hachage cryptographique pour sécuriser les
mots de passe.

Malgré qu'il n y a pas une technique pour décrypter une empreinte générée par une fonction
de hachage, on trouve quelques attaques utilisées pour trouver un mot de passe à partir de
l'empreinte, comme l'attaque par dictionnaire et l'attaque par force brute.

C'est pour cela, on a crée une nouvelle fonction qui utilise la fonction de hachage MD5, et sert
à créer une empreinte plus puissante que cette fonction.

On a trouvé la base de cette méthode de sécurisation en analysant le code source du CMS
Open Source Joomla, ils ont appelé cette méthode "MD5 + Salt".


Pour notre système, on peut dire que la méthode de sécurisation des mots de passe est plus
compliquée et plus puissante que la méthode "MD5 + Salt" qu'on a vu dans Joomla v1 et
Joomla v 1.5.

III. Conclusion :
Au cours de ce chapitre, nous avons élaboré un cahier des charges qu’on va suivi durant le
travail de notre projet et d’identifier les acteurs de système. A la fin, nous avons déterminé les
conditions nécessaires pour le travail de notre solution.


Chapitre 3 : conduite du projet
I. Introduction :
Le présent chapitre a pour objectif de préciser le planning à suivre dans notre projet pour
aboutir aux résultats souhaités.

II. Cycle de développement :
Le « cycle de vie d'un logiciel » désigne toutes les étapes du développement d'un logiciel, de
sa conception à sa disparition. L'objectif d'un tel découpage est de permettre de définir des
jalons intermédiaires permettant la validation du développement logiciel, c'est-à-dire la
conformité du logiciel avec les besoins exprimés, et la vérification du processus de
développement, c'est-à-dire l'adéquation des méthodes mises en œuvre.
Il existe plusieurs modèle de cycle de vie d’un logiciel, on a choisis pour notre projet le
modèle de cycle en V. Ce modèle est une amélioration du modèle en cascade qui permet de
découper les étapes du système en sous étapes et permet aussi en cas d'anomalie, de limiter un
retour aux étapes précédentes.

L'intérêt principal du cycle en V est qu'il nécessite une formalisation des fonctionnalités du
produit et de ce qui sera fait sur le projet. Il permet ainsi de bien réfléchir et de se poser les
bonnes questions au début du projet, autant du côté client que du côté du prestataire.


Figure 8. Cycle de vie en V

III. Planification du projet :
La planification du projet est la phase d’avant projet la plus importante. Elle consiste à prévoir
le déroulement du projet tout au long des phases constituant le cycle de développement.

Nous avons découpé le projet en tâches afin de planifier leur exécution et le temps alloué à
chacune. Ci-dessous l’organisation des différentes tâches de notre projet, est modélisée par le
diagramme de Gantt et Pert :


Nom de la tache Durée Prédécesseures
1 Etude préliminaire 4 jours
2 Cadre générale du projet[A] 2 jours
3 Etudes des besoins [B] 2 jours 2
4 Etude fonctionnelle 4 jours
5 Cahier de charges fonctionnel [C] 2 jours 3
6 Analyse [D] 2 jours 5
7 Etude technique 2 jours
8 Architecture Logiciels et outils [E] 1 jours 6
9 Choix des technologiies [F] 1 jours 8
10 Formation 30 jours
11 Technologie PHP 5 [G] 15 jours 8,9
12 Technologie ZEND [H] 15 jours 8,9
13 Conception 15 jours
14 Conception préliminaire détaillé [I] 10 jours 5,8
15 Maquettage [J] 4 jours 11,9
16 Création de BD [k] 1 jours 11,9
17 Mise en œuvre 31 jours
18 Codage [L] 29 jours 11,12,13
19 Testes unitaires [M] 2 jours 15
20 Intégration 4 jours
21 Déploiment 2 jours 16
22 Correction des erreurs 2 jours 18

Figure 9. Table des tâches représenté par MS Project


Figure 10. Diagramme du Gantt


Tache Durée Prédécesseurs Début Début Fin Fin plus
plutôt plus tard plutôt tard
A 2 - 0 0 2 2
B 2 A 2 2 4 4
C 2 B 4 4 6 6
D 2 C 6 6 8 8
E 1 D 8 8 9 9
F 1 E 9 9 10 10
G 30 F 10 10 40 40
H 10 C, E 9 9 19 36
I 4 F, H 19 36 23 40
J 1 F, H 19 36 20 40
K 29 G, I, J 40 40 69 69
L 2 K 69 69 71 71
M 2 L 71 71 73 73
N 2 M 73 73 75 75

Tableau 11. Table des tâches


Figure 12. Diagramme du Pert

Le chemin critique est en rouge.

IV. Conclusion :
Dans ce chapitre, nous avons présenté la méthode de développement ainsi que le planning que
nous avons suivi.

Il faut noter que les trois prochains chapitres de ce rapport, s'inspirent fortement du processus
de développement en V adopté. Ainsi le quatrième chapitre sera réservé pour la branche
fonctionnelle et technique, le cinquième est dédié à l’étude conceptuelle et le dernier
présentera la phase de mise en œuvre.


Chapitre 4 : étude
fonctionnelle et technique du
projet
I. Introduction :
Le présent chapitre sera divisé en deux sections. La première section traite l’étude
fonctionnelle du projet où on prête attention à la capture des besoins fonctionnels, qu'on
traduit en spécifications, projetées ensuite en langage UML à travers le diagramme des cas
d’utilisation. La deuxième section concerne l’étude technique du projet. Nous présentons en
premier temps, l’architecture adoptée pour développer le système. En deuxième temps, nous
proposons une vision générale sur les outils technologiques utilisés.

II. Etude fonctionnelle et technique:
La capture des besoins fonctionnels est une étape importante du projet. Cette étape produit le
dossier des spécifications fonctionnelles et c’est au cours de cette étape qu’on procède à la
formalisation des fonctionnalités attendues de notre système ainsi que toutes les règles de
gestion qui les régissent.

Les cas d’utilisation permettent de décrire sous forme d’actions et de réactions le système du
point de vue utilisateur. Ils donnent l’image d’une fonctionnalité du système déclenchée par
une stimulation d’un acteur externe. Ils permettent de spécifier clairement et exhaustivement
les besoins relativement à chaque type d'utilisateur.

Pour cela, on a utilisé les diagrammes des « cas d’utilisation » pour illustrer les
fonctionnalités du système.

II.1 Cas d’utilisation global :

Le diagramme des cas d’utilisation suivante vous donne une vue global sur le système :


Figure 13. Diagramme de cas d’utilisation global

II.2 Description des cas d’utilisation détaillé :

Les diagrammes des cas d’utilisation suivante donnent une vision détaillée sur le système.

i. Cas d’utilisation « Admin / Formateur /Apprenant / Visiteur » :


Figure 14. Diagramme de cas d’utilisation « Admin /Formateur/Apprenant/Visiteur »


II.3 Technologies et Frameworks utilisées :

i. XHTML 1.0 :

Le XHTML est le langage des pages Web. Il succède au HTML, créé en 1992, et est
conforme aux normes du XML. Son développement actuel est l'œuvre du W3C, un
consortium regroupant les principaux acteurs du Web (Microsoft, AOL, Opera, IBM, Apple
ou encore MacroMedia). À l'heure actuelle, nous en sommes à XHTML 1.0. La structure de
base du XHTML, ce sont les balises (tags en anglais) qui définissent les éléments de la page
Web qu'ils entourent.

ii. CSS

Se traduit en français « feuilles de style en cascade». On utilise le langage CSS pour décrire la
présentation d'un document écrit en html ou xml. La CSS décrit les couleurs, la police...

La CSS permet de rendre un document plus agréable à lire, mieux présenté... La CSS a donc
pour rôle d'améliorer la mise en page, de séparer la structure de sa présentation et d'améliorer
l'accessibilité des pages web. Le langage CSS n'est autre que des feuilles de style en cascade.

iii. PHP 5 oui

PHP est un langage de scripts libre principalement utilisé pour produire des pages Web
dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel
langage interprété de façon locale, en exécutant les programmes en ligne de commande. En
raison de la richesse de sa bibliothèque, on désigne parfois PHP comme une plate-forme plus
qu'un simple langage.

iv. ZEND

Le Zend Framework est un projet PHP gratuit fourni par la société Zend. Les objectifs du
projet sont les suivants :

Accélérer le développement de sites web,

Faciliter la maintenance

Industrialiser la façon de coder en PHP


Ce framework permet de faciliter et de fiabiliser le développement de sites dynamiques en
PHP. Il s'adresse notamment aux entreprises : le risque associé au développement d'un site
d'envergure est significativement inférieur avec l'utilisation du Zend Framework.

v. SGBD : MySQL

MySQL est un système de gestion de base de données de type SQL. MySQL est devenue le
système de gestion de base de données open source le plus populaire au monde grâce à sa
performance, sa haute fiabilité et sa simplicité d'utilisation.

vi. AJAX :

AJAX est une manière de construire des applications Web et des sites web dynamiques basés
sur diverses technologies Web ajoutées aux navigateurs dans les années 1990. AJAX est la
combinaison de technologies telles que Javascript, CSS, XML, le DOM et le
XMLHttpRequest dans le but de réaliser des applications Web qui offrent une maniabilité et
un confort d'utilisation supérieur à ce qui se faisait jusqu'alors.

Les applications AJAX fonctionnent sur tous les navigateurs Web qui mettent en œuvre les
technologies décrites précédemment, parmi lesquels Mozilla Firefox, Internet Explorer,
Konqueror, Google Chrome, Safari et Opera.

vii. jQuery

jQuery est une bibliothèque JavaScript libre qui porte sur l'interaction entre JavaScript
(comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de
JavaScript. La première version date de janvier 2006.

jQuery se présente comme un unique fichier de 227 ko (31 ko dans sa version compressée).

viii. La bibliothèque CKEditor :

CKEditor est un éditeur de texte pour être utilisé à l'intérieur des pages web. C'est
un WYSIWYG éditeur, ce qui signifie que le texte en cours d'édition sur elle ressemble aussi
semblables que possible aux utilisateurs les résultats ont quand elle édition. Il apporte à
l'édition web commune fonctionnalités trouvées sur le bureau des applications d'édition
comme Microsoft Word et Open Office.


ix. La bibliothèque GD :

La bibliothèque GD est une bibliothèque libre servant à manipuler des images
dynamiquement, son nom vient de l'anglais gif draw (dessiner un GIF). Cette bibliothèque
peut manipuler dynamiquement plusieurs types d'images, tels que les formats GIF, PNG,
JPEG…

x. La bibliothèque FPDF :

FPDF est une classe PHP libre qui permet de générer des fichiers PDF directement depuis
PHP sans dépendre d'une librairie extérieure. Le F de FPDF signifie Free : vous êtes libre de
l'utiliser et de la modifier comme vous le souhaitez.

III. Conclusion :
Au cours de ce chapitre, nous avons détaillé l’analyse de notre projet. Elle est composée de
deux parties parallèles : l'étude fonctionnelle et l’étude technique du projet.

Dans l'étude fonctionnelle du projet consiste à capturer les besoins fonctionnels en termes
d'acteurs et de fonctionnalités principales, raffinée ensuite en des spécifications fonctionnelles
et modélisée en diagrammes de cas d’utilisation. L’étude technique du projet a présenté
l’architecture logicielle et les technologies et Frameworks utilisées durant la réalisation de
notre projet.

Dans le chapitre qui suit, nous présentons l’étape de conception du système


Chapitre 5 : conception du
projet
I. Introduction :
Le présent chapitre a pour objectif de présenter la conception préliminaire et détaillée des
modules détaillés lors de l’étude fonctionnelle. Elle a pour objectif de reprendre le modèle
d’analyse et de le refaire de façon plus raffinée pour en dégager des diagrammes d’activités,
de séquence, de collaboration et de classes.

II. Diagrammes d’activités :
Les diagrammes d'activités sont la représentation proche de l'organigramme ; la description
d'un cas d'utilisation par un diagramme d'activités correspond à sa traduction algorithmique.
Une activité est l'exécution d'une partie du cas d'utilisation. Dans la suite, nous présentons
quelques diagrammes d’activité de notre système

II.1 Diagramme d’activité « Administration du site web » :

Le diagramme d’activité suivant représente le scénario relatif au cas d’utilisation «
Administrer du site web » par l’administrateur du système. Ce dernier est responsable de la
mise à jour du site web.


Administrateur de site web Internaute

Authentification

[OK]
.

[OK]

Administration de Front-end

Fermer session

Visiter le site web et consulter le contenu

Figure 18. Diagramme d’activité « administration du site web »

II.2 Diagramme d’activité « Authentification » :

Le diagramme d’activité suivant représente le scénario relatif au cas d’utilisation «
Authentification ».


Administrateur du système Système

Lancer le navigateur

Taper l'adresse URL du site Afficher le site web

Accéder à la page d'authentification Afficher le formulaire d'authentification

Saisir le login, mot de passe et valider
Vérification.

[OK]

[OK]

Ouvrir session et affichage de l'interface de Backend

Fermer session 30 min

Figure 19. Diagramme d’activité « Authentification »

II.3 Diagramme d’activité « mettre à jour Actualités » :

Le diagramme d’activité suivant représente le scénario relatif au cas d’utilisation « Gérer les
Actualités » par l’administrateur du système. Ce dernier est responsable de la mise à jour des
actualités.


Figure 20. Diagramme d’activité « mettre à jour Actualités »

II.4 Diagramme d’activité « mettre à jour formation » :

Le diagramme d’activité suivant représente le scénario relatif au cas d’utilisation « Gérer les
formations » par l’administrateur du système. Ce dernier est responsable de la mise à jour des
formations.


Figure 20. Diagramme d’activité « mettre à jour formation »

II.5 Diagramme d’activité « suivre une formation » :

Le diagramme d’activité suivant représente le scénario relatif au cas d’utilisation «suivre une
formation » par l’apprenant.


Figure 21. Diagramme d’activité « suivre une formation »

III. Diagrammes de séquences :
Les diagrammes de séquences sont la représentation graphique des interactions entre les
acteurs et le système selon un ordre chronologique dans la formulation UML. Dans la suite,
nous présentons quelques diagrammes de séquence de notre système.

III.1 Diagramme de séquence « Consulter Front-end » :

Dans le diagramme suivant, nous présentons le scénario relatif au cas d’utilisation « Consulter
Front-end ». L’internaute doit visiter le site web, naviguer dans les pages, consulter les
dernières actualités, les derniers événements et aussi les derniers formations de la direction
Régionale du ministère de la santé.


.

Figure 22. Diagramme de Séquence « Consulter Front-end »

III.2 Diagramme de séquence « Authentification » :

Dans le diagramme suivant, nous présentons le scénario relatif au cas d’utilisation «
Authentification ». L’administrateur doit saisir le login et mot de passe pour accéder à son
compte.


Figure 24. Diagramme de Séquence « Authentification »

III.3 Diagramme de séquence « mettre à jour Actualités » :
Dans le diagramme suivant, nous présentons le scénario relatif au cas d’utilisation « Gérer les
Actualités ». L’administrateur du système est responsable de la mise à jour des actualités.


Figure 25. Diagramme de Séquence « mettre à jour Actualités »

III.4 Diagramme de séquence « gérer formation » :

Dans le diagramme suivant, nous présentons le scénario relatif au cas d’utilisation « Gérer la
formation ». L’administrateur du système est responsable de gérer la formation.


Figure 26. Diagramme de Séquence « Gérer formation »


III.5 Diagramme de séquence « suivre une formation » :

Le scénario possible lorsqu’un apprenant suivre une formation peut être représenté à l’aide
du diagramme de séquence suivant :

Figure 26. Diagramme de Séquence « suivre la formation »


III.6 Diagramme de séquence « suivi d’une formation » :

Le suivi d’une formation par un formateur peut être représenté à l’aide du diagramme de
séquence suivant :

Figure 26. Diagramme de Séquence « suivi d’une formation »

III.7 Diagramme de séquence « Accéder au forum » :

Dans le diagramme suivant, nous présentons le diagramme de séquence « accéder au forum ».
L’apprenant doit visiter la page forum, choisir le thème et envoyer des messages.


Figure 26. Diagramme de Séquence « Accéder au forum »

IV. Diagramme de collaboration :
Les diagrammes de collaborations : comme les diagrammes de séquences, les diagrammes de
collaborations visualisent les échanges de messages, mais ils font apparaître plus d’objets qui
collaborent entre eux afin de répondre à une activité du système. L’axe du temps n’est pas
représenté explicitement sur ces diagrammes, l’ordonnancement des messages entre les objets
est matérialisé par leur numérotation.


Figure 26. Diagramme de collaboration « Formation »

V. Diagramme de classe :
Le diagramme de classes permet de représenter l’aspect statique du système en termes de
classes et des relations entre ces classes. Le diagramme de classes que nous avons déduit pour
la plate forme est le suivant :


Figure 27. Diagramme de classes


VI. Conclusion :
Dans ce chapitre, nous avons présenté une vue conceptuelle du système à réaliser. Ainsi nous
pouvons entamer la phase suivante qui est la phase de mise en œuvre de la solution.

Le présent chapitre sera divisé en deux sections. La première section traite l’étude
fonctionnelle du projet où on prête attention à la capture des besoins fonctionnels, qu'on
traduit en spécifications, projetées ensuite en langage UML à travers le diagramme des cas
d’utilisation. La deuxième section concerne l’étude technique du projet. Nous présentons en
premier temps, l’architecture adoptée pour développer le système. En deuxième temps, nous
proposons une vision générale sur les outils technologiques utilisés.


Chapitre 6 : mise en œuvre du
projet
I. Introduction :
La phase de mise en œuvre est la dernière phase du processus du développement, Elle
comporte le codage et le test du système. Le présent chapitre a pour but la description de la
phase de réalisation de la solution. Nous présentons d’abord l’environnement de
développement, et puis nous exposons quelques interfaces de l’application.

II. Environnement de développement :
Les différents outils utilisés dans cette phase de réalisation sont les suivants :

Dreamweaver est un éditeur WYSIWYG destiné à la conception, au codage et au
développement de sites, de pages et d’applications Web. Dreamweaver propose des
outils qui vous aideront à créer des applications Web. Ce logiciel est édité par
Macromedia. Les fonctions d’édition visuelle de Dreamweaver vous permettent de
créer rapidement des pages sans rédiger une seule ligne de code. Si vous préférez faire
appel au codage manuel, Dreamweaver intègre également de nombreux outils et
fonctions de codage. Avec Dreamweaver, vous pouvez créer des applications Web
dynamiques reposant sur des bases de données à l’aide de langages serveur tels
qu’ASP, ColdFusion, JSP et PHP.
WampServer (anciennement WAMP5) est une plateforme de développement Web de
type WAMP, permettant de faire fonctionner localement (sans se connecter à un
serveur externe) des scripts PHP. WampServer n'est pas en soi un logiciel, mais un
environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de
script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL.
Il dispose d'une interface d'administration permettant de gérer et d'administrer ses
serveurs au travers d'un tray icon (icône près de l'horloge de Windows).


La grande nouveauté de WampServer 2 réside dans la possibilité d'y installer et
d'utiliser n'importe quelle version de PHP, Apache ou MySQL en un clic. Ainsi,
chaque développeur peut reproduire fidèlement son serveur de production sur sa
machine locale.

Figure 28. Architecture de WampServer

PHPUnit : est un framework de tests unitaires open source dédié au langage de
programmation PHP. Basé sur JUnit, il intègre tous les concepts communs aux
bibliothèques de tests unitaires xUnit.

III. Evolution de l’application :

III.1 DMSLearn V1.0 :

DMSLearn est un projet adressé à la direction régionale du ministère de la santé de Tétouan
pour l’aider dans la gestion et l’organisation de la formation continue.

Ce projet se compose de deux parties :

Partie public ou Front-end : cette partie est destinée au grand public, il sert en tant que
représentant de la direction.


Partie privé ou Back-end : cette partie est destinée juste aux composantes de la
direction, c’est-à-dire à l’administrateur, les formateurs et les bénéficiaires. Cette
partie est sous la forme d’une plateforme où chaque composante de la direction ayant
un espace ou un compte.

III.2 Captures d’écrans V1.0 :

i. Front-end :

La partie front-end contient :

Les informations qui donnent une présentation générale sur la direction générale.
Les dernières actualités, annonces et événements.
Accès des utilisateurs.

Figure 29. Front-end de DMSLearn V1.0


Page d’authentification

Figure 1 : La fenêtre d’authentification

La fenêtre d’authentification permet aux utilisateurs d’accéder à l’application en utilisant
un login et un mot de passe, ces derniers vont être vérifiés en utilisant les informations
résidentes dans la base de données et les redirige vers leurs espace de travail.

ii. Back-end :

Espace Administrateur :

Lorsqu’on accède à l’espace administrateur la première page qui s’affiche est fractionnée
en quatre zones :

Un en-tête contient logo du ministère de la santé et des onglets permettant
d'accéder à la page d’utilisateur, à la boite de réception, au paramétrage du


« front-end » de la plate-forme, à l’édition du profil et de se déconnecter de la
session administrateur.
un menu, facilement identifiable à ses icones, présent sur tous les écrans. Il permet
une navigation rapide et efficace ;
Une zone uniquement visible par le responsable du site, et comportant le nombre
des utilisateurs et le nombre des formations ;
Une zone dynamique qui varie selon le choix des onglets.

Par défaut la première page dés l’accès à l’espace d’administrateur, on obtient le tableau de
bord suivant :



Page utilisateur :

Cette page montre que l’administrateur peut ajouter, modifier, supprimer et gérer les Rôles
concernant chaque utilisateur.


Page formation :

Cette page permet au l’administrateur d’ajouter, modifier, supprimer une formation et aussi de lui
affecter des ressources (fichiers, vidéo, image).



Page Forums :

Cette page permet au l’administrateur de gérer les forums .

.


Espace Formateur :


Permet (après une authentification via un login et mot de passe) à un membre du
comité des formateurs d’accéder à son espace de travail pour ajouter des ressources
concernant une formation, de répondre aux questions des apprenants et de modifier
son profil.

Lorsqu’on accède à l’espace formateur, on obtient la page suivante :

Figure 32. Page d’espace Formateur

Espace Apprenant :

Permet (après une authentification via un login et mot de passe) à un apprenant
d’accéder à son espace de travail pour suivre la formation à la quelle il est affecté ,de
participer au forum pour échanger des informations avec les autres utilisateurs à partir
du thème qui s’intéresse ainsi de modifier son profil.

Lorsqu’on accède à l’espace d’apprenant, on obtient la page suivante :


Figure 33. Page d’espace apprenant.

III.3 Valeur ajouté de DMSLearn V2.0:

La partie front-end est modifiable 100% à partir de l’espace de Super-Administration.
C'est-à-dire, nous avons créé un CMS pour modifier et manipuler le contenu et la
forme du site.
Ce qui concerne la Back-end, nous avons ajouté un autre espace réservé aux parents
d’élèves pour les donner la possibilité d’être plus engager dans la vie scolaire de ses
enfants.
Dans cette version, nous avons concentré sur la coté communication entre les
différentes composantes de la vie scolaire.

IV. Tests :
Afin d'assurer la qualité de notre travail, on a élaboré une suite de tests unitaires et
d'intégration. Ceci dans le but d'assurer le bon fonctionnement de l’application et isoler les
dysfonctionnements pour les corriger tôt dans le processus de réalisation.

Afin de réaliser les tests unitaires d'une façon efficace et industrialisée, on a utilisé le
framework PHPUnit. Les tests d'intégration sont des tests qui simulent l'interaction avec un


environnement physique réel. Ils veillent à l'exécution d'un scénario, ce qui garantit que
l'interaction entre les différentes couches se fait comme prévu.

V. Les IHM de l’application :
i. Front-end :

Figure 34. Front-end de DMSLearn V2.0

ii. Back-end :

Espace administrateur :


Figure 35. Back-end d’espace d’administrateur

Espace enseignant :


Figure 36. Back-end d’espace d’enseignant

Espace étudiant et parent :

Les espace des étudiants et des parents est similaire de l’espace de parents

VI. Conclusion :
Ce chapitre a été consacré à la phase de réalisation. Cette phase est dédiée à la présentation de
l’environnement de développement, l'architecture applicative, ainsi que les écrans
d'applications. En plus, on a donné une vue générale sur l’évolution de l’application.


Conclusion générale et
perspectives
En guise de conclusion, nous reconnaissons quel al réalisation de notre projet nous a permis
de mettre en œuvre nos connaissance académiques acquises tout en long de notre formation et
de les approfondir dans le domaine du développement informatique.

La formation du personnel de la direction régionale se faisait d’une manière
traditionnelle et non pertinente. Le DMSLearn est un outil que nous avons conçu
pour faciliter le travail des formateurs on utilisant le TIC et en bénéficiant des
nouveaux moyen pédagogiques.
Notre objectif était de présenter une plate forme pédagogique axée sur la simplicité
et la sobriété. Nous avons opté pour la plateforme Zend on utilisant un langage
de programmation PHP5 et la base de données MySQL.

La réalisation de ce projet était pour nous une expérience très enrichissante qui nous
a approché du monde professionnel, et qui nous a permis de développer en nous
l’esprit de recherche et de la gestion du temps.

Perspectives :

Généralisation de l’application de la plateforme ministérielment .

Consultation, ajout, modification et archivage des utilisateurs .

Consultation et récupération des archives .

Messagerie instantanée .

Conférences audio et vidéo en temps réel.


Annexes
Annexe A : Cycle de vie en V
La représentation en V tient d'avantage compte de la réalité, le processus de développement
n'est pas réduit à un enchaînement de tâches séquentielles. Elle montre que :

C’est en phase de spécification que l'on se préoccupe des procédures de validation.
C’est en phase de conception globale que l'on se préoccupe des procédures
d'intégration
C’est en phase de conception détaillée que l'on prépare les tests unitaires

Le modèle de cycle de vie en V permet d'anticiper sur les phases ultérieures de
développement du produit. Il permet de commencer plus tôt:

Plan de tests de validation
Plan d'évaluation des performances

Le modèle en V conduit à commencer plus tôt la documentation utilisateur. Il permet de
développer parallèlement différents modules lorsque la phase de conception globale est
validée


Annexe B : présentation d’umL
Né de la fusion des méthodes objet dominantes (OMT, Booch et OOSE), puis normalisé par
l'OMG en 1997, UML est rapidement devenu un standard incontournable. UML n'est pas à
l'origine des concepts objet, mais il en en donne une définition plus formelle et apporte la
dimension méthodologique qui faisait défaut à l'approche objet.

Les points forts d'UML :

UML est un langage formel et normalisé
 gain de précision
 gage de stabilité
 encourage l'utilisation d'outils
UML est un support de communication performant
 Il cadre l'analyse.
 Il facilite la compréhension de représentations abstraites complexes.
 Son caractère polyvalent et sa souplesse en font un langage universel.

Les points faibles d'UML :

La mise en pratique d'UML nécessite un apprentissage et passe par une période
d'adaptation.

Même si l'Espéranto est une utopie, la nécessité de s'accorder sur des modes d'expression
communs est vitale en informatique. UML n’est pas à l'origine des concepts objets, mais
en constitue une étape majeure, car il unifie les différentes approches et en donne une
définition plus formelle.

Le processus (non couvert par UML) est une autre clé de la réussite d'un projet.

Or, l'intégration d'UML dans un processus n'est pas triviale et améliorer un processus est
une tâche complexe et longue. Les auteurs d'UML sont tout à fait conscients de
l'importance du processus, mais l'acceptabilité industrielle de la modélisation objet passe
d'abord par la disponibilité d'un langage d'analyse objet performant et standard.


Annexe D : présentation de W3C
World Wide Web Consortium, http://www.w3.org est une organisation internationale fondée
en 1994 qui se propose de définir et de proposer des normes (spécifications ou
recommandations) techniques afin de standardiser les technologies et protocoles utilisés sur le
Web.

Si ses premières recommandations concernaient les normes de présentation du langage
HTML, sa mission s'est ensuite élargie à d'autres technologies (XML, XHTML, XSL, CSS...)
ainsi qu'aux champs liés à l'interaction entre le Web et ses utilisateurs (accessibilité,
utilisabilité, mobilité...).


Pfe rapport rabiaa hind 04 06 2012

Pfe rapport rabiaa hind 04 06 2012

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Similaire à Pfe rapport rabiaa hind 04 06 2012

Similaire à Pfe rapport rabiaa hind 04 06 2012 (20)

Dernier

Dernier (14)

Pfe rapport rabiaa hind 04 06 2012