Université de La Manouba 
Ecole Nationale des Sciences de l’Informatique 
PPllaatteeffoorrmmee ddee ffoorrmmaattiioonn àà 
ddiissttaannccee 
PPRROOJJEETT DDEE DDEEUUXX MMOODDUULLEESS 
Proposé et encadré par 
Mr Bechir Raddaoui 
Elaboré par 
Gadacha Med Amine Houaidia Chiraz Kamoun Aymen Negra Rim 
Année Universitaire 2008-2009
2 
Plan 
 Cadre du sujet et objectifs 
 Etude préalable 
 Spécification des besoins 
 Conception 
 Réalisation 
 Conclusion et perspectives
3 
Cadre du sujet et objectifs 
 CCaaddrree dduu ssuujjeett :: 
Concevoir un site web dynamique susceptible 
d’assurer la formation à distance à l’ENSI. 
 OObbjjeeccttiiffss :: 
o Proposer un contenu riche, varié, conforme aux 
critères pédagogiques 
o Proposer un système d’évaluation et de notation 
comme exigé à l’ENSI (Tests, DSs, Examens … 
etc.) 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
Cadre du sujet et objectifs 
o Gérer les formations selon les besoins de 
l’apprenant et la disponibilité du tuteur. 
o Proposer un programme complet qui couvre 
tous les modules de tous les niveaux. 
o Gérer les inscriptions des étudiants. 
o Permettre aux apprenants externes à l’ENSI de 
suivre le programme et être éventuellement 
certifiés. 
4 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
5 
Plan 
 Cadre du sujet et objectifs 
 Etude préalable 
 Spécification des besoins 
 Conception 
 Réalisation 
 Conclusion et perspectives
6 
Etude Préalable 
 L’existant : L'étude de l’état actuel de la 
formation à distance à l'Ecole Nationale 
des Sciences de l'Informatique révèle 
plusieurs limitations.  Critique 
 Les apports : L’étude des apports que 
nous pouvons intégrer au sein de notre 
site web. 
 Les technologies : L’étude des 
technologies du web. 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
7 
Etude de l’existant 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Un cours assuré uniquement pour les 
étudiants déjà inscrits à l’ENSI 
Technique restreinte à quelques modules et 
à quelques niveaux 
Manque d’interactivité et de 
communication 
Evaluation selon le planning classique et 
présence obligatoire
8 
L’apport du Travail 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Internaute 
cible 
Site se basant 
sur la notion d’E-Learning 
Solution 
interactive 
Divers 
services 
Web Dynamique
9 
Les technologies du Web 
Architectures distribuées 
 Architecture J2EE multi-tiers 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
10 
Les technologies du Web 
Patrons architecturaux 
 Modèle MVC 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
11 
Les technologies du Web 
Frameworks 
 Le framework JSF 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
12 
Les technologies du Web 
Technologies professionnelles 
 Le framework Hibernate 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Hibernate Architecture 
Application 
Persistance Object 
Hibernate 
Hibernate XML Mapping 
properties 
Database
13 
Plan 
 Cadre du sujet et objectifs 
 Etude préalable 
 Spécification des besoins 
 Conception 
 Réalisation 
 Conclusion et perspectives
14 
Spécification des besoins 
Acteurs du système d’e-learning 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Administrateur 
Gestion, 
recrutements, 
inscriptions, 
organisation du 
travail, etc. 
Enseignant 
Accompagnement 
des apprenants, 
évaluation, etc. 
Apprenant 
apprendre, 
participer et 
collaborer
15 
Spécification des besoins 
Besoins fonctionnels 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Gestion des inscriptions 
Gestion des formations 
Gestion du processus de formation 
Gestion du contenu pédagogique 
Outils d’interaction
16 
Spécification des besoins 
Diagramme de cas d’utilisation global 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Administrateur 
Etudiant 
Enseignant 
Administrer la 
plateforme 
Authentification 
Consulter un 
document 
Déposer un 
document 
<<uses>> 
<<uses>> 
<<uses>>
17 
Spécification des besoins 
Diagramme de cas d’utilisation : Administrateur 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Administrateur 
Authentification Gestion des 
extends>> 
<<Gestion de 
la 
plateforme 
extends>> <<comptes 
Gestion des 
groupes 
Gestion des 
inscriptions 
Configurer 
la BD 
Suivi 
technique de 
la plateforme 
<<uses>> 
<<extends>> 
<<extends>> 
<<extends>>
18 
Spécification des besoins 
Diagramme des cas d’utilisation: Etudiant 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Etudiant 
Ecrire un 
mail 
Consulter 
les 
messages 
S’inscrire à 
un groupe 
Accéder au 
mail 
Authentification 
Recherche 
par mot clé 
Consultation 
du site 
Envoyer 
des mails 
<<extends>> 
Télécharger 
des 
documents 
Consulter le 
cours 
Envoyer des 
documents 
Suivre une 
formation 
Passer des 
tests 
<<uses>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>>
19 
Spécification des besoins 
Diagramme des cas d’utilisation: Enseignant 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Enseignant 
Ecrire un 
mail 
<<extends>> 
<<extends>> 
<<extends>> 
Déposer 
des cours 
Authentification 
<<extends>> 
Définition 
des objectifs 
Consultation 
Consultation 
des résultats 
des 
connexions 
Suivi des 
apprenants 
Accéder au 
mail 
Consultation 
du site 
Consulter 
des mails 
Envoyer 
des mails 
<<uses>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>> 
<<extends>>
20 
Spécification des besoins 
Besoins non fonctionnels 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
 IInntteerrffaaccee eerrggoonnoommiiqquuee 
 EExxppllooiittaattiioonn mmaaxxiimmaallee ddeess NNTTIICCss 
 CCoommppaattiibbiilliittéé aavveecc llaa mmaajjoorriittéé ddeess nnaavviiggaatteeuurrss 
wweebb 
 CCoonnttrraaiinnttee ddee tteemmppss
21 
Plan 
 Cadre du sujet et objectifs 
 Etude préalable 
 Spécification des besoins 
 Conception 
 Réalisation 
 Conclusion et perspectives
22 
Conception architecturale 
Conception de l’application 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Presentation 
Tier 
Business 
Tier 
Persistance 
Tier 
Browser 
JSF 
POJO 
SGBD 
Servlet 
Container 
JVM 
JSP 
mxml 
Hibernate JVM 
HTTP
23 
Conception détaillée 
Base de données 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
24 
Conception détaillée 
Diagramme de classe 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives
25 
Conception détaillée 
Scénario : Ajout d’un utilisateur 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Système Etudiant 
Demande de création 
d’un compte 
Vérifie les données 
validation 
Envoi email de validation
26 
Conception détaillée 
Scénario : recherche et consultation d’un document 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Etudiant Système 
Demande de connexion 
Connexion acceptée 
Recherche de document 
Résultat recherche 
Consulter document 
Demande de téléchargement 
fichier 
Acceptation ou refus 
vérification 
recherche
27 
Conception détaillée 
Scénario : Evaluation 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Enseignant Système 
Connexion 
Connexion acceptée 
Accès au menu d’édition 
d’évaluation 
Accès accepté 
Création d’une évaluation 
Validation de l’évaluation 
Validation acceptée 
vérification
vérification 
28 
Conception détaillée 
Scénario : Evaluation 
Cadre du sujet et 
Objectifs 
Etude préalable 
Spécifications des 
besoins 
Conception 
Réalisation 
Conclusion et 
perspectives 
Etudiant Enseignant Système 
Connexion 
Connexion acceptée 
Demande de passer une 
évaluation 
Demande acceptée 
Passer l’évaluation 
Demande de correction de 
l’évaluation 
Correction de l’évaluation 
Traitement des données 
Traitement 
Traitement 
Envoi de la réponse 
Evaluations à corriger 
Demande de consulter le 
résultat 
Envoi résultat
29 
Plan 
 Cadre du sujet et objectifs 
 Etude préalable 
 Spécification des besoins 
 Conception 
 Réalisation 
 Conclusion et perspectives
30 
Réalisation 
Environnement logiciel 
Cadre du sujet 
Problématique 
Travail demandé 
Solution proposée 
Spécification 
Conception 
Réalisation 
Conclusion 
 Langages 
 Conception : UML 
 Programmation : JAVA/ J2EE 
 Logiciels 
 NetBeans IDE 6.5: Environnement de 
Développement Intégré JAVA 
 MySQL Server 5.0: SGBD Relationnel. 
 DBDesigner: Concepteur de BD 
 Macromedia Dreamweaver : Concepteur Web 
 Microsoft office Visio: Atelier génie logiciel
Webcast 
 Vidéo 1: Interface Etudiant 
 Vidéo 2: Interface Enseignant 
 Vidéo 3: Interface Administrateur Cadre du sujet 
Problématique 
Travail demandé 
Solution proposée 
Spécification 
Conception 
Réalisation 
Conclusion 
31
32 
Conclusion & Perspectives 
Cadre du sujet 
Problématique 
Travail demandé 
Solution proposée 
Spécification 
Conception 
Réalisation 
Conclusion 
 Réalisation: 
Lors du développement du site de formation à distance 
on a eu recourt à: 
 Architecture J2EE 
 Modèle MVC implémenté par JSF 
 Le framework de mapping objet-relationnel Hibernate 
 Une base de données MySQL 
 Perspectives 
 Ajout d’une composante de paiement en adoptant une stratégie 
de paiement favorisant la sécurité des transactions . 
 Intégration des modules de vidéoconférence et visioconférence
MMeerrccii ppoouurr vvoottrree aatttteennttiioonn

Modele-elearning

  • 1.
    Université de LaManouba Ecole Nationale des Sciences de l’Informatique PPllaatteeffoorrmmee ddee ffoorrmmaattiioonn àà ddiissttaannccee PPRROOJJEETT DDEE DDEEUUXX MMOODDUULLEESS Proposé et encadré par Mr Bechir Raddaoui Elaboré par Gadacha Med Amine Houaidia Chiraz Kamoun Aymen Negra Rim Année Universitaire 2008-2009
  • 2.
    2 Plan Cadre du sujet et objectifs  Etude préalable  Spécification des besoins  Conception  Réalisation  Conclusion et perspectives
  • 3.
    3 Cadre dusujet et objectifs  CCaaddrree dduu ssuujjeett :: Concevoir un site web dynamique susceptible d’assurer la formation à distance à l’ENSI.  OObbjjeeccttiiffss :: o Proposer un contenu riche, varié, conforme aux critères pédagogiques o Proposer un système d’évaluation et de notation comme exigé à l’ENSI (Tests, DSs, Examens … etc.) Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 4.
    Cadre du sujetet objectifs o Gérer les formations selon les besoins de l’apprenant et la disponibilité du tuteur. o Proposer un programme complet qui couvre tous les modules de tous les niveaux. o Gérer les inscriptions des étudiants. o Permettre aux apprenants externes à l’ENSI de suivre le programme et être éventuellement certifiés. 4 Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 5.
    5 Plan Cadre du sujet et objectifs  Etude préalable  Spécification des besoins  Conception  Réalisation  Conclusion et perspectives
  • 6.
    6 Etude Préalable  L’existant : L'étude de l’état actuel de la formation à distance à l'Ecole Nationale des Sciences de l'Informatique révèle plusieurs limitations.  Critique  Les apports : L’étude des apports que nous pouvons intégrer au sein de notre site web.  Les technologies : L’étude des technologies du web. Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 7.
    7 Etude del’existant Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Un cours assuré uniquement pour les étudiants déjà inscrits à l’ENSI Technique restreinte à quelques modules et à quelques niveaux Manque d’interactivité et de communication Evaluation selon le planning classique et présence obligatoire
  • 8.
    8 L’apport duTravail Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Internaute cible Site se basant sur la notion d’E-Learning Solution interactive Divers services Web Dynamique
  • 9.
    9 Les technologiesdu Web Architectures distribuées  Architecture J2EE multi-tiers Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 10.
    10 Les technologiesdu Web Patrons architecturaux  Modèle MVC Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 11.
    11 Les technologiesdu Web Frameworks  Le framework JSF Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 12.
    12 Les technologiesdu Web Technologies professionnelles  Le framework Hibernate Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Hibernate Architecture Application Persistance Object Hibernate Hibernate XML Mapping properties Database
  • 13.
    13 Plan Cadre du sujet et objectifs  Etude préalable  Spécification des besoins  Conception  Réalisation  Conclusion et perspectives
  • 14.
    14 Spécification desbesoins Acteurs du système d’e-learning Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Administrateur Gestion, recrutements, inscriptions, organisation du travail, etc. Enseignant Accompagnement des apprenants, évaluation, etc. Apprenant apprendre, participer et collaborer
  • 15.
    15 Spécification desbesoins Besoins fonctionnels Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Gestion des inscriptions Gestion des formations Gestion du processus de formation Gestion du contenu pédagogique Outils d’interaction
  • 16.
    16 Spécification desbesoins Diagramme de cas d’utilisation global Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Administrateur Etudiant Enseignant Administrer la plateforme Authentification Consulter un document Déposer un document <<uses>> <<uses>> <<uses>>
  • 17.
    17 Spécification desbesoins Diagramme de cas d’utilisation : Administrateur Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Administrateur Authentification Gestion des extends>> <<Gestion de la plateforme extends>> <<comptes Gestion des groupes Gestion des inscriptions Configurer la BD Suivi technique de la plateforme <<uses>> <<extends>> <<extends>> <<extends>>
  • 18.
    18 Spécification desbesoins Diagramme des cas d’utilisation: Etudiant Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Etudiant Ecrire un mail Consulter les messages S’inscrire à un groupe Accéder au mail Authentification Recherche par mot clé Consultation du site Envoyer des mails <<extends>> Télécharger des documents Consulter le cours Envoyer des documents Suivre une formation Passer des tests <<uses>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>>
  • 19.
    19 Spécification desbesoins Diagramme des cas d’utilisation: Enseignant Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Enseignant Ecrire un mail <<extends>> <<extends>> <<extends>> Déposer des cours Authentification <<extends>> Définition des objectifs Consultation Consultation des résultats des connexions Suivi des apprenants Accéder au mail Consultation du site Consulter des mails Envoyer des mails <<uses>> <<extends>> <<extends>> <<extends>> <<extends>> <<extends>>
  • 20.
    20 Spécification desbesoins Besoins non fonctionnels Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives  IInntteerrffaaccee eerrggoonnoommiiqquuee  EExxppllooiittaattiioonn mmaaxxiimmaallee ddeess NNTTIICCss  CCoommppaattiibbiilliittéé aavveecc llaa mmaajjoorriittéé ddeess nnaavviiggaatteeuurrss wweebb  CCoonnttrraaiinnttee ddee tteemmppss
  • 21.
    21 Plan Cadre du sujet et objectifs  Etude préalable  Spécification des besoins  Conception  Réalisation  Conclusion et perspectives
  • 22.
    22 Conception architecturale Conception de l’application Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Presentation Tier Business Tier Persistance Tier Browser JSF POJO SGBD Servlet Container JVM JSP mxml Hibernate JVM HTTP
  • 23.
    23 Conception détaillée Base de données Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 24.
    24 Conception détaillée Diagramme de classe Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives
  • 25.
    25 Conception détaillée Scénario : Ajout d’un utilisateur Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Système Etudiant Demande de création d’un compte Vérifie les données validation Envoi email de validation
  • 26.
    26 Conception détaillée Scénario : recherche et consultation d’un document Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Etudiant Système Demande de connexion Connexion acceptée Recherche de document Résultat recherche Consulter document Demande de téléchargement fichier Acceptation ou refus vérification recherche
  • 27.
    27 Conception détaillée Scénario : Evaluation Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Enseignant Système Connexion Connexion acceptée Accès au menu d’édition d’évaluation Accès accepté Création d’une évaluation Validation de l’évaluation Validation acceptée vérification
  • 28.
    vérification 28 Conceptiondétaillée Scénario : Evaluation Cadre du sujet et Objectifs Etude préalable Spécifications des besoins Conception Réalisation Conclusion et perspectives Etudiant Enseignant Système Connexion Connexion acceptée Demande de passer une évaluation Demande acceptée Passer l’évaluation Demande de correction de l’évaluation Correction de l’évaluation Traitement des données Traitement Traitement Envoi de la réponse Evaluations à corriger Demande de consulter le résultat Envoi résultat
  • 29.
    29 Plan Cadre du sujet et objectifs  Etude préalable  Spécification des besoins  Conception  Réalisation  Conclusion et perspectives
  • 30.
    30 Réalisation Environnementlogiciel Cadre du sujet Problématique Travail demandé Solution proposée Spécification Conception Réalisation Conclusion  Langages  Conception : UML  Programmation : JAVA/ J2EE  Logiciels  NetBeans IDE 6.5: Environnement de Développement Intégré JAVA  MySQL Server 5.0: SGBD Relationnel.  DBDesigner: Concepteur de BD  Macromedia Dreamweaver : Concepteur Web  Microsoft office Visio: Atelier génie logiciel
  • 31.
    Webcast  Vidéo1: Interface Etudiant  Vidéo 2: Interface Enseignant  Vidéo 3: Interface Administrateur Cadre du sujet Problématique Travail demandé Solution proposée Spécification Conception Réalisation Conclusion 31
  • 32.
    32 Conclusion &Perspectives Cadre du sujet Problématique Travail demandé Solution proposée Spécification Conception Réalisation Conclusion  Réalisation: Lors du développement du site de formation à distance on a eu recourt à:  Architecture J2EE  Modèle MVC implémenté par JSF  Le framework de mapping objet-relationnel Hibernate  Une base de données MySQL  Perspectives  Ajout d’une composante de paiement en adoptant une stratégie de paiement favorisant la sécurité des transactions .  Intégration des modules de vidéoconférence et visioconférence
  • 33.