Mémoire Licence IUT Ngaoundere (GLO)

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON
********** **********
PAIX-TRAVAIL-PATRIE PEACE-WORK-FATHERLAND
********** **********
MINISTÈRE DE L’ENSEIGNEMENT MINISTRY OF HIGHER EDUCATION
SUPÉRIEUR **********
********** UNIVERSITY OF NGAOUNDERE
UNIVERSITÉ DE NGAOUNDÉRÉ
INSTITUTE UNIVERSITAIRE DE TECHNOLOGIE DE

NGAOUNDERE
BP.455 Ngaoundere
Tel: 00(237)22254023- Fax: 00(237)22254001.22254023
Site Web: www.iut.univ-ndere.cm
Email:iut_ngaoundere@yahoo.fr
Division Des Stages De La Formation Permanente Et Des Relations
Avec Les Milieux Professionnels
Tel : 677 51 21 08 /677112217 /674 91 60 57
Email : dstages2015@gmail.com
REFONTE, REDÉPLOIEMENT DU SITE WEB DU PHOENIX

GROUP AVEC AJOUT DE NOUVELLES FONCTIONNALITÉS
MÉMOIRE DE FIN D’ÉTUDES

En vue de l’obtention de la
LICENCE TECHNOLOGIQUE
Mention : Génie Informatique
Parcours : Génie Logiciel
Stage effectue au Phoenix Group du 5 juillet au 24 Septembre 2021
Rédigé et présente Par ELEBIA Victorien Arsene
Matricule :20I089IU
Encadreur Industriel
M. NYABON ATANGANA Jocelyn
Année académique 2020/2021

Refonte Et Redéploiement Du Site Du Phoenix Group Avec Ajout De Nouvelles
Fonctionnalités
Dédicace
Je dédie ce modeste travail à :
Paule Renée ANYU
Josiane EDOU’OU
i
Rédigé et Présenté Par Elebia Victorien Arsene
Fonctionnalités
Remerciements
Au terme de ce travail, nos remerciements vont d’abord à Dieu le Tout Puissant qui a
permis la réalisation de ce travail, en nous accordant santé, inspiration et courage pour arriver
à ce stade, aussi l’acheminement de ce travail passe par le soutien de plusieurs personnes à qui
j’aimerais exprimer ma reconnaissance. Je voudrais exprimer ma gratitude a :
 M. Elie NGOMSI cofondateur de PHOENIX GROUP qui a bien voulu permettre

que notre stage se déroule dans cette entreprise ;
 M. NYABON ATANGANA Jocelyn, mon encadreur Industriel ;
 Pr MOHAMMADOU BOUBA Adji, Directeur de l’Institut Universitaire de

Technologie de Ngaoundéré pour la qualité de la formation reçue dans son institution ;
 Pr EDOUN MARCEL, Directeur adjoint de l’Institut Universitaire de Technologie

de Ngaoundéré ;
 Pr YENKE Blaise Omer, Chef du Département Informatique à l’Institut

Universitaire de Technologie de Ngaoundéré ;
 Dr NDAM NJOYA Arouna, chef de service de stage à l’IUT de Ngaoundéré;
 Dr FENDJI EBONGUE KEDIENG Jean Louis, enseignant à l’Institut Universitaire

de Technologie de Ngaoundéré ;
 M. KANI DJOULDE, Enseignant à l’Institut Universitaire de Technologie de

Ngaoundéré ;
 Mme Gré Giselle pour ces nombreux conseils avisés ;
 M et Mme ANYU pour leur soutint indéfectible pendant toute ma formation
 Ma famille et mes amis. Sans eux, sans leur support, leur affection et leurs
encouragements, je n’aurai pas été capable de réaliser ce projet. Un merci tout
particulier à ONGONO Alex, DIGUE NJOMENI Grace ;
 Mes camarades tant bien dans la mention Génie Informatique que dans les autres
mentions ;
ii
Fonctionnalités
 Enfin toutes les personnes intervenantes lors de la réalisation de ce mémoire pour le

temps qu’ils m’ont consacré.
Table des matières

Dédicace.......................................................................................................................................i
Remerciements...........................................................................................................................ii
Liste des Abréviations...............................................................................................................vi
Liste des Tableaux....................................................................................................................vii
Liste des Figures......................................................................................................................viii
Présentation de l’entreprise I. Présentation De L’entreprise......................................................x
I.1 Historique......................................................................................................................x
I.2 Plan de localisation........................................................................................................x
I.3 Objectifs et activités de Phoenix group........................................................................xi
II Organisation et Fonctionnement de L’entreprise...........................................................xi
III Organigramme............................................................................................................xiii
Résumé........................................................................................................................................1
Abstract.......................................................................................................................................2
Introduction Générale.................................................................................................................3
Chapitre I: Cadre Du Project.......................................................................................................5
I.1 État de l’Art.......................................................................................................................5
I.1.1 Définition Système d’Information..............................................................................5
I.1.2 Web.................................................................................................................................5
I.1.2.1 Évolution du Web ...................................................................................................6
I.1.2.2 Site Web..................................................................................................................7
I.1.2.3 Référencement Naturel............................................................................................7
I.1.3 E-marketing ...................................................................................................................8
I.1.3.1 Qu'est-ce que le marketing électronique ?...............................................................8
I.1.3.2 L'évolution du marketing électronique....................................................................8
iii
Fonctionnalités
I.1.3.3 Caractéristiques du marketing électronique............................................................9
I.1.3.4 Types et méthodes du E-marketing.........................................................................9
I.1.3.5 Méthodes de e-marketing......................................................................................10
I.2 Cadre du projet................................................................................................................11
I.2.1 Contexte du Projet........................................................................................................11
I.2.2 Analyse de l’existant....................................................................................................11
I.2.2.1 Étude de l’existant.................................................................................................12
I.2.2.2 description de l’existant.........................................................................................12
I.2.2.3 Critique de l’existant.............................................................................................12
I.2.2.4 Solution Proposée..................................................................................................15
I.3 Problématique..................................................................................................................15
I.4 Méthodologie du Travail.................................................................................................16
I.4.1 Méthodologie agile...................................................................................................16
I.4.2 Pourquoi Scrum........................................................................................................16
I.4.3 Présentation de Scrum..............................................................................................16
I.5 Langage de Modélisation UML.......................................................................................18
Chapitre II: Préparation Du Projet............................................................................................20
II.1 Capture du Besoin..........................................................................................................19
II.1.1 Spécifications des Besoins......................................................................................19
II.2 Modélisation du besoin..................................................................................................20
II.2.1 Identification des acteurs.........................................................................................20
II.2.2 Diagramme de Cas d’Utilisation Globale...............................................................21
II.3 Pilotage du projet avec Scrum........................................................................................21
II.3.1 Équipe et Rôle.........................................................................................................21
II.3.2 Product Backlog......................................................................................................22
II.3.3 Planification de Release..........................................................................................25
II.4 Environnement de Travail..............................................................................................26
iv
Fonctionnalités
II.4.1 Environnement Matériel..........................................................................................26
II.4.2 Environnement Logiciel..........................................................................................26
II.5 Architecture du Système................................................................................................29
II.5.1 Architecture de l’Application..................................................................................29
Chapitre III: Validation De La Solution Proposée....................................................................31
III.1 Release 1.......................................................................................................................32
III.1.1 Développement du Sprint1 « Authentification, Inscription et Gestion de profil » 32
III.1.2 Développement du Sprint 2 « Vitrine du Phoenix Group»....................................42
III.2 Release 2.......................................................................................................................54
III.2.1 Développement du Sprint1 « Gestion des Posts et Forum»...................................54
III.2.2 Développement du Sprint 2 « chat live»................................................................64
Conclusion et Perspectives.......................................................................................................70
Annexe......................................................................................................................................71
v
Fonctionnalités
Liste des Abréviations
CSS: Cascading StyleSheet;
HTML: Hypertext Markup Language;
MVC : Modèle Vue Contrôleur ;
MySQL: My Structured Query Language
OMG: Object Management Group
OMT: Object Modeling Technique ;
OOD: Object Oriented Design;
OOSE: Object Oriented Software Engineering;
PHP: HyperText Preprocessor;
PIB: Produit Intérieur Brut;
SGBD : Système de Gestion de Base de Données ;
TIC : Technologie de l’Information et de la Communication
UML: Unified Modeling Language;
vi
Fonctionnalités
Liste des Tableaux

Tableau 1: tableau Récapitulatif de l'analyse Technique Critique............................................13
Tableau 2; Description des acteurs...........................................................................................20
Tableau 3 : Présentation de l’équipe SCRUM..........................................................................22
Tableau 4 : Product Backlog.....................................................................................................22
Tableau 5 : Tableau de Release................................................................................................25
Tableau 6 : Environnement matériel.........................................................................................26
Tableau 7: les user stories du sprint 1.......................................................................................32
Tableau 8 : Backlog du sprint 1................................................................................................33
Tableau 9 : Description textuelle du cas d’utilisation « S’inscrire »........................................34
Tableau 10 : Description textuelle du cas d’utilisation « S’authentifier »................................35
Tableau 11: Description textuelle du cas d’utilisation « Modifier profil »...............................36
Tableau 12 : Description textuelle du cas d’utilisation « Supprimer Compte ».......................37
Tableau 13 : les user stories de sprint 2....................................................................................42
Tableau 14 : Backlog du sprint 2..............................................................................................43
Tableau 15 : Description textuelle du cas d’utilisation «Consulter Service »..........................46
Tableau 16: Description textuelle du cas d’utilisation « ajouter un service»...........................46
Tableau 17 : Description textuelle du cas d’utilisation « Supprimer un service »...................47
Tableau 18 : Description textuelle du cas d’utilisation «Envoyer Message »..........................48
Tableau 21 : Description textuelle du cas d’utilisation «Créer Topic»....................................58
Tableau 22 : Description textuelle du cas d’utilisation «Répondre à un topic».......................58
Tableau 23: Description textuelle du cas d’utilisation «Ajouter une actualité».......................59
Tableau 24 : Description textuelle du cas d’utilisation «Laisser un commentaire».................60
Tableau 27: Description textuelle du cas d’utilisation « Envoyer message »...........................66
Tableau 28: Description textuelle du cas d’utilisation « Répondre message ».........................67
vii
Fonctionnalités
Liste des Figures

Figure 1 : plan de location Phoenix Group, Source (Google Map)............................................x
Figure 2 : Organigramme Phoenix Group...............................................................................xiii
Figure 3: Évolution du web source (www.click2cell.com)........................................................7
Figure 4: Page d'accueil phoenix group (Source: Capture d'écran, Par Elebia Arsene)...........12
Figure 5: page d'accueil laravel.io (Source: Capture d'écran, Par Elebia Arsène)....................12
Figure 6 : Diagramme de Cas d'utilisation Globale, Source (Capture d'Ecran par Elebia
Victorien Arsene)......................................................................................................................21
Figure 7: Architecture de l’application, source (openclassroom.com).....................................29
Figure 8 : Architecture de l’application : MVC, source (WEBCKY, 2015)............................30
Figure 9 : Décomposition sprint 1............................................................................................32
Figure 10: Diagramme de cas d’utilisation du sprint1..............................................................33
Figure 11 : Diagramme de cas d’utilisation « S’inscrire »......................................................34
Figure 12: Diagramme de cas d’utilisation « S’authentifier»...................................................35
Figure 13: Diagramme de cas d’utilisation « Gérer profil ».....................................................36
Figure 14: Diagramme de séquence du User Story US1 «S’authentifier »..............................37
Figure 15 : Diagrammes de séquence User story US3 « Modifier Profil »..............................38
Figure 16 : Diagramme de classes du sprint 1..........................................................................38
Figure 17 : Page d'accueil Phoenix Group................................................................................39
Figure 18 : Interface de connexion...........................................................................................39
Figure 19 : Interface d'inscription.............................................................................................40
Figure 20 : Page d'accueil.........................................................................................................40
Figure 21 : Interface de Dashboard...........................................................................................40
Figure 22 : Interface Modification de profil et Suppression du Profil......................................41
Figure 23: Décomposition sprint 2 en Items.............................................................................42
Figure 24: Diagramme de cas d’utilisation du sprint 2.............................................................44
Figure 25 : Diagramme de cas d’utilisation «Consulter Site ».................................................45
Figure 26 : Diagramme de cas « Gérer Service ».....................................................................46
Figure 27 : Diagramme de cas « Newsletter »..........................................................................48
Figure 28 : Diagrammes de séquences « Consulter Service »..................................................49
Figure 29 : Diagrammes de séquences User story «Modifier Service»....................................49
Figure 30 : Diagrammes de séquences User story «Envoyer Email».......................................50
Figure 31 : Diagramme de class de sprint 2 du release1...........................................................50
viii
Fonctionnalités
Figure 32 : liste des services et type de service........................................................................51

Figure 33 : page de référence....................................................................................................51
Figure 34 S'abonner à la newsletter..........................................................................................52
Figure 35 Consulter liste des services.......................................................................................52
Figure 36 : formulaire d'ajout d'une référence..........................................................................53
Figure 37 : Message de confirmation pour suppression...........................................................53
Figure 38 : Décomposition sprint 1 en Items............................................................................54
Figure 39 : Diagramme de cas d’utilisation du sprint1.............................................................57
Figure 40 : Diagramme de cas d’utilisation « Gérer forum»....................................................57
Figure 41 : Diagramme de cas d’utilisation « Gérer les Posts»................................................59
Figure 42 : Diagrammes de séquences User story « Publier un Topic»..................................61
Figure 43 : Diagrammes de séquences User story «Répondre à un topic»..............................61
Figure 44: Diagrammes de séquences User story « Modifier Commentaire»..........................62
Figure 45 : Diagramme de class de sprint 1..............................................................................62
Figure 46 : Liste des posts........................................................................................................63
Figure 47: Formulaire pour ajouter d'un commentaire.............................................................63
Figure 48 : formulaire de modification d'un poste....................................................................64
Figure 49 : exemple de poste et les commentaires associés.....................................................64
Figure 50 : Décomposition sprint 2 en Item.............................................................................64
Figure 51 : Diagramme de cas d’utilisation Sprint 2................................................................66
Figure 52 : Diagrammes de séquences User story «Envoyer Message».................................67
Figure 53 : Diagrammes de séquences User story «Répondre Message»................................68
Figure 54 : Diagramme de classe sprint 2.................................................................................68
Figure 55: fragment du questionnaire.......................................................................................71
ix
Fonctionnalités
Présentation de l’entreprise
I. Présentation De L’entreprise
I.1 Historique
La société PHOENIX GROUP a vu le jour le 29 juillet 2009. Cette société a été créée
pour une durée de 99 ans comptés du jour de son immatriculation au registre du commerce.
Elle a pour objet ou domaine de compétence l’informatique, les télécommunications, le
multimédia, l’immobilier et des présentations diverses. Son siège social est fixé dans la ville
de Douala. Elle a pour dénomination sociale PHOENIX GROUP CAMEROON SARL
signifiant société à responsabilité limitée et traduisant en même temps le capital social de
l’entreprise qui est de
1 000 000FCFA
I.2 Plan de localisation
La représentation de PHOENIX GROUP qui nous accueille à Yaoundé se trouve au quartier
FOUDA plus précisément au premier étage de l’Hôtel JOUVENCE 2000 en face du fond monétaire de
l’emploi (FNE). Le plan de localisation se présente comme suit :
Phoenix Group
Figure 1 : plan de location Phoenix Group, Source (Google Map)
x
Fonctionnalités
I.3 Objectifs et activités de Phoenix group

PHOENIX GROUP a pour mission principale de regrouper les jeunes au tour d’une même
idéologie qui est l’amélioration du quotidien des citoyens du monde à travers des solutions
informatiques personnalisées, fixés sur des objectifs observés sur différents plans tels que :
 Sur le plan culturel : promouvoir la culture africaine en général et camerounaise en
particulier à travers les réseaux sociaux.
 Sur le plan social : améliorer le quotidien des peuples en leur apportant des solutions
personnalisées pour leur faciliter la vie, notamment dans les domaines de l’éducation
et de la santé.
 Sur le plan économique : devenir un pôle d’excellence et participer tant que faire se
peut à l’accroissement de l’économie camerounaise.
 Sur le plan technologique : l’innovation technologique est un principe phare des
objectifs à court et à long terme c’est pourquoi elle se positionne tel un pilier de
création et d’adaptation des solutions informatiques.
 Sur le plan politique : elle vise l’amélioration des services publics en mettant à la
disposition du gouvernement de façon bénévole des solutions de gestion.
II Organisation et Fonctionnement de L’entreprise

PHOENIX GROUP fonctionne sur un modèle d’organisation dans le quel prime hiérarchie.
Une hiérarchie à quatre niveaux à savoir :
 Un niveau stratégique pragmatique et décisionnel constitué d’un Comité du directeur ;

 Un niveau de coordination constitué du chef des départements et assimilés ;
 Un niveau opérationnel et d’exécutions constituées de chefs de services ;
 Un niveau d’exécution constitué des employés ;
Dans son fonctionnement au quotidien, la structure est gérée par le comité de direction qui
joue un rôle d’organiser et de contrôler. L’entreprise est dirigée au quotidien par la direction
générale. Cette dernière comprend un directeur technique, et un directeur. Le personnel est
reparti entre le siège de Yaoundé et celui de Douala (structure mère). Elle est organisée de la
manière suivante :
 A la tête, le comité directeur de manière générale, il prend les tous les actes
nécessaires à l’accomplissement de l’objet social de l’organisme.
 La direction technique sous coordination d’un chef de départements elle est chargée :
❖D’analyser les systèmes d’information et de proposer des solutions justes et
xi
Fonctionnalités
adéquates
❖ Planifier et animer les activités de l’équipe ;
❖ De recueillir les besoins des utilisateurs et de définir un cahier des charge ;
❖ De proposer les kids pour sites Internet par type de projet, ou par secteur d’activés
et concevoir leur charte graphique
❖ Traduire les données en langue spécialisée et de rédiger les contenus : textes,
articles, éditions …
❖ Organiser le secteur de la formation et de définir les cours et les différents modules
❖ De concevoir et de publier les fascicules de cours et d’affecter les responsables de
cours à chaque module
 La direction marketing : sous la coordination d’un chef de Département elle est
chargée de :
❖ Gestion du portefeuille des clients (prospection, accueil, suivi…) ;
❖ La Identifier les nouvelles stratégies de vente liées à chaque projet ;
❖ Mettre sur pied une technique d’approche et de vente sur le plan sous régional et
international ;
❖ Exercer une veille sur l’évolution technologique afin de proposer de nouveaux
besoins chez les clients ;
 La direction de comptabilité : sous la coordination d’un chef de Département, elle
s’est chargée :
❖ D’assurer la gestion et la maintenance du parc informatique ;
❖ De tenir à jour un inventaire des équipements informatiques et logiciels
existants pour coordonner leur utilisateurs ;
❖ D’identifier les besoins informatiques et établir la commande du matériel et des
équipements informatiques appropriés ;
❖ De faire la maintenance curative et préventive des ressources du réseau ;
❖ De veiller à la sauvegarde et à la restauration des ressources du réseau ;
❖ D’exercer une veille sur l’évolution technologique afin de proposer des outils de
dernière génération pour rendre moderne le parc informatique ;
xii
Fonctionnalités
III Organigramme
Figure 2 : Organigramme Phoenix Group
xiii
Fonctionnalités
Résumé
Internet, les nouvelles technologies ou encore les réseaux sociaux ont permis aux
entreprises d'innover en termes de communication, de visibilité et de proximité avec leurs
clients. Aujourd'hui, le webmarketing, le référencement et les Media Sociaux semblent être
des outils essentiels, des techniques incontournables pour survivre dans cet environnement de
plus en plus complexe et connecté. Phoenix Group entreprise exerçante dans le secteur
technologique, veut intensifier sa visibilité et son chiffre d’affaire ainsi que son portefeuille
électronique, pour atteindre cet objectif il est impératif pour la structure de passer par une
« refonte, redéploiement de son site web avec ajout des nouvelles fonctionnalités ».
Pour atteindre cet objectif nous avons proposé des fonctionnalités telles que la
newsletter, le forum et le chat live qui sont des fonctionnalités prisées aujourd’hui.
Quelques mots clés à notre projet : Internet, Référencement, Webmarketing, Newsletter,

Forum
1
Fonctionnalités
Abstract
Internet, new technologies and social networks have allowed companies to innovate in
terms of communication, visibility and proximity with their customers. Today, web
marketing, search engine optimization and social media seem to be essential tools and
techniques to survive in this increasingly complex and connected environment. Phoenix
Group, a company operating in the technology sector, wants to intensify its visibility and its
turnover as well as its electronic portfolio. To achieve this objective, it is imperative for the
structure to go through a "redesign, redeployment of its website with the addition of new
features".
To achieve this goal we proposed features such as the newsletter, the forum and the live chat
which are popular features today.
Some key words to our project: Internet, Referencing, Web marketing, Newsletter, Forum
2
Fonctionnalités
Introduction Générale
«J’ai instruit le Gouvernement d’accélérer la mise en place des conditions préalables
à l’industrialisation de notre pays. Ces conditions indispensables sont : […] – le
développement des infrastructures de communication et télécommunications. […], il nous
faut rattraper au plus vite notre retard dans le développement de l’Économie Numérique.
Celle-ci est un véritable accélérateur de croissance, en plus d’être une véritable niche
d’emplois nouveaux pour notre jeunesse […] » Extrait du Message du Chef de l’État Paul
BIYA à la Nation à l’occasion de la fin d’année 2015, montre l’intérêt et l’importance du
secteur des TIC pour un pays comme le nôtre. La transformation digitale représente
aujourd’hui pour le Cameroun une énorme potentialité de croissance et de développement
(50.000 emplois créés entre 2017 et 2020, avec une participation au PIB de 5 à 10% dans la
même période), le pays a mis en place une vision plan stratégique pour le développement de
l’économie numérique « Cameroun numérique 2035 », cette dernière a pour vision de faire du
Cameroun un pays numérique1. Conjuguées au e-marketing les structures mettent un accent
particulier sur la qualité des services qu’ils offrent et sur leur représentativité au travers des
services offerts et à leur référencement sur internet.
L’entreprise « phoenix group», une structure de renom sur le plan technologique, mais elle est
peu connu grand public, cela peut s’expliquer par le fait que le Phoenix Group ne met pas un
accent particulier sur sa visibilité marketing. Pour y remédier, elle voudrait faire migrer sa
plateforme Web en intégrant des nouvelles fonctionnalités de marketing afin d’accroitre sa
visibilité et son chiffre d’affaire, sujet qui a suscité notre intérêt.
La méthode de gestion de projet agile, la modélisation UML, le Framework Laravel

base sur le langage de programmation PHP reposant sur une architecture MVC, La base de
données a été implémentée sur le SGBD MySQL et les langages de programmation HTML,
CSS et le JavaScript ont été utilisés pour implémenter la solution.
Il a donc été question de redévelopper une plateforme web pouvant aidé la structure a
booster sa visibilité grâce à des nouveaux modules, tel que le forum, un système de
commentaire, la newsletter et le chat live, composée de deux parties : La partie Frontend et Le
partie Backend intégrant les fonctionnalités d’administration de la plateforme.
1
(blog.visiativ, 2021)
3
Fonctionnalités
Le présent rapport sera organisé en 3 chapitres à savoir, chapitre I cadre général du

Projet définit les notions liées à notre thème, décrit le contexte, la problématique de notre
projet ainsi que la méthodologie adoptée, le chapitre II préparation du projet explique
notre démarche, à savoir, l’identification des acteurs, et l’analyse des besoins, l’architecture
choisie pour notre solution, le chapitre III validation de la solution proposée. Nous
terminons par une conclusion et des perspectives.
4
Fonctionnalités
Chapitre I: Cadre Du Project

Fonctionnalités
Dans cette partie nous allons déposer le socle de la suite du projet en passant par un
panorama synthétique et organisé des travaux déjà réalisés sur la refonte d’un site et le e-
marketing, dégagé la problématique et présenté la méthodologie utilisée.
I.1 État de l’Art

Nous ne saurons entrer dans le vif du sujet de notre travail sans toutefois présenter les
notions de base sur internet, présenter ce que c’est un site web, ainsi que les notions
marketings environnants le sujet ce qui nous permettra de mieux cerner l’existant, ses limites
qui nécessitent une amélioration.
I.1.1 Définition Système d’Information
Un système d'information représente l'ensemble des éléments participant à la gestion,
au stockage, au traitement, au transport et à la diffusion de l'information au sein d'une
organisation.
En informatique et en télécommunications et plus généralement dans le monde de
l'entreprise, le terme système d'information représente. Un ensemble organisé de ressources
(personnel, données, procédures, matériel, logiciel, etc.) Permettant d'acquérir, de stocker, de
structurer et de communiquer des informations sous forme de textes, images, sons, ou de
données codées dans des organisations. Le système d'information coordonne grâce à
l'information les activités de l'organisation et lui permet ainsi d'atteindre ses objectifs. Il est le
véhicule de la communication dans l'organisation2.
I.1.2 Web
Le World Wide Web, communément appelé le Web, parfois la Toile, littéralement la «
toile d'araignée mondiale », est un système hypertexte public fonctionnant sur Internet et qui
permet de consulter, avec un navigateur, des pages mises en ligne dans des sites. L'image de
la toile vient des hyperliens qui lient les pages Web entre elles. La page web permet à la fois
l’affichage de textes, d’images et de formulaires de saisie mais peut également appeler et
afficher différents autres types de documents numériques : son, vidéo, application… Le
concept du World Wide Web a été créé à partir de 1989 au CERN (centre Européen des
recherches nucléaires) par Tim Berner-Lee, puis développé par lui-même et Robert Cailliau
en 1990 dans le but de concevoir un système permettant de naviguer simplement d’un espace
à un autre d’internet à l’aide de liens hypertextes et grâce à un navigateur. En 1993, un
navigateur Web graphique, nommé Mosaic, reposant sur les principes de la toile tels qu’ils
ont été formulés par l’équipe de CERN de Tim Berner-Lee, notamment le http est développé
2
(Chantal Morley, 2011)
5
Fonctionnalités
par Eric Bina et Marc Andersen au NCSA. NCSA Mosaic jette les bases de l’interface
graphique des navigateurs modernes et cause un accroissement exponentiel de la popularité
du web.
I.1.2.1 Évolution du Web 3
On parle souvent de génération web 1.0, web 2.0, web 3.0 et aujourd’hui web 4.0 sans
forcément savoir à quoi correspond toutes ces phases d’évolution.
Le web est sans nul doute une technologie majeure du 21ème siècle. Et si sa nature, sa
structure et son utilisation ont évolué au cours du temps, force est de constater que cette
évolution a également profondément modifié nos pratiques commerciales et sociales.
Pour mieux comprendre les enjeux et les différentes phases de cette évolution, je me suis
livrée pour vous à un exercice de synthèse, qui ne se veut en aucun cas exhaustif, mais qui
devrait vous fournir quelques clés de compréhension.
Le web 1.0, encore appelé web traditionnel, est avant tout un web statique, centré sur
la distribution d’informations. Il se caractérise par des sites orientés produits, qui sollicitent
peu l’intervention des utilisateurs. Les premiers sites d’e-commerce datent de cette époque.
Le coût des programmes et logiciels propriétaires est énorme et l’explosion de la bulle
dot.com, en 2000, remet en question cette approche de la toile.
Le web 2.0, ou web social, change totalement de perspective. Il privilégie la
dimension de partage et d’échange d’informations et de contenus (textes, vidéos, images ou
autres). Il voit l’émergence des réseaux sociaux, des smartphones et des blogs. Le web se
démocratise et se dynamise. L’avis du consommateur est sollicité en permanence et il prend
goût à cette socialisation virtuelle. Toutefois, la prolifération de contenus de qualité inégale
engendre une infobésité difficile à contrôler.
Le web 3.0, aussi nommé web sémantique, vise à organiser la masse d’informations
disponibles en fonction du contexte et des besoins de chaque utilisateur, en tenant compte de
sa localisation, de ses préférences, etc. C’est un web qui tente de donner sens aux données.
C’est aussi un web plus portable et qui fait de plus en plus le lien entre monde réel et monde
virtuel. Il répond aux besoins d’utilisateurs mobiles, toujours connectés à travers une
multitude de supports et d’applications malines ou ludiques.
Le web 4.0, évoqué par certains comme le web intelligent, effraie autant qu’il fascine,
puisqu’il vise à immerger l’individu dans un environnement (web) de plus en plus prégnant. Il
pousse à son paroxysme la voie de la personnalisation ouverte par le web 3.0 mais il pose par
la même Occasion de nombreuses questions quant à la protection de la vie privée, au contrôle
3
(www.click2cell.com)
6
Fonctionnalités
des données, etc. C’est un terrain d’expérimentation où tous ne sont pas (encore) prêts à
s’aventurer !
Figure 3: Évolution du web source (www.click2cell.com)
I.1.2.2 Site Web

Un site internet, également appelé site web, est un ensemble de pages de texte d'image
de vidéo reliées entre elles par des liens hypertextes également appelés liens internes
permettant de générer un affichage public pour les internautes désirant obtenir des réponses à
leurs questions4.
Un site web ou site internet est donc une interface graphique accessible sur navigateur
tel que Chrome, Firefox, Safari ou Brave.
La réalisation d'un site web doit tenir en compte les critères de qualité imposés par les
moteurs de recherche pour en améliorer le référencement naturel, des navigateurs web pour
le bon affichage du site internet auprès des internautes mais également les différents formats
d'écran désormais imposés par les démultiplications des Gsm et autres tablettes. La création
de sites internet dans ces différents formats s'appelle la création de site en Responsive Design.
I.1.2.3 Référencement Naturel
Le référencement naturel ou SEO désigne l'ensemble des techniques qui consistent à
positionner favorablement un site ou un ensemble de pages sur les premiers résultats naturels
ou organiques des moteurs de recherche correspondant aux requêtes visées des Internautes5.
4
(way-web-solution, 2021)
5
(definitions-marketing, 2021)
7
Fonctionnalités
I.1.3 E-marketing 6
L'e-marketing est le processus de marketing en ligne d'un produit, d'un service, d'une
entreprise ou d'une marque. Le marketing électronique comprend non seulement le marketing
effectué sur Internet, mais également le marketing via les médias sans fil et le courrier
électronique.
Le marketing électronique peut inclure des éléments de marketing indirect et interactif ou du
marketing de réponse directe. Lorsque les stratégies e-marketing sont correctement mises en
œuvre, le retour sur investissement peut être supérieur à celui du marketing traditionnel.
I.1.3.1 Qu'est-ce que le marketing électronique ?
Le marketing électronique est le processus de commercialisation d'un produit, d'un
service ou d'une marque à l'aide d'Internet.
L'e-Marketing a contribué à changer les façons d'acheter et de vendre des services et
des produits. L'e-marketing est toute activité effectuée sur Internet pour atteindre un client
potentiel ou cible, afin de commercialiser un produit, un service ou un contenu et d'atteindre
le plus haut niveau de ventes, puis d'obtenir le plus haut niveau de bénéfices.
L'e-marketing peut être défini comme la publicité de services et de produits et leur
vente via Internet, via l'utilisation de sites Web et de courrier électronique. Bien que le
marketing électronique soit un domaine relativement nouveau, il a connu une croissance et un
développement importants au cours des dernières années. De plus, c'est un domaine en
constante évolution, et toujours nouveau. L'e-marketing n'est pas seulement une branche du
marketing en général, mais il représente la nature d'une ère technologique dans laquelle nous
vivons actuellement.
I.1.3.2 L'évolution du marketing électronique
Le concept de marketing, en général, est adaptable et modifiable pour suivre le rythme des
développements technologiques. Par conséquent, le marketing traditionnel ne dépendait pas
des demandes des clients divisées selon les secteurs de marché.
En raison de l'émergence de nombreuses variables telles que la publicité, les produits,
la distribution et les prix, l'e-marketing vise à accroître les parts de marché et les affaires des
institutions. Le développement du e-marketing nécessite la présence de quatre variables : les
individus, la distribution, la technologie et l'information et toutes ces variables sont des
moyens de développer une nouvelle offre ou d'attirer de nouveaux clients.
6
(World, 2020)
8
Fonctionnalités
L'e-marketing basé sur l'utilisation de la technologie vise à augmenter les profits des
entreprises et à s'efforcer de répondre aux besoins personnels des clients de manière
interactive et permanente.
Les développements numériques ont rendu la vision du e-marketing équivalente à
celle du marketing traditionnel.
I.1.3.3 Caractéristiques du marketing électronique
De nombreuses caractéristiques distinguent le e-marketing, dont les plus importantes sont :
 Adressabilité : la possibilité d'appliquer la transmission est l'apport d'Internet en
fournissant une assistance aux agences afin de déterminer leurs clients avant même la
mise en œuvre de l'achat. Le rôle de la technologie numérique est de fournir de
multiples options aux utilisateurs du site Web pour déterminer leurs besoins.
 Interactivité : L’interactivité est la capacité des clients à exprimer leurs désirs
directement aux entreprises, à travers leur réponse et leur interaction avec les
communications marketing émises par ces institutions.
 Mémoire : C'est la capacité du marketing électronique à accéder à des bases de
données contenant des informations sur les clients et leurs dates d'achat. Le stockage
de mémoire aide les agences qui utilisent le marketing électronique à obtenir des
informations sur les clients en temps opportun afin de leur proposer des offres
marketing.
 Contrôle : cela permet aux clients de contrôler toutes les informations fournies par
leur intermédiaire ; il ne fournit aux clients que les informations qu'ils souhaitent, et
sans les obliger à fournir des informations confidentielles.
 Accessibilité : Cela fournit des informations plus détaillées aux clients sur les produits
et les prix des institutions, tout en activant la possibilité de comparer un groupe de
produits. Par conséquent, les institutions commerciales cherchent à développer leurs
produits en fonction des souhaits des clients existants et dans un effort pour atteindre
de nouveaux clients.
I.1.3.4 Types et méthodes du E-marketing
I.1.3.4.1 Types de e-marketing
Le marketing électronique est divisé en un groupe de types, à savoir :
 E-marketing destiné aux clients finaux : C'est le marketing qui concerne l'utilisation
de moyens électroniques et vise à atteindre les clients.
9
Fonctionnalités
 E-marketing appliqué entre institutions : C'est un marketing qui se concentre sur la

réalisation d'une corrélation entre les institutions et qui contribue à la réalisation des
bénéfices qui y sont liés.
 Stratégies de marketing électronique à double distribution : il s'agit du marketing
qui vise à atteindre les objectifs du marketing orienté client et du marketing
électronique appliqué entre les institutions.
 Gouvernement e-Marketplace (GeM) : il s'agit d'un marketing qui repose sur
l'utilisation de moyens électroniques afin de fournir des services aux entreprises et aux
institutions gouvernementales entre elles, ce qui permet de profiter à tous, de gagner
du temps et de réduire les effort dépendant des procédures de routine.
I.1.3.5 Méthodes de e-marketing
Le succès de la mise en œuvre du e-marketing dépend de l'utilisation des méthodes qui y
contribuent. Les méthodes de marketing électronique les plus importantes comprennent :
 Optimisation des moteurs de recherche (SEO) : Les moteurs de recherche
s'appuient sur l'utilisation d'un type particulier de site Web qui contribue à fournir des
informations stockées sur tous les sites Web sur Internet et aide à atteindre l'objectif
souhaité du marketing électronique. L'optimisation des moteurs de recherche (SEO)
est une source importante d'attraction de clients et une méthode utilisée pour
augmenter le nombre de visiteurs sur le site Web qui contient les produits.
 Search Engine Marketing (SEM) : Le Search Engine Marketing est un type de
marketing numérique et c'est l'un des canaux de marketing électronique. SEM cherche
à augmenter et à améliorer l'apparence du site à commercialiser sur la page de résultats
des moteurs de recherche. En tant que propriétaire d'un produit ou d'un service,
l'émergence de votre site en tête des premiers résultats dans les moteurs de recherche
augmente le nombre de visiteurs et donc augmente les profits.
 Publicité payante : les rectangles de publicité payante viennent en premier parmi les
méthodes utilisées dans le marketing électronique et sont considérés comme l'une des
méthodes de publicité les plus populaires sur Internet, comme les voient de nombreux
utilisateurs de sites Web.
 Marketing d'affiliation : Le marketing d'affiliation est un système de marketing basé
sur la performance dans lequel un vendeur d'un produit paie une commission
dépendante lorsque quelqu'un achète son produit. Le « produit » peut être physique
(livres, CD, DVD, vêtements, bijoux, médecines naturelles, etc.) ou numérique (livres
électroniques, rapports électroniques, programmes, cours en ligne, etc.). Lorsque
10
Fonctionnalités
votre visiteur clique sur votre lien d'affiliation (sur votre site), il est redirigé vers le site
Web du vendeur, où le vendeur clôturera la vente ; beaucoup plus facile une fois que
vous les avez préparés ! Lorsqu'un visiteur de votre site achète le produit d'un
vendeur, vous recevez une commission.
 Social Media Marketing (SMM) : Publicité et promotion de produits via les médias
sociaux sur Internet. Cette branche du marketing électronique peut être considérée
comme le marketing de bouche à oreille (WOM Marketing) à travers le World Wide
Web.Il existe des outils spécifiques conçus pour aider les spécialistes du marketing à
savoir à quel point le marketing sur les réseaux sociaux est efficace et quelles
améliorations vous pourriez vouloir apporter pour augmenter cette efficacité.
 Marketing par e - mail : Le marketing par e - mail est un moyen très actif et rentable
de faire passer votre message marketing aux clients existants et potentiels. Les e-mails
sont très importants dans le e-marketing. De nombreux responsables marketing sont
intéressés par la conception de formulaires de courrier électronique contenant de
nombreux modèles de produits différents et interactifs afin d'atteindre les
consommateurs. Le marketing par e-mail dépend principalement du fait d'avoir une
liste de diffusion précieuse, donc si vous n'avez pas eu l'occasion de la créer
auparavant, il est temps pour cela.
I.2 Cadre du projet

I.2.1 Contexte du Projet
Le présent projet « Refonte, Redéploiement du site Web du Phoenix Group avec Ajout
de Nouvelles Fonctionnalités » est réalisé dans le cadre de l’obtention de la Licence
Technologie à Institut Universitaire de Technologie de l'Université de Ngaoundere. Projet
réalisé au « Phoenix Group » entre le Juillet et le 24 Septembre 2021.
Aujourd’hui l’internet devient une source majeure en termes de communication et de
services, les entreprises doivent être en mesure de répondre et participer à ces nouveaux
enjeux. Le Web est devenu un outil média important dans le monde et un outil d’usage
indispensable, accessible du monde entier, le Web devient la façade initiale à travers laquelle
on jugera de la qualité d’une entreprise. Du contenu d’un site dépendra la qualité perçue de
l’entreprise.
Pour répondre aux exigences et défis qu’imposent le marché, Phoenix Group a pensé à
une refonte et un ajout de nouvelles fonctionnalités de sa plate-forme. La dite plateforme web
permet au phoenix Group d’être en contact avec sa clientèle, de présenter ces différentes
réalisations, améliorer son référencement, afin d’accroître sa visibilité et son chiffre d’affaire.
11
Fonctionnalités
I.2.2 Analyse de l’existant

La réussite d’un projet Web repose sur une bonne formulation et la
compréhension des besoins du client. Pour mieux cerner le projet il est important pour nous
de passer par une étude de l’existant du système déjà en place et des systèmes semblants
existants. L’étude de l’existant permet de détecter les problèmes et les difficultés du système
actuel pour trouver les adéquates.
I.2.2.1 Étude de l’existant
I.2.2.2 description de l’existant
La majorité des structures exerçantes dans le secteur technologique disposent d’une
plate-forme web pour leur représentativité sur internet, chacune présentant ces différents
services et solutions.
Pour notre investigation, Phoenix Group, disposant déjà d’un site Web nous partirons
de leur site pour une étude approfondis pour essayer de comprendre les manquements du site
et nous mènerons d’autres investigations sur la célèbre plateforme « Laravel.io » pour
comparaison et ajout des fonctionnalités a la plateforme du Phoenix Group.
Figure 4: Page d'accueil phoenix group (Source: Capture d'écran, Par Elebia Arsene)
Figure 5: page d'accueil laravel.io (Source: Capture d'écran, Par Elebia Arsène)
12
Fonctionnalités
I.2.2.3 Critique de l’existant

Cette partie repose sur deux synthèses :
 Une analyse technique critique de la plate-forme à refondre, accompagnée des premiers
constats et propositions.
 Une analyse de l’existant Elle repose sur une recherche des sites similaires sur le Web et sur
les résultats d’un questionnaire.
I.2.2.3.1 Analyse Technique Critique
L’analyse critique nous a permis d’une part, de dresser un bilan de la plate-forme existante,
d’en faire ressortir les atouts et les faiblesses. Et, d’autre part, de saisir les finalités du projet ainsi que
le public visait. Nous avons regroupé les faiblesses recensées ainsi qu’il suit :
Tableau 1: tableau Récapitulatif de l'analyse Technique Critique
Point Analysé Faiblesse(s) Recensée(s)

Navigation et arborescence Certaines pages lorsqu’on s’y rend, donnent des pages vides
et vierge, semblable a des pages d’erreurs
Esthétique et illustration Dès la connexion au site web, nous constatons des erreurs
d’encodage de caractère, en effet les accents ne sont pas pris
en en compte.
Informations sur le site Les métadonnées classiques étaient incomplètes. En effet,
(métadonnées) pour favoriser le référencement, certaines métadonnées
classiques comme les mots-clés (keywords) doivent figurer
dans la balise « head ». Les dates de création et de mise à
jour de la page ne figuraient pas dans les métadonnées.
Au niveau des Image nous avons constaté l’absence de la
basile ALT7
Adaptation à l’écran Site Non Responsif
À la suite de cette analyse, nous avons pu préparer les premiers contours du

questionnaire. Après avoir décelé les faiblesses et les atouts, notre questionnaire va nous
permettre de percevoir et appréhender ce que le public cible, attend, ce qu’il déplore.
I.2.2.3.2 Questionnaire
Le but du questionnaire8 est de recueillir les critiques envers le site existant, les besoins
et les attentes des utilisateurs existants et potentiels de la plate-forme.
I.2.2.3.2.1 L’élaboration du questionnaire

Objectifs du questionnaire
7
Attribut permettant de donner une courte description de votre image.
8
Le questionnaire qui a été envoyé est disponible en annexe
13
Fonctionnalités
Le questionnaire a été préparé à partir des observations techniques et des premiers constats
critiques. Il avait différents objectifs :
 Identifier les publics visés ;

 Évaluer les qualités et les défauts de la page : le contenu existant, son organisation et
son esthétique ;
 Détecter les spécificités d’utilisation et les attentes des utilisateurs
 Confronter leurs besoins avec notre analyse propre analyse
Profil du Participant
Tableau 2 Public participant au questionnaire:
Public Nombres
Communicateur 4
Enseignant 2
Entrepreneur 2
Étudiant 9
Médecin 1
Programmer 4
La majorité des étudiants ayant répondu étaient issus du domaine informatique.

Analyse des réponses au questionnaire
 La consultation de la page, 36,4% personnes avaient déjà consulté le site contre
63,6% qui n’ont jamais consulté, la majorité des personnes connaissant le site sont des
personnes passées par le Phoenix soit pour un stage ou pour un service (7,7%) et ceux
l’ayant découvert de bouche à oreille représente (76.9%) et d’autre par un site web
(15.4%). La majorité des personnes qui découvraient la page lors du questionnaire sont prêtes
à la consulter quelquefois voire fréquemment à l’avenir (59,1%)
 Le contenu et son organisation, 81.8% de personnes estimaient que l’accès à la page

était aisé, 59,1% des personnes estimaient que l’organisation de la page était claire et 40,1%
pensaient le contraire. Globalement, la qualité de l’information leur paraissait moyenne
(61.9%) ou bonne (33.3%). Ceux qui l’estimaient moyenne étaient ceux estimaient les
informations pertinentes pour eux. 80 % trouvaient le site utilise dans le cadre de leur vie
professionnelle. Quelques personnes qui se disaient intéressées par une consultation future
estimaient que les informations actuelles n’étaient pas pertinentes pour elles (20%). La
distinction entre la qualité générale de l’information et la pertinence même de cette
information pour la personne interrogée ne semble donc pas avoir été comprise.
14
Fonctionnalités
 L’esthétique de la page, La quasi-totalité des répondants a eu une impression esthétique

quelconque (42.9%) ou agréable (38.1%) du site. Cette impression est essentiellement aux
boutons, la taille de la police des caractères lisible (85,7%) et la taille des caractères (95,2%).
L’organisation de la page participe à cette impression esthétique.
 Nouvelles fonctionnalités, 56,5% de personnes sont d’un avis favorable pour une
fonctionnalité Chat live, 50% favorable à un forum et 22,2% pour la newsletter
Conclusion de l’analyse
L’analyse de l’existant a donc contribué à dégager les faiblesses du site actuel tel qu’il est
proposée actuellement. Il a permis de dégager les quatre axes essentiels pris en considération
pour la conception du nouveau projet :
 Accroître et/ou modifier l’information afin qu’elle puisse intéresser un nouveau
public.
 Réorganiser les informations, les aérer visuellement, les compléter et les détailler.
 Modifier l’esthétique de la page en homogénéisant ses couleurs, sa police, ses
icônes, images et boutons
 Réfléchir à de nouveaux modes de diffusion en dehors d’un référencement classique
I.2.2.4 Solution Proposée

Pour garantir une haute disponibilité et une bonne performance, l’utilisation des
nouveaux outils de développement est indispensable avec une architecture solide et évolutive.
L’interaction des utilisateurs à l’application est une partie importante pour les fidéliser, nous
avons pensé à des interfaces simples et des actions faciles à utiliser en réduisant le passage
entre l’interface afin de garantir que l’utilisateur accède à l’information le plus rapide possible
sans passer par un workflow lourd, ainsi que l’ajout des nouvelles fonctionnalités tels que le
forum, la newsletter etc.
I.3 Problématique
Nul doute que les TIC ont désormais une place de choix dans l’économie aujourd’hui,
avec l’avenue de l’économie numérique, les entreprises exerçantes dans ce domaine doivent
de plus en plus s’adapter au marché en proposant des solutions diverses et en mettant un
accent particulier sur le marketing et leur visibilité sur internet. La visibilité et la fidélisation
de certains utilisateurs passe par la qualité de l’outil media premier pour une structure comme
«Phoenix Group » qui est leur plate-forme web. Au vu du marché actuel, n’est-il pas
impératif pour le Phoenix Group de passer à une refonte de son site web ? En ajoutant des
15
Fonctionnalités
fonctionnalités prisées par la clientèle actuelle. Ainsi nous proposons une refonte, un
redéploiement du site du phoenix group.
I.4 Méthodologie du Travail

Pour un système d’informations optimum, et pour satisfaire les exigences du marché
en moindre coût et délai, nous avons utilisé une méthode agile pour le déroulement de notre
projet.
I.4.1 Méthodologie agile
Dans les projets de développement informatique, deux méthodes principales sont
utilisées pendant la phase de gestion de projet : la méthode déterministe ou traditionnelle
guidée par le planning-contrôle et la méthode Agile fondée sur une approche flexible et
itérative.
La méthode traditionnelle se fonde sur un modèle séquentiel et un contrat strict avec le
client pour une maîtrise du périmètre et du coût du projet. Cependant, ce choix, induit une
rigidité du changement pendant les différentes phases du projet. En cas d’imprévu, les actions
correctives sont complexes et plus coûteuses.
La volatilité de l’environnement et le changement des besoins du client demandent une
organisation de projet complexe que la méthode traditionnelle ne peut promptement répondre.
La méthode argile est souvent préférer à la méthode Traditionnelle en fonction du projet.
La méthode Agile est caractérisée par le leadership, la créativité et la motivation des
développeurs, une étroite collaboration et une bonne condition entre les différents membres
du projet (client, développeur, chef de projet…). Il existe plusieurs méthodes de type Agile.
L’eXtreme Programming (XP), SCRUM, Lean Software Development, feature-Driven
Development (FDD). Dans le cadre de notre projet nous optons pour le paradigme Scrum.
I.4.2 Pourquoi Scrum
Dans le cadre de notre projet et afin d’assurer le bon déroulement des différentes phases
de ce dernier, nous avons opté pour la méthode agile Scrum pour la conception et le
développement de notre système pour des raisons bien déterminées en effet le processus
Scrum s’adapte parfaitement à la décomposition du projet, il se base sur les avantages
suivants :
 Plus de souplesse et de réactivité,
 Grande capacité d’adaptation au changement grâce à des itérations courtes,
 Satisfaire au mieux les besoins du Phoenix Group.
16
Fonctionnalités
I.4.3 Présentation de Scrum9

Scrum est un cadre ou canevas simple et efficace qui repose sur 3 piliers :
 Transparence : Vous devez garantir que toutes les informations relatives à la bonne
compréhension du projet sont bien communiquées aux membres de votre équipe et
aux différentes parties prenantes.
 Inspection : Vous vérifiez à intervalles réguliers que le projet respecte des limites
acceptables, et qu’il n’y a pas de déviation indésirable par rapport à la demande de
votre client.
 Adaptation : Vous encouragez la correction des dérives constatées, et proposez des
changements appropriés afin de mieux répondre aux objectifs de votre gestion de
projet.
Le modèle Scrum est un schéma d’organisation empirique, holistique, itératif, incrémental
et agile :
 Une approche empirique. C'est votre inspection quotidienne de l'état du projet qui
oriente les décisions. Vous participez à l'amélioration continue du produit ou du
service par l'observation de faits mesurables.
 Un cadre de travail holistique. Votre équipe va diviser le projet en différentes

parties. Vous devez cependant considérer que la valeur totale du produit ou du service
sera toujours supérieure à la somme de ses divisions.
 Une méthode itérative. Votre équipe va découper le projet en plusieurs cycles

identiques, ou itérations. Vous vous rapprocherez graduellement du produit ou du
service final afin de limiter les risques d'erreur.
 Un développement incrémental. La partie du projet que votre équipe a réalisée doit

être utilisable. Vous pouvez donc livrer votre client régulièrement avec des
fonctionnalités complètes.
 Une pratique agile. Vous impliquez votre client et vos utilisateurs dans votre gestion
de projet. Vous choisissez toujours des méthodes pragmatiques et adaptatives pour
être plus réactif aux demandes.
Le Product Owner est responsable du produit de l’équipe projet client et il représente les
utilisateurs finaux, son rôle est de :
 Définir la liste des fonctionnalités du produit.
9
(Lissajoux, 2021)
17
Fonctionnalités
 Prioriser les fonctionnalités en fonction de leur importance et leur valeur ajoutée pour
l’entreprise qu’il présente.
 Choisir la date de livraison des versions ainsi que leurs contenus.
 Valider les lots livrés avec l’équipe de développement
 Clarifier les besoins à l’équipe de développement si nécessaire
Le Scrum master assure les tâches suivantes :
 S’assurer que Scrum est bien appliquée et respectée ;
 Encourager l’équipe à apprendre et à progresser pour qu’elle soit fonctionnelle,
productive et créative durant le projet ;
 Éliminer les obstacles pouvant perturber la progression du travail.
L’équipe de projet contient généralement de 2 à 10 développeurs. Elle regroupe tous les
rôles habituellement nécessaires à un projet, à savoir l’architecte, le concepteur, le
développeur, le testeur, etc. Elle est « auto organisée » et elle reste inchangée pendant toute la
durée du sprint. Son rôle principal est :
 Transformer les besoins exprimés dans le Sprint Backlog (est défini ci-dessous) en
fonctionnalités utilisables.
 Livrer régulièrement une version fonctionnelle du produit.
La figure ci-dessous présente le déroulement de la gestion de projet par Scrum.
Backlog product (ou catalogue des besoins)

 Besoins priorisés par le Product Owner.
 Besoins évalués par l’équipe.
Sprint Backlog
 Extrait du Backlog product.
Sprint (itération)
 Développement des fonctionnalités du Backlog de sprint.
 Aucune modification du Backlog de sprint possible.
 Mêlée quotidienne (Rencontre quotidienne)
 Point de contrôle quotidien de l’équipe.
 Intervention régulées.
Produit livrable livré au Product Owner à la fin du sprint.
18
Fonctionnalités
I.5 Langage de Modélisation UML10

UML est le résultat de la fusion de trois méthodes d’analyse orientées objet : la
méthode OOD (Object Oriented Design), la méthode OMT (Object Modeling Technique) et
la méthode OOSE (Object Oriented Software Engineering). À l’initiative de la société
Rational Software, les auteurs principaux de ces trois méthodes se sont mis d’accord sur un
langage de modélisation unifié. Celui est devenu une référence lorsqu’il a été retenu par un
groupement public, l’Object Management Group (OMG) en 1997. UML était initialement un
ensemble de diagrammes permettant de représenter un système informatique pour les
développeurs travaillant avec une approche orientée objet. Après son évolution en 2004 vers
la version UML2, ce langage de modélisation a été utilisé pour décrire un système
d’information, notamment au niveau du cahier des charges1.
UML 2.0 comporte ainsi treize types de diagrammes représentant autant de vues
distinctes pour représenter des concepts particuliers du système d’information. Ils se
répartissent en deux grands groupes :
 Diagrammes structurels ou diagrammes statiques (UML Structure) : diagramme
de classes (Class diagram), diagramme d’objets (Object diagram), diagramme de
composants (Component diagram), diagramme de déploiement (Deployment
diagram), diagramme de paquetages (Package diagram), diagramme de structures

composites (Composite structure diagram) ;
 Diagrammes comportementaux ou diagrammes dynamiques (UML Behavior) :
diagramme de cas d’utilisation (Use case diagram), diagramme d’activités (Activity
diagram), diagramme d’états-transitions (State machine diagram), diagrammes
d’interaction (Interaction diagram) : diagramme de séquence (Sequence diagram),
diagramme de communication (Communication diagram), diagramme global
d’interaction (Interaction overview diagram), diagramme de temps (Timing diagram).
Ces diagrammes, d’une utilité variable selon les cas, ne sont pas nécessairement tous
produits à l’occasion d’une modélisation. Les plus utiles pour la maîtrise d’ouvrage
sont les diagrammes d’activités, de cas d’utilisation, de classes, d’objets, de séquence
et d’états transitions. Les diagrammes de composants, de déploiement et de
communication sont surtout utiles pour la maîtrise d’œuvre à qui ils permettent de
formaliser les contraintes de la réalisation et la solution technique.
Dans ce chapitre, nous avons donné un aperçu du projet, le contexte du projet, la
problématique du thème. Nous avons présenté aussi notre méthodologie de travail qui sera
10
(Chantal Morley, 2011)
19
Fonctionnalités
basé la méthode Scrum et le langage de modélisation UML. Le reste du rapport est organisé
selon cette méthodologie, au prochain chapitre nous allons aborder l’état de l’art.
20
Fonctionnalités
Chapitre II: Préparation Du Projet

Fonctionnalités
Ce chapitre est consacré à la capture des besoins fonctionnels et non fonctionnels de notre
système, au pilotage de projet avec Scrum, par élaboration du Backlog Product avec une
planification des sprints ainsi qu’à la description de l’environnement de travail
II.1 Capture du Besoin

II.1.1 Spécifications des Besoins
II.1.1.1 Spécifications des Besoins Fonctionnels
Un besoin fonctionnel est un besoin direct exprimant une réponse à une action, demande
ou information système. Notre plate-forme offre une interface web pour accéder aux espaces
suivants :
Mode non connecté le système doit pouvoir permettre à un Utilisateur de :
 S’inscrire : Pour posséder un compte un Internaute doit remplir un formulaire
d’inscription en y référant toutes ses informations nécessaires ;
 Consulter les services, les références, les actualités et les topics de la plate-
forme ;
 S’abonner à la Newsletters afin d’être informer sur les éventuelles produit,
formations proposé par le Phoenix group ;
 Interagir avec le monitor du Système via le chat live de la plate-forme pour
des cas éventuels ;
 Poster un commentaire sur un post ;
 Contacter facilement de l’administrateur en cas de besoin ;
 Assurer la sécurité du site par L’authentification (login / mot de passe).
Mode connecté le système doit permettre de :
 Contrôler la gestion un Topic (Créer, Éditer, Supprimer, Voir les
Commentaires, Répondre aux commentaires) ;
 Poster un commentaire sur un post ;
 Gérer les utilisateurs (Consulter la liste des utilisateurs, Supprimer, ajouter) ;
 Garantir la réactivité vis-à-vis des messages envoyés par les utilisateurs ;
 La sécurité des informations avec l’option de modification du profil ;
 Gestion des Actualités (Ajout, consultation, édition, suppression) ;
 Gestion des commentaires (Suppression) ;
 Gestion des Références (Ajout, consultation, édition, suppression) ;
19
Fonctionnalités
 Gestion des Slider (Ajout, consultation, édition, suppression), Fonctionnalité

formellement demandé;
 Gestion du forum (consultation, suppression) ;
II.1.1.2 Spécification des besoins non fonctionnels
Les besoins non fonctionnels sont les exigences qui caractérisent un système. Ces
besoins peuvent être énoncés suivant des plans de classifications :
 Ergonomie : Les interfaces doivent être simples, conviviales, clairs et ne doivent pas
nécessiter de connaissances assez poussées des utilisateurs pour leurs permettre de se
sentir alaise et familiariser avec l’environnement.
 Robustesse : L’application doit permettre le stockage des informations des utilisateurs
inscrits, en assurant une bonne gestion d’erreurs.
 Sécurité : Le Système doit garantir à l’utilisateur connecté l’intégrité et la
confidentialité de ses données. L’accès à la partie administration doit être sécurisé et
authentifié.
 Performance : Un temps de réponse raisonnable au moment de l’identification et des
traitements des données. Les utilisateurs non administrateur, ne doivent pas
s’apercevoir des données sécurisées.
 Adaptabilité : la plate-forme doit être Responsive (s’adapter à toutes les dimensions)
II.2 Modélisation du besoin

II.2.1 Identification des acteurs
Un acteur est la personne ou le matériel qui interagit avec notre système afin de
réaliser une valeur ajoutée. La plateforme du Phoenix Group fait intervenir quatre acteurs
principaux comme le montre le tableau ci-après
Tableau 3; Description des acteurs
Acteur Description
Administrateur Un administrateur devra pouvoir ajouter, modifier et supprimer les
utilisateurs et les données de référence. Il dispose de toutes les
autorisations sur la plateforme.
Moniteur Il dispose de toutes les autorisations sur la plateforme. Sauf le droit
d’ajouter, supprimer et modifier un utilisateur.
Participant C’est un utilisateur qui est inscrit et qui peut consulter les activités,
services, s’inscrire aux newsletters, participer au forum et discuté
20
Fonctionnalités
avec le monitor en chat

Internaute C’est un utilisateur qui n’est pas inscrit et qui peut consulter les
activités, services, s’inscrire aux newsletters avec un minimum
d’information.
II.2.2 Diagramme de Cas d’Utilisation Globale
Figure 6 : Diagramme de Cas d'utilisation Globale, Source (Capture d'Ecran par Elebia Victorien Arsene)
II.3 Pilotage du projet avec Scrum

II.3.1 Équipe et Rôle
Pour la réalisation de notre plate-forme les rôles sont repartis comme suit :
Tableau 4 : Présentation de l’équipe SCRUM
Rôles Scrum Personnes Affectées
Product Owner Phoenix Group

21
Fonctionnalités
Scrum Master
Team Elebia Victorien Arsène
II.3.2 Product Backlog
Le Backlog du produit est l’artefact le plus important de Scrum. En effet, c’est
l’ensemble des caractéristiques fonctionnelles qui compose le produit. Ces caractéristiques
sont appelées des histoires utilisateurs (user story). Chaque histoire utilisateur est caractérisée
par une priorité définie par le Product Owner. Le Backlog produit de notre futur système notre
projet est le suivant :
Tableau 5 : Product Backlog
Sprint ID Feature User Story User Story
Priority
US1 Authentifi En tant Que Utilisateur enregistré je veux m’authentifier sur 1
« Authentification, Inscription, Gestion de
cation mon profil pour accéder à mon espace membre.

US2 Inscriptio En tant que Internaute je m’inscrire pour que je puisse 2
n participer aux échanges de la plate-forme.
US3 Gestion En tant que utilisateur enregistré je veux pourvoir afficher 3
Profile «
de Profile mon profile pour une éventuelle modification

US4 Gestion En tant que utilisateur enregistré je veux pourvoir modifier 3
de Profile mon profile pour mettre mes informations à jour
US5 Gestion En tant que utilisateur enregistré je veux pourvoir supprimer 3
de Profile mon profile pour me désabonné de la plate-forme
US6 Gestion En tant qu’administrateur je dois pour consulter un profil et le 3
Profil supprimer.
US7 Gestion En tant que utilisateur non inscrit je veux pouvoir consulter la 4
Service liste des Services du site web pour que je puisse prendre
connaissance des services offert par l’entreprise.
US8 Gestion En tant que Moniteur je veux pourvoir ajouter un service. 4
« Gestion Vitrine »
Service
US9 Gestion En tant que Moniteur je veux pourvoir consulter un service 4
Service pour le mettre à jour, le supprimer.
US10 Gestion En tant que utilisateur non inscrit je veux pouvoir consulter la 5
Reference liste des Références du site web pour que je puisse prendre
connaissance des réalisations faites par l’entreprise.
US11 Gestion En tant que Moniteur je veux pourvoir ajouter une référence. 5
22
Fonctionnalités
Reference
US12 Gestion En tant que Moniteur je veux pourvoir consulter un référence 5
Reference pour le mettre à jour, le supprimer.
US13 Gestion En tant moniteur je dois pouvoir ajouter le personnelle pour 6
Personnel enregistrement
le
US14 Gestion En tant moniteur je dois pouvoir consulter le personnelle 6
Personnel pour une mise à jour, suppression.
le
US14 Gestion En tant que Moniteur je veux ajouter les informations 7
des relatives à l’entreprise pour qu’elles soient visibles sur la
Informati plateforme
on du site
liées à la
structure
US15 Gestion En tant que Moniteur je veux consulter les informations 7
des relatives à l’entreprise pour une mise à jour, une suppression.
Informati
on du site
liées à la
structure
US15 Gestion En tant que Internaute je veux m’abonner à la newsletter pour 8
Newslette être informé des actualités.
r
US16 Gestion En tant que Participant je veux m’abonner à la newsletter 8
Newslette pour être informé des actualités.
r
US17 Gestion En tant que Moniteur je veux envoyer des emails aux 9
Newslette abonnés de la newsletter pour les envoyés des informations
r relatives à l’entreprise.
US18 Forum En tant que Internaute je veux consulter tous les topics du 10
« Gestion Post,
forum afin de
forum »
US19 Forum En tant que Utilisateur enregistré je veux publier un topic 11

pour le soumettre aux participants
US20 Forum En tant que Utilisateur enregistré je veux éditer un topic pour 11
23
Fonctionnalités
des modifications
US21 Forum En tant que Utilisateur enregistré je veux répondre à un topic 11
pour apporter ma contribution
US22 Forum En tant que Utilisateur enregistré je veux marquer un 11
commentaire comme réponse à mon topic pour aider ceux qui
liront
US23 Forum En ttenant que utilisateur enregistré je veux supprimer un 11
topic
US24 Gestion En tant que moniteur je veux pourvoir consulter un post à fin 12
des que je puisse prendre connaissance des post existants
actualités
US25 Gestion En tant que moniteur je veux pourvoir édité un post à fin que 12
des je puisse mettre les informations à jour.
actualités
US26 Gestion En tant que moniteur je veux pourvoir supprimé un post. 12
des
actualités
US27 Gestion En tant que moniteur je veux pourvoir ajouter un 12
des commentaire à un post.
actualités
US28 Gestion En tant que moniteur je veux pourvoir édité un commentaire 12
des à fin que je puisse mettre les informations à jour.
actualités
US29 Gestion En tant que moniteur je veux pourvoir supprimé un 12
des commentaire.
actualités
US30 Gestion En tant que Internaute je veux pouvoir Consulter une 12
des actualité pour prendre connaissance du contenu
actualités
US31 Gestion En tant que Internaute je veux pouvoir commenter une 12
des actualité pour apporter ma contribution.
actualités
US32 Chat live En tant que Internaute je veux pourvoir écrire un message 13
« système
de chat
US33 Chat live En tant que Internaute je veux pourvoir supprimer un 13

message
24
Fonctionnalités
Live » US34 Chat live En tant que Participant je veux pourvoir écrire un message 13
US35 Chat live En tant que Participant je veux pourvoir supprimer un 13
message
US34 Chat live En tant que Moniteur je veux pourvoir répondre un message 13
US35 Chat live En tant que Moniteur je veux pourvoir supprimer un message 13
US36 Chat live En tant que Moniteur je veux pourvoir supprimer un fil un 13
message
II.3.3 Planification de Release

Un plan de très haut niveau pour plusieurs sprints est créé pendant la planification de la
diffusion. C'est une ligne directrice qui reflète les attentes quant aux fonctionnalités qui seront
mises en œuvre et quand elles seront terminées. Il sert également de base pour suivre les
progrès au sein du projet. Les sorties peuvent être des livraisons intermédiaires effectuées
pendant le projet ou la livraison finale à la fin. Pour créer un plan de diffusion, les éléments
suivants doivent être disponibles:
 Un Product Backlog Scrum hiérarchisé et estimé
 La vitesse de l'équipe Scrum
 Conditions de satisfaction (objectifs pour l'emploi du temps, portée, ressources).
Dans notre cas, nous avons découpé notre projet en deux Release.
Tableau 6 : Tableau de Release
Release 1 : 2 Sprints/1 Mois Et 1 Semaine

2 Semaines 3 Semaines
Sprint 1 Sprint2
Du 19 Juillet au 30 Juillet Du 2 Août au 20 Août
 Authentification  Gestion des références
 Inscription  Gestion des services
 Gestion profil  Gestion personnelle
 Information relative à l’entreprise
 Newsletter
Release 2 : 2 Sprints / 1 Mois et 1 semaine
4 Semaines 1 semaine
25
Fonctionnalités
Sprint 1 Sprint 2
Du 23 Août au 17 Septembre Du 20 Août au 24 Septembre
 Gestion Actualités  Chat live
 Forum
II.4 Environnement de Travail

Dans cette phase nous allons présenter l’environnement de travail dans lequel nous
avons développé notre application.
II.4.1 Environnement Matériel

L'architecture matérielle utilisée pour la réalisation de l'application est la suivante :
Tableau 7 : Environnement matériel
Pc Portable CHUWI HeroBook Pro

Ram 8 Giga
Processeur Intel(R) Celeron(R) N4020 CPU @ 1.10GHz (2 CPUs)
Disque Dur SSD 256 Giga
Systems d’Exploitation Windows 10 Famille
II.4.2 Environnement Logiciel

II.4.2.1 Outils de développement et modélisation :
PHPStorm :
PhpStorm est un éditeur pour PHP, HTML, CSS et JavaScript, édité par JetBrains. Il permet

d'éditer du code PHP pour les versions allant de la 5.3 à la 8. PHPStorm est écrit en Java, et
ses utilisateurs peuvent lui adjoindre des extensions fournies par JetBrains,
une tierce partie ou écrites par eux-mêmes. Il est distribué sous licence
propriétaire à destination des particuliers, des entreprises et des associations.
Disponible en souscription mensuelle ou annuelle seul ou en pack
Visual Paradigm :
Visual Paradigm (VP-UML) est un outil UML CASE prenant en

charge UML 2, SysML et Business Process Modeling Notation
(BPMN) de l’Object Management Group (OMG). En plus de la prise en charge de la modélisation,
26
Fonctionnalités
il fournit des capacités de génération de rapports et d'ingénierie de code, y compris la génération

de code.Il peut effectuer une ingénierie inverse des diagrammes à partir du code et fournir
une ingénierie aller-retour pour divers langages de programmation.
Laragon :
Laragon est un environnement de développement universel portable, isolé, rapide et puissant

pour PHP, Node.js, Python, Java, Go, Ruby. Il est rapide, léger, facile à utiliser et facile à
étendre. Laragon est idéal pour créer et gérer des applications Web
modernes. Il est axé sur la performance - conçu autour de la stabilité, de la
simplicité, de la flexibilité et de la liberté.
HeidiSQL
HeidiSQL est un outil d'administration de base de données possédant un

éditeur SQL et un constructeur de requête. Il a été développé et optimisé
pour être utilisé avec le SGBD relationnel MySQL disponible
commercialement ou gratuitement. À l'origine développé sous le
nom MySQL-Front, en tant que shareware, le logiciel est devenu un projet
libre en 2006 sous le nom de HeidiSQL à la suite d'un problème juridique avec MySQL
AB relatif à l'utilisation d'un nom de marque. HeidiSQL est capable de se connecter à des
bases MySQL, Microsoft SQL Server, PostgreSQL et SQLite
II.4.2.2 Langages de programmation

PHP :
P HP: Hypertext Preprocessor 25, plus connu sous son sigle PHP, est
un langage de programmation libre, principalement utilisé pour
produire des pages Web dynamiques via un serveur HTTP, mais
pouvant également fonctionner comme n'importe quel langage interprété de
façon locale. PHP est un langage impératif orienté objet. PHP a permis de créer un grand
nombre de sites web célèbres, comme Facebook et Wikipédia. Il est considéré comme une des
bases de la création de sites web dits dynamiques mais également des applications web. Nous
l’avons utilisé dans notre projet pour développer notre Backend et une partie du Frontend.
JavaScript :
27
Fonctionnalités
JavaScript est un langage de programmation de scripts principalement

employé dans les pages web interactives et à ce titre est une partie
essentielle des applications web. Avec les technologies HTML et CSS,
JavaScript est parfois considéré comme l'une des technologies cœur du World Wide Web. Une
grande majorité des sites web l'utilisent, et la majorité des navigateurs web disposent
d'un moteur JavaScript5 dédié pour l'interpréter, indépendamment des considérations de
sécurité qui peuvent se poser le cas échéant. C'est un langage orienté objet à prototype : les
bases du langage et ses principales interfaces sont fournies par des objets. Cependant, à la
différence d'un langage orienté objets, les objets de base ne sont pas des instances de classes.
HTML et CSS :
HTML (Hypertext Markup Language): est, après une traduction

littérale de l’anglais, un langage hypertexte a balises (ou
marqueurs). Cela veut dire que l’on va gérer la façon dont un texte
va s’afficher au sein du navigateur. Ainsi, on peut voir dans tout
code source HTML en comparaison d’un éditeur de texte, des différences marquantes, comme
des balises dans une page Web.
CSS (Cascading Style Sheets) : est un langage déclaratif simple pour mettre en forme des
pages HTML ou des documents XML. Le langage CSS permet de préciser les caractéristiques
visuelles et sonores de présentation d’une page Web.
Le langage de requête SQL
Un serveur de bases de données stocké les données dans des

tables séparées plutôt que de tout rassembler dans une table. Les
tables sont reliées par des relations définies, qui rendent possible la combinaison des données
entre plusieurs tables durant une requête. Le SQL dans « MySQL » signifie ‘Structured
Query Langage’ : le langage standard pour traitement de bases de données.
II.4.2.3 Framework utilisé

Bootstrap :
Bootstrap est une collection d'outils utiles à la création du design (graphisme,

animation et interactions avec la page dans le navigateur, etc.) de sites et
d'applications web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires,
boutons, outils de navigation et autres éléments interactifs, ainsi que des
28
Fonctionnalités
extensions JavaScript en option. C'est l'un des projets les plus populaires sur la plate-forme de
gestion de développement GitHub.
Laravel
Laravel est un framework web open-source écrit en PHP respectant le

principe modèle-vue-contrôleur et entièrement développé en programmation
orientée objet. Laravel est distribué sous licence MIT, avec ses sources
hébergées sur GitHub.
JQuery
Est un Framework développer en JavaScript qui permet

notamment de manipuler aisément la DOM, d’utiliser AJAX,
de créer des animations… La vocation première de ce
Framework est de gagner du temps dans le développement des applications.
II.5 Architecture du Système

L’architecture qui est mise en évidence pour cette application est l’architecture web
classique. Cette architecture est présentée comme suit :
Figure 7: Architecture de l’application, source (openclassroom.com)
II.5.1 Architecture de l’Application

Dans cette section, on commence par la présentation de l'architecture MVC que nous
avons utilisé pour réaliser notre application. Bien évidemment, le choix de l’architecture
adéquate dans la phase de conception de toute application est primordial, afin de garantir un
fonctionnement correct, une meilleure performance et une maintenance facile. Dans cette
logique nous avons opté pour l'architecture MVC.
29
Fonctionnalités
Figure 8 : Architecture de l’application : MVC, source (WEBCKY, 2015)
L’architecture MVC (modèle – vue – contrôleur) est un patron utilisée en PHP pour le
développement d’applications web. Cette architecture a pour but de séparer les
problématiques liées aux différents composants au sein de leur architecture respective. MVC
permet de concevoir des applications web de manière claire et efficace grâce à la séparation
des intentions. Les opérations de maintenance et de mises à jour sont fortement simplifiées.
Le modèle :
Le modèle permet d’accéder aux données du site internet que ce soit dans une base de
données à l’aide de classe ou des fichiers plats types XML.
La vue :
La vue traite l’affichage à l’écran dans le navigateur web bien souvent retranscrit grâce
à l’HTML et le CSS.
Le contrôleur :
Le contrôleur gère les interactions. D’une manière générale, il va utiliser les données
du modèle, les traiter en fonction de l’action de l’utilisateur, et les envoyer à la vue afin
qu’elle les affiche.
Dans ce chapitre, on a planifié notre travail, identifié les besoins fonctionnels et non
fonctionnels de notre site web, les rôles des utilisateurs, par la suite on a présenté le product
Backlog de notre système. Ainsi on a détaillé la phase de planification des sprints. Enfin on a
choisi l’architecture de notre projet ainsi que notre environnement de travail. Dans le chapitre
suivant nous allons présenter l’implémentation et les tests des différents sprints.
30
Fonctionnalités
Chapitre III: Validation De La Solution Proposée

Fonctionnalités
III.1 Release 1
Dans ce chapitre, nous allons détailler le travail réalisé durant le premier release. En effet,
chaque release, qui est l’ensemble d’itérations (sprint), représente une vision distribuée de la
période de la production du livrable. Ce premier Release comprend deux sprints :
 Sprint1 « Authentification, Inscription et Gestion de profil » ;
 Sprint 2 « la Vitrine du site ».
Le développement de chaque sprint passe par les étapes d’analyse, de conception et de
réalisation.
III.1.1 Développement du Sprint1 « Authentification, Inscription et Gestion de profil »
Ce premier sprint s’étale sur 10 jours et se décompose en trois items
 S’inscrire ;
 S’authentifier ;
 Gérer profil.
5 jours
3 jours Gestion
profil
s'authentifier
2 jours
s'inscrire
Figure 9 : Décomposition sprint 1
Tableau 8: les user stories du sprint 1
Id US User Story
US1 En tant Que Utilisateur enregistré je veux m’authentifier sur mon profil pour
accéder à mon espace membre.
US1 En tant Que Utilisateur enregistré je veux m’authentifier sur mon profil pour
accéder à mon espace membre.
US2 En tant que Internaute je m’inscrire pour que je puisse participer aux échanges de
la plate-forme.
US3 En tant que utilisateur enregistré je veux pourvoir afficher mon profile pour une
éventuelle modification
US4 En tant que utilisateur enregistré je veux pourvoir modifier mon profile pour
32
Fonctionnalités
mettre mes informations à jour

US5 En tant que utilisateur enregistré je veux pourvoir supprimer mon profile pour
me désabonné de la plate-forme
US6 En tant qu’administrateur je dois pour consulter un profil et le supprimer.
Le backlog du sprint1 est le suivant :

Tableau 9 : Backlog du sprint 1
Feature User Story User Story

Priority
Authentificati En tant Que Utilisateur enregistré je veux m’authentifier sur mon 1
on profil pour accéder à mon espace membre.
Inscription En tant que Internaute je m’inscrire pour que je puisse participer aux 2
échanges de la plate-forme.
Gestion de En tant que utilisateur enregistré je veux pourvoir afficher mon 3
Profile profile pour une éventuelle modification
En tant que utilisateur enregistré je veux pourvoir modifier mon
profile pour mettre mes informations à jour
En tant que utilisateur enregistré je veux pourvoir supprimer mon
profile pour me désabonné de la plate-forme
En tant qu’administrateur je dois pour consulter un profil et le
supprimer.
III.1.1.1 Analyse
Diagramme de Cas d’utilisation
Figure 10: Diagramme de cas d’utilisation du sprint1
33
Fonctionnalités
III.1.1.1.1 Description de l’item « S’inscrire »

1. Diagramme de cas d’utilisation « S’inscrire »
Figure 11 : Diagramme de cas d’utilisation « S’inscrire »
2. Description textuelle du cas d’utilisation « S’inscrire »
Tableau 10 : Description textuelle du cas d’utilisation « S’inscrire »
Cas d’utilisation S’inscrire

Acteur Internaute
Précondition Utilisateur non inscrit
Post-condition Un nouveau compte est ajouté
1. L’utilisateur demande le formulaire d’inscription
2. L’utilisateur remplit le formulaire.
Scénario principal 3. L’utilisateur clique sur Bouton «Register ».
4. Le système enregistre le nouvel utilisateur
et affiche un message de succès de l’opération
4-a-L’utilisateur saisie des données manquantes
ou invalides
4-a-1-le système affiche un message d’erreur
4-a-2-reprise de l’étape 2 du scénario nominal
Scénario alternatif 4-b- le compte existe déjà
4-b-1-le système demande à l’utilisateur de
modifier l’identifiant ou se connecter.
4-b-2-reprise de l’étape 2 du scénario nominal
III.1.1.1.2 Description de l’item « S’authentifier »

1. Diagramme de cas d’utilisation de « S’authentifier »
34
Fonctionnalités
Figure 12: Diagramme de cas d’utilisation « S’authentifier»
2. Description textuelle du cas d’utilisation « S’authentifier »
La description détaillée de l’user story 1 « s’authentifier » est donnée par le tableau suivant :
Tableau 11 : Description textuelle du cas d’utilisation « S’authentifier »
Cas d’utilisation S’authentifier

Acteur Utilisateur du système
Préconditions l’utilisateur doit être activé.
Post-condition Utilisateur Authentifié
1. L’utilisateur saisit son login et son mot de passe
2. L’utilisateur confirme la saisie de ses données
Scénario Nominal d’identification
3. Le système vérifie les données d’identification
4. Le système affiche l’interface d’accueil l’utilisateur.
E1. Si le login et/ou le mot de passe sont incorrects
L’enchaînement démarre au point 3.
Scénario D’exception Le système affiche un message d’erreur informant
l’utilisateur que son login ou mot de passe sont
incorrects et le scénario reprend à l’action 1
III.1.1.1.3 Description de l’item « Gérer profil »

1. Raffinement du cas d’utilisation « Gérer profil »
La figure suivante présente le raffinement du cas d’utilisation « Gérer profil »
35
Fonctionnalités
Figure 13: Diagramme de cas d’utilisation « Gérer profil »
2. Descriptions textuelles des cas d’utilisation «Gérer profil »
Tableau 12: Description textuelle du cas d’utilisation « Modifier profil »
Cas d’utilisation Modifier profil

Acteur Utilisateur
Préconditions L’utilisateur doit être authentifié
Post-condition Les informations du compte ont été mises à jour
1. L’utilisateur demande la page « Paramètre ».
2. Le système affiche les informations de
l’utilisateur.
3. Le système affiche le formulaire de modification
4. L’utilisateur modifie les informations qu’il veut
changer, il peut aussi modifier son image
5. L’utilisateur clique sur le bouton
« modifier ».
Scénario nominal 6. 5. L’utilisateur modifie ses informations et clique sur
le bouton « Terminer »
7. le système vérifie les données saisies
8. Le système enregistre les modifications effectuées.
9. Le système notifié l’utilisateur
10. L’administrateur demande à afficher la liste des
utilisateurs
11. L’administrateur clique sur le bouton supprimé
12. Le système va notifier l’administrateur
6-a- L’utilisateur saisie des données manquantes ou invalides
Scenario d’alternatif 6-a-1-le système affiche un message d’erreur
36
Fonctionnalités
3. Descriptions textuelles des cas d’utilisation «supprimer compte »
Tableau 13 : Description textuelle du cas d’utilisation « Supprimer Compte »
Cas d’utilisation Supprimer compte

Acteurs Administrateur, Moniteur, Participant
Une authentification préalable
Précondition
Compte existant
Post condition Le compte a été supprimé de la base
1. L’utilisateur demande la page « Paramètre ».
2. Le système affiche les informations de l’utilisateur
3. le système affiche un message de confirmation
4. L’utilisateur valide son choix
5. le système supprime le compte et affiche un message
Scénario nominal de succès
6. L’administrateur choisi le compte à supprimer
7. le système affiche un message de confirmation
8. L’utilisateur valide son choix
9. le système supprime le compte et affiche un message
de succès
4-a-L’utilisateur annule son choix
4-a-1-le système annule la suppression
Scénario alternatif
8-a-L’administrateur annule son choix
III.1.1.2 Conception
III.1.2.1 Diagrammes de séquence
III.1.2.1.1 Diagramme de séquences «S’authentifier»
Figure 14: Diagramme de séquence du User Story US1 «S’authentifier »
37
Fonctionnalités
III.1.2.1.1 Diagramme de séquences «Modifier Profil»
Figure 15 : Diagrammes de séquence User story US3 « Modifier Profil »
III.1.2.3 Diagrammes de classes

Dans la figure suivante nous présentons les classes associées à ce sprint.
Figure 16 : Diagramme de classes du sprint 1
III.1.1.3 Réalisation
III.1.1.3.1 Description des interfaces utilisateurs
Nous présentons dans ce qui suit quelques interfaces représentant le travail élaboré
dans ce sprint.
38
Fonctionnalités
L’accès à la page principale du site s’effectue sans authentification. C’est la première

interface de notre plateforme qui contient les menus, des sliders défilants présentant les
réalisations de l’entreprise.
Figure 17 : Page d'accueil Phoenix Group
Pour se connecter, l’utilisateur saisit son login et mot de passe.
Figure 18 : Interface de connexion
Un nouvel utilisateur doit créer un compte, pour s’inscrire il remplit le formulaire et

choisit un mot de passe.
39
Fonctionnalités
Figure 19 : Interface d'inscription
Front office :
La page principale du Participant connecté sur notre plateforme
Figure 20 : Page d'accueil
Back office :
Mais pour l’administration il y a une autre interface pour gérer toutes les
fonctionnalités du système
Figure 21 : Interface de Dashboard
40
Fonctionnalités
Figure 22 : Interface Modification de profil et Suppression du Profil
41
Fonctionnalités
III.1.2 Développement du Sprint 2 « Vitrine du Phoenix Group»

Ce deuxième sprint s’étale sur 15 jours et se décompose en deux items
Newsletter
Information
entreprise
Gestion
Personnelle
Gestion
Reference
Gestion
Service
Figure 23: Décomposition sprint 2 en Items
Tableau 14 : les user stories de sprint 2
ID User Story
US7 En tant que utilisateur non inscrit je veux pouvoir consulter la liste des Services du site web
pour que je puisse prendre connaissance des services offert par l’entreprise.
US8 En tant que Moniteur je veux pourvoir ajouter un service.
US9 En tant que Moniteur je veux pourvoir consulter un service pour le mettre à jour, le
supprimer.
US10 En tant que utilisateur non inscrit je veux pouvoir consulter la liste des Références du site
web pour que je puisse prendre connaissance des réalisations faites par l’entreprise.
US11 En tant que Moniteur je veux pourvoir ajouter une référence.
US12 En tant que Moniteur je veux pourvoir consulter un référence pour le mettre à jour, le
supprimer.
US13 En tant moniteur je dois pouvoir ajouter le personnelle pour enregistrement
US14 En tant moniteur je dois pouvoir consulter le personnelle pour une mise à jour, suppression.
US14 En tant que Moniteur je veux ajouter les informations relatives à l’entreprise pour qu’elles
soient visibles sur la plateforme
US15 En tant que Moniteur je veux consulter les informations relatives à l’entreprise pour une mise
à jour, une suppression.
US15 En tant que Internaute je veux m’abonner à la newsletter pour être informé des actualités.
42
Fonctionnalités
US16 En tant que Participant je veux m’abonner à la newsletter pour être informé des actualités.
US17 En tant que Moniteur je veux envoyer des emails aux abonnés de la newsletter pour les
envoyés des informations relatives à l’entreprise.
Le backlog du sprint 2 est le suivant :

Item User Story Description Priorité

Gérer Consulter la liste des En tant que utilisateur non inscrit je veux pouvoir 4
Service services consulter la liste des Services du site web pour
que je puisse prendre connaissance des services
offert par l’entreprise.
Ajouter un service En tant que Moniteur je veux pourvoir ajouter un 4
service.
Mettre à jour un service En tant que Moniteur je veux pourvoir consulter
un service pour le mettre à jour.
Supprimer un Service En tant que Moniteur je veux pourvoir consulter 4
un service pour le supprimer.
Gérer Consulter la liste des En tant que utilisateur non inscrit je veux pouvoir 5
Reference Références consulter la liste des Références du site web pour
que je puisse prendre connaissance des
réalisations faites par l’entreprise.
Ajouter une Références En tant que Moniteur je veux pourvoir ajouter une 5
référence.
Mettre à jour une En tant que Moniteur je veux pourvoir consulter 5
Références un référence pour le mettre à jour.
Supprimer une En tant que Moniteur je veux pourvoir consulter
référence un référence pour suppression.
Gérer Ajouter un Personnel En tant moniteur je dois pouvoir ajouter le 6
Personnelle personnelle pour enregistrement
Mise à jour Personnel En tant moniteur je dois pouvoir consulter le 6
personnel pour une mise à jour.
Supprimer Personnel En tant moniteur je dois pouvoir consulter le 6
personnel pour une suppression.
Gérer Consulter information En tant que Moniteur je veux ajouter les 7
Information informations relatives à l’entreprise pour qu’elles
43
Fonctionnalités
du site liées à soient visibles sur la plateforme

la structure Mis à jour des En tant que Moniteur je veux consulter les 7
informations informations relatives à l’entreprise pour une mise
à jour.
Supprimer Informations En tant que Moniteur je veux consulter les 7
informations relatives à l’entreprise pour une
suppression.
Gérer Abonnement En tant que Internaute je veux m’abonner à la 8
Newsletter Newsletter newsletter pour être informé des actualités.
Abonnement En tant que Participant je veux m’abonner à la 8
Newsletter newsletter pour être informé des actualités.
Envoyer Message En tant que Moniteur je veux envoyer des emails 9
aux abonnés de la newsletter pour les envoyés des
informations relatives à l’entreprise.
III.1.2.1 Analyse
Dans cette partie nous allons présenter quelques diagrammes de cas d’utilisation
Diagramme de cas d’utilisation global
Figure 24: Diagramme de cas d’utilisation du sprint 2
III.1.2.1.1 Descriptions de l’item «Consulter Site »

1. Raffinement du cas d’utilisation « Consulter Site »
44
Fonctionnalités
La figure suivante présente le raffinement de la user story «Consulter» par l’internaute.
Figure 25 : Diagramme de cas d’utilisation «Consulter Site »
2. Descriptions textuelles des cas d’utilisation de l’item «Consulter Site »
Cas d’utilisation Consulter Site

Acteur Internaute
Précondition Les Pages doivent être disponibles
Post Condition Nombre de Vue Incrémentées
Scenario Nominal 1. L’internaute se connecte à la page d’accueil de la plate-
forme
2. L’internaute consulte une page spécifique
3. L’internaute rempli le formulaire pour s’abonner à la
newsletter
4. Les champs seront sont vérifies
5. Les informations sont enregistrées dans le système
6. Les informations sont enregistrées dans Mail Chip
7. Le système affiche un message d’erreur
Scenario Alternatif 2-a- page demandée indisponible
2-a-1-reprise de l’étape 1 du scenario nominal
4-a-l'internaute saisie des données manquantes ou incompatibles
45
Fonctionnalités
III.1.2.1.2 Description de l’item « Gérer Service »

1. Raffinement du cas d’utilisation « Gérer Service »
Le raffinement de l’item « Gérer service » est présenté par la figure suivante
Figure 26 : Diagramme de cas « Gérer Service »
2. Descriptions textuelles des cas d’utilisation de l’item « Gérer Service »
 Description textuelle du cas d’utilisation « Consulter Service »
Tableau 16 : Description textuelle du cas d’utilisation «Consulter Service »
Cas d’utilisation Lister les Services

Acteurs Moniteur
Précondition Authentification préalable
Post-condition La liste des services est affichée sur l’écran
1-le moniteur demande l’affichage de la liste des
Scénario nominal services
2-le système affiche la liste des services
2-a-aucun résultat
Scénario alternatif 2-a-1-le système affiche un message de type « aucun
service disponible »
 Description textuelle du cas d’utilisation « ajouter un service »
Tableau 17: Description textuelle du cas d’utilisation « ajouter un service»
Cas d’utilisation Ajouter un Service

Acteurs Moniteur
Post-condition Un nouveau Service ajouté
46
Fonctionnalités
1-l'utilisateur demande le formulaire d’ajout

2-le système affiche le formulaire
3-l'utilisateur rempli les champs nécessaires et valide
Scénario nominal
4-le système vérifie les données saisies
5-le système enregistre le nouveau service et
affiche un message de succès
4-a-l'utilisateur saisie des données manquantes
Scénario alternatif 4-b- l’établissement existe déjà
4-b-1-le système demande à l’utilisateur de modifier
les données saisies
 Description textuelle du cas d’utilisation « Modifier un service »
Cas d’utilisation Modifier Service
Acteurs Moniteur
Authentification préalable
Précondition
Le service déjà existant
Post-condition Les informations ont bien été mises à jour
1-L'utilisateur choisi le service à modifier
2-le système affiche le formulaire de modification
3-l'utilisateur modifie les informations et valide
Scénario nominal
5-le système enregistre les données et affiche un
message de succès
4-a-l' utilisateur saisie des données manquantes
Scénario alternatif 4-b- le nom du service existe déjà
4-b-1-le système demande à l’utilisateur de modifier les données
saisies
 Description textuelle du cas d’utilisation « Supprimer un service »
Tableau 18 : Description textuelle du cas d’utilisation « Supprimer un service »
Cas d’utilisation Supprimer un Service

Acteurs Moniteur
Précondition
Le service déjà existant
Post-condition Le Service a bien été supprimé
Scénario nominal 1-l'utilisateur choisi le service à supprimer
2-le système affiche un message de confirmation
3-l'utilisateur valide son choix
47
Fonctionnalités
4-le système supprime le service

5-le système affiche un message de succès
3-a-l'utilisateur annule son choix
Scénario alternatif
III.1.2.1.3 Description de l’item « Gérer Références »

1. Raffinement du cas d’utilisation « Gérer Newsletter »
Le raffinement de l’item « Gérer Newsletter » est présenté par la figure suivante :
Figure 27 : Diagramme de cas « Newsletter »
2. Descriptions textuelles des cas d’utilisation « Envoyer Message »
Tableau 19 : Description textuelle du cas d’utilisation «Envoyer Message »
Cas d’utilisation Envoyer un message

Acteurs Moniteur
Post-condition Message Envoyé
1-le moniteur demande la liste des emails
2-mail chip affiche la liste des emails
3-le Moniteur sélectionne les emails
Scénario nominal 4-le Moniteur rédige le message
5-Le moniteur envoie le message
6-mail chip enregistre le message et affiche un message de
succès
Scénario alternatif 5-a-Aucun email sélectionné
48
Fonctionnalités

5-a-2-retour à l’étape 3 du scénario nomina
5-b-erreur sur le réseau
5-c-annuler envoie message
III.1.2.2.1 Diagramme de séquence
III.1.2.2.1.1 Diagrammes de séquences « Consulter Service »
Figure 28 : Diagrammes de séquences « Consulter Service »
49
Fonctionnalités
III.1.2.2.1.2 Diagrammes de séquences « Modifier Service »
Figure 29 : Diagrammes de séquences User story «Modifier Service»
III.1.2.2.1.3 Diagrammes de séquences « Envoyer Email »
Figure 30 : Diagrammes de séquences User story «Envoyer Email»
50
Fonctionnalités
III.1.2.3 Diagramme de classe
Figure 31 : Diagramme de class de sprint 2 du release1
III.1.2.3.1 Description des interfaces
Nous présentons dans ce qui suit quelques interfaces du travail réalisé dans ce sprint
Front office :
En tant qu’Internaute, il permet de consulter les services, références, informations du site et

s’abonner à la newsletter.
Figure 32 : liste des services et type de service
51
Fonctionnalités
Figure 33 : page de référence
Cette page présente les réalisations du phoenix Group au cas où nous n’avons pas
disponible nous avons un message qui informe l’utilisateur l’indisponibilité des références
ceux permet de ressoudre le problème des pages blanches avec le message « File not found.»
Figure 34 S'abonner à la newsletter
Internaute s’abonne à la newsletter en inscrivant les informations dans le formulaire.

Back office :
L’administrateur doit pouvoir enregistrer toutes les informations en Backend
52
Fonctionnalités
Figure 35 Consulter liste des services
En tant qu’administrateur, il permet de consulter la liste des services sur notre

plateforme ainsi il permet de modifier ou supprimer les services comme nous le voyons a la
figure 33.
Figure 36 : formulaire d'ajout d'une référence
Figure 37 : Message de confirmation pour suppression
Le système affiche Message de confirmation pour la suppression sur notre plateforme
53
Fonctionnalités
Dans cette partie, on a réussi à produire un incrément de valeur pour le client. Et on a

effectué la conception et la réalisation du module de sprint 1 et sprint 2. Le release a été
présenté dans le cadre d'une réunion de fin de release et présentation de l’avancée du projet et
préparation au prochain release. Cette réunion s’est fait à la présence de l'équipe du projet et
quelques stagiaires du Phoenix Group. Dans la partie qui suit, nous allons produire un
nouveau release couvrant les fonctionnalités suivantes : gestion des actualités informatiques,
le forum et le chat live qui sont des nouvelles fonctionnalités du site du Phoenix Group.
54
Fonctionnalités
III.2 Release 2
Dans cette Partie, nous allons détailler le travail réalisé durant le deuxième release. Tout
d’abord, un release, qui est l’ensemble de sprint (itérations), représente une vision distribuée
de la période de la production du livrable. Ce deuxième Release comprend deux sprints :
 Sprint1 « gestion des Posts et Forum»
 Sprint 2 «Chat Live »
Le développement de chaque sprint passe par les étapes d’analyse, de conception et de
réalisation.
III.2.1 Développement du Sprint1 « Gestion des Posts et Forum»
Ce premier sprint s’étale sur 20 jours et se décompose en deux items :
 Gérer des Posts
 Forum
Gérer les
Posts
Systeme de
Forum
Figure 38 : Décomposition sprint 1 en Items
ID.Us User Story

US18 En tant que Internaute je veux consulter tous les topics du forum afin de
US19 En tant que Utilisateur enregistré je veux publier un topic pour le soumettre aux
participants
US20 En tant que Utilisateur enregistré je veux éditer un topic pour des modifications
US21 En tant que Utilisateur enregistré je veux répondre à un topic pour apporter ma
contribution
US22 En tant que Utilisateur enregistré je veux marquer un commentaire comme réponse
55
Fonctionnalités
à mon topic pour aider ceux qui liront

US23 En ttenant que utilisateur enregistré je veux supprimer un topic
US24 En tant que moniteur je veux pourvoir consulter un post à fin que je puisse prendre
connaissance des post existants
US25 En tant que moniteur je veux pourvoir édité un post à fin que je puisse mettre les
informations à jour.
US26 En tant que moniteur je veux pourvoir supprimé un post.
US27 En tant que moniteur je veux pourvoir ajouter un commentaire à un post.
US28 En tant que moniteur je veux pourvoir édité un commentaire à fin que je puisse
mettre les informations à jour.
US29 En tant que moniteur je veux pourvoir supprimé un commentaire.
US30 En tant que Internaute je veux pouvoir Consulter une actualité pour prendre
connaissance du contenu
US31 En tant que Internaute je veux pouvoir commenter une actualité pour apporter ma
contribution.
Le backlog du sprint1 est le suivant :
Item User Story description Priorité

Forum Consulter topic En tant que Internaute je veux consulter tous 10
les topics du forum afin de
Publier Topic En tant que Utilisateur enregistré je veux 11
publier un topic pour le soumettre aux
participants
Mis à jour Topic En tant que Utilisateur enregistré je veux 11
éditer un topic pour des modifications
Répondre à un En tant que Utilisateur enregistré je veux 11
topic répondre à un topic pour apporter ma
contribution
Marquer solution En tant que Utilisateur enregistré je veux 11
marquer un commentaire comme réponse à
56
Fonctionnalités
mon topic pour aider ceux qui liront

Supprimer topic En ttenant que utilisateur enregistré je veux 11
supprimer un topic
Gestion des Consulter un En tant que moniteur je veux pourvoir 12
actualités Post consulter un post à fin que je puisse prendre
connaissance des post existants
Mis à jour post En tant que moniteur je veux pourvoir édité 12
un post à fin que je puisse mettre les
Supprimer Post En tant que moniteur je veux pourvoir 12
supprimé un post.
Faire un En tant que moniteur je veux pourvoir 12
commentaire ajouter un commentaire à un post.
Mettre à jour En tant que moniteur je veux pourvoir édité 12
Commentaire un commentaire à fin que je puisse mettre les
Supprimer En tant que moniteur je veux pourvoir 12
Commentaire supprimé un commentaire.
Consulter Post En tant que Internaute je veux pouvoir 12
Consulter une actualité pour prendre
connaissance du contenu
Commenter Post En tant que Internaute je veux pouvoir 12
commenter une actualité pour apporter ma
contribution.
III.2.1.1 Analyse
III.2.1.1.1 Diagramme de cas d’utilisation du sprint1
57
Fonctionnalités
Figure 39 : Diagramme de cas d’utilisation du sprint1
III.2.1.1.2 Description de l’item « Forum »
1. Raffinement du cas d’utilisation «Gérer Forum »
Figure 40 : Diagramme de cas d’utilisation « Gérer forum»
2. Descriptions textuelles des cas d’utilisation de l’item «Forum»
Dans cette partie nous allons décrire quelques cas d’utilisation
58
Fonctionnalités
Tableau 22 : Description textuelle du cas d’utilisation «Créer Topic»
Cas d’utilisation Créer Topic

Acteurs Utilisateur Enregistré
Post-condition Topic Crée
Scénario nominal 1- L’utilisateur demande le formulaire
de création
2- Le système affiche le formulaire
3- L’utilisateur rempli les champs
nécessaires et valide
4- Le système vérifie les champs
5- Le système enregistre le topic et
Scénario alternatif 4-a-l'utilisateur saisie des données
manquantes
4-a-1-le système affiche un message
d’erreur
4-a-2-reprise de l’étape 3 du scénario
nominal Scénario
Tableau 23 : Description textuelle du cas d’utilisation «Répondre à un topic»
Cas d’utilisation Commenter Un Topic

Post-condition Topic commenté
Scénario nominal 1- L’utilisateur consulte un sujet
2- L’utilisateur clique sur le bouton lire
plus
3- Le système affiche le topic avec ses
commentaires
4- L’utilisateur rempli le formulaire
pour répondre au topic
5- L’utilisateur valide son commentaire
7- Le système enregistre le topic et
59
Fonctionnalités

manquantes
d’erreur
nominal Scénario
3- Raffinement du cas d’utilisation «Gérer les Posts » par le Moniteur et

l’administrateur
Figure 41 : Diagramme de cas d’utilisation « Gérer les Posts»
4- Descriptions textuelles des cas d’utilisation de l’item «Gérer les Posts» par le
Moniteur et l’administrateur
Tableau 24: Description textuelle du cas d’utilisation «Ajouter une actualité»
Cas d’utilisation Ajouter une Actualité

Acteurs Moniteur
Post-condition Un nouveau Actualité ajouté
Scénario nominal 1-l'utilisateur demande le formulaire d’ajout
2-le système affiche le formulaire
60
Fonctionnalités
3-l'utilisateur rempli les champs nécessaires et valide

5-le système enregistre la nouvelle actualité et
4-a-l'utilisateur saisie des données manquantes
Scénario alternatif 4-b- l’établissement existe déjà
4-b-1-le système demande à l’utilisateur de modifier
les données saisies
Tableau 25 : Description textuelle du cas d’utilisation «Laisser un commentaire»
Cas d’utilisation Ajouter un Commentaire

Post-condition Laisser un commentaire
Scénario nominal 1- L’utilisateur consulte un sujet
2- L’utilisateur clique sur le bouton lire
plus
3- Le système affiche le post avec ses
commentaires
4- L’utilisateur rempli le formulaire
pour laisser un commentaire
5- L’utilisateur valide son commentaire
7- Le système enregistre le
commentaire et affiche un message
de succès
manquantes
d’erreur
nominal Scénario
61
Fonctionnalités
III. 2.1.2.1 Diagramme de séquence
Dans cette partie nous allons présenter quelques Diagrammes de séquences
Figure 42 : Diagrammes de séquences User story « Publier un Topic»
Figure 43 : Diagrammes de séquences User story «Répondre à un topic»
62
Fonctionnalités
Figure 44: Diagrammes de séquences User story « Modifier Commentaire»
III. 2.1.2.2 Diagramme de classe
Figure 45 : Diagramme de class de sprint 1
63
Fonctionnalités
Nous présentons dans ce qui suit quelques interfaces du travail réalisé dans ce sprint
Front office :
En tant qu’utilisateur non connecté, je peux consulter les posts et laisser un commentaire
Figure 46 : Liste des posts
Pour ajouter un post, l'utilisateur doit remplir le formulaire pour ajouter un

commentaire.
Figure 47: Formulaire pour ajouter d'un commentaire
64
Fonctionnalités
Back office :
Le moniteur ou l’administrateur peut modifier un poste à n’importe quel moment
Figure 48 : formulaire de modification d'un poste

Un utilisateur enregistré peut voir les détails d’un poste ainsi que les commentaires et
laisser son commentaire.
Figure 49 : exemple de poste et les commentaires associés

III.2.2 Développement du Sprint 2 « chat live»
Ce deuxième sprint s’étale sur 5 jours et se décompose en un item :
 Chat Live
Chat live
Figure 50 : Décomposition sprint 2 en Item
65
Fonctionnalités
Id US User Story
US32 En tant que Internaute je veux pourvoir écrire un message
US33 En tant que Internaute je veux pourvoir supprimer un message
US34 En tant que Moniteur je veux pourvoir répondre un message
US35 En tant que Moniteur je veux pourvoir supprimer un message
US36 En tant que Moniteur je veux pourvoir supprimer un fil un message
ite User stories description Priorité

m
Envoyer message En tant que Internaute je veux pourvoir écrire un 13
message
Supprimer En tant que Internaute je veux pourvoir supprimer un 13
« système de chat Live »
message message
Répondre En tant que Moniteur je veux pourvoir répondre un 14
message message
Supprimer En tant que Moniteur je veux pourvoir supprimer un 15
message message
Supprimer fil En tant que Moniteur je veux pourvoir supprimer un 15
fil un message
66
Fonctionnalités
III.2.2.1 Analyse
III.2.2.1.1 Diagramme de cas d’utilisation du sprint 2
Figure 51 : Diagramme de cas d’utilisation Sprint 2
1- Descriptions textuelles des cas d’utilisation de l’item «Système Chat »
Dans cette partie nous allons décrire quelque cas d’utilisations
Tableau 28: Description textuelle du cas d’utilisation « Envoyer message »
Cas d’utilisation Envoyer Message
Acteurs L’internaute
Précondition Se Connecte à la plate-forme
Post condition Message envoyé

1- L’internaute clique sur le bouton chat
live
2- Le système va envoyer le formulaire
Scénario nominal 3- L’internaute rempli les champs
nécessaires et valide
4- le système vérifie les données saisies
5- le système envoie le message
4-a-l’internaute saisie des données
manquantes
Scenario Alternatif 4-a-1-le système affiche un message d’erreur
67
Fonctionnalités
Tableau 29: Description textuelle du cas d’utilisation « Répondre message »
Cas d’utilisation Répondre Message
Acteurs Le Moniteur
Précondition
Message Envoyé
Post condition Message Répondu
1- Le moniteur clique sur le bouton
notification
2- Le système montre l’ensemble la liste
des notifications
3- Le moniteur sélectionne le message à
Scénario nominal répondre
4- Le système affiche le formulaire
5- Le moniteur rempli le formulaire et
valide
6- le système vérifie les données saisies
7- le système envoie le message
5-a-le moniteur saisie des données manquantes
Scenario Alternatif 5-a-1-le système affiche un message d’erreur

III.2.2.2.1 Diagramme de séquence
Ici nous présenterons les diagrammes de séquences des descriptions textuelles vues plus haut.
68
Fonctionnalités
Figure 52 : Diagrammes de séquences User story «Envoyer Message»
Figure 53 : Diagrammes de séquences User story «Répondre Message»
69
Fonctionnalités
III.2.2.2.2 Diagramme de classe
Figure 54 : Diagramme de classe sprint 2
Front office :
Back office
À la fin de ce chapitre, nous avons réussi à produire des incréments répondant aux
besoins du client, passant la spécification des besoins et en appliquant les principes de la
méthodologie Argile. Nous clôturons ce rapport par une conclusion général.
70
Fonctionnalités
Conclusion et Perspectives
Le développement de notre projet intitulé « Refonte, Redéploiement du site du
Phoenix Group avec Ajout des nouvelles fonctionnalités » nous a permis de répondre aux
besoins du Phoenix Group.
Notre plate-forme web doit permettre au phoenix group d’ajouter les nouvelles
fonctionnalités, permettant de s’adapter au marché actuel et l’évolution technologique
Marketing. La mise en place de cette application nous a permis de mettre en œuvre nos
connaissances théoriques acquises tout au long de notre formation à Institut Universitaire de
Technologie de l'Université de Ngaoundere
Ce travail nous a fourni également un grand apport au niveau de plusieurs niveaux.
Sur le plan technique, nous avons appris à manipuler le Framework Laravel 8 et pleins
d’autres outils. Nous avons également eu l’opportunité de maîtriser la gestion de projet avec
la méthode Argile Scrum. Le stage quotidien au sein de la société a aussi été pour nous une
occasion unique qui nous a apporté beaucoup d’enrichissement sur le plan relationnel.
Bien que les principaux objectifs de notre projet aient été atteints, le système que nous
avons développé pourrait être enrichi par d’autres fonctionnalités avancées et améliorations
selon des nouveaux besoins demandés par notre client.
Certes le digital permet d’utiliser de nouveaux outils, d’automatiser ses tâches, de
centraliser l’information ou encore de générer de nouvelles données. Cependant, ces
nouveaux usages sont des avancées technologiques comme il y en a toujours eu dans
l’Histoire moderne.
71
Fonctionnalités
Annexe
Figure 55: fragment du questionnaire
72
Fonctionnalités
Bibliographie
Aubry, C. (2015). Scrum, le Guide Pratique de la méthode Argile la plus Populaire. Paris:
Dunod.
blog.visiativ. (2021, juillet 21). la-transformation numerique du cameroun. Récupéré sur

https://blog.visiativ.com/: https://blog.visiativ.com/la-transformation-numerique-du-
cameroun/
Chantal Morley, M. B.-F. (2011). LE PROCESSUS DANS LA DÉFINITION. Dans M. B.-F.

Chantal Morley, PROCESSUS MÉTIERS ET SYSTÈMESD'INFORMATION
Gouvernance, management, modélisation (pp. 24,185). Paris: Dunod.
definitions-marketing. (2021, Septembre 10). referencement naturel. Récupéré sur

www.definitions-marketing.com:
https://www.definitions-marketing.com/definition/referencement-naturel/
Laravel. (2021). docs/8.x. Récupéré sur https://laravel.com: https://laravel.com/docs/8.x
Lissajoux, A. (2021, 15 Août ). gerez votre projet avec une equipe scrum/7414040 maitrisez
les piliers scrum. Récupéré sur openclassrooms:
https://openclassrooms.com/fr/courses/4511226-gerez-votre-projet-avec-une-equipe-
scrum/7414040-maitrisez-les-piliers-scrum
way-web-solution. (2021, Septembre 10). site internet definition. Récupéré sur web solution
way: https://www.web-solution-way.com/fr/pages/178-site-internet-definition/
WEBCKY. (2015, Septembre 16). developpement site web avec l'architecture mvc en isere.
Récupéré sur www.webcky.fr:
https://www.webcky.fr/blog/2016/09/16/developpement-site-web-avec-larchitecture-
mvc-en-isere/
World, T. S. (2020, Février 3). electronic marketing characteristics types and methods.
Récupéré sur www.scientificworldinfo.com:
https://www.scientificworldinfo.com/2020/02/electronic-marketing-characteristics-
types-and-methods.html
73
Fonctionnalités
www.click2cell.com. (s.d.). evolutions web web-1-0 web-2-0 web-3-0 web-4-0. Récupéré sur
www.click2cell.com: https://www.click2cell.com/blog/evolutions-web-web-1-0-web-
2-0-web-3-0-web-4-0/
74

Mémoire Licence IUT Ngaoundere (GLO)

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Mémoire Licence IUT Ngaoundere (GLO)

Transféré par

Droits d'auteur :

Formats disponibles

REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON

INSTITUTE UNIVERSITAIRE DE TECHNOLOGIE DE

REFONTE, REDÉPLOIEMENT DU SITE WEB DU PHOENIX

MÉMOIRE DE FIN D’ÉTUDES

M. NYABON ATANGANA Jocelyn

Année académique 2020/2021

Paule Renée ANYU

 M. Elie NGOMSI cofondateur de PHOENIX GROUP qui a bien voulu permettre

 M. NYABON ATANGANA Jocelyn, mon encadreur Industriel ;

 Pr MOHAMMADOU BOUBA Adji, Directeur de l’Institut Universitaire de

 Pr EDOUN MARCEL, Directeur adjoint de l’Institut Universitaire de Technologie

 Pr YENKE Blaise Omer, Chef du Département Informatique à l’Institut

 Dr NDAM NJOYA Arouna, chef de service de stage à l’IUT de Ngaoundéré;

 Dr FENDJI EBONGUE KEDIENG Jean Louis, enseignant à l’Institut Universitaire

 M. KANI DJOULDE, Enseignant à l’Institut Universitaire de Technologie de

 Mme Gré Giselle pour ces nombreux conseils avisés ;

 M et Mme ANYU pour leur soutint indéfectible pendant toute ma formation

 Enfin toutes les personnes intervenantes lors de la réalisation de ce mémoire pour le

Table des matières

Liste des Abréviations...............................................................................................................vi

Liste des Tableaux....................................................................................................................vii

Liste des Figures......................................................................................................................viii

Présentation de l’entreprise I. Présentation De L’entreprise......................................................x

I.2 Plan de localisation........................................................................................................x

I.3 Objectifs et activités de Phoenix group........................................................................xi

II Organisation et Fonctionnement de L’entreprise...........................................................xi

Chapitre I: Cadre Du Project.......................................................................................................5

I.1 État de l’Art.......................................................................................................................5

I.1.1 Définition Système d’Information..............................................................................5

I.1.2.1 Évolution du Web ...................................................................................................6

I.1.2.2 Site Web..................................................................................................................7

I.1.2.3 Référencement Naturel............................................................................................7

I.1.3 E-marketing ...................................................................................................................8

I.1.3.1 Qu'est-ce que le marketing électronique ?...............................................................8

I.1.3.2 L'évolution du marketing électronique....................................................................8

I.1.3.3 Caractéristiques du marketing électronique............................................................9

I.1.3.4 Types et méthodes du E-marketing.........................................................................9

I.1.3.5 Méthodes de e-marketing......................................................................................10

I.2 Cadre du projet................................................................................................................11

I.2.1 Contexte du Projet........................................................................................................11

I.2.2 Analyse de l’existant....................................................................................................11

I.2.2.1 Étude de l’existant.................................................................................................12

I.2.2.2 description de l’existant.........................................................................................12

I.2.2.3 Critique de l’existant.............................................................................................12

I.2.2.4 Solution Proposée..................................................................................................15

I.4 Méthodologie du Travail.................................................................................................16

I.4.1 Méthodologie agile...................................................................................................16

I.4.2 Pourquoi Scrum........................................................................................................16

I.4.3 Présentation de Scrum..............................................................................................16

I.5 Langage de Modélisation UML.......................................................................................18

Chapitre II: Préparation Du Projet............................................................................................20

II.1 Capture du Besoin..........................................................................................................19

II.1.1 Spécifications des Besoins......................................................................................19

II.2 Modélisation du besoin..................................................................................................20

II.2.1 Identification des acteurs.........................................................................................20

II.2.2 Diagramme de Cas d’Utilisation Globale...............................................................21

II.3 Pilotage du projet avec Scrum........................................................................................21

II.3.1 Équipe et Rôle.........................................................................................................21

II.3.2 Product Backlog......................................................................................................22

II.3.3 Planification de Release..........................................................................................25

II.4 Environnement de Travail..............................................................................................26

II.4.1 Environnement Matériel..........................................................................................26

II.4.2 Environnement Logiciel..........................................................................................26