Académique Documents
Professionnel Documents
Culture Documents
I
Conception et réalisation d’une plateforme web avec système d’administration
REMERCIEMENTS
Je tiens vivement à remercier les personnes par qui mon projet a vu le jour :
II
Conception et réalisation d’une plateforme web avec système d’administration
AVANT-PROPOS
Mon stage s’est donc déroulé pendant une période de trois mois où j’ai acquis une
expérience enrichissante. En effet, c’est bien lors de ce stage que j’ai pu mettre en
pratique les connaissances théoriques acquises pendant ces trois dernières années à
l’ESATIC. Aussi, avais-je l’opportunité d’appréhender la grande implication de
l’informatique dans la quasi-totalité des activités de l’entreprise.
Mon projet vient ainsi répondre à un besoin informatique qui concerne la réalisation
du site internet de l’entreprise International Agency for Hybrid Services (IAHS). IAHS
est l’un des partenaires du Groupe Connect IEBS.
III
Conception et réalisation d’une plateforme web avec système d’administration
SOMMAIRE
INTRODUCTION
IV
Conception et réalisation d’une plateforme web avec système d’administration
LISTE DES SIGLES ET ABREVIATIONS
V
Conception et réalisation d’une plateforme web avec système d’administration
LISTE DES FIGURES ET TABLEAUX
Figure 1: Organigramme du Groupe Connect IEBS (Source : Groupe Connect IEBS) ............ 7
Figure 2: Cycle de vie de UP (Source : Google) ...................................................................... 15
Figure 3: Les diagrammes UML (Source Google)................................................................... 16
Figure 4: Exemple descriptif d'un diagramme de cas d'utilisation (Source Google) ............... 18
Figure 5: Les tâches du Super administrateur sur le site web .................................................. 19
Figure 6: Les actions d’un client sur le site web ...................................................................... 19
Figure 7: Exemple descriptif d’un diagramme de classe (Source Google) .............................. 22
Figure 8: La structure d’une classe (Source Google) ............................................................... 22
Figure 9: Le diagramme de classes .......................................................................................... 24
Figure 10: Exemple descriptif d'un diagramme de séquences (Source Google) ...................... 25
Figure 11: Diagramme de séquence du cas d'utilisation « Authentification » ......................... 26
Figure 12: Diagramme de séquence du cas d'utilisation « Demande de service » ................... 26
Figure 13: La structure MVC (Source Google) ...................................................................... 32
Figure 14: Architecture 2-tiers (Source Google)...................................................................... 34
VI
Conception et réalisation d’une plateforme web avec système d’administration
INTRODUCTION
1
Conception et réalisation d’une plateforme web avec système d’administration
utilisée pour la conception de notre projet. Dans la troisième partie, il s’agira de
présenter la réalisation du site web en indiquant les outils utilisés et en montrant les
résultats obtenus.
2
Conception et réalisation d’une plateforme web avec système d’administration
PREMIERE PARTIE :
Présentation générale
“ Il sera question dans cette partie de vous présenter notre école de formation,
l’entreprise dans laquelle nous avons effectué le stage et le projet.’’
CHAPITRE I : PRESENTATION DE L’ESATIC
I. HISTORIQUE
4
Conception et réalisation d’une plateforme web avec système d’administration
II. MISSION
5
Conception et réalisation d’une plateforme web avec système d’administration
CHAPITRE II : PRESENTATION DU GROUPE CONNECT IEBS
I. HISTORIQUE
➢ Situation géographique
Le GROUPE CONNECT IEBS a son siège social situé en Côte d’Ivoire à Abidjan
dans la commune de Cocody, précisément à la riviera 3 cité COPRACI – villa N°129
– 01 BP 1400 ABIDJAN 01, Côte d’Ivoire.
➢ Coordonnées
Email : infos@groupeconnectiebs.com
Site internet : www.groupeconnectiebs.com / www.groupeconnectiebs.ci.
Téléphone : (225) 22 47 26 48 / 02 88 13 69 / 08 41 48 48
6
Conception et réalisation d’une plateforme web avec système d’administration
II. STATUT JURIDIQUE ET MISSION
III. ORGANIGRAMME
7
Conception et réalisation d’une plateforme web avec système d’administration
CHAPITRE III : PRESENTATION DU PROJET
I. ETUDE DE L’EXISTANT
1. Présentation de l’existant
IAHS est une entreprise partenaire du Groupe Connect IEBS (GCIEBS) et exerce
diverses activités comme indiqué dans sa signification par les termes “ Hybrid
Services”. Dans le cadre de notre stage à GCIEBS, il nous a été demandé la
reconstruction du site internet d’IAHS qui n’est qu’un simple site de présentation.
Ce site n’a aucune interface favorisant une interaction véritable entre IAHS et ses
clients.
2. Critique de l’existant
Le site actuel nécessite donc une conception sérieuse et une refonte totale des
fonctionnalités adaptées aux services d’IAHS. Ainsi, le nouveau site devra répondre
aux besoins majeurs d’IAHS et lui donner un aspect plus attrayant vis-à-vis de ses
clients.
1. Objectif du projet
Face à l’essor du numérique et le grand impact des sites web sur la productivité
des entreprises, il convient de mettre à la disposition d’IAHS un site internet pouvant
lui donner une fière allure et la rapprocher de ses clients. Elle pourra donc suivre de
plus près ses clients grâce à sa base de données et leur offrir la possibilité d’interagir
plus facilement lors de leurs demandes de services.
8
Conception et réalisation d’une plateforme web avec système d’administration
2. Cahier de charges
a. Les acteurs
b. Les tâches
Conclusion partielle
9
Conception et réalisation d’une plateforme web avec système d’administration
DEUXIEME PARTIE :
Analyse et Conception
1. Définition
11
Conception et réalisation d’une plateforme web avec système d’administration
2. Les méthodes d’analyse et de conception
12
Conception et réalisation d’une plateforme web avec système d’administration
RUP ✓ conforme à la méthode UP ; • lourd, bureautique (mise à
jour des schémas), rigoureux
✓ méthodologie Agile (tous les et couteux ;
avantages de ce type de
méthodologie) ; • projet de plus de dix
personnes.
✓ supporte de gros projets.
Vu les avantages de la méthode UP sur-cités, il serait plus aisé pour nous d’opter
pour cette dernière. Elle utilise le langage UML qui permet d’avoir une vue générale
sur notre système. De plus, nous aurons à utiliser le langage PHP orienté objet, pour
la réalisation de notre application web.
1. La méthode UP
UP (Unified Process et Processus Unifié en français) est une méthode agile issue
d'autres méthodes et langages propres à la POO, en particulier OMT (Object Modeling
Technology), OOSE (Object Oriented Software Engineering) et au langage UML.
Ses caractéristiques sont :
13
Conception et réalisation d’une plateforme web avec système d’administration
• UP est centré sur l'architecture : tout système complexe doit être décomposé
en parties modulaires afin de garantir une maintenance et une évolution
facilitées. Cette architecture (fonctionnelle, logique, matérielle, etc.) doit être
modélisée en UML et pas seulement documentée en texte ;
• UP est piloté par les risques : les risques majeurs du projet doivent être
identifiés au plus tôt mais surtout levés le plus rapidement possible. Les
mesures à prendre dans ce cadre déterminent l'ordre des itérations ;
• UP est conduit par les cas d'utilisation : le projet est mené en tenant compte
des besoins et des exigences des utilisateurs. Les cas d'utilisation du futur
système sont identifiés, décrits avec précision et priorisés. [6]
L'architecture bidirectionnelle
14
Conception et réalisation d’une plateforme web avec système d’administration
L'axe horizontal : représente le temps et montre le déroulement du cycle de vie du
processus ; cette dimension rend compte de l'aspect dynamique du processus qui
s'exprime en termes de cycles, de phases, d'itérations et de jalons. [6]
3. Le langage UML
L'intérêt de UML
15
Conception et réalisation d’une plateforme web avec système d’administration
• gain de stabilité ;
• il encourage l'utilisation d'outils.
16
Conception et réalisation d’une plateforme web avec système d’administration
CHAPITRE II : ANALYSE DES BESOINS
L'application envisagée doit satisfaire les besoins fonctionnels qui seront exécutés
par le système et les besoins non fonctionnels qui perfectionnent la qualité logicielle
du système.
Les besoins fonctionnels ou besoins métiers représentent les actions que le système
doit exécuter, il ne devient opérationnel que s'il les satisfait. Cette plateforme web doit
couvrir principalement les besoins fonctionnels suivants :
- la création des utilisateurs et la gestion des articles ;
- l’authentification des utilisateurs ;
- l’envoi et la réception des messages textes ;
- l’inscription à la newsletter ;
- la réalisation des demandes de service ;
- la connexion et la déconnexion (quitter le système d’administration).
17
Conception et réalisation d’une plateforme web avec système d’administration
- un code bien clair pour faciliter les futures évolutions ou améliorations ;
- une application web offrant des interfaces utilisateur plus conviviales ;
- un respect de la confidentialité des données ;
- une garantie de l'intégrité et de la cohérence des données à chaque mise à jour et à
chaque insertion.
Les cas d'utilisation permettent d'illustrer les besoins. Ils détectent puis décrivent
les besoins fonctionnels (du point de vue de l'utilisateur), et leur ensemble constitue le
modèle de cas d'utilisation qui dicte les fonctionnalités complètes du système.
18
Conception et réalisation d’une plateforme web avec système d’administration
Dans la suite, il est important de signifier que le stéréotype « include » symbolise une
dépendance, une inclusion.
19
Conception et réalisation d’une plateforme web avec système d’administration
2. Description textuelle des scénarios
20
Conception et réalisation d’une plateforme web avec système d’administration
• L’utilisateur saisit son login et son mot de passe puis
valide ;
• Le système vérifie la conformité des informations
fournies ;
• Le système donne l’accès à l’interface correspondante ;
[fin]
Alternative Dans le cas où les informations fournies sont incomplètes ou
incorrectes le système réaffiche le formulaire d’authentification et
attend que l’utilisateur saisisse à nouveau ses informations ;
21
Conception et réalisation d’une plateforme web avec système d’administration
CHAPITRE III : PHASE DE CONCEPTION
1. Définition
Le diagramme de classes est le moyen de spécifier la structure et les liens entre les
objets dont le système est composé : il spécifie QUI sera à l’œuvre dans le système
pour réaliser les fonctionnalités décrites par les diagrammes de cas d’utilisation.
22
Conception et réalisation d’une plateforme web avec système d’administration
2. Elaboration
Nous procéderons à la définition des règles de gestion afin de mieux identifier les
objets du système.
23
Conception et réalisation d’une plateforme web avec système d’administration
Figure 9: Le diagramme de classes
24
Conception et réalisation d’une plateforme web avec système d’administration
II. DIAGRAMME DE SEQUENCES
1. Définition
25
Conception et réalisation d’une plateforme web avec système d’administration
2. Elaboration
26
Conception et réalisation d’une plateforme web avec système d’administration
Conclusion partielle
27
Conception et réalisation d’une plateforme web avec système d’administration
TROISIEME PARTIE :
Réalisation
I. ENVIRONNEMENT DE DEVELOPPEMENT
1. Environnement matériel
Marques Caractéristiques
2. Environnement logiciel
29
Conception et réalisation d’une plateforme web avec système d’administration
➢ Sublime Text 3
Sublime Text est un éditeur de texte disponible à la fois sur Windows, sur Mac et
sur Linux. Il permet d’écrire les différentes instructions dans des langages comme le
C, le PHP, Objective-C ... [4]
➢ ArgoUML
ArgoUML est un logiciel libre de création de diagrammes UML. Programmé
en Java, il est édité sous licence EPL 1.0. Il est multilingue, supporte la génération de
code et l'ingénierie inverse. [4]
30
Conception et réalisation d’une plateforme web avec système d’administration
II. LANGAGES DE DEVELOPPEMENT ET FRAMEWORK
1. Langages de développement
➢ PHP (POO)
PHP : Hypertext Preprocessor, 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. [4]
➢ JavaScript
➢ HTML5 CSS3
HTML5 (HyperText Markup Language 5) est la dernière révision majeure
du HTML (format de données conçu pour représenter les pages web). C’est le langage
de balisage conçu pour représenter les pages web. C'est un langage permettant d'écrire
de l'hypertexte, d'où son nom.
CSS est l'acronyme de « Cascading Style Sheets » ce qui signifie « feuille de style en
cascade ». Le CSS correspond à un langage informatique permettant de mettre en
forme des pages web (HTML ou XML). [4]
31
Conception et réalisation d’une plateforme web avec système d’administration
2. Framework utilisé
32
Conception et réalisation d’une plateforme web avec système d’administration
III. DEPLOIEMENT DU SITE WEB
Notre application web a été déployée sur un serveur web (Cloud4africa) en ligne
dont les caractéristiques sont les suivantes :
Architecture x86_64
33
Conception et réalisation d’une plateforme web avec système d’administration
CHAPITRE II : PRESENTATION DE L’APPLICATION WEB
1. Sécurité
34
Conception et réalisation d’une plateforme web avec système d’administration
Il peut s’agir du responsable du service informatique. Donc il pourra se loguer avec
ses identifiants propres à lui et aura droit et accès à toutes les fonctionnalités du
système d’administration.
L’éditeur d’article
Celui-ci peut de même s’authentifier à l’aide de ses identifiants et pourra uniquement
gérer les articles.
L’auteur d’article
Il doit également s’authentifier et n’aura qu’à rédiger des articles.
2. La demande de service
3. La newsletter
Toutefois qu’un client souhaiterait être informé des nouvelles offres de service et
des promotions de l’entreprise, il devra s’inscrire à la newsletter ou lettre
d’information en français.
4. La boîte de messagerie
Les captures d’écran des interfaces de l’application web sont données en annexe.
Conclusion partielle
35
Conception et réalisation d’une plateforme web avec système d’administration
CONCLUSION GENERALE
Suite à cette démarche technique, nous avons obtenu des résultats. Ces derniers
répondent effectivement aux besoins de l’entreprise et de ses clients ; IAHS dispose
désormais d’un site qui lui confère la possibilité de gérer ses clients et d’avoir une
meilleure visibilité. Les clients de même pourront librement adresser leurs demandes
de service en ligne à l’entreprise.
36
Conception et réalisation d’une plateforme web avec système d’administration
ANNEXES
VII
Conception et réalisation d’une plateforme web avec système d’administration
Annexe 1
Le site web
VIII
Conception et réalisation d’une plateforme web avec système d’administration
Annexe 2
IX
Conception et réalisation d’une plateforme web avec système d’administration
Annexe 3
X
Conception et réalisation d’une plateforme web avec système d’administration
Annexe 4
XI
Conception et réalisation d’une plateforme web avec système d’administration
BIBLIOGRAPHIE
[1] 2017, Sapohi Liliane, Mémoire de fin de cycle, licence professionnelle ESATIC,
Thème : « Conception et Réalisation d’un Système d’Information Sous-Régional pour
l’artisanat ».
[3] 2018, Kouassi Martial Landry Amalaman, Mémoire de fin de cycle, licence
professionnelle ESATIC, Thème : « Conception et réalisation d’une application de
gestion et de traçabilité de volaille ».
WEBOGRAPHIE
XII
Conception et réalisation d’une plateforme web avec système d’administration
TABLES DES MATIERES
DEDICACE .............................................................................................................................................. I
REMERCIEMENTS ............................................................................................................................... II
AVANT-PROPOS ................................................................................................................................ III
SOMMAIRE ......................................................................................................................................... IV
LISTE DES SIGLES ET ABREVIATIONS ...........................................................................................V
LISTE DES FIGURES ET TABLEAUX.............................................................................................. VI
INTRODUCTION ................................................................................................................................. 1
PREMIERE PARTIE : Présentation générale ................................................................................... 3
CHAPITRE I : PRESENTATION DE L’ESATIC ................................................................................. 4
I. HISTORIQUE ............................................................................................................................................. 4
II. MISSION .................................................................................................................................................... 5
CHAPITRE II : PRESENTATION DU GROUPE CONNECT IEBS .................................................... 6
I. HISTORIQUE ............................................................................................................................................. 6
II. STATUT JURIDIQUE ET MISSION ........................................................................................................ 7
III. ORGANIGRAMME ................................................................................................................................... 7
CHAPITRE III : PRESENTATION DU PROJET .................................................................................. 8
I. ETUDE DE L’EXISTANT ......................................................................................................................... 8
1. Présentation de l’existant ....................................................................................................................... 8
2. Critique de l’existant ............................................................................................................................. 8
II. DEFINITION DE L’OBJECTIF DU PROJET ET PRESENTATION DU CAHIER DE CHARGES ...... 8
1. Objectif du projet ................................................................................................................................... 8
2. Cahier de charges .................................................................................................................................. 9
a. Les acteurs ......................................................................................................................................... 9
b. Les tâches .......................................................................................................................................... 9
Conclusion partielle................................................................................................................................. 9
DEUXIEME PARTIE : Analyse et Conception ............................................................................... 10
CHAPITRE I : LA METHODE D’ANALYSE ET DE CONCEPTION .............................................. 11
I. PRESENTATION DES METHODES .......................................................................................................11
1. Définition..............................................................................................................................................11
2. Les méthodes d’analyse et de conception .............................................................................................12
3. Choix de la méthode utilisée ................................................................................................................13
II. PRESENTATION DE LA METHODE CHOISIE ....................................................................................13
XIII
Conception et réalisation d’une plateforme web avec système d’administration
1. La méthode UP .....................................................................................................................................13
2. Le cycle de vie du Processus unifié ......................................................................................................14
3. Le langage UML...................................................................................................................................15
CHAPITRE II : ANALYSE DES BESOINS ........................................................................................ 17
I. EXPRESSION DES BESOINS .................................................................................................................17
1. Inventaire des besoins fonctionnels ......................................................................................................17
2. Inventaire des besoins non fonctionnels ...............................................................................................17
II. LES CAS D’UTILISATION ......................................................................................................................18
1. Diagramme de cas d’utilisation ............................................................................................................18
2. Description textuelle des scénarios .......................................................................................................20
a. Le cas d’utilisation « Authentification » ..........................................................................................20
b. Le cas d’utilisation « Demande de service » ....................................................................................21
CHAPITRE III : PHASE DE CONCEPTION ...................................................................................... 22
I. DIAGRAMME DE CLASSES METIER...................................................................................................22
1. Définition..............................................................................................................................................22
2. Elaboration ...........................................................................................................................................23
II. DIAGRAMME DE SEQUENCES ............................................................................................................25
1. Définition..............................................................................................................................................25
2. Elaboration ...........................................................................................................................................26
Conclusion partielle............................................................................................................................... 27
TROISIEME PARTIE : Réalisation ................................................................................................. 28
CHAPITRE I : TECHNOLOGIES UTILISEES ................................................................................... 29
I. ENVIRONNEMENT DE DEVELOPPEMENT ........................................................................................29
1. Environnement matériel .......................................................................................................................29
2. Environnement logiciel.........................................................................................................................29
II. LANGAGES DE DEVELOPPEMENT ET FRAMEWORK ....................................................................31
1. Langages de développement .................................................................................................................31
2. Framework utilisé .................................................................................................................................32
III. DEPLOIEMENT DU SITE WEB ..............................................................................................................33
CHAPITRE II : PRESENTATION DE L’APPLICATION WEB ........................................................ 34
I. PRESENTATION DE L’ARCHITECTURE UTILISEE ..........................................................................34
II. LES FONCTIONNALITES DE L’APPLICATION WEB ........................................................................34
1. Sécurité .................................................................................................................................................34
2. La demande de service .........................................................................................................................35
3. La newsletter ........................................................................................................................................35
4. La boîte de messagerie .........................................................................................................................35
Conclusion partielle............................................................................................................................... 35
XIV
Conception et réalisation d’une plateforme web avec système d’administration
CONCLUSION GENERALE ............................................................................................................ 36
ANNEXES ........................................................................................................................................... VII
BIBLIOGRAPHIE ............................................................................................................................... XII
WEBOGRAPHIE ................................................................................................................................. XII
TABLES DES MATIERES ................................................................................................................XIII
XV
Conception et réalisation d’une plateforme web avec système d’administration