Rapport de stage

57 vues

Publié le

Conception et développement d'une application web d’une plateforme E-learning
"une application Web destinée à la formation et apprentissage en ligne à travers les cours publiés sous différents types(Vidéo,PDF,Streaming..), par différents experts et enseignants et qui comporte un forum de discussion. "

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
57
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1
Actions
Partages
0
Téléchargements
3
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Rapport de stage

  1. 1. P a g e | 2 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Il apparaît opportun de commencer ce rapport de stage par des remerciements, à ceux qui m’ont beaucoup appris et même à ceux qui ont eu la gentillesse de faire de ce stage un moment très profitable. En premier lieu, mes remerciements les plus respectueux vont à Mr Taher HAOUET, le directeur de l’entreprise, pour m’avoir accueillie. J’exprime toute ma gratitude aux membres de ce jury qui m’ont fait l’honneur d’accepter de juger mon travail. Je ne peux pas oublier de remercier tous mes enseignants pour la qualité de l’enseignement qui nous a été dispensé.
  2. 2. P a g e | 3 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 AJAX Asynchronous Javascript And XML CSS Cascading Style Sheet DAO Data Access Object ENIT Ecole Nationale d’Ingénieurs de Tunis FAQ Frequently Asked Questions HTML Hypertext Markup Language HTTP HyperText Transfer Protocol MVC Model-View-Controler ORM Object-Relational Mapping PHP Php Hypertext Processor SEA Search Engine Advertising SEA Serach Engine Optimization SQL Structured Query Language UML Unified Modeling Langage XML eXtensible Markup Language YAML YAML Ain’t Markup Language
  3. 3. P a g e | 4 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 ....................................................................................................................... 2 ............................................................................................................................. 3 .................................................................................................................. 4 ..................................................................................................................... 6 ....................................................................................................................... 7 ..................................................................................... 9 ................................................................................................................................ 9 ................................................................................................ 9 . ..................................................................................................................................... 9 ............................................................................................................................................ 9 ................................................................................................................... 9 ........................................................................................................................................ 9 ..................................................................................................................................... 10 ................................................................................................................................ 10 .............................................................................. 11 .............................................................................................................................. 11 ............................................................................................................ 11 ................................................................................................................................ 11 ....................................................................................................... 11 ............................................................................................................ 12 ...................................................................................... 12 ....................................................................................................... 12 .................................................................................................... 13 ...................................................................................... 15 .............................................................................................................................. 15 ................................................................................................................. 15 ..................................................................................................................... 15 ................................................................................................................. 16 .............................................................................................................................. 16 ................................................................................................................................... 17 ........................................................................................................................ 19 .............................................................................................................................. 20 ................................................................................................................................... 21 ................................................................................................................................ 23 ....................................................................................................... 24
  4. 4. P a g e | 5 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 .............................................................................................................................. 24 .......................................................................................................... 24 .............................................................................................................................. 24 ............................................................................................................................... 24 ........................................................................................................................... 25 ....................................................................................................................... 25 ................................................................................................................................ 32 ...................................................................................................................... 34
  5. 5. P a g e | 6 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 1:Diagramme de cas d'utilisation réduit.............................................................................. 12 Figure 2:Architecture MVC................................................................................................................ 16 Figure 3:Diagramme de paquetages............................................................................................... 17 Figure 4:Diagramme de classe de la couche modèle................................................................... 18 Figure 5: Diagramme d'état de transition d'une publication dans le forum de discussion ...... 20 Figure 6:Diagramme de séquence relative à la consultation de contenu de cours.................. 21 Figure 7:Diagramme d'activité d'une authentification/inscription ................................................ 22 Figure 8:Diagramme d'activité relative au Forum de discussion................................................. 23 Figure 9:Interface d'accueil ............................................................................................................... 26 Figure 10:Interface d'authentification............................................................................................... 27 Figure 11:Interface d'inscription ....................................................................................................... 27 Figure 12:Interface représentant le contenu d'un cours ...................................................................... 28 Figure 13:Interface représentant un exemple de document................................................................ 29 Figure 14: Interface représentant la liste des sujets dans le Forum..................................................... 30 Figure 15:Interface représentant une discussion.................................................................................. 30 Figure 16: Interface de la partie administration ................................................................................... 31 Figure 17:Interface représentant la partie gestion des abonnés.......................................................... 32
  6. 6. P a g e | 7 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Tableau 1:Présentaion des acteurs de la méthode SCRUM.................................................................. 10 Tableau 2:Description textuel du cas d'utilisation <<s'authentifier>>.................................................. 13 Tableau 3:Description textuel du cas d'utilisation <<gestion des utilisateurs>>.................................. 14 Tableau 4:Modéle MVC......................................................................................................................... 15
  7. 7. P a g e | 8 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Ce stage présente un chemin très riche par des informations et des expériences pour que l'étudiant puisse employer ses compétences dans une ambiance professionnelle et bien encadrée. Pendant quatre semaines, j'ai réussi à atteindre mes objectifs de rassembler le plus grand nombre possible d'informations et de les employer convenablement dans la création de mon application web. Le but de ce rapport n'est pas de faire uniquement une présentation exhaustive de tous les aspects techniques que j'ai pu apprendre ou approfondir mais aussi, de manière synthétique et claire, de faire un tour d'horizon des aspects techniques et humains auxquels j'ai été confronté. J'ai exposé dans ce rapport en premier lieu une présentation de cadre de projet, ensuite, j'ai présenté la partie d’analyse et spécification des besoins et par suite la partie conception et enfin, la partie réalisation.
  8. 8. P a g e | 9 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Ce chapitre a pour objectif de situer le projet dans son contexte général à savoir l’organisme d’accueil et le sujet à traiter. Dans la première section, nous donnons une brève présentation de l’organisme d’accueil Sedra Info Solution. Dans la deuxième section, nous décrivons le sujet à traiter et les objectifs à atteindre. Créé en 2012, Sedra info solution sa tendance principale c’est le webmarketing, elle offre à ces clients des solutions du marketing digital basées sur les derniers innovations technologiques afin d’arriver à améliorer leur stratégie marketing fasse au concurrents sur le web. Notre vision au niveau des services que nous offrons commence par les idées pour arriver enfin à offrir un produit fini, on passant par différent states de création commencent par le développement du site web jusqu’à la commercialisation de l’image des entreprises de nos clients. L’activité de Sedra Info Solution couvre les prestations suivantes : Identité visuelle, Architecture commerciale, Design Global, Design Produits et d’environnement, PLV/Merchandising, Marketing Opérationnel. Nous allons présenter dans cette partie le sujet du stage pour bien le comprendre et délimiter ce qui est demandé pour répondre aux spécifications d’une façon concise et efficace Le projet est intitulé « Développement d'une plateforme e-learning», il rentre dans le cadre de mon stage d’ouvrier de la 1ere année du cycle d’étude ingénieur en informatique à l’Ecole National d’Ingénieur de Tunis (ENIT) .Il s'agit de développer une application Web destinée à la formation et apprentissage en ligne à travers les cours publiés sous différents types, par différents experts et enseignants.
  9. 9. P a g e | 10 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Pour assurer la bonne gestion du travail et afin d’améliorer la productivité de l’équipe on a choisi la méthodologie SCRUM . *Scrum : une méthode agile dédiée à la gestion de projets. *Sprint : une méthode d'analyse de risque. *product owner : Ce dernier est en charge de communiquer la vision globale du produit à l’équipe. Il se doit de représenter le client final, se mettre à sa place et donc de prioriser ses besoins. *Scrum Master : Ce dernier agit en tant que facilitateur entre le responsable produit et l’équipe (Product owner). *Equipe projet : Dans la méthode Scrum, l’équipe est responsable de la réalisation opérationnelle des travaux. Role Acteur Mission L’équipe Labiedh kais Maalej Ahmed Conception et développement de l’application Product owner Taher haouet Réunion avec le client pour dégager les besoins et présenter le travail final Scrum Master Taher haouet Suivi de l’avancement du projet, validation et planification des taches Tableau 1:Présentaion des acteurs de la méthode SCRUM Tout au long de ce chapitre, nous avons pu situer notre projet dans son cadre général à savoir l’organisme d’accueil, la présentation du projet et ses objectifs et la méthodologie adoptée pour parvenir à ces objectifs. Dans le chapitre suivant, nous allons présenter l’analyse et spécification des besoins de notre projet.
  10. 10. P a g e | 11 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 La réussite de tout projet dépend de la qualité de son départ. De ce fait, l’étape de spécification des besoins constitue la base de départ de notre travail, elle doit décrire sans ambiguïté le logiciel à développer. Pour assurer les objectifs attendus, il est essentiel que nous parvenions à une vue claire des différents besoins escomptés de notre projet. Au cours de ce chapitre, nous allons dégager les fonctionnalités attendues du module en définissant les différents cas d’utilisation. *Administrateur : Notre application web doit permettre aux administrateurs dans un premier lieu de consulter les tableaux de bords des cours, des évènements, des discussions et des utilisateurs. *Acteurs : Etudiant : Ce sont les utilisateurs qui interviendront souvent dans notre application vu que l’application leur est destinée en premier lieu. Ils peuvent notamment consulter les cours, voir les chapitres d’un cours, poser une question dans le forum, gérer leur abonnements, etc. Enseignant : il a le privilège d’ajouter un cours, un chapitre, répondre aux questions des élèves dans le forum. Gestionnaire : son rôle est de gérer cette plateforme. Il s’occupe de la supervision du forum, la gestion des évènements, la gestion de cours, Les besoins non fonctionnels représentent les exigences implicites auxquelles le système doit répondre. Pour le bon fonctionnement de notre projet, nous avons dégagé les besoins non fonctionnels suivants : - L’interface doit être ergonomique, conviviale et facile à utiliser. – Le système doit être sécurisé. – Le temps de traitement doit être acceptable.
  11. 11. P a g e | 12 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Nous avons opté la méthode orientée objet pour spécifier les besoins de notre client. Nous exposons dans cette partie, les diagrammes de cas d’utilisation que nous détaillerons à travers une description textuelle. Figure 1:Diagramme de cas d'utilisation réduit
  12. 12. P a g e | 13 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Pour bien décrire les cas d’utilisation de la section précédente, nous allons présenter dans cette partie une description textuelle de principales utilisations sous forme d’une fiche descriptive. Titre S’authentifier Résumé Permettre aux utilisateurs de la plateforme de s’authentifier pour y accéder. Acteurs Etudiant, enseignant, gestionnaire et administrateur Pré-condition L’utilisateur possède déjà un compte. Scénario nominal 1. L’utilisateur saisit son identifiant et son mot de passe. 2. Le système vérifie la correspondance de l’identifiant avec le mot de passe. 3. Si la correspondance est trouvée, le système vérifie l’état du compte (actif/bloqué) 4. En cas de succès, le système explore les fonctionnalités accessibles par cet utilisateur en fonction des rôles qui lui sont affectés. Scénario alternatifs E1 : Correspondance non trouvée 1. Le système affiche le message « correspondance non trouvée » et le scénario reprend de 1. E2 : Compte bloqué 1. Le système affiche le message « Compte bloqué » et le scénario reprend de 1. Tableau 2:Description textuel du cas d'utilisation <<s'authentifier>>
  13. 13. P a g e | 14 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Titre Gérer les utilisateurs Résumé Permettre à l’administrateur de l’application de gérer les utilisateurs de la plateforme (ajout, suppression, modification). Acteurs Administrateur Pré-condition L’utilisateur est authentifié en tant que administrateur Scénario nominal 1. Consulter la liste des utilisateurs L’administrateur demande la liste des utilisateurs. Le système retourne la liste de tous les utilisateurs ainsi que les informations relatives. 2. Ajouter un utilisateur L’administrateur demande d’ajouter un nouvel utilisateur, il choisit le type d’utilisateur à ajouter et remplit le formulaire d’ajout retourné par le système. Le système valide les informations saisies et confirme l’ajout de l’utilisateur en cas de réussite. 3. Modifier un utilisateur L’administrateur choisit un compte à éditer, modifie les informations désirées et demande la modification. Le système valide les informations modifiées et confirme la modification en cas de réussite. 4. Supprimer un utilisateur L’administrateur choisit un compte à effacer. Le système confirme la suppression en cas de réussite. Tableau 3:Description textuel du cas d'utilisation <<gestion des utilisateurs>> Ce chapitre nous a permis de couvrir les différents besoins fonctionnels et non fonctionnels auxquels doit satisfaire notre module. Nous avons aussi détaillé ces besoins à travers des diagrammes de cas d’utilisation pour passer par la suite à la conception de notre application qui sera présentée dans le chapitre suivant.
  14. 14. P a g e | 15 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Dans le présent chapitre, nous allons entamer une partie cruciale du développement logiciel et qui constitue un pont entre la spécification et la réalisation. Elle comporte la conception de l’application, nous allons présenter dans un premier temps la conception générale de notre application, puis la conception détaillée comprenant les vues statiques via les diagrammes de classes et les vues dynamiques via les diagrammes de séquences. Un patron de conception ou un design pattern est un concept destiné à résoudre les problèmes récurrents du génie logiciel suivant le paradigme objet. Les patrons de conception décrivent des solutions standards pour répondre à des problèmes d’architecture et de conception des logiciels par une formalisation de bonnes pratiques, ce qui signifie que l’on privilégie les solutions éprouvées (un patron de conception n’est considéré comme « prouvé » qu’une fois qu’il a été utilisé avec succès au moins dans trois cas). -MVC Modèle View Contrôle : Une architecture MVC impose une séparation en 3 couches : le Modèle, les Vues et les Contrôleurs. Vue Couche PRÉSENTATION. C’est la présentation graphique de l’application (l’interface utilisateur). Contrôleur Il gère les différents types d’événements Modèle Couche MÉTIER. Le modèle est représenté par la couche métier dans laquelle les informations relatives aux différentes entités de l’application seront encapsulées. Tableau 4:Modéle MVC -Doctrine : Est un ORM (couche d'abstraction à la base de données) pour PHP. Il s'agit d'un logiciel libre sous licence GNU LGPL.
  15. 15. P a g e | 16 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 2:Architecture MVC Dans cette section, nous allons décrire d’une manière générale les différents éléments constituant notre application à l’aide des paquetages.
  16. 16. P a g e | 17 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 3:Diagramme de paquetages Paquetage Description Entity Entités ou classes appartenant à la couche modèle. Ces entités sont mappées et persistées à travers l’ORM. Vue Interfaces utilisateur et présentation. Contrôleur Contrôle, synchronisation et gestion des évènements EntityRepository Ce paquetage met en œuvre le patron de conception "Repository".Le repository fait abstraction à la manière dont les données sont connectés aux objets. Indépendamment de la source de données, la couche métier repose sur la repository afin de retrouver, ajouter, mettre à jour ou supprimer un objet du domaine FormType Génération dynamique des formaulaires associés à leurs entités. A ce niveau, il est demandé de spécifier chaque paquet de ceux illustrés dans la partie précédente, et ceci à travers un diagramme de classes illustrant les classes, leurs attributs et leurs méthodes ainsi que les associations entre eux. Mais, la partie
  17. 17. P a g e | 18 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 la plus importante est celle qui est relative à la couche modèle de données vue qu’elle est constituée par les classes persistantes en base de données. Donc, dans cette partie, nous allons présenter le diagramme de classes de la couche modèle, puis, nous allons traduire ces diagrammes en schémas relationnels. Figure 4:Diagramme de classe de la couche modèle Ainsi, nous obtenons les schémas relationnels suivants : — Utilisateur (id, identifiant, nom, prenom, email, passe, date_inscription, telephone, sexe, chemin_image, attentes, derniere_connexion, actif, jeton_confirmation, roles, domaine_enseignant, grade_enseignant, institut, filiale_etudiant, niveau_etudiant,
  18. 18. P a g e | 19 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 #parrain_id) — Contact (id, nom, prenom, objet, message, date_envoi) — Evenement (id, titre, description, date_debut, date_fin, lieu, chemin_image) — Discussion (id, titre, message, date_creation, type, actif, #utilisateur_id) — Commentaire (id, message, date_creation, #utilisateur_id, #discussion_id) — Chat (id, message, date_creation, #utilisateur_id, #streaming_id) — Cours (id, titre, description, date_creation) — Chapitre (id, titre, description, date_creation, auteur, public, difficulte, #cours_id, #support_cours_id, #exercices_id) — Video (id, titre, description, date_creation, auteur, public, difficulte, #fichier_id, #cours_id) — Streaming (id, titre, description, date_debut, date_fin, integration, auteur, public, difficulte, #cours_id) — Attachement (id, nom_original, type_mime, taille, chemin_image) — Abonnement (id, type, duree, prix) — Abonnement_Utilisateur (id, #abonnement_id, #utilisateur_id, methode_paiement, date_creation) Les diagrammes d’états-transitions permettent de décrire les changements d’états d’un objet ou d’un composant, en réponse aux interactions avec d’autres objets/composants ou avec des acteurs. Le diagramme de la figure 5, montre les différents états par lesquels passe une publication de type question/réponse au forum de discussion.
  19. 19. P a g e | 20 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 5: Diagramme d'état de transition d'une publication dans le forum de discussion Les diagrammes de séquence permettent de donner une vue dynamique sur l’interaction entre l’acteur et le système. Nous représentons dans cette section, les diagrammes de séquences relatives à quelques scénarios d’utilisation de notre système. La figure 6 décrit les étapes détaillées à accomplir pour voir le contenu d’un cours.
  20. 20. P a g e | 21 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 6:Diagramme de séquence relative à la consultation de contenu de cours Dans cette partie, nous nous intéressons aux diagrammes comportementaux d’UML. Ces Diagrammes permettent de modéliser des processus interactifs ou partiels pour des systèmes donnés. Ils permettent notamment de modéliser les processus métiers (le fameux Workflow).Nous commençons par montrer le diagramme d’activités relatives aux processus d’authentification et d’inscription puis celles qui sont relatives aux Forums de discussions. Une connexion est requise pour pouvoir accéder à quelques parties de la plateforme. Pour ce faire, l’utilisateur inscrit saisit son identifiant (ou son E-mail) et son mot de passe qui doivent être vérifiés par le système. S’il s’agit d’un utilisateur non inscrit, l’utilisateur doit alors s’enregistrer en remplissant le formulaire d’inscription. (Voir figure 7)
  21. 21. P a g e | 22 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 7:Diagramme d'activité d'une authentification/inscription La figure 8 modélise de diagramme d’activités relatives aux Forums de discussions.
  22. 22. P a g e | 23 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 8:Diagramme d'activité relative au Forum de discussion A travers ce chapitre, nous avons mis en place la conception de notre application. En premier lieu, nous avons commencé par les patrons de conception utilisés, puis donner l’architecture de notre travail, enfin, nous avons présenté quelques diagrammes de classes que nous avons jugés nécessaires pour comprendre le fonctionnement de notre application. La conception de notre module étant établie, nous passons maintenant à la phase de réalisation.
  23. 23. P a g e | 24 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Après avoir achevé l’étape de conception de l’application, nous entamons dans ce chapitre la phase de réalisation. Nous allons présenter, en premier lieu, l’environnement du travail utilisé pour le développement de l’application, ensuite, nous allons donner un aperçu sur le travail accompli à travers des captures d’écran. Afin de réaliser notre module dans les conditions les plus favorables, nous avons mis à notre disposition un ordinateur ayant la configuration suivante : - PC ASUS, processeur Intel(R) Core (TM) i5-4210U CPU, 2.4 GHz avec 8Go de RAM. Système d’exploitation : windows 7 Espace disque dur : 1 TB Pour les besoins de notre projet, nous avons utilisé l’outil de modélisation "Enterprise Architect" qui nous a permis de concevoir l’architecture de notre plateforme ainsi que les différents diagrammes contenus dans ce rapport. Développé par Jetbrains cet éditeur, spécialisé dans PHP, offre tout un tas d'outils pour développer de manière plus efficace et plus propre. Comme tous les IDE sa configuration peut s'avérer un petit peu complexe, et c'est pourquoi je vous propose de découvrir ensemble les différents outils qui le composent. Git est un logiciel de gestion de versions décentralisé. C'est un logiciel libre créé par Linus Torvalds, auteur du noyau Linux, et distribué selon les termes de la licence publique générale GNU version 2.
  24. 24. P a g e | 25 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Une plateforme de développement Web de type WAMP, permettant de faire fonctionner localement (sans se connecter à un serveur externe) des scripts PHP. WampServer n'est pas en soi un logiciel, mais un environnement comprenant deux serveurs (Apache et MySQL), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL. Symfony est un framework MVC libre écrit en PHP 5 destiné majoritairement aux professionnels du développement. Il fournit des fonctionnalités modulables et adaptables qui permettent de faciliter et d’accélérer le développement d'un site web. MySQL est un système de gestion de bases de données relationnelles (SGBDR). Il fait partie des logiciels de gestion de base de données les plus utilisés au monde, autant par le grand public (applications web principalement) que par des professionnels, en concurrence avec Oracle, Informix et Microsoft SQL Server. -HTML5/CSS3 : Langages permettant la création et la mise en forme des pages web. — Materialize UI : Framework UI basé sur la philosophie de Material design — AJAX : Architecture informatique permettant de construire des sites web dynamiques et interactifs sur le poste client, en se basant sur des appels asynchrones JavaScript et en se servant de différentes technologies Web (XML, JSON). — XML, YAML, JSON : Format de représentation de données. Cette partie est consacrée à présenter quelques interfaces de l’application réalisée lors de ce projet.
  25. 25. P a g e | 26 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 9:Interface d'accueil La visibilité ou l'accessibilité dépend d'un cours à un autre. Il existe des cours qui sont accessibles en mode public et d'autres qui sont privés (accessibles uniquement par des utilisateurs authentifiés possédant un abonnement valable). Donc, pour bénéficier de ce contenu privilégié, l'utilisateur doit s'authentifier, saisir son identifiant et son mot de passe afin de pouvoir être redirigé vers la page d'accueil et accéder aux différentes fonctionnalités de l'application, selon ses privilèges. La figure suivante représente l'interface d'authentification d'un utilisateur.
  26. 26. P a g e | 27 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 10:Interface d'authentification Figure 11:Interface d'inscription
  27. 27. P a g e | 28 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 La figure ci-dessous représente l'interface du contenu d'un cours. Nous rappelons qu'cours peut contenir de chapitres (cours + exercices), de vidéos et/ou de streaming. Figure 12:Interface représentant le contenu d'un cours
  28. 28. P a g e | 29 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Voici l'interface représentant le support de cours du premier chapitre du présent cours : Figure 13:Interface représentant un exemple de document Une des fonctionalités assurées par notre plateforme est la gestion du forum de discussions. L'étudiant ou l'enseignant peut consulter la liste des sujets de discussions (chose qui est iluustrée dans le figure14)
  29. 29. P a g e | 30 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Figure 14: Interface représentant la liste des sujets dans le Forum La figure 15 représente l'interface d'une discussion. Figure 15:Interface représentant une discussion
  30. 30. P a g e | 31 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 L'administrateur à son tour, peut administrer cette plateforme à travers un tableau de bords groupé par module ou par fonctionnalité (ce qui est représenté dans la figure16) Figure 16: Interface de la partie administration
  31. 31. P a g e | 32 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 A travers l'interface de gestion des utilisateurs (figure 17), l'administrateur peut gérer ses derniers (ajout, suppression, voir profil). L'utilisateur peut aussi ajouter un nouvel utilisateur à la plateforme. Figure 17:Interface représentant la partie gestion des abonnés Ce chapitre présente la dernière phase d’élaboration du projet qui est la phase de réalisation, nous avons défini dans un premier lieu, l’environnement de travail et les technologies utilisées, ensuite nous avons présenté quelques captures d’écran et enfin nous avons vérifié le bon fonctionnement de notre application à travers des tests et nous avons validé sa conformité aux besoins attendus. Pour finir, nous allons clôturer notre rapport par une conclusion générale et des perspectives.
  32. 32. P a g e | 33 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 Ce stage, au sein de la société SedraInfo, m'a permis de mettre en pratique les compétences acquises au cours de ma formation à l’ENIT. J'ai pu approfondir ces compétences et en acquérir de nouvelles. Le stage m’a offert la possibilité d’intégrer une équipe dynamique de professionnels qui m'ont guidés tout au long de la réalisation de cette application. Durant ce stage, nous avons travaillé sur la conception et la réalisation d’une plateforme E-learning. Ce projet a exigé un effort aussi bien au niveau de la conception qu’au niveau de la réalisation pour aboutir finalement à une solution ergonomique, flexible et répondant à notre besoin. Dans ce stade, nous avons achevé notre projet, mais ça n’implique pas évidemment que le travail fait soit parfait ou inchangeable, au contraire, il restera ouvert à toute proposition d’amélioration. D’ailleurs son caractère générique et évolutif nous offrira une infinité de possibilités d’extension. Comme première extension, nous imaginons l’intégration d’un module permettant l’authentification depuis un compte d’un réseau social comme Facebook, Twitter ou Linkedin. Une éventuelle intégration d’un module de paiement (e-dinar, Paypal) paraît importante et même primordiale.
  33. 33. P a g e | 34 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 http://www.dynamique-mag.com/article/methode-scrum-definition.4749 https://msdn.microsoft.com/en-us/library/ff649690.aspx https://github.com/FriendsOfSymfony/FOSUserBundle http://symfony.com/fr/doc/current/quick_tour/the_architecture.html http://symfony.com/fr/doc/current/book/doctrine.html http://wikipedia.com http://openclassroom.fr .

×