i

Rapport du Projet
de Fin dEtudes










Session de Septembre












Anne Universitaire
2006-2007
































Ralis par :
ENNAHDI ELIDRISSI Mohamed
ERRADJA Jihad
Option MIAGE

Encadrant EMSI
Mr.MADRANE Nabil

Encadrant Devo-Services
Mme SAADI Sabah

Site Web destin la
formation en ligne

E-Learning








E-Learning


Remerciements


Si jai vu plus loin, cest en me tenant sur les paules des gants qui mont
prcd
Isaac Newton

Nous Voulons remercier Mr Achraf El Youssoufi, Chef du dpartement Offshore, pour nous avoir
fait confiance en nous rvlant la ralisation 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 prcieux travail au niveau
de linterface graphique, ainsi que toute l'quipe de Devo Services.

Nous Remercions galement Mr Nabil Madrane Responsable de stage lEMSI pour ses conseils et
son soutien le long de la priode du stage.
E-Learning



Rsum

Ce document prsente notre stage de fin dtudes dans le cadre du diplme MIAGE de lEMSI.
Notre stage qui a occup une priode de 4 mois au sein de la socit Devo Services, a pour objectif
dappliquer nos acquis et connaissances.

Il nous a t confi la ralisation dun site Web offrant des services E-Learning pour lequel le
dpartement formation de la socit a exprim un grand intrt.

Notre rapport vous permet davoir une ide gnrale sur lenvironnement dans lequel nous avons
volu pendant ces quatre mois, les outils de travail utiliss ainsi que le fruit de notre prsence 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. Prsentation de lorganisme daccueil
i. Prsentation de Devo Services_______________________________________________ 2
ii. Secteurs dactivits________________________________________________________ 2
II. Contexte et objectif du projet
i. Le concept du E-Learning___________________________________________________ 3
ii. Cahier des charges_________________________________________________________ 4
iii. Etude de lexistant_________________________________________________________ 5
III. Modlisation du systme
i. Rgles de gestion _________________________________________________________ 6
ii. Langage de modlisation ___________________________________________________ 7
iii. Diagramme de classes _____________________________________________________ 8
iv. Diagramme de cas dutilisations _____________________________________________ 10
v. Diagramme de squences ___________________________________________________ 12
vi. Outil de modlisation ______________________________________________________ 22
IV. Ralisation
i. Les outils de ralisation_____________________________________________________ 23
ii. Architecture Globale de lapplication__________________________________________ 29
iii. Les interfaces types de lapplication___________________________________________ 33
Conclusion________________________________________________________________________ 38
Glossaire_________________________________________________________________________ 39
Sources___________________________________________________________________________ 40

E-Learning
1

Introduction

Ce rapport expose le travail effectu dans le cadre dun Projet de Fin dtudes ralis au
sein de la socit Devo Services Casablanca, au niveau de son Dpartement Offshore.
Lobjectif de ce projet confi ce dernier, est de raliser une solution web destine la
formation en ligne pour le compte de son Dpartement 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 raliser des innovations technologiques,
de dvelopper un plus fort potentiel de comptences et damliorer le rendement de
lentreprise.

Le prsent document envisage dans sa premire partie, la prsentation de Devo Services
qui est la socit qui a bien voulu nous accueillir et au sein de laquelle nous avons ralis
ce projet. Nous prsentons ensuite la description globale du projet tout en mettant en
valeur les avantages du E-Learning par rapport la mthode traditionnelle. Nous
exposons, la partie conception de donne pour laquelle nous avons utilis le langage
UML, et enfin la phase de ralisation avec la Plate-forme ASP .NET et SQL Server pour
la base de donne et sans oublier AJAX pour donner une ergonomie et rapidit efficaces.
E-Learning
2


I. Prsentation de lorganisme daccueil
i. Prsentation de Devo Services
DEVO SERVICES est un oprateur global de services aux entreprises et aux
administrations. Cre en 2005, La socit sest fixe les missions suivantes:
- Accompagner les entreprises marocaines dans leurs efforts de mise niveau, en
mettant leur disposition son exprience en Management, Conseil et des applications
sur mesure supportant leur processus ;
- Etre un partenaire des projets de modernisation de ladministration ;
- Se positionner comme un acteur de rfrence en offshoring.

ii. Secteur dactivits
Organisation : dfinition des processus et leur dploiement, modlisation des
processus (Mga processus).
Accompagnement dans une dmarche Qualit.
Assistance matrise douvrage : alignement du SI aux objectifs oprationnels.
Outillage des processus : spcification des applications supportant les processus de
lentreprise.
SI : Audit de la scurit selon COBIT, ISO, urbanisation
Ingnierie de processus : Mise en conformit avec les recommandations ITIL ;
gestion des incidents, gestion des nivaux de services (SLA), gestion des changements
Gestion de projets : en partant de la spcification dun besoin exprim la mise en
production
Formation Continue : Plusieurs types de formation (Certifications, langues,
technologies,).
E-Learning
3

II. Contexte et Objectif du Projet

i. Le concept du E-Learning
L'apprentissage en ligne ou E-Learning, tymologiquement l'apprentissage par des
moyens lectroniques, peut tre dfini selon divers points de vue et notamment socio-
conomique, organisationnel, pdagogique et technologique.
Une dfinition du E-Learning a t donne par l'Union Europenne: le E-Learning est
lutilisation des nouvelles technologies multimdias de lInternet pour amliorer la
qualit de lapprentissage en facilitant dune part laccs des ressources et des
services, dautre part les changes et la collaboration distance .
Le E-Learning est une modalit pdagogique et technologique qui concerne la formation
continue, mais aussi lenseignement suprieur, cest--dire pour un apprenant adulte
ayant une certaine autonomie dans lorganisation de son processus dapprentissage,
comme en entreprise par exemple. Cependant, il faut remarquer, quaux USA, dans des
textes officiels rcents, le E-Learning est souvent dclin sous la forme
Enhanced-Learning Through Information Technologies , pour tout type de public, de
la maternelle la formation continue, et qui y inclut toutes les technologies ducatives
que nous avons dj connues : didacticiels, CD/Rom, Hypermdias, Tuteur (formateur)
Intelligent (US DoE, 2000).
Ainsi, le E-Learning serait un assemblage, tant de pratiques pdagogiques que de
technologies ducatives qui existaient, et dont le dveloppement proviendrait de
lavnement dInternet (2000/2001) avec son potentiel dubiquit. Il semble cependant,
comme pour les volutions rcentes des organisations, que le E-Learning qui est en
mergence particulirement au Maroc, possde des caractristiques qui le font diffrer
des approches des technologies de lducation telles que nous les connaissions.
E-Learning
4

Plusieurs termes sont utiliss pour traduire le terme E-Learning. La traduction la plus
fidle est apprentissage en ligne. On parle aussi parfois de-formation, le e comme
dans E-Learning tant une rfrence explicite aux technologies de linformation.
L'apprentissage mixte conjugue les notions d'apprentissage en ligne et d'apprentissage
hors ligne. L'apprentissage mixte dsigne une mthode d'acquisition d'un savoir ou de
construction de connaissance utilisant des interactions (acteur-acteur ou acteurs-
ressources) relayes par un systme tlmatique (lectronique, informatique connect par
rseau). 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 spcialisation de
l'apprentissage distance (ou formation distance), un concept plus gnral qui inclut
entre autres les cours par correspondance, et tout autre moyen d'enseignement en temps
et lieu asynchrone.
ii. Cahier des charges

a. Contexte du projet

La socit Devo Service qui dispose parmi les missions quelle sest astreinte
la formation, dsire amliorer la qualit des services quelle offre. Cette
socit dans le cadre de ltude quelle a men, a considr quil y avait un
besoin de cration et mise au point un site dapprentissage en ligne et
notamment, pour offrir un service de qualit sa clientle et augmenter le
rendement de son Dpartement formation et le fortifier. Par ailleurs, un site
dapprentissage en ligne permettra Devo services de complter les
prestations quelle offre aux entreprises.

b. Objectif Cibl

Mettre au point une solution web prsentant les services de la
formation proposs par Devo Services, accessible distance et
continuellement disponible.
Augmenter le nombre de bnficiaires, ainsi que la rduction du
nombre de formateurs en plus de lautomatisation de quelques
tches manuelles visant renforcer la fiabilit et la qualit de la
formation offerte par la socit.


E-Learning
5
c. Acteurs

Aprs la phase danalyse, nous avons identifi trois catgories dutilisateurs :
Les apprenants, les formateurs et les administrateurs.

Les Apprenants : Ils consultent les cours, envoi des messages via la
messagerie interne. Il peut aussi passer des valuations.

Les Formateurs : Le Formateur crent les sances ainsi que des quiz,
consulte les cours. Il est la disposition des
apprenants afin de rpondre aux questions de ces
derniers.

Les Administrateurs : Leurs rles principaux sont de prparer les
sessions et de mettre en place les ressources des
chapitres et des exercices, aprs avoir
dtermin les programmes de formations le
contenu des cours. Dautres rles optionnels
leurs sont confis : la cration de groupes et dy
insrer/retirer des apprenants. La cration des
sances et la possibilit dinscrire les
apprenants aux sessions.

iii. Etude de lexistant

La formation continue se fait actuellement de faon traditionnelle : cours, apprenants et
formateurs sur place.
Inconvnients :
- Places limites;
- Nombre de salles rduites;
- Charge leve de la formation;
- Ncessit de se dplacer pour assister aux cours.

Solution :
- Augmenter le nombre de bnficiaires
- Rduire le nombre de professeurs
- Crer un mdia (site Web) de partage des ressources
E-Learning
6

III. Modlisation du Systme

Notre travail a ncessit une tude pour modliser le systme. Pour cela, nous avons
tablis des rgles de gestion, puis nous avons adopt le langage UML pour symboliser
nos ides sous forme de schmas. Nous avons ensuite utilis IBM Rational System
Developer pour reprsenter ces schmas sous format lectronique.

i. Rgles de gestion

Le dpartement formation de La socit Devo Services met la disposition des
apprenants des cours et des quiz. Devo Services a tablit cet effet des rgles de
gestion :

RG1 : Un thme rassemble un nombre de modules ;

RG2 : Un module contient plusieurs cours ;

RG3 : Un cours se compose de plusieurs chapitres, et chaque chapitre se compose de
plusieurs exercices. Les chapitres et les exercices dtiennent plusieurs ressources ;

RG4 : Les sessions ont une priode dsigne, portent sur un module unique et ont un
tarif qui dpend des la priode et du module ;

RG5 : Les apprenants sinscrivent aux sessions, en se rendant personnellement aux
lieux de la socit afin de payer les cots de la formation. Linscription ne peut se
faire que si lapprenant en question est enregistr (compte attribu) ;

RG6 : Chaque apprenant peut appartenir plusieurs groupes, et chaque groupe
englobe plusieurs apprenants ;

RG7 : Un groupe assiste aux sances programmes par les administrateurs (aussi par
les formateurs). Chaque sance possde une date et une heure prcises, et est
attache une session dtermine ;

RG8 : Un quiz sert valuer les apprenants sur un cours pendant une certaine
session ;

RG9 : Un quiz se compose de plusieurs questions, et chaque question a une liste de
propositions ;

RG10 : Un quiz est cr par un formateur, programm pour une sance et pass par
un apprenant appartenant au groupe concernant la sance en question ;

RG11 : Laccs au quiz se fait durant une sance donne, chaque apprenant ne peut
accder au quiz que pendant les premires cinq minutes de cette sance ;
E-Learning
7



RG12 : Les formateurs et les apprenants peuvent accder aux ressources des cours
qui les intresse, mais seuls les administrateurs peuvent les grer.

ii. Langage de modlisation

UML (Unified Modeling Language, que l'on peut traduire par "langage de modlisation
unifi") est un concept permettant de modliser un problme de faon standard. Ce
langage est n de la fusion de plusieurs mthodes existant auparavant, et est devenu
dsormais la rfrence en terme de modlisation objet, un tel point que sa connaissance
est souvent ncessaire pour obtenir un poste de dveloppeur objet.

UML se dcompose en plusieurs sous-ensembles :
Les vues : Les vues sont les lments observables du systme. Elles dcrivent le
systme d'un point de vue donn, qui peut tre organisationnel, dynamique,
temporel, architectural, gographique, logique, etc. En combinant toutes ces vues
il est possible de dfinir (ou retrouver) le systme complet.
Les diagrammes : Les diagrammes sont des graphiques. Ceux-ci dcrivent le
contenu des vues, qui sont des notions abstraites. Les diagrammes peuvent faire
partie de plusieurs vues.
Les modles d'lment : Les modles d'lment sont les briques des diagrammes
UML, ces modles sont utiliss dans plusieurs types de diagramme. Exemple
d'lment : cas dutilisation, classe, association, etc.
E-Learning
8


iii. Diagramme de classes
Le diagramme de classes est un schma utilis en gnie logiciel pour prsenter les
classes et les interfaces d'un systme ainsi que les diffrentes relations entre celles-ci. Ce
diagramme appartient la partie statique d'UML car il fait abstraction des aspects
temporels et dynamiques.
Une classe dcrit les responsabilits, le comportement et le type d'un ensemble d'objets.
Les lments de cet ensemble sont les instances de la classe.
Une classe est un ensemble de fonctions et de donnes (attributs) qui sont lies
ensembles par un champ smantique. Les classes sont utilises dans la programmation
oriente objet. Elles permettent de modliser un programme et ainsi de dcouper une
tche complexe en plusieurs petits travaux simples.
Les classes peuvent tre lies entre elles grce au mcanisme d'hritage qui permet de
mettre en vidence des relations de parent. D'autres relations sont possibles entre des
classes, chacune de ces relations est reprsente par un arc spcifique dans le diagramme
de classes.
Elles sont finalement instancies pour crer des objets (une classe est un moule objet :
elle dcrit les caractristiques des objets, les objets contiennent leurs valeurs propres
pour chacune de ces caractristiques lorsqu'ils sont instancis).
E-Learning
9

La figure1 montre le diagramme de classes que nous avons raliss, en illustrant toutes
les classes, relations entre ces classes et leurs cardinalits.


Figure 1 : Diagramme de classes
E-Learning
10

iv. Diagramme de cas dutilisation
Les diagrammes de cas d'utilisation sont des diagrammes UML utiliss pour donner
une vision globale du comportement fonctionnel d'un systme logiciel. Un cas
d'utilisation reprsente une unit discrte d'interaction entre un utilisateur (humain ou
machine) et un systme. Il est une unit significative de travail. Dans un diagramme de
cas d'utilisation, les utilisateurs sont appels acteurs (actors), ils interagissent avec les cas
d'utilisation (use cases).
UML dfinit une notation graphique pour reprsenter les cas d'utilisation, cette notation
est appele diagramme de cas d'utilisation. UML ne dfinit pas de standard pour la forme
crite de ces cas d'utilisation, et en consquence il est ais de croire que cette notation
graphique suffit elle seule pour dcrire la nature d'un cas d'utilisation. Dans les faits,
une notation graphique ne peut donner qu'une vue gnrale simplifie 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 relis, les cas
d'utilisation sont bien plus dtaills que les diagrammes de cas d'utilisation.
E-Learning
11

La figure2 dcrit les diffrents cas d'utilisations de chaque acteur. Elle permet de
distinguer les rles et les acteurs du projet.
Figure2 : Diagramme des Cas dUtilisations (Use Case)
E-Learning
12

v. Diagramme de squence
Les diagrammes de squence sont couramment utiliss par nombre d'acteurs d'un projet.
En effet, le diagramme de squence est une reprsentation intuitive lorsque l'on souhaite
concrtiser des interactions entre deux entits (deux sous-systmes ou deux classes d'un
futur logiciel). Ils permettent l'architecte/designer de crer au fur et mesure sa
solution. Cette reprsentation intuitive est galement un excellent vecteur de
communication dans une quipe d'ingnierie pour discuter cette solution. Les
diagrammes de squence peuvent galement servir la problmatique de test. Les traces
d'excution d'un test peuvent en effet tre reprsentes sous cette forme et servir de
comparaison avec les diagrammes de squence raliss lors des phases d'ingnierie. Les
diagrammes de squence tels que dfinis en UML souffraient cependant d'un gros
inconvnient. La quantit de diagrammes raliser pouvait atteindre un nombre lev
ds lors que l'on souhaitait dcrire avec un peu de dtail les diffrentes branches
comportementales d'une fonctionnalit.
E-Learning
13


La figure3 montre la squence d'authentification. C'est la premire squence dclenche
dans ce projet. L'utilisateur entrain de se connecter attend la rponse pour tre redirig
vers la page d'accueil correspondante son profil.



Figure 3 : Diagramme de squence Authentification
E-Learning
14


La Figure4 dmontre l'interaction entre deux utilisateurs changeant des messages
synchrones.




Figure 4 : Diagramme de squence Messagerie
E-Learning
15


La figure5 dmontre le processus suivi par l'apprenant pour passer une valuation (quiz).
Ce processus ne se dclenche si, et seulement si, une valuation est programm pour le
cours en question.


Figure 5 : Diagramme de squence Passage de Quiz par apprenant
E-Learning
16


La figure6 expose la manire avec laquelle un formateur cre un quiz. Il doit spcifier les
questions, et pour chaque question, il doit dterminer les propositions.





Figure 6 : Diagramme de squence cration de quiz par formateur

E-Learning
17

La figure7 dcrit la faon avec laquelle un administrateur cre des modules et des
thmes. Il doit spcifier l'intitul et le module de chacun des deux.


Figure 7 : Diagramme de squence gestion thme module par administrateur
E-Learning
18


La figure8 retrace le droulement de la cration des cours. Un cours contient plusieurs
chapitres, et un chapitre contient plusieurs exercices. Ces deux derniers contiennent tous
les deux des ressources.



Figure 8 : Diagramme de squence gestion cours par administrateur

E-Learning
19




La figure9 montre la procdure d'insertion des apprenants dans un groupe spcifi. Cette
squence est dclenche par les administrateurs.







Figure 9 : Diagramme de squence gestion de groupe par administrateur
E-Learning
20



La figure10 expose le droulement de la consultation des cours. Les apprenants ou
formateurs provoquent cette squence.




Figure 10 : Diagramme de squence consultation cours par apprenant ou formateur
E-Learning
21

La figure11 explique comment est ce que les formateurs ou les administrateurs
programment une sance. La disponibilit d'au moins un groupe, et de au moin un cours
est indispensable pour la pouvoir crer une sance.




Figure 11 : Diagramme de squence gestion sances par administrateur ou Formateur
E-Learning
22

vi. Outil de modlisation (Version dvaluation)



Rational Systems Developer est un environnement de dveloppement intgr pour aider
les organisations qui administrent des processus commerciaux de dveloppement de
logiciels et de systmes.
Rational Systems Developer mise sur la puissance d'Eclipse et aide les quipes de
dveloppement utiliser le langage de modlisation UML 2 pour crer des applications
bien structures et guides par modles en C/C++, Java

et CORBA.
Rational Rose permet de :
Augmenter la valeur de lenvironnement Eclipse en tirant parti d'avantages
comme une meilleure intgration des outils et l'accs un cosystme de
plugiciels permettant de personnaliser l'environnement de dveloppement ;
Sadapter pour Microsoft Windows et Linux.
Utiliser l'ensemble complet d'outils de graphiquage du langage de modlisation
UML 2 pour expliquer les dtails de l'architecture dans un environnement de
dveloppement guid par modle.
Grer en souplesse les ressources de modlisation afin de faciliter le
dveloppement en parallle et le r-usinage architectural.
Appliquer de puissants modles et utiliser les fonctions de cration de modles
afin d'assurer le respect des conventions et des meilleures pratiques.
Miser sur les fonctions de transformation classique et inverse pour automatiser
la transition entre les modles et le code, par exemple pour passer du langage
UML Java ou du code C++ UML.
Utiliser les fonctions de vrification et de contrle des structures pour dtecter
les faiblesses des applications Java et y voir.

E-Learning
23

IV. Ralisation :
Pour la ralisation de ce projet, il a t ncessaire d'utiliser plusieurs outils
informatiques. La majorit de ces outils nous ont t conseills par Devo Services.

i. Les outils de ralisation

a. Visual Studio .NET 2005


Visual Studio est un ensemble complet d'outils de dveloppement permettant de gnrer
des applications Web, des applications bureautiques et des applications mobiles.
Plusieurs langages sont disponibles tels que le C# (mlange de C++ et de Java), le J#
(proche du Java, mais non compatible Java) et le Visual Basic .NET (Visual Basic
.NET). Grce la disponibilit des spcifications techniques, diffrents acteurs sont
libres d'ajouter le support pour un autre langage, ou un langage classique (notamment
Cobol, Pascal, Fortran, Eiffel, Ada) ainsi que ASP.NET.
Il a pour but de faciliter la tche des dveloppeurs en proposant une approche unifie la
conception d'applications Windows ou Web, tout en introduisant des facilits pour le
dveloppement, le dploiement et la maintenance d'applications.
Le framework gre tous les aspects de l'excution de l'application :
Il alloue la mmoire pour le stockage des donnes et des instructions du
programme ;
Il autorise ou interdit les droits de l'application ;
Il dmarre et gre l'excution ;
Il gre la rallocation de la mmoire pour les ressources qui ne sont plus
utilises.
C'est pour cela que le framework .NET est qualifi d'environnement manag .
Il est compos de deux blocs principaux : le CLR et la bibliothque de classes .NET.
E-Learning
24

b. ASP .NET

ASP (Active Server Pages) est un standard mis au point par Microsoft en 1996
permettant de dvelopper des applications Web interactives, c'est--dire dont le contenu
est dynamique. Ainsi une page web ASP (fichier reprable par l'extension .asp) aura un
contenu pouvant tre diffrent selon certains paramtres (des informations stockes dans
une base de donnes, les prfrences de l'utilisateur, ...) tandis qu'une page web
classique (dont l'extension est .htm ou .html) affichera continuellement la mme
information.
ASP est une technologie web dynamique, permettant de reprsenter sous forme d'objets
les interactions entre le navigateur du client, le serveur web, ainsi que les connexions
des bases de donnes (grce ADO, ActiveX Data Object) ou bien des composants COM
(Component Object Model). Les ASP sont donc excutes du ct du serveur (au mme
titre que les scripts CGI, PHP, ...) et non du ct client (les scripts crits en JavaScript ou
les applets Java s'excutent dans le navigateur de la personne connecte un site).
Les ASP sont intgrables au sein d'une page Web en HTML l'aide de balises spciales
permettant au serveur Web de savoir que le code compris l'intrieur de ces balises doit
tre interprt afin de renvoyer des donnes (gnralement 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'intermdiaire entre le navigateur du client et une base de donnes en permettant un
accs transparent celle-ci grce la technologie ADO (ActiveX Data Object), qui
fournit les lments ncessaires la connexion un systme de gestion de bases de
donnes, la manipulation des donnes grce au langage SQL.
E-Learning
25

La figure12 expose l'change de donnes entre le client et le serveur grce la
technologie ASP sous la plateforme .NET.

Figure 12 : Architecture ASP .NET
c. AJAX
(Asynchronous JavaScript And XML, traduisez JavaScript asynchrone et XML) est une
mthode de dveloppement web base sur l'utilisation d'un script JavaScript pour
effectuer des requtes web l'intrieur d'une page web sans recharger la page. AJAX
rend plus interactifs les sites web et offre une meilleure ergonomie ainsi qu'une ractivit
amlior en permettant de modifier interactivement une partie de l'interface web
seulement.
En effet, le modle web traditionnel est bas sur une suite de requtes et de rponses
successives, c'est--dire une navigation squentielle de page web en page web. AJAX
permet de ne modifier que la partie de la page web qui ncessite d'tre mise jour en
crant une requte HTTP locale et en modifiant tout ou partie de la page web en fonction
de la requte HTTP rcupre.
E-Learning
26

La figure9 compare le droulement de l'excution d'une application web classique (
gauche) et l'excution du mme lment l'aide de la technologie AJAX.

Figure 9 : Comparaison entre le model classique et le model Ajax dune application web
E-Learning
27

d. SQL SERVER 2005
SQL Server 2005 (Nom de code: Yukon) est un SGBDR de la plateforme Microsoft.
Bas sur les points forts de son prdcesseur (SQL Server 2000), Yukon apporte
beaucoup de nouvelles fonctionnalits, Il permet, entre autres choses:
- de proposer aux dveloppeurs un environnement de dveloppement riche, souple et
moderne permettant de crer des applications de bases de donnes plus sres;
- de partager des donnes entre diverses plates-formes, applications et systmes pour
faciliter les connexions, tant internes qu'externes.
- La monte en charge: Des amliorations comme le partitionnement, l'isolement des
captures instantanes et la prise en charge des systmes 64 bits, vous permettent de
crer et de dployer vos applications les plus exigeantes;
- Scurit : Cryptage de base de donnes, choix de la scurit maximale par dfaut;
- Gestion : Une nouvelle suite d'outils de gestion de base de donnes, amlioration du
Profiler SQL;
- Linteroprabilit: Grce une prise en charge tendue des standards, des services
Web et de Microsoft .NET Framework, SQL Server 2005 assure l'interoprabilit
entre plates-formes, applications et systmes.
- Lamlioration des outils: Les dveloppeurs pourront utiliser un outil de
dveloppement pour Transact-SQL, XML, MDX (Multidimensional Expression) et
XML for Analysis (XML/A). L'intgration avec l'outil de dveloppement Visual
Studio permettra un dveloppement et un dbogage plus efficaces des applications
mtier et dcisionnelles ;
- Lintgration de la CLR (Common Language Runtime) dans le moteur de base de
donnes: Les dveloppeurs auront la possibilit de choisir le langage (C#, VB.NET,
Transact-SQL) qu'ils utiliseront pour dvelopper leurs application de base de
donnes ;
- Le support du XML et XQuery ;
- Le support des Web Services : La prise en charge de standards ouverts, existants ou
nouveaux, tels que HTTP (Hypertext Transfer Protocol), XML, SOAP (Simple
Object Access Protocol), XQuery et XSD (XML Schema Definition) facilitera
galement les communications entre systmes d'entreprise tendus.
E-Learning
28

e. JAVASCRIPT
Cest un langage de script incorpor dans un document HTML. Historiquement il s'agit
du premier langage de script pour le Web. Ce langage est un langage de programmation
qui permet d'apporter des amliorations au langage HTM pour excuter des commandes
du ct client, c'est--dire au niveau du navigateur et non du serveur web. JavaScript a
t mis au point par Netscape en 1995. A l'origine, il se nommait LiveScript et tait
destin fournir un langage de script simple au navigateur Netscape Navigator 2. Il a,
l'poque, longtemps t critiqu pour son manque de scurit, son dveloppement peu
pouss et l'absence de messages d'erreur explicites rendant difficile son utilisation. Le 4
dcembre 1995, suite une association avec le constructeur Sun, Netscape rebaptise son
langage JavaScript (un clin d'il au langage Java dvelopp par Sun). A la mme
poque, Microsoft mit au point le langage Jscript, un langage de script trs similaire.
Ainsi, pour viter des drives de part et d'autre, un standard a t dfini pour normaliser
les langages de script, il s'agit de l'ECMA 262, cr par l'organisation du mme nom
(ECMA, European Computer Manufactures Association).
La figure13 dmontre le fonctionnement du JavaScript en mettant en valeur le ct client
et le ct serveur.

Figure 13 : Fonctionnement de JavaScript


E-Learning
29

ii. Architecture globale de lapplication

Larchitecture adopte pour notre application est celle la plus utilise dans le
dveloppement des grandes applications, cest larchitecture 3-tiers. Elle permet de
rendre les trois couches (prsentation, mtier et accs aux donnes) indpendantes les
unes des autres grce aux interfaces.

La figure14 reflte les diffrentes couches de l'architecture 3-tiers et leurs interactions
entre eux-mmes.
Couche dAccs aux
Donnes
Couche Mtier Couche Prsentation Couche dAccs aux
Donnes
Couche Mtier Couche Prsentation
ASP .NET
WebForms
ASP .NET
MasterPages
BD SQL
Server
Procdures
Stockes
SQL Server
ADO .NET
Classes C# Classes C#
SQL Server

Figure 14 : Structure de larchitecture 3-tiers
E-Learning
30

a. La couche Prsentation
Elle reprsente le premier niveau de larchitecture et est la partie visible de lapplication
et interactive avec lutilisateur. Dans notre cas, elle est reprsente en HTML et est
exploite par des navigateurs Web.
Les figures 15, 16 et 17 montrent l'arborescence des lments qui reprsentent la couche
prsentation.

Figure 15 : La couche Prsentation
E-Learning
31

b. La couche Mtier
Cest la couche du second niveau de larchitecture. Elle reprsente la partie fonctionnelle
de lapplication. Cette couche opre sur les donnes en fonction des requtes des
utilisateurs effectues au travers de la couche prsentation (Couche intermdiaire).

Figure 16 : La couche Mtier
E-Learning
32

c. La couche accs aux donnes
La fonction principale de cette couche est de grer les donnes. La faon dont elle
organise, manipule et stocke les donnes est transparente vis--vis des application
externes et des utilisateurs.

Figure 17 : La couche accs aux donnes
E-Learning
33

iii. Les interfaces types de lapplication






Figure 18: Ecran Authentification



Page initiale du projet. Tout utilisateur doit s'authentifier (login et mot de passe). Les apprenants
peuvent s'enregistrer.
E-Learning
34




Figure 19 : Ecran Apprenant


Cette page est la plus importante pour un utilisateur de profil apprenant. Elle permet l'apprenant de
slectionner les sessions auxquels il est inscrit. Il peut ainsi suivre ses cours en accdant aux
ressources des chapitres et exercices. Les ressources peuvent tre des documents, des squences
audio et mme video.
E-Learning
35



Figure 20 : Ecran Administrateur

Cet cran montre le menu latral des administrateurs et la liste des thmes disponibles.
E-Learning
36




Figure 21 : Ecran Formateur


Cette page affiche le menu latral des formateurs. Elle affiche aussi les sances dont le formateur est
responsable dans une session donne.
E-Learning
37




Figure 22 : Ecran Insertion Apprenants dans un groupe

Cet cran montre la manire d'inserer et/ou retirer des apprenants d'un groupe. Cette opration se
fait aprs avoir prcis 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.
E-Learning
38

Conclusion

Pendant la priode de stage, nous avons pu acqurir une exprience professionnelle et
concrtis ainsi nos acquis thoriques.

Ce projet nous a permis de connatre le E-Learning et dapprofondir nos connaissances,
notamment en terme de conception et de ralisation de ce domaine.

Pour la modlisation, nous avons opts pour UML comme langage de modlisation et
IBM Rational Rose comme outil de modlisation nous permettant ainsi de reprsenter
nos diagrammes sous format lectronique.

Pour la ralisation, nous nous sommes orients vers la plateforme .NET, en utilisant ASP
.NET pour la solution Web et le langage C# comme de codage ct Serveur. Le SGBD
exploit nest autre que SQL Server 2005, nous permettant de bnficier des services des
procdures stockes et la gestion des donnes.

Larchitecture 3-tiers qui permet de faire correspondre les interfaces avec les donnes,
nous a facilit la tche de son dveloppement.

En effet, ce projet peut tre encore dvelopp, et parmi ces perspectives nous
pouvons envisag :
- La gestion des utilisateurs ;
- La gestion des archives ;
- La messagerie instantane ;
- La gestion et lutilisation des forums ;
- Les confrences audio et vido en temps rel.
E-Learning
39

Glossaire

-A-
ADO : ActiveX Data Object
AJAX : Asynchronous Javascript And Xml
ASP : Active Server Pages
-B-
BD : Base de Donnes
-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 : Systme de Gestion de Base de Donnes
SGBDR : Systme de Gestion de Base de Donnes Relationnelles
SI : Systmes dInformation
SLA : Service Level Agreement
SQL : Structured Query Language
SysML : Systems Modeling Languages
-U-
UML : Unified Modeling Language
-X-
XML : eXtensible Markup Language
E-Learning
40

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)