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

RemerciementsAu 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

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


http://www.alwassila.com/

http://www.teknoadapt.net/

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

WYSIWYGWhat You See Is What You Get (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 :............................................................................................20

IV.3 Objectifs du projet :................................................................................................20

V. Conclusion :......................................................................................................................21

Chapitre 2 : Analyse des besoins.................................................................................22

I. Introduction :.....................................................................................................................22

II. Etude de l’existant :..........................................................................................................22

II.1 Cahier des charges :....................................................................................................22

i. La cible:......................................................................................................................22

ii. Les besoins :..........................................................................................................22

iii. Objectif du projet :..................................................................................................23

iv. Principe de fonctionnement du système :...............................................................23

v. Environnement technique :.....................................................................................23

vi. Contraintes techniques :..........................................................................................23

vii. Contraintes de sécurité:..........................................................................................24

viii. Structuration du site :..............................................................................................24

ix. Orientation graphique et ergonomique :.................................................................24

II.2 Identification des acteurs :..........................................................................................24

II.3 Assurance qualité :.....................................................................................................25

i. Environnement de travail :.........................................................................................25

ii. Anti-aspirateur :......................................................................................................25

iii. Sécurité :.................................................................................................................26

iv. Sécurisation des mots de passe :.............................................................................26


III. Conclusion :...................................................................................................................27

Chapitre 3 : conduite du projet.....................................................................................28

I. Introduction :.....................................................................................................................28

II. Cycle de développement :.................................................................................................28

III. Planification du projet :..................................................................................................29

IV. Conclusion :...................................................................................................................33

Chapitre 4 : étude fonctionnelle et technique du projet.....................................34

I. Introduction :.....................................................................................................................34

II. Etude fonctionnelle et technique:......................................................................................34

II.1 Cas d’utilisation global :............................................................................................34

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

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

II.3 Technologies et Frameworks utilisées :.....................................................................37

i. XHTML 1.0 :..............................................................................................................37

ii. CSS.........................................................................................................................37

iii. PHP 5 oui...............................................................................................................37

iv. ZEND......................................................................................................................37

v. SGBD : MySQL.....................................................................................................38

vi. AJAX :....................................................................................................................38

vii. jQuery.....................................................................................................................38

viii. La bibliothèque CKEditor :....................................................................................38

ix. La bibliothèque GD :..............................................................................................39

x. La bibliothèque FPDF :..........................................................................................39

III. Conclusion :...................................................................................................................39

Chapitre 5 : conception du projet................................................................................40

I. Introduction :.....................................................................................................................40

II. Diagrammes d’activités :..................................................................................................40

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

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

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

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

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

III. Diagrammes de séquences :...........................................................................................45

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

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

III.3 Diagramme de séquence « mettre à jour Actualités » :..........................................47

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


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

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

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

IV. Diagramme de collaboration :........................................................................................52

V. Diagramme de classe :......................................................................................................53

VI. Conclusion :...................................................................................................................55

Chapitre 6 : mise en œuvre du projet........................................................................56

I. Introduction :.....................................................................................................................56

II. Environnement de développement :..................................................................................56

III. Evolution de l’application :............................................................................................57

III.1 DMSLearn V1.0 :...................................................................................................57

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

i. Front-end :..................................................................................................................58

ii. Back-end :...............................................................................................................59

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

IV. Tests :.............................................................................................................................64

V. Les IHM de l’application :................................................................................................65

i. Front-end :..................................................................................................................65

ii. Back-end :...............................................................................................................65

VI. Conclusion :...................................................................................................................67

Conclusion générale et perspectives..........................................................................68

Annexes.................................................................................................................................69

Annexe A : Cycle de vie en V.........................................................................................69

Annexe B : Présentation d’UML.....................................................................................70

Annexe D : présentation de W3C.................................................................................71

Bibliographie........................................................................................................................72

Dictionnaires........................................................................................................................73


“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 :

Figure 2. Organigramme


ADM. Centrale

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

Délegation Tétouan

Délégation Fahs- anjra

Délégation Chefchaouen

Délegation Tanger Assilah

Délégation Larache

Délégation Ouazzene

Délégation M'diq Fnideq

Service Des Rssources humaines

Service Des Ressources Financières

Service des approvisionnements, des bâtiments, des équipements

et de la maintenance

Service de la Sante publique et de la surveillance épidémiologique

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 :

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 :


Front-end

Back-end

DMSLearn

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 :


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


Figure 10. Diagramme du Gantt


Tache Durée Prédécesseurs Début

plutôt

Début

plus tard

Fin

plutôt

Fin plus

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

[OK]

[OK]

Authentification

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

30 min

[OK]

[OK]

Lancer le navigateur

Taper l 'adresse URL du site

Accéder à la page d'authentification

Saisir le login, mot de passe et valider

Fermer session

Afficher le formulaire d'authentification

Vérification.

Ouvrir session et affichage de l 'interface de Backend

Afficher le site web

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.


http://www.w3.org/

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é...).

Bibliographie

Ouvrages :

UML2 Pascal Roques.

Bien Développer Pour Le Web 2.0 C h r i s t o p h e P o r t e n e u v e, Eyrolles 2007.

Ajax et PHP J e a n - M a r i e D e f r a n c e, Eyrolles

Adresses Internet :


fr.wikipedia.org Projet d'encyclopédie librement distribuable.

www.siteduzero.com Site communautaire et didactique de tutoriels en informatique.

fr.php.net/ Le site officiel du langage PHP.

Références 1. GAGNON, SYLVIE «Guide pratique de l’apprentissage virtuel en entreprise» ,Techno compétence, Août 2003.2. ART.2 du premier chapitre du décret n°2-05-1366 du 29 chaoual 1426 (2décembre2005) relatif à la formation continue des fonctionnaires et agents de l’état.

3. Déclaration gouvernementale du premier ministre devant le parlement 24 Octobre 2007 Source Internet : http://doc.abhatoo.net.ma/doc/IMG/pdf/texte_integrale_declaration_gouv_el_fassi.pdf.

4. Stratégie nationale du ministère de la santé 2008-2012.

5. ZAERPOUR B.,”Evaluation du potentiel et la faisabilité du e-learning au sein du Ministère de la santé au Maroc”.OMS assignement report, mission du 7 au 20 Janvier, Rabat, Maroc version 19/1/2007.


http://doc.abhatoo.net.ma/doc/IMG/pdf/texte_integrale_declaration_gouv_el_fassi.pdf

Dictionnaires

Nom Désignation

CMSUn système de gestion de contenu, pour plus d’informations, consultez l’annexe

ProgicielCorrespondent à un besoin spécifique et qui n’existant qu’à un très petit nombre d’exemplaires

LogicielCorrespondent à des besoins généraux et qui vont exister à des milliers d’exemplaires

RéférencementAction d'ajouter un site dans des outils de recherche et améliorer sa position dans les résultats d'une recherche

W3Cune organisation internationale de standardisation des technologies web, pour plus d'informations, consultez l'annexe.

Unicode

Norme informatique qui vise à donner à tout caractère de n’importe quel système d’écriture de langue un nom et un identifiant numérique, et ce de manière unifiée, quelle que soit la plate-forme informatique ou le logiciel.

Aspirateur d’un site

Un type de logiciel qui télécharge toutes les données contenues par un site Web pour les sauvegarder sur un support de mémoire local de l'utilisateur (typiquement, son disque dur), ce qui permet de consulter les pages correspondantes sans être connecté à Internet.

Anti-floodAction d'envoyer une grande quantité de messages dans un système afin de le saturer ou le rendre inutilisable.

Anti-injection SQL

Une faille de sécurité d'une application interagissant avec une base de données, en injectant une requête SQL non prévue par le système et pouvant compromettre sa sécurité

Anti-XSSUne faille web qui sert à afficher des pages web contenant du code douteux

Anti-include Une faille web qui consiste à interpréter un script dangereux dans le serveur.

Anti-CSRFUne faille web qui sert à envoyer un script à un utilisateur pour déclencher un événement automatiquement.

Hachage Une fonction qui calcule une empreinte servant à identifier une


donnée fournie en entrée

UMLUn langage graphique de modélisation des données et des traitements, consultez annexes


Pfe rapport rabiaa hind 04 06 2012

Education

Transcript of Pfe rapport rabiaa hind 04 06 2012