SlideShare une entreprise Scribd logo
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é.
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
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
P a g e | 5
Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015
.............................................................................................................................. 24
.......................................................................................................... 24
.............................................................................................................................. 24
............................................................................................................................... 24
........................................................................................................................... 25
....................................................................................................................... 25
................................................................................................................................ 32
...................................................................................................................... 34
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
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
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.
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.
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.
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.
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
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>>
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.
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.
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.
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
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,
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.
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.
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)
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.
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.
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.
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.
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.
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
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
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)
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
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
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.
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.
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
.

Contenu connexe

Tendances

Rapport pfe
Rapport pfeRapport pfe
Rapport pfe
Ahmed rebai
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...
Mohamed Boubaya
 
Rapport de stage d'été
Rapport de stage d'étéRapport de stage d'été
Rapport de stage d'été
JinenAbdelhak
 
Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015
Anouar Kacem
 
1601896849 rapport fluttercopie
1601896849 rapport fluttercopie1601896849 rapport fluttercopie
1601896849 rapport fluttercopie
RamiJOUDI2
 
Rapport de stage boite à idées innovantes avec dashboard
Rapport de stage boite à idées innovantes avec dashboardRapport de stage boite à idées innovantes avec dashboard
Rapport de stage boite à idées innovantes avec dashboard
Siwar GUEMRI
 
Rapport de projet de conception et de développement
Rapport de projet de conception et de développementRapport de projet de conception et de développement
Rapport de projet de conception et de développement
Donia Hammami
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Ayoub Mkharbach
 
Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
Ben Abdelwahed Slim
 
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webRapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Salma Gouia
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
Nassim Bahri
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Ramzi Noumairi
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
Yahyaoui Mohamed Yosri
 
Conception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-locationConception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-location
ALALSYSE
 
Rapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammamiRapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammami
Donia Hammami
 
Application web de gestion de recrutement- Recruitement managment system
Application web de gestion de recrutement- Recruitement managment systemApplication web de gestion de recrutement- Recruitement managment system
Application web de gestion de recrutement- Recruitement managment system
Sarra ERRREGUI
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Raoua Bennasr
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Ahmed Makni
 
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Anas Riahi
 

Tendances (20)

Rapport pfe
Rapport pfeRapport pfe
Rapport pfe
 
Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...Conception et developpement d'un site web pour la suggestion et notification ...
Conception et developpement d'un site web pour la suggestion et notification ...
 
Rapport de stage d'été
Rapport de stage d'étéRapport de stage d'été
Rapport de stage d'été
 
Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015Rapport de stage de fin d'études ISI 2015
Rapport de stage de fin d'études ISI 2015
 
1601896849 rapport fluttercopie
1601896849 rapport fluttercopie1601896849 rapport fluttercopie
1601896849 rapport fluttercopie
 
Rapport de stage boite à idées innovantes avec dashboard
Rapport de stage boite à idées innovantes avec dashboardRapport de stage boite à idées innovantes avec dashboard
Rapport de stage boite à idées innovantes avec dashboard
 
Rapport de projet de conception et de développement
Rapport de projet de conception et de développementRapport de projet de conception et de développement
Rapport de projet de conception et de développement
 
Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...Présentation pfe - Etude, conception et réalisation d'une application web de ...
Présentation pfe - Etude, conception et réalisation d'une application web de ...
 
Modele rapport pfe esprit
Modele rapport pfe  espritModele rapport pfe  esprit
Modele rapport pfe esprit
 
Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
 
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_webRapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
Rapport final pfe_systeme_de_gestion _de_cabinet_de_formation_mobile_web
 
PFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignementPFE :: Application de gestion des dus d'enseignement
PFE :: Application de gestion des dus d'enseignement
 
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
Projet de fin étude  ( LFIG : Conception et Développement d'une application W...Projet de fin étude  ( LFIG : Conception et Développement d'une application W...
Projet de fin étude ( LFIG : Conception et Développement d'une application W...
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
 
Conception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-locationConception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-location
 
Rapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammamiRapport pfe talan_2018_donia_hammami
Rapport pfe talan_2018_donia_hammami
 
Application web de gestion de recrutement- Recruitement managment system
Application web de gestion de recrutement- Recruitement managment systemApplication web de gestion de recrutement- Recruitement managment system
Application web de gestion de recrutement- Recruitement managment system
 
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
Rapport pfe Conceptionet Developpement d'une Application web et  Mobile Rapport pfe Conceptionet Developpement d'une Application web et  Mobile
Rapport pfe Conceptionet Developpement d'une Application web et Mobile
 
Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...Pfe conception et réalisation d'une application de gestion des processus d'ac...
Pfe conception et réalisation d'une application de gestion des processus d'ac...
 
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
Rapport PFE : Réalisation d'une application web back-office de gestion pédago...
 

En vedette

Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
Youcef Benchicou
 
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
Youcef Benchicou
 
Gestion des risques bancaires
Gestion des risques bancairesGestion des risques bancaires
Gestion des risques bancaires
Zouhair Aitelhaj
 
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
Arrow Institute
 
cours de Gestion des risques - demarche
cours de Gestion des risques - demarchecours de Gestion des risques - demarche
cours de Gestion des risques - demarche
Rémi Bachelet
 
Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8 Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8
ayoub damir
 
Rapport de stage Office National des Aéroport
Rapport de stage Office National des Aéroport Rapport de stage Office National des Aéroport
Rapport de stage Office National des Aéroport
HAFID Ait Bihi
 
Diaporama stage 3ème
Diaporama stage 3èmeDiaporama stage 3ème
Diaporama stage 3èmevfred
 
Rapport de-stage-axa
Rapport de-stage-axaRapport de-stage-axa
Rapport de-stage-axa
Naoufal Meknasy
 
Gestion des risques
Gestion des risquesGestion des risques
Gestion des risques
Aymen Foudhaili
 

En vedette (10)

Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
Mémoire de Fin d'études - Réglementation prudentielle - Partie théorique - Yo...
 
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
Rapport final - Mémoire de fin d'études - Bâle III - Nouvelle réglementation ...
 
Gestion des risques bancaires
Gestion des risques bancairesGestion des risques bancaires
Gestion des risques bancaires
 
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
De Bâle II à Bâle III : cette nouvel réglementation implique-t-elle un change...
 
cours de Gestion des risques - demarche
cours de Gestion des risques - demarchecours de Gestion des risques - demarche
cours de Gestion des risques - demarche
 
Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8 Rapport de stage pfe odoo 8
Rapport de stage pfe odoo 8
 
Rapport de stage Office National des Aéroport
Rapport de stage Office National des Aéroport Rapport de stage Office National des Aéroport
Rapport de stage Office National des Aéroport
 
Diaporama stage 3ème
Diaporama stage 3èmeDiaporama stage 3ème
Diaporama stage 3ème
 
Rapport de-stage-axa
Rapport de-stage-axaRapport de-stage-axa
Rapport de-stage-axa
 
Gestion des risques
Gestion des risquesGestion des risques
Gestion des risques
 

Similaire à Rapport de stage

Recommandations organismes de formation métiers internet
Recommandations organismes de formation métiers internet Recommandations organismes de formation métiers internet
Guide pour l'application d'ECVET
Guide pour l'application d'ECVETGuide pour l'application d'ECVET
Rapport de stage Application web Gestion RH ASP.NET MVC5
Rapport de stage Application web Gestion RH ASP.NET MVC5Rapport de stage Application web Gestion RH ASP.NET MVC5
Rapport de stage Application web Gestion RH ASP.NET MVC5
YounessLaaouane
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
Hicham Ben
 
Rapport-de-perfectionnement-Jasser-Degani.pdf
Rapport-de-perfectionnement-Jasser-Degani.pdfRapport-de-perfectionnement-Jasser-Degani.pdf
Rapport-de-perfectionnement-Jasser-Degani.pdf
AlaChihaoui1
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Mohamed Amine Mahmoudi
 
Rapport PFE2021.pdf
Rapport PFE2021.pdfRapport PFE2021.pdf
Rapport PFE2021.pdf
CoulibalyYoussoufngo
 
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...Alexis Legrand
 
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti MohammedRapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
Mohammed JAITI
 
(Vriamont)_(55930800)_(2015).pdf
(Vriamont)_(55930800)_(2015).pdf(Vriamont)_(55930800)_(2015).pdf
(Vriamont)_(55930800)_(2015).pdf
ABDELATIFJAOUHARI1
 
Rapport stage : Mise en place d’un plan de maintenance
Rapport stage : Mise en place d’un plan de maintenanceRapport stage : Mise en place d’un plan de maintenance
Rapport stage : Mise en place d’un plan de maintenance
YounesSALEK1
 
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
Massimo Russo
 
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
Massimo Russo
 
Rapport PFE ISMAGI SQLI Microsoft
Rapport PFE ISMAGI SQLI MicrosoftRapport PFE ISMAGI SQLI Microsoft
Rapport PFE ISMAGI SQLI Microsoft
Oussama BAHLOULI
 
PFE::Conception et développement du Back Office d'une application mobile de g...
PFE::Conception et développement du Back Office d'une application mobile de g...PFE::Conception et développement du Back Office d'une application mobile de g...
PFE::Conception et développement du Back Office d'une application mobile de g...
Rami Raddaoui
 
Rapport Projet Fin d'Études PFE
Rapport Projet Fin d'Études PFERapport Projet Fin d'Études PFE
Rapport Projet Fin d'Études PFE
Mohamed Amine Mahmoudi
 
Comment conduire un projet web entre planification ?
Comment conduire un projet web entre planification ?Comment conduire un projet web entre planification ?
Comment conduire un projet web entre planification ?
MarineS6
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
ayoub daoudi
 
rapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaardrapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_OdegaardHugues Odegaard
 
PFE rapport final
PFE rapport final PFE rapport final
PFE rapport final
Adrien164091
 

Similaire à Rapport de stage (20)

Recommandations organismes de formation métiers internet
Recommandations organismes de formation métiers internet Recommandations organismes de formation métiers internet
Recommandations organismes de formation métiers internet
 
Guide pour l'application d'ECVET
Guide pour l'application d'ECVETGuide pour l'application d'ECVET
Guide pour l'application d'ECVET
 
Rapport de stage Application web Gestion RH ASP.NET MVC5
Rapport de stage Application web Gestion RH ASP.NET MVC5Rapport de stage Application web Gestion RH ASP.NET MVC5
Rapport de stage Application web Gestion RH ASP.NET MVC5
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
 
Rapport-de-perfectionnement-Jasser-Degani.pdf
Rapport-de-perfectionnement-Jasser-Degani.pdfRapport-de-perfectionnement-Jasser-Degani.pdf
Rapport-de-perfectionnement-Jasser-Degani.pdf
 
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed AmineRapport de stage de perfectionnement - Mahmoudi Mohamed Amine
Rapport de stage de perfectionnement - Mahmoudi Mohamed Amine
 
Rapport PFE2021.pdf
Rapport PFE2021.pdfRapport PFE2021.pdf
Rapport PFE2021.pdf
 
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...
Mémoire_SciencesPo_Alexis-Legrand_L’INTERNET-DES-OBJETS,-UN-PAS-VERS-LA-TRAN...
 
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti MohammedRapport de stage PFE ( DUT) chez Synthèse Conseil  - Jaiti Mohammed
Rapport de stage PFE ( DUT) chez Synthèse Conseil - Jaiti Mohammed
 
(Vriamont)_(55930800)_(2015).pdf
(Vriamont)_(55930800)_(2015).pdf(Vriamont)_(55930800)_(2015).pdf
(Vriamont)_(55930800)_(2015).pdf
 
Rapport stage : Mise en place d’un plan de maintenance
Rapport stage : Mise en place d’un plan de maintenanceRapport stage : Mise en place d’un plan de maintenance
Rapport stage : Mise en place d’un plan de maintenance
 
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
 
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
La VoIP, une solution d'avenir pour les entreprises... mais pas seulement !
 
Rapport PFE ISMAGI SQLI Microsoft
Rapport PFE ISMAGI SQLI MicrosoftRapport PFE ISMAGI SQLI Microsoft
Rapport PFE ISMAGI SQLI Microsoft
 
PFE::Conception et développement du Back Office d'une application mobile de g...
PFE::Conception et développement du Back Office d'une application mobile de g...PFE::Conception et développement du Back Office d'une application mobile de g...
PFE::Conception et développement du Back Office d'une application mobile de g...
 
Rapport Projet Fin d'Études PFE
Rapport Projet Fin d'Études PFERapport Projet Fin d'Études PFE
Rapport Projet Fin d'Études PFE
 
Comment conduire un projet web entre planification ?
Comment conduire un projet web entre planification ?Comment conduire un projet web entre planification ?
Comment conduire un projet web entre planification ?
 
Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique Rapport du Projet de Fin d'année Génie informatique
Rapport du Projet de Fin d'année Génie informatique
 
rapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaardrapport_de_stage_M2_Hugues_Odegaard
rapport_de_stage_M2_Hugues_Odegaard
 
PFE rapport final
PFE rapport final PFE rapport final
PFE rapport final
 

Rapport de stage

  • 1.
  • 2. 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é.
  • 3. 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
  • 4. 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
  • 5. P a g e | 5 Labiedh Kais Rapport du projet de Stage ouvrier ENIT 2014 - 2015 .............................................................................................................................. 24 .......................................................................................................... 24 .............................................................................................................................. 24 ............................................................................................................................... 24 ........................................................................................................................... 25 ....................................................................................................................... 25 ................................................................................................................................ 32 ...................................................................................................................... 34
  • 6. 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
  • 7. 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
  • 8. 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.
  • 9. 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.
  • 10. 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.
  • 11. 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.
  • 12. 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
  • 13. 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>>
  • 14. 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.
  • 15. 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.
  • 16. 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.
  • 17. 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
  • 18. 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,
  • 19. 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.
  • 20. 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.
  • 21. 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)
  • 22. 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.
  • 23. 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.
  • 24. 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.
  • 25. 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.
  • 26. 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.
  • 27. 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
  • 28. 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
  • 29. 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)
  • 30. 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
  • 31. 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
  • 32. 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.
  • 33. 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.
  • 34. 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 .