Memoire Online - Création d'un site web dynamique avec accès à une plateforme de formation à distance couplé à un serveur de messagerie externe

[1] Notre tâche consiste à la création d'un site web dynamique, avec accès à une plateforme de formation en ligne et à un serveur de messagerie externe. Un site web est un ensemble de fichiers HTML, PHP possédant une adresse. Une plateforme est un site web qui a un but spécifique comme par exemple la distribution des cours en ligne, un serveur de messagerie pour l'échange des messages entre les utilisateurs, etc.

Objectifs à atteindre

Le projet devra faire ressortir les différents rôles entre les acteurs, faire ressortir l'aspect collaboratif en s'appuyant plus sur l'aspect synchrone tel que les « chats », également présenter les statistiques des apprenants et celui des modules de cours. Les cours s`ouvriront en sessions et chaque session comportera au plus dix apprenants, une session s'étend sur quatre mois. Pour le serveur de messagerie, il devra nous permettre d'envoyer des nouveaux articles aux utilisateurs enregistrés sur le site et également, signaler à ceux qui le souhaitent la réponse à une question posée dans le forum. Enfin, il permettra également d'envoyer par mail une sauvegarde de la base de données.

Outils à utiliser

Pour mettre sur pied cette application, nous utiliserons un « CMS » tel que « SPIP 3.0.1 », un « LMS » tel que « DOKEOS 2.0 » et un serveur de messagerie « HMAILSER 4.2.3 ». Nous allons utiliser « UML » pour la modélisation.

DEDICACE

Pour tous les sacrifices qu'ils fournissent pour faire de moi un homme instruit et bien édifié.

REMERCIEMENTS

L'élaboration de ce travail est l'aboutissement de nombreux assistant et encouragements de ceux, qui de près ou de loin, y ont contribué et nous ont soutenu. Je voudrais ainsi exprimer ma profonde gratitude tout d'abord à l'Eternel Dieu Tout Puissant pour la santé, l'intelligence et la sagesse qu'il m'a données durant ces 2 (deux) années de formation.

Je voudrais également témoigner ma gratitude tout en adressant mes sincères remerciements :

Ø Au Pr. FOGUE Médard, Directeur de l'Institut Universitaire de Technologie FOTSO Victor de Bandjoun, et à tout le corps enseignant, pour la discipline, le travail et les enseignements qu'ils nous dispensent.

Ø A mon encadreur académique, M. LIENOU Jean Pierre, pour l'attention qu'il a accordée à ce travail, sa disponibilité, son soutien et les conseils qu'il a su me prodiguer.

Ø A notre encadreur professionnel, M. TCHONANG Dieudonné qui nous a permis d'effectuer ce stage académique et pour l'aide qu'il nous a apportée dans la collecte de l'information ainsi que la réalisation des tâches qui nous ont été assignées.

Ø A ma cousine, Mlle TCHONANG Nelly, d'où aucune expression ne peut exprimer ma gratitude pour tout l'amour, l'attention et l'éducation qu'elle m'a inculqués.

Ø A M. et Mme AZAH pour leur immense soutien moral et leurs encouragements durant ces années.

Ø A mes frères et soeurs YANKAM Laure, TCHATCHOUANG Corine, LEUCHE Joëlle, DJOPGANG Valery, KENGNE Larissa, DJOKOUE Laurel, Jamie, WABO KUATE Paul, KUATE Pharel pour l'amour et le soutien qu'ils m'apportent.

Ø A mes amis WONKAM, TCHUENTE Clovis, Herman, Aime, Junior, TAYOMNOU, NGUEAGAP Serges, GATKEUTCHA LeRoi, TCHAMGOUE Eugénie, pour le soutien consenti à mon égard.

Enfin, je remercie tous ceux qui m'ont accompagné dans la réalisation de ce travail et dont j'ai dû taire les noms.

RESUME

Le sujet soumis à notre étude dans le cadre de notre stage académique porte sur «Création d'un site web dynamique avec accès à une plateforme de formation à distance et à un serveur de messagerie externe». Pour la réalisation de ce site, nous avons utilisé un « Content Management System » (SPIP) pour réaliser la partie site web, un « Learning Management Système » (DOKEOS) pour la réalisation de la partie plateforme, un serveur de messagerie réalisé avec le server « HMAILSERVER », un serveur XAMPP qui intègre le Système de Gestion de Bases de Données MYSQL pour stocker les données, un serveur web APACHE, le langage PHP, et pour la modélisation, nous avons utilisé UML. En ce qui concerne les résultats attendus : le site web ressort l'ensemble des informations sur la structure SITEL. De plus, nous permettrons la formation en ligne (« e-learning ») pour l'enseignement et l'évaluation des apprenants au sein du campus virtuel. Enfin, il l'ensemble des nouveautés sur le site web, la réponse aux forums, seront automatiquement renvoyés dans la boite mail de ceux inscrits.

ABSTRACT

The subject submitted to our studies as part of our academics internship focuses on "Creating a dynamic website with access to a distant training platform which coupled with external mail server. In other for the website to be made we had to use a Content Management System like SPIP, to achieve the website, Learning management system as DOKEOS to achieve the platform, a messaging server to achieve the server HMAILSERVER, the server XAMPP which integrate a database server MYSQL to store data, a web server APACHE and PHP. Therefore, for it mobilization we had to use UML in order to accomplished the project.

SOMMAIRE

LISTE DES FIGURES

SIGLES ET ABREVIATIONS

INTRODUCTION GENERALE

Située à Akwa dans la ville de Douala, la structure dénommée SITEL est un cyberespace convoité et très sollicité pour les services d'une qualité exceptionnelle qu'il offre à leurs clients. Pour agrandir son influence tant à Douala que sur le territoire national et international, l'entreprise SITEL, dans le cadre de notre stage académique, nous a attribué comme tâche la mise sur pied d'un site web qui sera aisément administrable avec une possibilité de mise à jour dynamique des informations en ligne. Ensuite, elle voudrait mettre en ligne la formation qu'elle offre en son sein pour permettre aux étudiants et aux enseignants de montrer ou de prouver leurs compétences et accroitre ainsi leur niveau de connaissances. Enfin, dans le souci d'échanger des messages avec les utilisateurs du site web et de la plateforme, il a aussi été recommandé de mettre sur pied un système de messagerie. Vu le temps et les tâches qui nous ont été confiées pour la réalisation de ce projet, nous avons choisi d'utiliser un CMS pour la partie site web et notre choix s'est porté sur « SPIP ». En ce qui concerne la plateforme de formation en ligne, nous avons sélectionné « DOKEOS » et comme serveur de messagerie, nous avons opté pour le serveur « HMAILSERVER ». Ce travail sera présenté selon le plan suivant : au premier chapitre, nous allons décrire l'entreprise et ses activités, puis le second chapitre portera sur l'analyse du système et le troisième chapitre parlera de la réalisation du système. Nous terminerons notre travail par une conclusion suivie des perspectives.

Chapitre I Présentation de l'entreprise SITEL et de son environnement

I.1. Présentation de l'entreprise

La structure Service Informatique de Téléphonie, abrégée « SITEL », est spécialisée dans la bureautique, la vente des outils informatiques, de services Internet et de téléphonie, dans la commercialisation des confiseries et une formation qu'il offre en ligne. Elle est située à Douala au quartier « AKWA » sis au carrefour « idéal », au rez-de-chaussée de l'immeuble « SUPERMONT » ou « face free morgane », rue des écoles.

I.1.1. Les domaines d'activités de SITEL

La gestion du cyber est assurée par un logiciel de Haute Technologie appelé « XERCO TWING PRO 2006 » qui, en principe, regroupe les fonctionnalités telles que le temps écoulé d'un ticket, le temps restant, la date de validité du ticket. En réseau, ce logiciel permet d'imprimer les tickets sur une imprimante. De plus, sa configuration nous permet d'observer les machines allumées sur le réseaux et si possible de les éteindre dans des cas d'extrême urgence comme par exemple lorsqu'une machine plante.

Il faut aussi noter que cette gestion est également assurée par des outils tels que :

ü Au vue de sa popularité, SITEL met à la disposition de ses clients une large gamme de produits informatiques tels que :

Au sein de la structure SITEL, nous retrouvons un petit supermarché qui s'ouvre à tout le public de la localité et aux internautes lors de leur passage au sein de la SITEL. On retrouve dont les produits tels que les boissons, les confiseries et bien d'autres.

I.1.2. La structure administrative et le personnel de SITEL

ü Un gérant qui a pour rôle de définir la politique commerciale de la structure.

· Et enfin, le troisième s'occupe de la vente des produits alimentaires, elle joue aussi le rôle de moniteur car elle assure la vente et la validation des tickets qui leur permettra d'avoir accès à internet ou à toute machine de la structure ;

ü De quelques stagiaires préposés à certaines tâches dans les différents services

I.1.3 . La politique commerciale de SITEL

La définition de la politique commerciale doit avoir pour objectif de répondre aux attentes de services de qualité des consommateurs et par là même, de créer une dynamique pérenne, favorable aux prestataires de services et artisans, de développer une image attractive du commerce local.

La mise en oeuvre de cette politique commerciale nécessite un travail important d'administration et de gestion. Ainsi la politique commerciale de SITEL comporte plusieurs variantes

Les approvisionnements de SITEL sont faits par le responsable du service commercial préposé à cette tâche, qui utilise un logiciel de gestion des stocks pour les besoins de ses services. Grâce à ce logiciel, le seuil critique des différents produits stockables est automatiquement signalé par un message qui s'affiche dans une zone bien précise de l'interface du progiciel.

ü Du prix d'achat des produits ou des services auquel s'ajoutent les frais directs et indirects d'achat et éventuellement une marge bénéficiaire.

Cependant, il est à noter que SITEL offre la meilleure qualité de la connexion internet dans le quartier AKWA, car ayant opté pour deux opérateurs à savoir ORANGE et CAMTEL, afin de rendre le débit plus élevé.

La clientèle de SITEL est constituée essentiellement de jeunes d'une dizaine d'années et plus, mais aussi des adultes et des responsables administratifs.

La politique de communication de SITEL est beaucoup plus axée sur la distribution des tracts et la baisse des tarifs internet les week-ends et les jours fériés. De plus les clients réguliers bénéficient souvent des heures supplémentaires de travail.

I.2. Présentation de l'environnement de l'entreprise SITEL

L'environnement de SITEL est composé d'un environnement externe et d'un environnement interne.

I.2.1. L'environnement externe

Les principales variables du micro environnement sont l'offre, la demande et la concurrence.

Ce système regroupe les fournisseurs et les distributeurs de SITEL. A SITEL, nous nous intéressons uniquement aux fournisseurs qui sont essentiellement des concessionnaires tels que : CAMTEL, ORANGE, EMICO, Wise Computer. Tous les fournisseurs de SITEL se trouvent à Douala.

Ici, on tient compte du profil de la demande, des comportements et des attitudes des consommateurs. La population cible de SITEL est constituée des jeunes de tout sexe, la plupart d'entre eux sont des élèves ou étudiants au pouvoir d'achat faible, mais également des parents et responsables dans les milieux sociaux, professionnels et scolaires. Les jeunes élèves et étudiants s'intéressent plus au service Internet, surtout dans les après-midis, les week-ends et les jours fériés. Cependant, les adultes s'intéressent plus à la bureautique et à l'achat de matériel informatique.

La population de Douala en particulier celle de AKWA comprend plusieurs catégories socioprofessionnelles telles que les commerçants, les fonctionnaires, les avocats, les peintres, les élèves, les étudiants etc.

La population de Douala en particulier celle d'AKWA a un niveau de revenu très acceptable d'où un pouvoir d'achat élevé.

Au quartier AKWA, nous avons des « call box » de part et d'autre et nous trouvons de nombreux équipements informatiques dans les bureaux et les services administratifs.

I.2.2. L'environnement interne de SITEL

L'environnement interne de la structure est composé de l'ensemble des facteurs internes ayant une influence sur l'activité de l'entreprise tels que le matériel et le personnel. La structure de SITEL est dotée des appareils de pointe en ce qui concerne aussi bien les services qu'offre le cybercafé que ceux de la bureautique. Pour ce qui est du cyber, elle dispose dans une grande salle climatisée, de 30 ordinateurs Pentium IV à écran plat dont 27 servent aux clients, un est utilisé comme serveur et les deux dernières machines servent aux saisies et impressions. L'avantage de ces écrans se situent à plusieurs niveaux, ils ne sont pas agressifs pour la vue et surtout dégagent moins de chaleur ceci pour le confort des clients et enfin, consomment moins d'énergie et prennent moins d'espace.

Pour les services de bureautique, SITEL possède les marques les plus récentes de photocopieuses qui peuvent être programmées afin d'automatiser et faciliter le travail qui est parfois volumineux et fastidieux. Elle possède aussi des marques de pointe en ce qui concerne le scanner, les imprimantes et autres, toujours dans le but de rendre le service plus rapide et parfait. A SITEL, il y a une étroite collaboration entre le Directeur Général, le responsable du service commercial et le gérant. Dans cette entreprise, chacun donne son avis sur la politique commerciale, en particulier ceux qui s'occupent de la gestion des ventes des produits informatiques et alimentaires et qui sont de ce fait, en contact permanent avec les clients.

Chapitre I Chapitre II : Analyse et conception du système

II.1. Déroulement du stage

Dans cette partie nous présentons les différentes tâches effectuées pendant notre séjour a la structure SITEL

II.2. Présentation du langage de modélisation choisi : UML (langage de modélisation unifié)

[6] UML est un langage qui permet de représenter des modèles, mais il ne définit pas le processus d'élaboration des modèles. Il s'agit d'un langage semi-formel de modélisation objet permettant de spécifier, de construire, de visualiser et de décrire les détails d'un système logiciel.

[6] Un diagramme donne une représentation graphique d'un ensemble d'éléments et de relations qui constituent un système. UML offre une manière élégante de représenter le système selon différentes vues complémentaires grâce aux diagrammes. En effet, il est impossible de donner une représentation graphique complète d'un logiciel, ou de tout autre système complexe, de même qu'il est impossible de représenter entièrement un dessin industriel où l'on dispose de plusieurs types de vues pour représenter des pièces tridimensionnelles (de face, de profil, en coupe, en perspective cavalière).

UML version 2 définit 14 diagrammes repartis en deux grands groupes représentant les différentes vues de la modélisation UML :

II.3. Analyse du système

II.3.1. Expression du besoin

Selon les besoins et suite à notre entretien avec le Directeur Général de SITEL, il nous a été demandé de mettre sur pied un site internet donnant accès à une plateforme de formation à distance couplé à un serveur de messagerie externe. Ce projet offrira les fonctionnalités suivantes :

Il devra permettre aux internautes d'être au courant des activités de l'entreprise ; toutes les nouveautés de l'entreprise doivent à tout moment être publiées en ligne. L'internaute aura la possibilité de suivre une formation à distance. Pour ce faire le site devra donner accès à une plateforme de formation en ligne. Pour suivre un cours, l'apprenant doit être inscrit et l'inscription se fait uniquement par l'administrateur du site. De même, c'est toujours l'administrateur qui est chargé de recruter les formateurs et d'inscrire l'apprenant à un cours. Le formateur pourra concevoir un cours, des exercices ainsi que des évaluations mais il ne pourra pas inscrire ou radier un apprenant de son cours. En plus de ceux-là, il sera aussi appelé à créer des administrateurs de sessions et des superviseurs.

II.3.2. Acteurs

Plusieurs acteurs utilisent le système soit comme visiteur, soit comme administrateur :

ü Administrateur : c'est tout utilisateur qui a le plein droit sur la plateforme et sur le site.

ü Visiteur : toute personne qui accède à la plateforme de formation comme auditeur libre (droit très limité).

ü Apprenant : une fois inscrit dans la plateforme il doit pouvoir suivre les enseignements et se faire évaluer.

ü Rédacteur : c'est toute personne capable d'ajouter, modifier et supprimer les informations dans le site, il peut créer de nouvelles rubriques, des articles.

ü Formateur : il doit pouvoir déposer des cours, proposer des évaluations, et discuter avec l'apprenant en ligne avec les outils de communication synchrones (chat), un wiki, un forum d'échange pour favoriser le travail collaboratif ;

ü Le superviseur est une exception : il ne peut administrer le système, même s'il dispose d'une vue globale sur le suivi des apprenants ;

ü Administrateurs de sessions : Le profil d'administrateur de sessions de formations (coach) n'apparaît qu'à la création des sessions de formation : il est le responsable d'une session de formation et en assure le suivi.

[2] Les droits évoluent par cercles concentriques : le niveau de responsabilités N+1 dispose de tous les droits de N et davantage.

II.3.3. Diagramme de cas d'utilisation

[6] Le cas d'utilisation est une technique de description du système étudié, privilégiant le point de vue de l'utilisateur. Il recentre ainsi l'expression des besoins sur les utilisateurs, en partant du principe qu'un système est avant tout construit pour ses utilisateurs. Ils décrivent pour cela sous forme d'actions et de réactions, le comportement d'un système du point de vue d'un utilisateur. Ils permettent de définir les limites du système et les relations entre le système et l'environnement.

Les cas d'utilisation ont pour objectif de comprendre et structurer les besoins des utilisateurs. Un cas d'utilisation est une manière spécifique d'utiliser un système. C'est l'image d'une fonctionnalité du système, déclenchée en réponse à la stimulation d'un acteur externe. C'est précisément le rôle des diagrammes de cas d'utilisation qui permettent de recueillir, d'analyser et d'organiser les besoins, et de recenser les grandes fonctionnalités d'un système.

Titre du scénario : « consulter cour »
*Description du scenario* : un internaute consulte le site web *Acteur primaire* : l'internaute Acteur secondaire : aucun *Description du processus* : ü L'internaute ouvre le navigateur ü L'internaute tape url du site ü L'internaute clique sur les différents liens pour visualiser le contenu des rubriques
Titre du scénario : « crée un rédacteur »
*Description du scenario* : administrateur crée un nouveau rédacteur *Acteur primaire* : l'administrateur Acteur secondaire : aucun Description du processus : ü l'administrateur ouvre le navigateur et tape l'URL du site ü l'administrateur s'identifie et accède à son interface privée ü l'administrateur double clic sur le bouton « auteur » ü l'administrateur double clic sur « crée un nouveau auteur » ü l'administrateur remplit les champs correspondants en précisant au niveau du menu déroulant de choix du type d'auteur que ce dernier est « rédacteur » ü l'administrateur clique sur enregistrer pour sauvegarder les informations
Titre du scénario : « ajouter une rubrique »
*Description du scenario* : L'administrateur ajoute une nouvelle rubrique *Acteur primaire* : l'administrateur Acteur secondaire : aucun *Description du processus* : ü l'administrateur ouvre le navigateur et tape l'URL du site ü l'administrateur s'identifie et accède à son interface privée ü l'administrateur double clic sur le bouton édition et sur « crée une nouvelle rubrique » ü l'administrateur remplit les champs correspondant en ü l'administrateur clique sur enregistrer pour sauvegarder les informations
Titre du scénario : « publier un article »
*Description du scenario* : L'administrateur publie un article en cours de rédaction ou celle proposé par rédacteurs *Acteur primaire* : l'administrateur Acteur secondaire : administrateur ou rédacteurs Description du processus : ü l'administrateur tape l'URL du site s'identifie et accède à son interface privée ü l'administrateur double clic sur le bouton édition et la liste des articles crée s'affichent ü l'administrateur double clic sur publie l'article et confirme le statut de cet article
Titre du scénario : « paramétrer le site »
*Description du scenario* : L'administrateur configure les paramètres du site et celle de la plateforme *Acteur primaire* : administrateur Acteur secondaire : aucun *Description du processus* : ü l'administrateur pour configurer le site web s'identifie et accède à son interface privée, clique sur configuration ü l'administrateur pour configurer la plateforme s'identifie et accède a son interface privée, clique sur gérer la plateforme
Titre du scénario : « inscrire un apprenant ou un utilisateur »
*Description du scenario* : administrateur ajoute un nouvel apprenant au sein du campus virtuel *Acteur primaire* : administrateur Acteur secondaire : apprenant *Description du processus* : ü s'identifie et accède à son interface privée, clique sur gérer la plateforme ü clique sur ajouter un utilisateur ü remplire le formulaire qui s'affiche en précisant que ce dernier doit suivre des cours au sein du campus virtuel
Titre du scénario : « créer un cour »
*Description du scenario* : administrateur, l'administrateur de formation ajoute un nouveau cours au sein du campus virtuel *Acteur primaire* : administrateur Acteur secondaire : aucun *Description du processus* : ü s'identifie et accède à son interface privée, clique sur gérer la plateforme ü clique sur ajouter des cours ü remplis le formulaire qui s'affiche puis confirmer sa création
Titre du scénario : « concevoir l'exercice »
*Description du scenario* : un formateur conçoit l'exercice qu'il soumettra aux étudiants admettent au sein du campus virtuel *Acteur primaire* : administrateur, formation Acteur secondaire : apprenant *Description du processus* : ü s'identifie et accède a son interface privée, liste des cours ü clique sur la catégorie puis sur le cours en question ü puis on choisie exercice , remplis le formulaire puis confirme

II.3.4. Diagramme de classes

[6] Alors que le diagramme de cas d'utilisation montre un système du point de vue des acteurs, le diagramme de classes en montre la structure interne. Il permet de fournir une représentation abstraite des objets du système qui vont interagir ensemble pour réaliser les cas d'utilisation.

[6] Les diagrammes de classes expriment de manière générale la structure statique d'un système, en termes de classes et de relations entre ces classes. Une classe permet de décrire un ensemble d'objets, tandis qu'une relation ou association permet de faire apparaître des liens entre ces objets.

Chaque langage de Programmation Orienté Objets donne un moyen spécifique d'implémenter le paradigme objet, mais le diagramme de classes permet de modéliser les classes du système et leurs relations indépendamment d'un langage de programmation particulier.

II.3.5. Diagramme de déploiement

Le diagramme de déploiement de la figure ci-dessous représente la répartition des composants et services dans les noeuds du réseau

ü Le navigateur : il permet à l'internaute de consulter via internet les pages du site.

ü Serveur : ordinateur qui met ses services à la disposition d'autres ordinateurs sous forme de services.

ü Site web : c'est un ensemble de pages au format HTML qui peuvent être consultées en suivant des hyperliens à l'intérieur du site.

ü Plugin : c'est un programme qui interagit avec un logiciel principal hôte, pour lui apporter de nouvelles fonctionnalités.

ü Thème : c'est un ensemble de fichiers le plus souvent en HTML, CSS et PHP

ü Base de données : c'est un ensemble structuré et organisé permettant le stockage de grandes quantités d'information afin de faciliter l'exploitation.

II.4. Conception du système

II.4.1 Architecture globale du système

Notre système possède trois grands composants qui sont présentés par la figure suivante.

Ø Les informations publiées par l'administrateur sont mises à la disposition des internautes via le composant « site web ». Ce composant couvre un ensemble de besoins parmi lesquels on peut citer :

Ø Le composant « plateforme » permet aux étudiants de suivre une formation sous la supervision des formateurs. Il couvre les besoins suivants :

Ø Le composant « serveur » est un ensemble de services indispensables pour le fonctionnement global du système. Il intègre un serveur web, serveur de messagerie un serveur d'application, et un SGBD.

II.4.2. Plan du site

Dans cette rubrique on présente les différentes prestations de service de la société

Il s'agit ici d'une description de tous les clients qui fréquente le plus souvent la société

Il s'agit de l'ensemble des produits que la société mets à la disposition de son public

II.4.3. Approche de développement

A ce stade de travail, nous avions le choix de développer de toute pièce notre système en tapant les codes permettant de réaliser les différents composants ou utiliser les outils existant pour leur réalisation. Vu le temps alloué à ce travail et la qualité de service attendu nous avons opté pour le deuxième choix. Une étude faite nous a permis de choisir « SPIP » pour la réalisation du site web, DOKEOS pour la réalisation de la plate forme de formation HMAILSERVER pour la réalisation du serveur de messagerie et XAMPP SERVEUR pour la mise en oeuvre du serveur.

Chapitre III: Réalisation du Système et Résultats

III.1. Introduction

Après avoir achevé les étapes d'analyse et de conception du système, nous allons dans ce chapitre réaliser le système proprement dit. Nous allons commencer par la présentation des différents outils utilisés. Ensuite, nous allons procéder à l'implémentation et enfin nous présenterons quelques résultats

III.2. Présentation des outils

Nous présentons dans ce paragraphe l'ensemble des outils utilisés pour la réalisation de notre projet. Nous allons dans un premier temps présenter les outils de gestion des contenus (CMS) ; ensuite nous parlerons des LMS (outils de gestion des plateformes de formation à distance) en plus le serveur de messagerie HMAILSERVER et nous terminerons par XAMPP server.

III.2.1. Les systèmes de gestion de contenus de site Internet ou CMS (Content Management system)

« Le Content Management System » (CMS) est un outil de gestion de contenu destiné à la conception et à la mise à jour de site Internet ou d'application multimédia. Il offre les fonctionnalités suivantes »[1] :

· la séparation des opérations de gestion de la forme et du contenu. Le rédacteur intègre le contenu à partir d'une interface semblable à un logiciel de bureautique qui est intégré dans une feuille de style préalablement choisie par le rédacteur selon la nature de l'information saisie,

· une chaîne de publication offrant par exemple la possibilité de mettre en ligne le contenu des documents,

· la structuration du contenu (utilisation de FAQ, de documents, de blogs, de forums, etc.),

SPIP est un Système de Publication pour l'Internet. Il s'agit d'un ensemble de fichiers, installés sur un compte Web, qui permettent de bénéficier d'un certain nombre d'automatismes : gérer un site à plusieurs, mettre en page des articles sans avoir à taper de code HTML, modifier très facilement la structure d'un site . . . Avec le même logiciel qui sert à visiter un site (Netscape, Microsoft Explorer, Mozilla, Opéra. . .), SPIP permet de fabriquer et de tenir un site à jour grâce à une interface très simple d'utilisation. Il comprend deux interfaces : l'une publique et l'autre privée ;

Ø 'interface privée donne la possibilité aux rédacteurs de créer et de publier des articles.

Tout le contenu d'un site géré sous SPIP est installé dans une base de données MySQL. Pour présenter ces informations aux visiteurs du site, il faut donc réaliser l'opération qui consiste à récupérer les informations, à les organiser et à les mettre en page, a?n de délivrer une page HTML. Cette opération est traditionnellement assez pénible : il faut connaître PHP et MySQL, et effectuer des routines relativement complexes ; L'intégration de telles routines dans une mise en page HTML élaborée est assez pénible. Le recours systématique à des requêtes MySQL à chaque affichage d'une page est gourmand en ressources, ralentit la visite et, dans des cas extrêmes, provoque des plantages du serveur. SPIP propose ici une solution complète pour contourner ces difficultés :

III.2.2. Présentation des LMS (Learning Management System)

La plateforme de formation (LMS : Learning Management System) met à disposition des apprenants un ensemble de cours et de ressources accessibles à travers un réseau local d'entreprise ou à partir d'internet, en utilisant un navigateur classique. Différents outils sont mis à disposition et utilisés selon les activités pédagogiques : en mode synchrone (communication simultanée), apprenants et tuteurs communiquent par « chate », partage d'applications ou vidéo- conférence ; les outils asynchrones, messagerie, blogs ou forums, sont utilisés pour des échanges différés, ils favorisent les échanges plus personnels. Les plateformes offrent en outre des outils de gestion et d'administration : gestion des cours, gestion des apprenants, suivi des apprenants, élaboration de parcours pédagogiques, auto-inscription des apprenants. Des modules complémentaires peuvent enrichir les fonctionnalités disponibles : rendu de travaux, visibilité des cours, gestion des notes, moteur de recherche, glossaire intégré.

D'une grande simplicité de mise en oeuvre et très intuitive pour ses utilisateurs (formateurs, stagiaires, auditeurs de la formation continue, etc.), Dokeos propose de nombreux outils destinés à organiser les apprentissages et laisse toute latitude à votre créativité pour élaborer des cours réellement attractifs, interactifs et multimédias. Dokeos met aussi à la disposition des utilisateurs des outils de travail collaboratif : forums, blog, wiki...

Outre cette simplicité d'utilisation, Dokeos présente l'avantage non négligeable d'être un logiciel libre, dont le code source est accessible et peut être modifié ou adapté pour des besoins plus spécifiques.

III.2.3. Présentation du serveur de messagerie « HMAILSERVER »

[5] Un serveur de messagerie électronique est un logiciel serveur de courrier électronique. Il a pour vocation de transférer les messages électroniques d'un serveur à un autre. Un utilisateur n'est jamais en contact direct avec ce serveur mais utilise un client de messagerie qui se charge de contacter le serveur pour envoyer ou recevoir les messages. La plupart des serveurs de messagerie possèdent ces deux fonctions (envoi/réception), mais elles sont indépendantes et peuvent être dissociées physiquement en utilisant plusieurs serveurs.

[5] Entre l'utilisateur et son serveur, l'envoi d'un courrier électronique se déroule généralement via le protocole SMTP. Puis c'est au serveur d'envoyer le message au serveur du destinataire, cette fonction est appelée Mail Transfer Agent en anglais, ou MTA.

[5] La réception d'un courrier électronique s'effectue elle aussi en deux temps. Le serveur doit recevoir le message du serveur de l'expéditeur, il doit donc gérer des problèmes comme un disque plein ou bien un engorgement de la boîte aux lettres et signaler au serveur expéditeur toute erreur dans la délivrance. Il communique à ce dernier par l'intermédiaire des canaux d'entrée-sortie standard ou bien par un protocole spécialisé comme LMTP (Local Mail Transfer Protocol). Cette fonction de réception est appelée « Mail Delivery Agent » en anglais, ou MDA. Le serveur doit renvoyer le message au destinataire final lorsque celui le désire, généralement via le protocole POP3 ou IMAP.

Un message électronique est un message transmis sur un réseau. À l'instar des courriers postaux traditionnels, un courrier électronique est placé à l'intérieur d'une enveloppe. Certains éléments figurant sur l'enveloppe sont ajoutés par le serveur de messagerie pour permettre l'acheminement, d'autres sont spécifiés par l'utilisateur. Les données apparaissant sur l'enveloppe sont souvent qualifiées de champs.

Le champ « FROM » est obligatoire et rempli automatiquement par les logiciels de lecture et composition de messages. Il contient l'adresse électronique de l'émetteur. C'est cette valeur qui sert comme adresse de réponse quand le champ « REPLY-TO » n'est pas présent. Les champs suivants sont à remplir par l'émetteur d'un message.

Le champ « TO » est obligatoire et contient l'adresse du ou des destinataires. Les adresses sont séparées par des virgules.

Le champ « CC » est facultatif et permet d'ajouter des destinataires qui recevront une « copie conforme » du message.

Le champ SUBJECT contient une information facultative pour indiquer le propos du message.

ü la taille limitée de l'utilisation de la boite aux lettres électroniques.

SMTP signifie Simple Message Transfert Protocole, ce protocole est utilisé pour transférer les messages électroniques sur les réseaux. Un serveur SMTP est un service qui écoute sur le port 25, son principal objectif est de router les mails à partir de l'adresse du destinataire.

Lorsque Fred, qui appartient au domaine « yahoo.f r », veut envoyer un mail à Marc, qui, lui, appartient au domaine « sitel.com ». Fred va composer son mail sur son ordinateur puis va exécuter la commande d'envoi de son logiciel de messagerie. Le logiciel va contacter le serveur SMTP du domaine yahoo.fr (1), c'est ce serveur qui va se charger d'acheminer (router) le mail vers le destinataire. Le serveur smtp. « yahoo.fr » va lire l'adresse de destination du mail, le domaine du destinataire n'étant pas « yahoo.fr », le serveur va alors contacter le serveur SMTP du domaine « sitel.com ».Si ce serveur existe, ce qui est le cas ici, smtp. « yahoo.fr » va lui transférer le mail (2). Le serveur « smtp.sitel.com » va vérifier que l'utilisateur Marc existe bien dans sa liste d'utilisateurs. Il va ensuite placer le mail dans l'espace mémoire accordé aux mails de Marc sur le serveur (3).

Le mail est ainsi arrivé à destination. L'objectif du protocole SMTP est atteint.
Ensuite c'est le protocole POP qui est utilisé. Lorsque Marc utilisera son logiciel de messagerie pour vérifier s'il a de nouveaux mails, le logiciel va solliciter le serveur POP (4) afin que celui-ci vérifie si des mails sont dans l'espace mémoire accordé à Marc (5).
S'il y a un message, le serveur pop va l'envoyer au logiciel de messagerie de Marc (6).

POP signifie Post Office Protocol. Actuellement c'est la version 3 qui est utilisée.
Le service POP écoute sur le port 110 d'un serveur

Le protocole POP a un objectif précis : permettre à l'utilisateur de relever son courrier depuis un hôte qui ne contient pas sa boîte aux lettres. En d'autres termes, POP établit un dialogue entre le logiciel de messagerie (MUA) et la boîte aux lettres de l'utilisateur sur le serveur..

o POP est avant tout un protocole très simple, de ce fait il ne propose que des fonctionnalités basiques:

o Malgré tout, ces fonctionnalités sont amplement suffisantes pour répondre aux besoins de la plupart des utilisateurs.

IMAP signifie « Internet Message Access Protocol » Le service IMAP écoute sur le port 143 d'un serveur.

III.2.4. Xampp server

ü L'utilisation des outils ci-dessus nécessite le déploiement de « XAMPP » server. Il s'agit d'un outil qui intègre trois services :

ü Le serveur web qui est chargé de répondre aux requêtes http. Nous avons utilisé dans nos travaux le serveur APACHE.

ü Le serveur d'application qui offre un langage permettant de développer des scripts qui s'exécutent coté serveur. Nous avons utilisé dans nos travaux le module PHP.

ü Le SGBD qui gère la communication avec la base de données. Nous avons utilisé dans ce travail le SGBD MYSQL.

III.3. Réalisation du système

III.3.1 Installation des plugins

[1] Les Plugins sont des extensions logicielles qui permettent de rajouter des fonctionnalités au site SPIP. Pour pouvoir activer nos plugins via l'interface privée, on doit les mettre dans un répertoire nommé « plugins/ auto » situé à la racine du site. Notons que certains plugins sont incompatibles entre eux. De même certains ont besoin d'autres pour fonctionner.

III.3.2. Installation des squelettes

Le squelette s'installe comme un plugin. Pour qu'il fonctionne il faut obligatoirement d'autres plugins. Il faudra donc installer les plugins CGF et SPIPBONUS.

III.3.3. Activation des plugins

L'activation d'un plugin se fait dans l'interface privé via le menu « configuration /gestion des plugins»

III.3.4. Installation des thèmes

ü Installation du plugin Zen-garden(gestion des thème) qui à son tour installe automatiquement le plugin Spip-bonus

Il est aussi à noter que les internautes on la possibilité de choisir leur interface en fonction des thèmes mis à leurs disposition.

Le design diffère selon les thèmes ce qui modifie donc la structure de l'interface d'accueil

III.4. Présentation de quelques résultats

III.4.1. Site Web

Comme tout système l'accès est sécurisé. De ce fait les utilisateurs du site web dispose chacun d'un mot de passe et d'un login leur permettant d'accéder à leur interface privée. Ainsi cette figure nous présente l'interface privée du webmaster du site

ü Accueil qui nous permet de revenir a chaque fois l'interface de l'espace privé

ü Edition : qui regroupe les fonctionnalités qui nous permette de crée des auteurs , des articles et des rubriques

ü Activité elle permet d'avoir les statistiques sur l'ensemble des articles et les visiteurs qui ont utilisé les ressources présentes sur le site

ü Maintenance permettant de faire une sauvegarde et une restauration de la base de données et vider la cache

ü Configuration elle permet de gérer les configurations générales à l'instar des langues, du multilinguisme, des plugins, des interactivités, les forums

III.4.2. Plate forme

En ce qui concerne le campus virtuel elle est plus centrée sur une formation en ligne qui est en fait la fonction première qu'elle offre à ses utilisateurs.

La figure représente l'interface d'accueil d'un cours ici c'est le cours de client serveur

III.4.3. Serveur de messagerie

HMAILSERVER est un serveur SMTP dédié pour l'envoi du mail en intranet comme sur internet. Lors de sa configuration plus précisément lors de la création des adresses email des utilisateurs on définit directement leur accès aux informations. La figure ci-dessous présente l'interface de configuration des domaines.

Pour avoir accès à son serveur de messagerie quel que soit l'endroit où l'on se trouve, HMAILSERVER nous offre une interface de configurations pour l'administration. Après avoir tapé l'adresse, sur l'interface d'accueil on tape son adresse électronique et son mot de passe

III.5. Statistiques générales

III.5.1. Site web

III.5.2. Plate forme

Nous observons ici les résultats obtenus par chaque apprenant à la suite de son évaluation dans un cours. Pour chaque test qui constitue ce cours il existe une bande de fréquence pour matérialiser le nombre de personnes ayant obtenu excellent, très bien, bien, assez bien, passable et médiocre De plus ces résultats peuvent être imprimé et nous pouvons également obtenir le fichier PDF

Rappelons ici que la progression des apprenants au cours dépend des différents modules qu'ils ont eu à parcourir. Plus l'apprenant parcoure les modules du cours plus sa progressions est importante.

CONCLUSION GENERALE

Nous avons dans ce travail mis sur pied un site web dynamique administrable en ligne et par des non informaticiens. Après avoir analysé le système et proposé une architecture globale, nous l'avons développé en utilisant des outils existants pour la réalisation de chaque composant. L'outil SPIP nous a permis de réaliser le site web alors que la réalisation de la plate-forme utilise DOKEOS. Grace à la technologie XAMPP SERVER qui intègre APACHE, PHP et MySQL, nous avons pu réaliser le composant serveur de notre architecture. Pour obtenir le squelette des pages du site tel que souhaité par l'entreprise, un ensemble de plugins ont été intégrés (Zen-garden, cfg, etc.). Pour ce qui est de la plate-forme, après son déploiement, nous l'avons personnalisée selon les besoins de l'entreprise et l'avons rendu accessible à travers le site web. En perspective, il sera, compte tenu du nombre de rôles (administration du site, rédacteur dans le site, enseignant, etc.) que peut avoir un utilisateur du système il sera souhaitable de déployer un annuaire pouvant faciliter la gestion des différents comptes d'utilisateur.

BLIOGRAPHIE

[1] http://www.adlnet.gov/doc/080123_outils plate forme.pdf Janvier 2008-révision avril 2009

[2] http://www.dokeos.com/tutoriel/Les AteLiers TiC Installer Dokeos en local pour effectuer des tests.pdf

[3] http://www.dokeos.com/document/Dokeos free.pdf Dokeos -Juin 2009 Construire et animer des formations en ligne.

[5] http://www.hmailserver/document/CRÉEZ VOTRE SERVEUR DE MESSAGERIE.pdf Edition du 15 octobre 2007

[6] Dr. FOTSING TALLA Bernard, Introduction à la modélisation Objet UML, Département d'informatique IUT-FV de Bandjoun, Université de Dschang, 2010-2011 non publié.

Création d'un site web dynamique avec accès à une plateforme de formation à distance couplé à un serveur de messagerie externe

Définition du contexte