Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Mémoire de fin d’études Présenté à L’Institut Supérieur des Sciences Appliquées

Mémoire de fin d’études Présenté à L’Institut Supérieur des Sciences Appliquées et de Technologie de Mateur En vue de l’obtention du mastère professionnel en Réseaux et Télécommunications Spécialité : service et sécurité réseaux Réalisée Par Soulef Hlel Mr. Tarek BCHINI Mr. Bilel BOULARES Encadrant (ISSAT Mateur) Encadrant (N3RD Tunisie) Année universitaire 2016 - 2017 Plateforme d'organisation et de planification des formations certifiantes 2 Mémoire Mastère professionnel Présenté à L’Institut Supérieure des Sciences Appliquées et de Technologie de Mateur En vue de l’obtention du mastère professionnel en Réseaux et Télécommunications Spécialité : service et sécurité réseaux Réalisée Par Soulef Hlel Mr. Tarek BCHINI Mr. Bilel BOULARES Encadrant (ISSAT Mateur) Encadrant (N3RD Tunisie) Année universitaire 2016 - 2017 Plateforme d'organisation et de planification des formations certifiantes 3 Dédicace Du plus profond du mon cœur je dédie ce modeste travail à : mes chers parents : Mon père ‘’Saleh’’, ma mère ‘’Malika’’, qui ont assuré tous mes besoins matériels et moraux,, qui n’ont jamais cessé de m’encourager à finir mes études et qui m’ont aidé avec un grand amour. Aucun dédicace ne serait exprimer la profonde affectation et l’immense respect que je leur avoue. Que ‘’DIEU’’ leur préserve une bonne santé et longue vie A mes chères sœurs et mon frère Pour leur tendresse, que ‘’DIEU’’ nous unisse pour toujours. A tous mes amis, tous ceux qui me sont chers en leur espérant une vie pleine de bonheur. 4 Remerciements Je veux remercier, en premier lieu, mes encadreurs qui ont collaboré avec moi d’une manière étroite pour la réalisation de ce rapport. Je veux exprimer par la même occasion ma gratitude pour mes proches et pour leur soutien tout au long du stage. Enfin, je remercie tous mess enseignants pour leur aide à la réalisation de ce travail. 5 Titre : Plateforme d’organisation et de planification des formations certifiantes Acteurs : HLEL Soulef Etablissement Universitaire : Université de Carthage Institut Supérieur des Sciences appliquées et de Technologie de Mateur Encadrant : BCHINI Tarek Organisme PFE : N3RD Tunisie Encadrant : BOULARES Bilel RESUME : Ce projet réalisé au sein de l’entreprise N3RD Tunisie consiste à développer une plateforme de formation en ligne pour la gestion des formations, le développement, le renforcement des compétences et pour le gain d’argent MOTS CLES : Plateforme, Formation, Laravel, XAMPP, CSS, HTML ABSTRACT: This project, realized within the N3RD company, is to develop an online training platform for training management, development, competence building and for earn of money. KEY WORDS: Plateform, Formation, Laravel, XAMPP, CSS, HTML. 6 Table des matières Introduction générale............................................................................................................................11 Chapitre 1 Présentation du cadre du projet...........................................................................................13 Introduction..........................................................................................................................................13 1. Présentation du lieu de travail et du projet............................................................................13 1.1. Description de l’existant :.....................................................................................................14 1.2. Critique de l’existant :..........................................................................................................15 2. Objectif du projet..................................................................................................................15 3. Présentation de l’application.................................................................................................16 Conclusion...........................................................................................................................................17 Chapitre 2 Analyse et spécification des besoins...................................................................................18 Introduction..........................................................................................................................................18 1. Les applications Web............................................................................................................18 1.1 Définition.............................................................................................................................18 2. Spécification des besoins......................................................................................................19 2.1 Besoins fonctionnels.............................................................................................................19 3. Développement :...................................................................................................................20 4. Les besoins non fonctionnels................................................................................................21 Conclusion...........................................................................................................................................22 Chapitre 3 : Etude conceptuelle............................................................................................................23 Introduction..........................................................................................................................................23 1. Principe de conception..........................................................................................................23 2. Les diagrammes des cas d’utilisateurs..................................................................................23 3. Composition du diagramme de cas d’utilisation...................................................................24 3.1 L’acteur de notre projet........................................................................................................24 4. Les différents cas d’utilisation..............................................................................................24  Diagramme des cas d’utilisation général..............................................................................26 5. Modèles statiques.................................................................................................................36 6. Modèle dynamique...............................................................................................................39 7. Diagramme d’activité...........................................................................................................47 Conclusion...........................................................................................................................................47 Chapitre 4 : Réalisation........................................................................................................................48 Introduction..........................................................................................................................................48 8. Environnement logiciel et langages utilisés..........................................................................48 9. Framework............................................................................................................................50 10. Développement de la solution...............................................................................................51 7 11. Interfaces graphiques principales partie back end.................................................................61 4.2. Authentification....................................................................................................................61 4.1.1. Interface d’accueil administrateur.....................................................................................62 4.1.2. Tables...............................................................................................................................64 12. Interface gestion de la plateforme.........................................................................................65 13. Interface comptes utilisateurs...............................................................................................67 14. Interface ajout utilisateurs.....................................................................................................68 15. Interface de gestion des formations......................................................................................69 8.1. Liste des formations..........................................................................................................69 8.2. Ajout/ modification d'une formation.................................................................................69 16. Interface de gestion des questions.........................................................................................70 17. Interface de gestion des vidéos.............................................................................................71 18. Interface de gestion de forum...............................................................................................72 19. Interface de gestion des réclamations...................................................................................73 20. Interfaces de gestion de profil...............................................................................................74 13.1. Consultation de profil...........................................................................................................74 Conclusion...........................................................................................................................................77 Conclusion et perspectives...................................................................................................................78 Listes des acronymes............................................................................................................................79 8 Liste des figures Figure 1 : Logo de N3RD.........................................................................................................13 Figure 2: Planification temporelle............................................................................................16 Figure 3: Fonctionnement d'une application web [N3]............................................................18 Figure 4 : Diagramme de cas d’utilisation générale.................................................................26 Figure 5: Diagramme des cas d’utilisation pour administrateur...............................................27 Figure 6: Diagramme des cas d’utilisation pour Apprenant.....................................................28 Figure 7: Diagramme des cas d’utilisation pour Formateur.....................................................29 Figure 8: Diagramme du cas d'utilisation « Gestion des Formations »....................................30 Figure 9: Diagramme du cas d'utilisation « Gestion des formation ».......................................33 Figure 10: Diagramme du cas d'utilisation « Gestion profil »..................................................34 Figure 11 : Diagramme du cas d'utilisation « Gestion plateforme »........................................35 Figure 12: Diagramme de classe...............................................................................................37 Figure 13 : Diagramme de séquences « s’authentifier »...........................................................39 Figure 14 : Diagramme de séquences « Ajouter formation »...................................................40 Figure 15: Diagramme de séquences « Gérer formation ».......................................................41 Figure 16: Diagramme de séquences « Animer formation »....................................................43 Figure 17: Diagramme de séquences « suivre formation ».......................................................44 Figure 18 : Diagramme de séquences « Ajouter utilisateur »...................................................45 Figure 19: Diagramme de séquences « Répondre réclamation »..............................................46 Figure 20 : Diagramme d’activité « Gérer utilisateur »............................................................47 Figure 21: Modèle MVC [N11]................................................................................................50 Figure 22: Interface d’accueil...................................................................................................52 Figure 23: Interface Qui somme nous.......................................................................................53 Figure 24: Interfaces Contact....................................................................................................54 Figure 25 : Consulter forum......................................................................................................55 Figure 26: Interface ajouter sujet..............................................................................................56 Figure 27: Interface ajouter réponse.........................................................................................56 Figure 28: Interface liste des formations..................................................................................57 Figure 29: Détail de formation..................................................................................................58 Figure 30: Suivre formation......................................................................................................59 Figure 31 : Consultation de vidéo.............................................................................................59 9 Figure 32: Passer un test Qcm..................................................................................................60 Figure 33: Interface de chat......................................................................................................60 Figure 34 : Interface d'authentification.....................................................................................61 Figure 35: Interface d'accueil....................................................................................................62 Figure 36 : Notifications pour formations................................................................................63 Figure 37 : Notifications pour réclamations.............................................................................63 Figure 38: Interface de gestion de la plateforme......................................................................64 Figure 39: Liste comptes utilisateurs........................................................................................65 Figure 40 : Modifier utilisateurs...............................................................................................65 Figure 41 : Ajouter utilisateurs.................................................................................................66 Figure 42 : Liste des formations...............................................................................................67 Figure 43:Interface d’ajout / modification de formation..........................................................67 Figure 44: Interface liste des questions.....................................................................................68 Figure 45: Interface d’ajout des questions................................................................................69 Figure 46: Interface liste des vidéos.........................................................................................69 Figure 47: Liste des catégories.................................................................................................70 Figure 48: Liste des sujets.........................................................................................................70 Figure 49 : Gestion des réclamations........................................................................................71 Figure 50 : Affichage et envoi des émails................................................................................72 Figure 51: Consultation de profil..............................................................................................72 Figure 52: Changer nom email et mot de passe........................................................................73 Figure 53: Modifier l’information personnelle.........................................................................73 Figure 54: Modifier l'image......................................................................................................74 Figure 55: Interface formateur..................................................................................................74 Figure 56: Interface apprenant..................................................................................................75 10 Liste des tableaux Tableau 1: Description du cas « S'authentifier »......................................................................30 Tableau 2: Description cas d'utilisation « Ajouter utilisateur »................................................31 Tableau 3 : Description cas d'utilisation « Modifier utilisateur ».............................................31 Tableau 4: Description cas d'utilisation « Supprimer utilisateur »...........................................32 Tableau 5: Description cas d'utilisation « Ajouter formation »................................................34 Tableau 6: Description cas d'utilisation « Animer une Formation »........................................34 Tableau 7: Description cas d'utilisation « Gérer le profil »......................................................35 Tableau 8: Description cas d’utilisation « Gérer la plateforme ».............................................36 Tableau 9: Description cas d'utilisation « Supprimer utilisateur »...........................................36 11 Introduction générale Actuellement, les technologies Web ont permis aux développeurs de rendre le Web plus générique et populaire, et surtout plus standard. De nos jours il est pris en charge par tous les navigateurs. Grâce à Internet, nous devons changer notre apprentissage « penser apprentissage rapide et efficace », avec un minimum de problèmes d’organisation, de logistique et surtout de perte de temps. Ce nouveau mode d’apprentissage est le e-learning. Le e-Learning, est un système d'apprentissage formalisé spécialement conçu pour être utilisé à distance en utilisant la communication électronique. Parce que l'apprentissage à distance est moins coûteux à supporter et n'est pas contraint par des considérations géographiques, il offre des opportunités dans des situations où l'éducation traditionnelle a des difficultés à fonctionner. Les élèves ayant des problèmes de planification ou de distance peuvent en bénéficier, tout comme les employés, car l'enseignement à distance est plus flexible en termes de temps et peut être livré pratiquement n'importe où. Aujourd'hui il existe beaucoup d'applications de ce type qui offrent plusieurs fonctionnalités pouvant aider un administrateur à gérer un environnement scolaire. La plupart de ses applications sont libre mais ne répondent pas au besoin des utilisateurs. Le projet qui nous a été ainsi confié consiste à développer une plateforme de formation personnalisée pour la gestion des formations, qui aide les formateurs à gérer leurs formations et les apprenants à l'apprentissage. Le système à réaliser comporte plusieurs-fonctionnalités parmi les quelles ; nous trouvons les fonctionnalités de gestion/ en premier lieu/, et les fonctionnalités$ de communication/ en deuxième lieu. Ce rapport se subdivise en quatre chapitres : Le premier chapitre : cadre et objectifs du projet, sera consacré pour une présentation à la fois de l'organisme d'accueil et du projet. Le second chapitre entamera une spécification des besoins fonctionnels et ceux non fonctionnels. Le troisième chapitre élaborera l'étude conceptuelle de notre projet. 12 Le quatrième chapitre sera consacré à la réalisation du portail en plus d'une description des interfaces du système. Enfin, la conclusion générale viendra rappeler le bilan de nos travaux et les résultats obtenus, puis énoncera les perspectives de nos travaux. 13 Chapitre 1 Présentation du cadre du projet Introduction Dans ce chapitre introductif, nous présentons dans un premier temps le cadre général du projet et l’environnement de stage. Par la suite nous décrivons les principaux objectifs à atteindre. En dernier lieu nous présentons la planification temporelle. 1. Présentation uploads/Management/ mfe-soulef-hlel.pdf