Professional Documents
Culture Documents
Rapport du Projet
de Fin d’Etudes
Session de Septembre
Réalisé par :
ENNAHDI ELIDRISSI Mohamed
ERRADJA Jihad
Option MIAGE
Encadrant EMSI
Mr.MADRANE Nabil
Encadrant Devo-Services
Mme SAADI Sabah
Année Universitaire
2006-2007
E-Learning
E-Learning
Remerciements
« Si j’ai vu plus loin, c’est en me tenant sur les épaules des géants qui m’ont
précédé » Isaac Newton
Nous Voulons remercier Mr Achraf El Youssoufi, Chef du département Offshore, pour nous avoir
fait confiance en nous révèlant la réalisation de ce projet.
Nous Tenons à remercier aussi Mme Sabah Saadi, la responsable de notre stage, pour son aide, ses
encouragements et sa motivation, et aussi Abdel Jawad Hafoud pour son précieux travail au niveau
de l’interface graphique, ainsi que toute l'équipe de Devo Services.
Nous Remercions également Mr Nabil Madrane Responsable de stage à l’EMSI pour ses conseils et
son soutien le long de la période du stage.
E-Learning
Résumé
Ce document présente notre stage de fin d’études dans le cadre du diplôme MIAGE de l’EMSI.
Notre stage qui a occupé une période de 4 mois au sein de la société Devo Services, a pour objectif
d’appliquer nos acquis et connaissances.
Il nous a été confié la réalisation d’un site Web offrant des services E-Learning pour lequel le
département formation de la société a exprimé un grand intérêt.
Notre rapport vous permet d’avoir une idée générale sur l’environnement dans lequel nous avons
évolué pendant ces quatre mois, les outils de travail utilisés ainsi que le fruit de notre présence dans
un milieu professionnel.
E-Learning
Abstract
This document presents our work done for the EMSI MIAGE degree education. Our internship
which was spread out four months, had as an objective to apply our acquired knowledge inside the
company named Devo Services.
We were entrusted to realise a web site offering E-learning services that the formation department
expressed a loud interest.
Our document allow you to get a general idea of the working environment we have been into during
these four months, the tools used and the result of our presence in such a professional environment.
E-Learning
Sommaire
Introduction_______________________________________________________________________ 1
I. Présentation de l’organisme d’accueil
i. Présentation de Devo Services_______________________________________________ 2
ii. Secteurs d’activités________________________________________________________ 2
II. Contexte et objectif du projet
i. Le concept du E-Learning___________________________________________________ 3
ii. Cahier des charges_________________________________________________________ 4
iii. Etude de l’existant_________________________________________________________ 5
III. Modélisation du système
i. Règles de gestion _________________________________________________________ 6
ii. Langage de modélisation ___________________________________________________ 7
iii. Diagramme de classes _____________________________________________________ 8
iv. Diagramme de cas d’utilisations _____________________________________________ 10
v. Diagramme de séquences ___________________________________________________ 12
vi. Outil de modélisation ______________________________________________________ 22
IV. Réalisation
i. Les outils de réalisation_____________________________________________________ 23
ii. Architecture Globale de l’application__________________________________________ 29
iii. Les interfaces types de l’application___________________________________________ 33
Conclusion________________________________________________________________________ 38
Glossaire_________________________________________________________________________ 39
Sources___________________________________________________________________________ 40
E-Learning
Introduction
Ce rapport expose le travail effectué dans le cadre d’un Projet de Fin d’Études réalisé au
sein de la société Devo Services à Casablanca, au niveau de son Département Offshore.
L’objectif de ce projet confié à ce dernier, est de réaliser une solution web destinée à la
formation en ligne pour le compte de son Département formation.
Au Maroc, le E-Learning est un outil important qui permettra de mieux diffuser le savoir
et de mettre à niveau notamment, le personnel des entreprises. Pour les entreprises qui
adopteront le E-Learning, cela leur permettra de réaliser des innovations technologiques,
de développer un plus fort potentiel de compétences et d’améliorer le rendement de
l’entreprise.
1
E-Learning
2
E-Learning
i. Le concept du E-Learning
L'apprentissage en ligne ou E-Learning, étymologiquement l'apprentissage par des
moyens électroniques, peut être défini selon divers points de vue et notamment socio-
économique, organisationnel, pédagogique et technologique.
Une définition du E-Learning a été donnée par l'Union Européenne: « le 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’autre part les échanges et la collaboration à distance ».
3
E-Learning
Plusieurs termes sont utilisés pour traduire le terme E-Learning. La traduction la plus
fidèle est apprentissage en ligne. On parle aussi parfois d’e-formation, le « e » comme
dans E-Learning étant une référence explicite aux technologies de l’information.
L'apprentissage mixte conjugue les notions d'apprentissage en ligne et d'apprentissage
hors ligne. L'apprentissage mixte désigne une méthode d'acquisition d'un savoir ou de
construction de connaissance utilisant des interactions (acteur-acteur ou acteurs-
ressources) relayées par un système télématique (électronique, informatique connecté par
réseau). L'apprentissage électronique peut avoir lieu à distance (en ligne), en classe (hors
ligne et/ou en ligne) ou les deux. L'apprentissage en ligne est une spécialisation de
l'apprentissage à distance (ou formation à distance), un concept plus général qui inclut
entre autres les cours par correspondance, et tout autre moyen d'enseignement en temps
et lieu asynchrone.
a. Contexte du projet
La société Devo Service qui dispose parmi les missions qu’elle s’est astreinte
la formation, désire améliorer la qualité des services qu’elle offre. Cette
société dans le cadre de l’étude qu’elle a mené, a considéré qu’il y avait un
besoin de création et mise au point un site d’apprentissage en ligne et
notamment, pour offrir un service de qualité à sa clientèle et augmenter le
rendement de son Département formation et le fortifier. Par ailleurs, un site
d’apprentissage en ligne permettra à Devo services de compléter les
prestations qu’elle offre aux entreprises.
b. Objectif Ciblé
4
E-Learning
c. Acteurs
Les Apprenants : Ils consultent les cours, envoi des messages via la
messagerie interne. Il peut aussi passer des évaluations.
Les Formateurs : Le Formateur créent les séances ainsi que des quiz,
consulte les cours. Il est à la disposition des
apprenants afin de répondre aux questions de ces
derniers.
Solution :
- Augmenter le nombre de bénéficiaires
- Réduire le nombre de professeurs
- Créer un média (site Web) de partage des ressources
5
E-Learning
Notre travail a nécessité une étude pour modéliser le système. Pour cela, nous avons
établis des règles de gestion, puis nous avons adopté le langage UML pour symboliser
nos idées sous forme de schémas. Nous avons ensuite utilisé IBM Rational System
Developer pour représenter ces schémas sous format électronique.
i. Règles de gestion
Le département formation de La société Devo Services met à la disposition des
apprenants des cours et des quiz. Devo Services a établit à cet effet des règles de
gestion :
RG4 : Les sessions ont une période désignée, portent sur un module unique et ont un
tarif qui dépend des la période et du module ;
RG7 : Un groupe assiste aux séances programmées par les administrateurs (aussi par
les formateurs). Chaque séance possède une date et une heure précisées, et est
attachée à une session déterminée ;
RG8 : Un quiz sert à évaluer les apprenants sur un cours pendant une certaine
session ;
RG10 : Un quiz est créé par un formateur, programmé pour une séance et passé par
un apprenant appartenant au groupe concernant la séance en question ;
RG11 : L’accès au quiz se fait durant une séance donnée, chaque apprenant ne peut
accéder au quiz que pendant les premières cinq minutes de cette séance ;
6
E-Learning
RG12 : Les formateurs et les apprenants peuvent accéder aux ressources des cours
qui les intéresse, mais seuls les administrateurs peuvent les gérer.
UML (Unified Modeling Language, que l'on peut traduire par "langage de modélisation
unifié") est un concept permettant de modéliser un problème de façon standard. Ce
langage est né de la fusion de plusieurs méthodes existant auparavant, et est devenu
désormais la référence en terme de modélisation objet, à un tel point que sa connaissance
est souvent nécessaire pour obtenir un poste de développeur objet.
7
E-Learning
Une classe décrit les responsabilités, le comportement et le type d'un ensemble d'objets.
Les éléments de cet ensemble sont les instances de la classe.
Une classe est un ensemble de fonctions et de données (attributs) qui sont liées
ensembles par un champ sémantique. Les classes sont utilisées dans la programmation
orientée objet. Elles permettent de modéliser un programme et ainsi de découper une
tâche complexe en plusieurs petits travaux simples.
Les classes peuvent être liées entre elles grâce au mécanisme d'héritage qui permet de
mettre en évidence des relations de parenté. D'autres relations sont possibles entre des
classes, chacune de ces relations est représentée par un arc spécifique dans le diagramme
de classes.
Elles sont finalement instanciées pour créer des objets (une classe est un moule à objet :
elle décrit les caractéristiques des objets, les objets contiennent leurs valeurs propres
pour chacune de ces caractéristiques lorsqu'ils sont instanciés).
8
E-Learning
La figure1 montre le diagramme de classes que nous avons réalisés, en illustrant toutes
les classes, relations entre ces classes et leurs cardinalités.
9
E-Learning
UML définit une notation graphique pour représenter les cas d'utilisation, cette notation
est appelée diagramme de cas d'utilisation. UML ne définit pas de standard pour la forme
écrite de ces cas d'utilisation, et en conséquence il est aisé de croire que cette notation
graphique suffit à elle seule pour décrire la nature d'un cas d'utilisation. Dans les faits,
une notation graphique ne peut donner qu'une vue générale simplifiée d'un cas ou d'un
ensemble de cas d'utilisation. Les diagrammes de cas d'utilisation sont souvent
confondus avec les cas d'utilisation. Bien que ces deux concepts soient reliés, les cas
d'utilisation sont bien plus détaillés que les diagrammes de cas d'utilisation.
10
E-Learning
La figure2 décrit les différents cas d'utilisations de chaque acteur. Elle permet de
distinguer les rôles et les acteurs du projet.
11
E-Learning
v. Diagramme de séquence
Les diagrammes de séquence sont couramment utilisés par nombre d'acteurs d'un projet.
En effet, le diagramme de séquence est une représentation intuitive lorsque l'on souhaite
concrétiser des interactions entre deux entités (deux sous-systèmes ou deux classes d'un
futur logiciel). Ils permettent à l'architecte/designer de créer au fur et à mesure sa
solution. Cette représentation intuitive est également un excellent vecteur de
communication dans une équipe d'ingénierie pour discuter cette solution. Les
diagrammes de séquence peuvent également servir à la problématique de test. Les traces
d'exécution d'un test peuvent en effet être représentées sous cette forme et servir de
comparaison avec les diagrammes de séquence réalisés lors des phases d'ingénierie. Les
diagrammes de séquence tels que définis en UML souffraient cependant d'un gros
inconvénient. La quantité de diagrammes à réaliser pouvait atteindre un nombre élevé
dès lors que l'on souhaitait décrire avec un peu de détail les différentes branches
comportementales d'une fonctionnalité.
12
E-Learning
13
E-Learning
14
E-Learning
La figure5 démontre le processus suivi par l'apprenant pour passer une évaluation (quiz).
Ce processus ne se déclenche si, et seulement si, une évaluation est programmé pour le
cours en question.
15
E-Learning
La figure6 expose la manière avec laquelle un formateur crée un quiz. Il doit spécifier les
questions, et pour chaque question, il doit déterminer les propositions.
16
E-Learning
La figure7 décrit la façon avec laquelle un administrateur crée des modules et des
thèmes. Il doit spécifier l'intitulé et le module de chacun des deux.
17
E-Learning
18
E-Learning
La figure9 montre la procédure d'insertion des apprenants dans un groupe spécifié. Cette
séquence est déclenchée par les administrateurs.
19
E-Learning
20
E-Learning
21
E-Learning
22
E-Learning
IV. Réalisation :
Pour la réalisation de ce projet, il a été nécessaire d'utiliser plusieurs outils
informatiques. La majorité de ces outils nous ont été conseillés par Devo Services.
23
E-Learning
b. ASP .NET
ASP (Active Server Pages) est un standard mis au point par Microsoft en 1996
permettant de développer des applications Web interactives, c'est-à-dire dont le contenu
est dynamique. Ainsi une page web ASP (fichier repérable par l'extension .asp) aura un
contenu pouvant être différent selon certains paramètres (des informations stockées dans
une base de données, les préférences de l'utilisateur, ...) tandis qu'une page web
« classique » (dont l'extension est .htm ou .html) affichera continuellement la même
information.
ASP est une technologie web dynamique, permettant de représenter sous forme d'objets
les interactions entre le navigateur du client, le serveur web, ainsi que les connexions à
des bases de données (grâce à ADO, ActiveX Data Object) ou bien des composants COM
(Component Object Model). Les ASP sont donc exécutées du côté du serveur (au même
titre que les scripts CGI, PHP, ...) et non du côté client (les scripts écrits en JavaScript ou
les applets Java s'exécutent dans le navigateur de la personne connectée à un site).
Les ASP sont intégrables au sein d'une page Web en HTML à l'aide de balises spéciales
permettant au serveur Web de savoir que le code compris à l'intérieur de ces balises doit
être interprété afin de renvoyer des données (généralement du code HTML) au
navigateur du client.
Ainsi, les Active Server Pages s'inscrivent dans une architecture 3-tiers. Ce terme
compliqué signifie qu'un serveur supportant les Active Server Pages peut servir
d'intermédiaire entre le navigateur du client et une base de données en permettant un
accès transparent à celle-ci grâce à la technologie ADO (ActiveX Data Object), qui
fournit les éléments nécessaires à la connexion à un système de gestion de bases de
données, à la manipulation des données grâce au langage SQL.
24
E-Learning
c. AJAX
(Asynchronous JavaScript And XML, traduisez JavaScript asynchrone et XML) est une
méthode de développement web basée sur l'utilisation d'un script JavaScript pour
effectuer des requêtes web à l'intérieur d'une page web sans recharger la page. AJAX
rend plus interactifs les sites web et offre une meilleure ergonomie ainsi qu'une réactivité
amélioré en permettant de modifier interactivement une partie de l'interface web
seulement.
En effet, le modèle web traditionnel est basé sur une suite de requêtes et de réponses
successives, c'est-à-dire une navigation séquentielle de page web en page web. AJAX
permet de ne modifier que la partie de la page web qui nécessite d'être mise à jour en
créant une requête HTTP locale et en modifiant tout ou partie de la page web en fonction
de la requête HTTP récupérée.
25
E-Learning
Figure 9 : Comparaison entre le model classique et le model Ajax d’une application web
26
E-Learning
SQL Server 2005 (Nom de code: Yukon) est un SGBDR de la plateforme Microsoft.
Basé sur les points forts de son prédécesseur (SQL Server 2000), Yukon apporte
beaucoup de nouvelles fonctionnalités, Il permet, entre autres choses:
27
E-Learning
e. JAVASCRIPT
28
E-Learning
L’architecture adoptée pour notre application est celle la plus utilisée dans le
développement des grandes applications, c’est l’architecture 3-tiers. Elle permet de
rendre les trois couches (présentation, métier et accès aux données) indépendantes les
unes des autres grâce aux interfaces.
ASP .NET
WebForms Procédures
Classes C# Stockées BD SQL
ADO .NET
ASP .NET SQL Server Server
MasterPages
SQL Server
29
E-Learning
a. La couche Présentation
Les figures 15, 16 et 17 montrent l'arborescence des éléments qui représentent la couche
présentation.
30
E-Learning
b. La couche Métier
31
E-Learning
La fonction principale de cette couche est de gérer les données. La façon dont elle
organise, manipule et stocke les données est transparente vis-à-vis des application
externes et des utilisateurs.
32
E-Learning
Page initiale du projet. Tout utilisateur doit s'authentifier (login et mot de passe). Les apprenants
peuvent s'enregistrer.
33
E-Learning
Cette page est la plus importante pour un utilisateur de profil apprenant. Elle permet à l'apprenant de
sélectionner les sessions auxquels il est inscrit. Il peut ainsi suivre ses cours en accédant aux
ressources des chapitres et exercices. Les ressources peuvent être des documents, des séquences
audio et même video.
34
E-Learning
Cet écran montre le menu latéral des administrateurs et la liste des thèmes disponibles.
35
E-Learning
Cette page affiche le menu latéral des formateurs. Elle affiche aussi les séances dont le formateur est
responsable dans une session donnée.
36
E-Learning
Cet écran montre la manière d'inserer et/ou retirer des apprenants d'un groupe. Cette opération se
fait après avoir précisé le groupe concerné. On peut voir les apprenants non appartenant au groupe
sur la liste gauche, et ceux qui y appartiennent sur la liste droite.
37
E-Learning
Conclusion
Pendant la période de stage, nous avons pu acquérir une expérience professionnelle et
concrétisé ainsi nos acquis théoriques.
Pour la modélisation, nous avons optés pour UML comme langage de modélisation et
IBM Rational Rose comme outil de modélisation nous permettant ainsi de représenter
nos diagrammes sous format électronique.
Pour la réalisation, nous nous sommes orientés vers la plateforme .NET, en utilisant ASP
.NET pour la solution Web et le langage C# comme de codage côté Serveur. Le SGBD
exploité n’est autre que SQL Server 2005, nous permettant de bénéficier des services des
procédures stockées et la gestion des données.
L’architecture 3-tiers qui permet de faire correspondre les interfaces avec les données,
nous a facilité la tâche de son développement.
En effet, ce projet peut être encore développé, et parmi ces perspectives nous
pouvons envisagé :
- La gestion des utilisateurs ;
- La gestion des archives ;
- La messagerie instantanée ;
- La gestion et l’utilisation des forums ;
- Les conférences audio et vidéo en temps réel.
38
E-Learning
Glossaire
-A-
ADO : ActiveX Data Object
AJAX : Asynchronous Javascript And Xml
ASP : Active Server Pages
-B-
BD : Base de Données
-C-
CLR : Common Language Runtime
COBIT : Control Objectives for Information and related Technology
CSS : Cascading Style Sheets
-D-
DB : Data Base
-H-
HTML : HyperText Markup Language
HTTP : HyperText Transport Protocol
-I-
IBM : International Business Machines
ISO : International Organisation for Standardisation
ITIL : Information Technology Infrastructure Library
-M-
MDX : MultiDimensional Expression
-S-
SGBD : Système de Gestion de Base de Données
SGBDR : Système de Gestion de Base de Données Relationnelles
SI : Systèmes d’Information
SLA : Service Level Agreement
SQL : Structured Query Language
SysML : Systems Modeling Languages
-U-
UML : Unified Modeling Language
-X-
XML : eXtensible Markup Language
39
E-Learning
Sources
Webographie :
- www.developpez.com
- www.4guysfromrolla.com
- www.ajax.net
- www.gridviewguy.com
- www.west-wind.com
- msdn.microsoft.com/asp.net/
- fr.wikipedia.org
Bibliographie :
- Yannick LEJEUNE, « Le langage C# .NET », Micro Application, e-Poche (2001)
40