REPUBLIQUE DU CAMEROUN REPUBLIC OF CAMEROON

************
***********
Peace_work_fatherland
Paix_travail_patrie ************
*********** MISITRY OF HIGHER
MINISTÈRE DE L’ENSEIGNEMENT EDUCATION

THEME : CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Rédigée et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH

Un stage effectué pendant la période allant du

01 Avril 2024 au 12 Juin 2024

En Vue d’obtenir du:

LICENCE PROFESSIONNELLE
Option : Génie Logiciel
Sous l’encadrement

Académique de : Professionnel de :
M. YANGOUE DIEUDONNE [Link] MOUSTAPHA

Enseignant à l’IUC Développeur web et mobile

À Camer Software

ANNEE ACADEMIQUE 2023- 2024

CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

DÉDICACE

À mes parents

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
i
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

REMERCIEMENTS

Ce rapport qui marque la fin de mon stage à Camer Software, n’a pu être conçu que grâce à
la participation de nombreuses personnes qui lui ont apporté à un moment ou à un autre de sa
conception, leurs idées et leurs encouragements. Pour cela, j’ai le plaisir de témoigner ma
gratitude à ceux qui ont collaboré de près ou de loin à la réalisation de ce document. À ce titre,
nos sincères remerciements vont à l’endroit de :

 ALLAH tout puissant qui m'a donné le souffle de vie, la force de me lever tous les
matins, la santé et la volonté de mener à bien ce travail ;

 M. Paul GUIMEZAP président fondateur du groupe IUC pour nous avoir fourni un
cadre d’étude propice à la réussite de ses étudiants ;

 DIRECTEUR GÉNÉRAL de Camer Software pour l’opportunité qu’il m’a offerte en

m’ouvrant les portes de sa structure tout en mettant à ma disposition ce dont j’avais
besoin et à tout son staff ;

 M. YANGOUE DIEUDONNE Mon encadreur académique qui durant la réalisation de

ce rapport a mis à ma disposition son expertise et sa disponibilité ;
 [Link] MOUSTAPHA Mon encadreur professionnel pour l’accueil
chaleureux, le suivi et les conseils tout au long de notre séjour au sein de l’entreprise ;

 Aux responsables de l’IUC, plus particulièrement ceux de 3IAC ;

 Tous les enseignants de l’IUC pour leurs leçons et leurs engagements dans notre
formation ;

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
ii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

SOMMAIRE
.................................................................................................................................................................... 1
.........................................................................................................................................................1
DÉDICACE..................................................................................................................................i
REMERCIEMENTS....................................................................................................................ii
SOMMAIRE...............................................................................................................................iii
LISTE DES ABREVIATIONS....................................................................................................v
LISTE DES FIGURES...............................................................................................................vi
LISTE DE TABLEAUX............................................................................................................vii
AVANT-PROPOS....................................................................................................................viii
RESUME...................................................................................................................................xii
ABSTRACT.............................................................................................................................xiii
INTRODUCTION GENERALE.................................................................................................1
CHAPITRE1 : PRESENTATION DE L’ENTREPRISE ET DEROULEMENT DE STAGE...2
SECTION 1 : PRESENTATION DE L’ENTREPRISE.........................................................2
SECTION 2 : LE DEROULEMENT DE STAGE...................................................................7
CONCLUSION........................................................................................................................9
CHAPITRE 2 : EXPRESSION DU BESOIN ET CAHIER DE CHARGES............................10
INTRODUCTION..................................................................................................................10
2.1. CONTEXTE ET PROBLEMATIQUE...........................................................................10
2.2. OBJECTIF :.....................................................................................................................11
2.3. ETUDE DE L’EXISTANT :...........................................................................................11
2.4. CRITIQUE ET SOLUTIONS :.......................................................................................12
2.5. BESOINS FONCTIONNELS.........................................................................................13
2.6 BESOINS NON FONCTIONNELS................................................................................15
2 .7. ESTIMATION DES RESSOURCES.............................................................................16
2.8. PLANNING PRÉVISIONNEL DU PROJET.................................................................18
CONCLUSION......................................................................................................................19
CHAPITRE 3 : ANALYSE ET CONCEPTION.......................................................................20
INTRODUCTION..................................................................................................................20
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
iii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

3.1. LE LANGAGE DE MODÉLISATION..........................................................................20

3.2. LE DIAGRAMME DE CAS D'UTILISATION.............................................................21
3.3. QUELQUES DIAGRAMMES DE SÉQUENCE...........................................................26
3.4. DIAGRAMMES D'ACTIVITÉS....................................................................................29
3.5. LE DIAGRAMME DE CLASSE....................................................................................29
3.5. ETUDE COMPARATIVE DE QUELQUES SGBD......................................................30
CONCLUSION......................................................................................................................32
CHAPITRE 4 : RÉALISATION ET IMPLÉMENTATION.....................................................33
INTRODUCTION..................................................................................................................33
[Link] GENERALE :...................................................................................33
4 .2. LES OUTILS DE DÉVELOPPEMENT........................................................................35
4.3 PRÉSENTATION DE L’APPLICATION.......................................................................39
CONCLUSION......................................................................................................................42
CONCLUSION GÉNÉRALE....................................................................................................43
BIBLIOGRAPHIE....................................................................................................................xiv
WEBBOGRAPHIE...................................................................................................................xiv

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
iv
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

LISTE DES ABREVIATIONS

IUC : institut universitaire de la côte ;

UML: Unified Modeling language;
CSS: Cascading Style Sheet;
HTML: Hypertext Markup language;
PHP : HyperText Preprocessor ;
MVC : Modele Vue Controller ;
SGBD : système de gestion de bases de données ;
PME : Petite et Moyenne Entreprise ;
SARL : société à responsable limitée ;

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
v
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

LISTE DES FIGURES

Figure 1 : logo de l’entreprise......................................................................................................2

Figure 2 : Organigramme de l’entreprise Camer Software..........................................................4
Figure 3 : Plan de localisation de Camer Software......................................................................5
Figure 4 : Diagramme de Gantt..................................................................................................18
Figure 5 : Diagramme de cas d’utilisation<<visiteur>>............................................................21
Figure 6 : Diagramme de cas d’utilisation<<client>>...............................................................22
Figure 7 : Diagramme de cas d’utilisation<<administrateur>>.................................................23
Figure 8 : Diagramme de cas d’utilisation général....................................................................24
Figure 9 : Diagramme de séquence <<inscription>>.................................................................25
Figure 10 : Diagramme de séquence <<Authentification>>......................................................26
Figure 11 : Diagramme de séquence <<Commande>>.............................................................27
Figure 12 : Diagramme d’activité .............................................................................................28
Figure 13 : Diagramme de classe...............................................................................................29
Figure 14 : Architecture MVC...................................................................................................32
Figure 15 : Architecture à Trois Tiers (3-Tiers)........................................................................33
Figure 16 : logo de HTML.........................................................................................................34
Figure 17 : logo de CSS.............................................................................................................34
Figure 18 : logo de PHP.............................................................................................................35
Figure 1 9: logo de MySQL.......................................................................................................35
Figure 20 : logo de JavaScript....................................................................................................36
Figure 21 : logo de jQuery.........................................................................................................36
Figure 22 : Logo de Visual studio code.....................................................................................37
Figure 23 : page d’accueil .........................................................................................................39
Figure 24 : page d’authentification............................................................................................40
Figure 25 : page d’authentification pour admin.........................................................................41
Figure 26 : page tableau de bord................................................................................................41
Figure 27 : page de panier..........................................................................................................42

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
vi
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

LISTE DE TABLEAUX

Tableau 1 : Fiche signalétique de Camer Software

Tableau 2 : Estimation des ressources humaines

Tableau 3 : Estimation des ressources matérielles

Tableau 4 : Estimation des ressources logicielles

Tableau 5 : Estimation du cout global

Tableau 6 : tableau comparatif de SGBD

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
vii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

AVANT-PROPOS

Dans le but d’assurer un développement durable et de fournir aux entreprises une main
d’œuvre compétente et compétitive dans divers domaines, le gouvernement camerounais par le
biais du ministre de l’enseignement supérieur a permis l’ouverture des instituts privés de
l’enseignement supérieur. Donnant ainsi l’opportunité aux instituts privés, l’objectif est de
contribuer à l’acquisition d’une formation académique et professionnelle en adéquation avec le
monde professionnel.

C’est ainsi qu’est créé l’ISTDI (Institut Supérieur de Technologies et du Design

Industriel) par arrêté N° 02/0094/MINESUP/DDES/ESUP du 13 septembre 2002 et autorisation
d’ouverture N° 0102/MINESUP/DDES/ESUP du 18 septembre 2002. Situé dans la région du
littoral, département du Wouri, l’arrondissement de Douala 5eme, au quartier Logbessou,
l’ISTDI est ensuite érigée en Institut Universitaire de la côte par arrêté
N°1/05156/N/MINESUP/DDES/ESUP/SAC/EBM et comporte à ce jour quatre (4)
établissements notamment :

1. L’Institut Supérieur de Technologies & du Design Industriel (ISTDI) qui

forme dans les cycles et filières suivants :

 BTS Industriels :
 Maintenance des systèmes informatiques (MSI)
 Informatique Industrielle (II)
 Electrotechnique (ET)
 Electronique (EN)
 Froid et climatisation (FC)
 Maintenance et après-vente automobile (MAVA)
 Génie Civil (GC)
 Génie Bois (GB)
 Chaudronnerie (CH)

 Fabrication Mécanique (FM)

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
viii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 LICENCES PROFESSIONNELLES INDUSTRIELLES et

TECHNOLOGIQUES en partenariat avec l’université de Dschang :
 Administration et Sécurité des Réseaux
 Génie Logiciel
 Automatique & Informatique Industrielle
 Electrotechnique
 Electronique
 Management des Services Automobiles
 Maintenance et Expertise des Automobiles
 Maintenance des Systèmes Industriels
 Génie Energétique et Industriel
 Génie Civil
 Génie Bois
 Génie Mécanique et Productique
 MASTER PROFESSIONNEL INDUSTRIEL en partenariat avec
l’université de Dschang
 Génie Electrique & Informatique Industrielle ;
 Génie Télécommunications & Réseaux ;
 Systèmes d’Information et Génie Logiciel
2. L’Institut de Commerce et d’Ingénierie d’Affaires (ICIA) qui forme dans les
cycles et filières suivantes :

 BTS Commerciaux :
 Assurance (AS)
 Informatique de Gestion (IG)
 Banque et Finance (BF)
 Action Commerciale (ACO)
 Commerce International (CI)
 Communication d’Entreprise (CE)
 Comptabilité et Gestion des Entreprises (CGE) ;
 Logistique et Transport (LT).
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
ix
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 LICENCES PROFESSIONNELLES COMMERCIALES et GESTION en

partenariat avec l’université de Dschang :
 Marketing ;
 Finance-Comptabilité ;
 Banque ;
 Banque - Assurance
 Gestion des Ressources Humaines ;
 Logistique et Transport.
 Contrôle et Audit
 Gestion Qualité
 MASTER PROFESSIONNEL COMMERCIAL en partenariat avec
l’université de Dschang
 Management des organisations
 Finance-Comptabilité ;
 MASTER ISUGA-France en partenariat avec EMBA France :

3. L’Institut d’Ingénierie Informatique d’Afrique Centrale (3IAC) qui forme

dans les cycles et filières suivantes :

 Cycle des TIC en partenariat avec CCNB-DIEPPE du Canada :

 Réseautique et sécurité
 Programmation et Analyse
 MASTER EUROPEEN en partenariat avec 3IL en France :
 Génie Logiciel
 Administration des Systèmes Réseaux
 MASTER PROFESSIONNEL en partenariat avec l’ENSP Yaoundé
 Génie Civil
 Génie Energétique et Environnement ;
 Génie Industriel et Maintenance ;
 CYCLE INGENIEUR Informaticien (3IL-France) ;

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
x
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 Pôle de Recherche Innovation et Entreprenariat (PRIE)

4. Les Programmes Internationaux des Sciences et Technologies de l’Innovation
(PISTI) qui forme dans les filières suivantes :

 Cycle des Classes Préparatoires aux Grandes Ecoles d’Ingénieurs (CP) en

partenariat avec l’université du Maine en France :

 Classes préparatoires ;
 Licences Sciences & Techniques ;
 CYCLE INGENIEUR de Génie Industriel (ESSTIN-France) ;

INNOVATIONS

 Ingénierie Biomédicale

 Architecture et Design Industriel

 HND et DSEP Industriels et Commerciaux

 Génie Civil Option : Géomètre topographe

 Licence Professionnelle en Télécommunication et Services

Pour le cycle licence professionnelle, l’étudiant est tenu à la fin de la 3ere année
d’effectuer un stage de 3 mois en entreprise qu’il soutiendra le moment venu devant le
jury à titre d’épreuve orale. Ce stage leur permettra de mieux appréhender le monde
professionnel et de compléter les connaissances acquises. C’est dans cette optique que
nous avons effectué un stage au sein de l’entreprise Camer Software sous le thème :«
CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE ». Mais
compte tenu qu’aucune œuvre humaine n’est parfaite, certaines erreurs ou omissions
pourraient s’y glisser. Nous sollicitons l’indulgence du lecteur. Ainsi les remarques,
suggestions et critiques seront perçues comme base de l’amélioration.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
xi
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

RESUME

Ce document présente de manière concise le déroulement de notre stage au sein de

l'entreprise Camer Software, dans le cadre de notre année académique 2023/2024, en vue
d'obtenir notre Licence professionnelle. Nous avons eu le privilège d'être accueillis au sein de
leur service de développement web et mobile, où nous avons d'abord été immergés dans le
monde professionnel. Deux semaines plus tard, nous avons été chargés de mettre en place une
plateforme de vente de divers produits en ligne.

En Afrique en général, et plus particulièrement au Cameroun, les applications de e-

commerce sont peu répandues et sous-utilisées. De plus, aucune de ces plateformes ne prend en
considération de manière adéquate les besoins spécifiques liés à la vente de divers produits,
créant ainsi un vide sur le marché. Les familles qui ont des articles inutilisés se trouvent donc
dans une impasse, sans solution claire pour les vendre ou les échanger. De même, les nouveaux
parents aux revenus limités rencontrent des difficultés pour acheter des articles essentiels. Face à
ces défis multiples, nous avons pris la décision de développer un logiciel spécialisé pour
répondre à ces besoins spécifiques et ainsi combler ce manque sur le marché.

Cette expérience enrichissante et motivante nous a permis de nous familiariser avec de

nouvelles technologies et nous a offert l'opportunité de franchir de nouveaux pas vers notre
entrée imminente dans la vie professionnelle.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
xii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

ABSTRACT

This document provides a concise overview of our internship at Camer Software during the
2023/2024 academic year, as part of our pursuit of a Professional License. We had the privilege
of being welcomed into their web and mobile development department, where we were first
immersed in the professional world. Two weeks later, we were tasked with setting up an online
platform for selling various products.

In Africa in general, and particularly in Cameroon, e-commerce applications are scarce and
underutilized. Furthermore, none of these platforms adequately address the specific needs related
to the sale of various products, creating a gap in the market. Families with unused items are thus
at a loss, with no clear solution to sell or exchange them. Similarly, low-income new parents face
difficulties in purchasing essential items. Faced with these multiple challenges, we made the
decision to develop specialized software to meet these specific needs and fill this gap in the
market.

This enriching and motivating experience allowed us to familiarize ourselves with new
technologies and provided us with the opportunity to take new steps towards our imminent entry
into professional life.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
xiii
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

INTRODUCTION GENERALE

Le stage de fin d’études, comme son nom l’indique, s’effectue à la fin de son cursus de
formation. Il sert à confirmer ses acquis théoriques, tout en ouvrant des portes sur l’emploi. Il
vous permet d’acquérir une petite expérience professionnelle, qui peut vous distinguer des autres
candidats qui n’ont pas effectué le stage. Durant les trois (3) mois Avril, Mai et Juin. Tous les
étudiants de licence professionnelle sont appelés à effectuer un stage, dont l’objectif est de
découvrir le milieu professionnel tout en profitant des expériences du personnel de
l’établissement en essayant d’appliquer les connaissances théoriques déjà acquises. Aujourd’hui,
le commerce électronique est considéré comme un dossier prioritaire par de nombreuses
organisations internationales. L’objectif de notre stage est le développement d’un site web d’e-
commerce pour l’entreprise Camer Software afin de gérer un ensemble de tâches facilitant
l’achats des produits en ligne sans se déplacer sur place. Ce rapport est le compte rendu du stage
que nous avons effectué au sein de l’Entreprise du 01/04/2024 au 10/06/2024, dans le cadre de
notre formation de l’institut universitaire de la côte(IUC) particulièrement du département de
3IAC. Ce rapport est composé de trois chapitres, Le premier contient la présentation de la société
d’accueil et le cahier de charges. Dans le deuxième nous décrivons l’analyse et la conception de
notre application, et dans le troisième chapitre nous présentons les outils utilisés pour la
réalisation ainsi que des captures d’écran de l’application avec description.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
1
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CHAPITRE1 : PRESENTATION DE L’ENTREPRISE ET DEROULEMENT DE STAGE

SECTION 1 : PRESENTATION DE L’ENTREPRISE

Camer Software est une société informatique camerounaise. La société a été fondée en
2014 à Stuttgart (Allemagne) et a maintenant son siège à Douala (Cameroun) dans le but
d'aider les entreprises et les institutions nationales à relever le défi de la transformation
numérique. La société propose une gamme de solutions et services informatiques conçus pour
la productivité des entreprises en tenant compte des réalités locales.

Figure 1 : logo de l’entreprise

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
2
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

1.1. HISTORIQUE ET EVOLUTION

Camer Software est une PME qui a été fondée en 2014 à Stuttgart (Allemagne) et à
cette époque était uniquement basée en Allemagne. Ayant comme propriétaire des
camerounais, ils ont décidé de s’intéresser aux projets de leur pays. Camer Software obtient
ensuite son premier contrat professionnel au Cameron. Mais en mars 2016 après avoir gagné en
expérience sur le territoire Camerounais, ils ont commencé à travailler avec des entreprises
locales et les premiers employés à temps partiel ont été recruté. Après multiples évolutions, en
juin 2018 Camer Software SARL est née en tant que société camerounaise située à douala plus
précisément a Akwa derrière l’ancien immeuble COMECI.

1.2. STRUCTURE ET FONCTIONNEMENT

Afin d’assurer sa clientèle un service de qualité, et veiller à la bonne gestion des

affaires Camer Software Sarl a en son sein une équipe dynamique constitué d’hommes et
femmes repartis sur différents services. On distingue ici alors les services suivants :
 La comptabilité
 Le service marketing
 Service informatique
 Service technique

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
3
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

1. ORGANIGRAMME DE CAMER SOFTWARE

Directeur général

[Link] JEAN PAUL

Directeur Technico-commercial Directeur de l’administration et des

Directeur
Développeur web général affaires financiers

[Link] PATRICH [Link] M. Célestin Mekonto

CHEF DE Recherche et développement

informatique

[Link] MOUSTAPHA

Figure 2 : Organigramme de l’entreprise Camer Software

2. PLAN DE LOCALISATION DE L’ENTREPRISE

L’entreprise est située à AKWA derrière immeuble COMECI

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
4
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 3 : Plan de localisation de Camer Software

3. ACTIVITES DE CAMER SOFTWARE

Les services offerts par Camer Software peuvent être regroupés en quatre grandes parties
dont :

 Développement de l’Application
Camer Software développe des applications de gestion d’entreprise qui s’adapte
parfaitement aux besoins du client parmi lesquels la gestion de ventes, des employés, des
achats, de la clientèle, des stocks de facturation et bien d’autres.

 Sécurité
En effet Camer Software offre des services de sécurités informatique en mettant à la
disposition de ses clients des GPS (pour moto, voiture, camion) pour permettre la traçabilité et la
coupure du moteur de celui-ci en cas de perte ou de vol. puis également Camer Software propose
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
5
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

des services d’installation des Caméras de surveillance et sonnettes de haut qualités et de

dernière génération pour assurer la protection 24h /24h de locaux et des équipements de
clients .En plus de cela Camer Software s’occupe aussi de la maintenance de ses équipements de
sécurité.

 Vente
Camer Software dispose aussi de l’aussi de plusieurs matériels électroniques qui sont mis à la
disposition des clients à des prix abordables par lesquels des ordinateurs portables, des
téléphones, des chargeurs, des clés USB et biens d’autres.

 Formations
Camer Software propose aussi diverse formation dont en infographe, en développement
python, Flutter,en installation de caméras de surveillance, GPS et bien d’autres.

4. MISSIONS DE CAMER SOFTWARE

Les responsables de la société Camer Software ont remarqué qu’au Cameroun, très peu
de personnes et des entreprises possèdent la maturité et le savoir-faire nécessaires pour mener à
bien un projet de transformation numérique. La raison principale pour laquelle Camer Software a
été créé de combler ce manquement. La plupart de ses experts seniors travaillent dans de grandes
entreprises en Europe et partout dans le monde. Camer Software recrute généralement ses
ingénieurs débutants au Cameroun et les intégrons dans des projets afin qu'ils puissent apprendre
en travaillant en travaillant aux cotés des ingénieurs séniors. Camer Software veut juste assurer
que les entreprises camerounaises puissent exploiter les solutions numériques aux tendances
futures. Camer Software a pour rôle actif à jouer dans la détermination des conditions-cadres
pour
L’innovation numérique et l’application des nouvelles technologies au Cameroun. Avec ses
partenaires locaux, cette société vise à développer des opportunités pour les futurs experts en
informatique. Les technologies numériques peuvent aussi aider les pouvoirs publics à devenir
plus efficaces et transparents. Son objectif est de soutenir la numérisation des administrations

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
6
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

publiques au Cameroun. Les ingénieurs travaillant en Europe et partout dans le monde s

´associent à ceux travaillant au Cameroun pour nous accompagner dans la transformation
numérique de notre activité, nous offrant ainsi un service de très haute qualité.
Fiche signalétique de Camer Software
Nom Camer Software Sarl
Siege sociale à Stuttgart ( en Allemagne)
Date de création 8 janvier 2014
Téléphone +237 653 70 19 56
Nom du directeur général [Link] JEAN PAUL
Secteur d’activité Secondaire
Domaine d’activités Prestations de services des systèmes de
sécurité électronique et
informatique ,développement d’application
Base technique Douala Akwa (ancien Dalip)
E-mail info@[Link]

Site web [Link]

logo

Tableau 1 : Fiche signalétique de Camer Software

SECTION 2 : LE DEROULEMENT DE STAGE

Le stage académique est considéré comme une immersion essentielle permettant aux étudiants
d’acquérir des compétences pratiques, contribuant ainsi à compléter leur formation théorique.
Nous allons donc relater les différentes activités effectuées lors de ce stage.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
7
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

1.3. ACCUEIL

Notre stage a effectivement commencé le lundi 4 juin 2022. Dès notre arrivée, nous avons
été reçus au service d’accueil par notre encadreur professionnel. Ce dernier nous a informés du
contrat de stage ainsi que des conditions et règlements de l’entreprise. Il a pris le temps de nous
expliquer en détail les attentes et les objectifs de notre période de stage.

Ensuite, nous avons eu une réunion avec le Directeur Administratif et Financier (DAF) de
l’entreprise. Lors de cette réunion, le DAF nous a accueillis chaleureusement et a insisté sur
l’importance de certaines valeurs clés au sein de l’entreprise : la ponctualité, l’assiduité, le
travail, le respect et l’esprit d’équipe. Il a souligné que ces qualités sont fondamentales pour le
bon fonctionnement de la structure et pour notre réussite en tant que stagiaires.

Durant cette réunion, le DAF nous a également présenté les différents départements de
l’entreprise et leurs responsables respectifs. Cela nous a permis de mieux comprendre
l’organisation interne et de savoir à qui nous adresser pour diverses questions ou besoins
spécifiques.

1.4. STRUCTURE ET FONCTIONNEMENT

Le département informatique de Camer Software est constitué d’un chef de projet, d’une
équipe technique et de stagiaires. Il est chargé de :

 Veiller au bon fonctionnement de l’outil informatique de toute l’entreprise.

 Assurer la liaison informatique entre la direction générale et la société.

 Élaborer les demandes d’achat de matériel informatique selon les besoins des services,
des utilisateurs, et pour des nécessités de maintenance.
 Développer des solutions informatiques pour les clients éventuels.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
8
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

1.5. MISSION STAGIAIRE

Afin de créer une adéquation entre la formation académique et professionnelle des stagiaires,
certaines entreprises orientent les étudiants, dès leur arrivée en stage, vers un service qu’elles
estiment être le mieux indiqué pour leur formation. À notre arrivée dans l’entreprise et après la
prise de connaissance des différents outils utilisés, nous avons été amenés à travailler sur un
projet que l’entreprise venait juste de lancer. Ce projet concerne la conception et réalisation
d’un site web e-commerce.

En effet, plusieurs boutiques et clients potentiels de Camer Software gèrent leurs affaires
commerciales manuellement, en utilisant des cahiers comme base de données, ce qui n’est pas
très efficace et entraîne des pertes de données importantes pour l’entreprise, ainsi qu’une lenteur
pouvant entraîner des pertes financières considérables. Afin d'informatiser cette gestion et de
pallier ces différents problèmes, Camer Software a décidé de mettre en place une application
web e-commerce pour satisfaire ses clients.

CONCLUSION

À la fin de notre phase d’intégration, nous avons pu nous faire une idée claire de ce qu’est
l’entreprise Camer Software. Nous avons mis un point d’honneur à comprendre son mode de
fonctionnement, d’organisation et, surtout, à connaître son degré d’utilisation des nouvelles
technologies de l’information pour une meilleure prestation de services afin de venir en aide aux
boutiques. Notre objectif en tant que stagiaires en informatique, et tout au long de ce rapport,
sera de réaliser une application web d’e-commerce.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
9
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CHAPITRE 2 : EXPRESSION DU BESOIN ET CAHIER DE CHARGES

INTRODUCTION

Pour mener un projet informatique dans une structure il faut nécessairement bien
connaitre ladite structure, avoir une bonne maîtrise du thème lié au projet et définir une méthode
de travail et de juger l'opportunité du projet. Dans ce chapitre, il sera question de faire une
présentation de la structure d'accueil et du cahier de charges du projet tout en montrant la
problématique liée à la gestion de vente en ligne et d'expliciter les résultats attendus. En outre,
notre démarche d'analyse et le planning prévisionnel seront présentés.
2.1. CONTEXTE ET PROBLEMATIQUE

2.1.1. Contexte
Le marché du commerce électronique connaît une croissance exponentielle, facilitée par
l'accès généralisé à Internet et l'augmentation de l'utilisation des smartphones. Cette tendance est
renforcée par les changements dans les habitudes de consommation, où les clients préfèrent la
commodité et la rapidité des achats en ligne. En conséquence, les entreprises cherchent à
exploiter cette opportunité en développant des plateformes de vente en ligne pour atteindre un
public plus large et augmenter leurs revenus.
2.1.2. Problématique
Des ventes de mains en mains, vers des ventes virtuelles, passent les priorités des
opérations de ventes des biens et des services, ce qui nous rend obligés de donner plus
d’importance à la vente électronique. Les boutiques en ligne sont depuis des années, largement
conseillés pour les sociétés qui se basent sur la vente des produits et même des services. Ces
types de sites web représentent un dispositif global fournissant aux clients un pont de passage à
l’ensemble des informations, des produits, et des services à partir d’un portail unique en rapport
avec son activité. Les sites de vente en ligne permettent aux clients de profiter d’une foire
virtuelle disponible est quotidiennement mise à jours sans la moindre contrainte, ce qui leur
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
10
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

permettrai de ne jamais rater les coups de cœur, ainsi Une foire sans problèmes de distance
géographique, ni d’horaire de travail ni de disponibilité de transport. D’une autre part ces sites
offrent à la société de profiter de cette espace pour exposer ses produits à une plus large base de
clientèle.

2.2. OBJECTIF :

L'objectif principal du projet est de développer une application web de vente en ligne
performante, sécurisée et facile à utiliser, visant à optimiser les opérations de vente et à
augmenter les revenus de l'entreprise.
Objectifs spécifiques :
Expérience utilisateur optimale :
Interface intuitive et design responsive.
Personnalisation de l'expérience d'achat.
Sécurité et confidentialité :
Transactions sécurisées.
Protection des données personnelles.
Prévention des fraudes.
Visibilité et marketing :
Utilisation des réseaux sociaux et du marketing digital.
Analyse des données utilisateur.
Service client de qualité :
Support client réactif.
Recueil et utilisation des avis clients.
Administration et gestion :
Tableau de bord administratif intuitif.
Automatisation des processus.
Documentation et formation pour les administrateurs.

2.3. ETUDE DE L’EXISTANT :

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
11
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Pour acheter un équipement de communication telle qu’un téléphone portable ou un

ordinateur portable, le client doit se déplacer directement au local de la société afin de chercher
une offre de vente qui satisfait ses besoins. Ses déplacements peuvent être inutiles et même
peuvent provoquer un gaspillage de temps. D’ailleurs, même le vendeur n’a aucun moyen pour
mettre à disposition ses annonces de vente et services, à l’exception des supports traditionnels
tels que les journaux ou les petites affiches. Ainsi, un moyen fiable et automatisé permettant
d’informer un grand nombre de clients des offres de vente et des services nécessaires. Divers
autres traitements sont, d’ailleurs, sources de problèmes, adoptant les méthodes traditionnelles de
travail :
 Le règlement des factures se fait en espèce ou par chèque, sur place.
 L’enregistrement des clients se fait manuellement sur papier.
 Les produits sont classés par catégorie (caméra numérique, caméra de surveillance et
matériel sono) et par sous-catégorie non liées et non hiérarchisées, ce qui rend la
recherche plus pénible.
 Les documents sont nombreux et mal organisés.

Vu l'accroissement de la technologie Internet, l'achat en ligne est devenu une nécessité

incontournable pour les commerçants.

2.4. CRITIQUE ET SOLUTIONS :

2 .4.1 Critique de l’existant :

La solution actuelle est manuelle, posant ainsi des problèmes différents, à savoir :
 L'abondance des documents dans l'entreprise qui peut ralentir les services.
 Risque de mélanger les documents ce qui peut être fatal.
 La suivie en ligne des clients et des fournisseurs (suivie de livraison, suivie de
commandes).
 La perte de la clientèle est possible, surtout quand le traitement de leurs demandes traîne
ou prend beaucoup de temps pour être livré.

2.4 .2 Solutions proposées :

Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
12
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Grâce à Internet, de nouvelles perspectives de développement apparaissent dans

l'élargissement du marché économique.
La création d’un site Internet a pour but de valoriser l'image de la société et faire des
économies. L'utilisation d'Internet, comme segment de communication de masse, permet
également de baisser des coûts marketing et d'autres frais. Avec la transmission du haut débit et
la sécurisation augmentée des moyens sécurisés de paiement, la confiance des utilisateurs en ce
qui concerne l'e-commerce est croissante. La plupart des personnes adultes utilisent.
Aujourd’hui, Internet pour faire des achats. Les consommateurs et les entreprises s'orientent
de plus en plus vers les boutiques en ligne qui permettent la comparaison, la disponibilité des
produits et la vérification des prix d’où l’économie considérable du temps.
Ce projet consiste donc à la mise en place d’un site Web dynamique qui gère la
Commercialisation en ligne. Ceci est possible à travers des catalogues en ligne proposant ces
matériels aux meilleurs prix par rapport aux concurrents. Les clients peuvent consulter le site
après une inscription, et commander les Produits, qui sont par la suite livrés à domicile.
Cette boutique en ligne permettra d’offrir beaucoup des services à savoir :
 Recherche de produit,
 Consultation de catalogues de produits,
 Lancer une commande en ligne,
Cette application Web permettra de cibler une nouvelle catégorie de clientèles (locale et
internationale), et d’offrir une meilleure qualité de service en communication et en commerce.

2.5. BESOINS FONCTIONNELS

Pour assurer le succès et l’efficacité de votre application web de vente en ligne, il est
essentiel de définir clairement les besoins fonctionnels.

2.5.1. Gestion des Produits et catégories

Catalogue de Produits :
 Ajouter des produits ;
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
13
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 Modifier des produits ;

 Et supprimer des produits.
Catalogue de catégories :
 Ajouter une catégorie ;
 Modifier une catégorie ;
 Et supprimer une catégorie ;
 Ajouter sous-catégorie.
Descriptions et Images :
Téléchargement d’images de haute qualité pour chaque produit.
Rédaction de descriptions détaillées et attrayantes pour les produits.
2.5.2. Gestion des Utilisateurs
Le client peut :
 S’inscrire ;
 S’authentifier.
L’administrateur :
 Gérer des comptes administrateurs avec différents niveaux d'accès.
 Gérer des rôles et permissions.
2.5.3. Panier d'Achat et Commandes
Panier d'Achat :
 Ajouter des produits dans le panier ;
 Et supprimer des produits dans le panier.
 Calcul automatique des totaux (sous-total, taxes, frais de livraison).
Gestion des Commandes :
 Faire des commandes en ligne ;
 Voir Historique des commandes pour les clients.
 Suivre des commandes (de la commande à la livraison).

2.5.4. Paiement

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
14
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 Faire de paiement sécurisées (MTN Mobile Money, Orange Money, cartes de

crédit/débit).
 Opter de paiement à la livraison.

2.6 BESOINS NON FONCTIONNELS

Les besoins non fonctionnels sont essentiels pour assurer la performance, la sécurité, la
maintenabilité et la convivialité de l'application. Voici une liste des principaux besoins non
fonctionnels pour votre future application de vente en ligne :
2.6.1. Performance
Temps de Réponse : Les pages du site doivent se charger en moins de 3 secondes pour une
expérience utilisateur optimale.
Les transactions de paiement doivent être traitées en moins de 5 secondes.
Scalabilité : L’application doit pouvoir gérer une augmentation du nombre d'utilisateurs et de
transactions sans dégradation des performances.
Capacité à supporter des pics de trafic, notamment lors des campagnes promotionnelles ou des
périodes de soldes.
2.6.2. Sécurité
Protection des données : Utilisation de chiffrement SSL pour toutes les communications.
Stockage sécurisé des informations personnelles et des données de paiement des utilisateurs.
Authentification et autorisation : Mise en place de mécanismes d'authentification forte
(comme l'authentification à deux facteurs).
Disponibilité :
L’application doit être disponible 24/7 avec un temps d'arrêt minimal (objectif de 99,9 % de
disponibilité).
Mise en place de systèmes de redondance et de sauvegarde pour assurer la continuité de service.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
15
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

2 .7. ESTIMATION DES RESSOURCES

Dans cette section, nous aborderons l'estimation des ressources nécessaires pour la mise en
œuvre réussie du projet. Nous examinerons les ressources humaines, matérielles et logicielles
requises et les coûts, ainsi que la planification temporelle prévue pour chaque phase du projet.
2.7.1. Estimation des ressources humaines

Main d’œuvre Coût en FCFA

Chef de projet 200000

Analyste 100000

Développeur 100000

Testeur 100000

total 500.000

Tableau 2 : Estimation des ressources humaines

2.7.2. Estimation des ressources matérielles

Pour la réalisation du projet, nous avons besoin d’utiliser les matériaux ci-dessous avec
leurs caractéristiques

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
16
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Equipement Caractéristiques Quantité Prix Prix

unitaire total
Ordinateurs  Marque :PH 2 200.000 400.000
portables  Processeur : Intel(R) Core(TM) i7-
8565U CPU @ 1.80GHz 1.99
GHz,
 Ram :8,00 Go (7,88 Go utilisable),
 Disque dur de capacité 500 Go,
 Système d’exploitation 64 bits,
processeur x64.
home box 1 35.000 35.000
total 435.000

Tableau 3 : Estimation des ressources matérielles

2.7.3. Estimation des ressources logicielles

Ci-dessous un tableau représentant les différents outils logiciels utilisés dans notre
Projet :

Logiciel/Outil Coût
Visual Studio Code gratuit
HTML5 gratuit
CSS3 gratuit
JavaScript gratuit
PHP gratuit
MySQL gratuit
Gantt Project gratuit

Tableau 4 : Estimation des ressources logicielles

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
17
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

2.7.4. Le cout global du projet

descriptions Coût en FCFA

Ressources humaines 600.000

Ressources matériels 435.000
Ressources logiciels gratuit
Total 935.000
Les imprévus (10% du cout) 93.500
Coût total 1028 500

Tableau 5 : Estimation du cout global

2.8. PLANNING PRÉVISIONNEL DU PROJET

Pour réaliser un projet, il est nécessaire d'établir un planning prévisionnel en accord avec
tous les acteurs du projet et de veiller à son respect.
Ce planning prévisionnel est le tableau de bord de chaque acteur du projet. La réussite du projet
en ce qui concerne les exigences du délai de réalisation y va du respect de ce planning.
Le chef de projet se doit donc de veiller au respect du planning prévisionnel.
En accord avec les autres acteurs du projet, le groupe de projet a adopté le planning suivant
représenté par un diagramme de GANTT

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
18
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 4 : Diagramme de Gantt

CONCLUSION

Enfin, nous avons tracé les grandes lignes du chemin à suivre, en détaillant les prochaines
étapes de notre projet, de l'analyse approfondie des besoins à la conception et à la mise en œuvre
de la solution. Nous sommes convaincus que, grâce à une approche méthodique et collaborative,
nous parviendrons à mettre en place une solution d’un site web de vente en ligne qui bénéficiera
à l'ensemble de nos organisations.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
19
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CHAPITRE 3 : ANALYSE ET CONCEPTION

INTRODUCTION

L'analyse et la conception d'un projet informatique nécessitent l'utilisation d'un langage

de modélisation et d'une méthode ou démarche de développement appropriée. Ces outils sont
des outils d'aide à la conception qui permettent la description du système logiciel, une
meilleure compréhension de celui-ci par les acteurs et surtout une participation et une
collaboration active entre informaticiens et acteurs à travers le recueil d'information.
L'ensemble des règles de modélisation peut être appuyé par un processus ou méthode
d'analyse dont le rôle est d'assurer l'harmonie au sein d'un ensemble d'éléments coopératifs, et
d'expliquer comment il convient de se servir du langage de modélisation.

3.1. LE LANGAGE DE MODÉLISATION

Un langage de modélisation est un langage artificiel qui peut être utilisé pour exprimer
de l'information ou de la connaissance ou des systèmes dans une structure qui est définie par un
ensemble cohérent de règles. Ces règles sont utilisées pour l'interprétation de la signification
des composants dans la structure.
Le choix du langage du projet est porté sur UML.
3.1.1. Présentation d'UML
UML est un langage de modélisation fondé sur les concepts orientés objets. Il a été
conçu pour la modélisation de tous les phénomènes de l'activité de l'entreprise
indépendamment des techniques d'implémentation mise en œuvre par la suite. En plus des
éléments constituants de tout langage, UML a choisi la notation graphique fondée sur des
diagrammes. Il est né de la fusion de trois (03) méthodes de référence : OMT, BOOCH, OOSE.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
20
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Il n'est ni une méthode, ni un processus mais un langage de modélisation. UML n'impose pas
une démarche particulière pour l'analyse d'un système mais préconise d'adopter une démarche
ayant les caractéristiques suivantes :

 Itérative et incrémentale ;
 Centrée sur l'architecture logicielle ;
 Guidée parle besoin des utilisateurs du système ;

3.1.2. Justification du choix du langage de modélisation

Nous avons choisi UML comme langage de modélisation à cause de nombreux

avantages que présente ce langage.
En effet UML présente l'avantage d'être le standard de la modélisation objet universellement
reconnu. Il est un langage visuel. Sa notation graphique permet d'exprimer visuellement des
solutions objets facilitant ainsi la comparaison et l'évaluation de celles-ci. C'est un langage
formel et normalisé doté d'un gain de précision et d'un gage de stabilité. Il est aussi un support
de communication performant car il cadre l'analyse tout en facilitant la compréhension des
représentations abstraites complexes.
En outre, UML est indépendant des langages d'implémentation et des processus de
développement, il offre une certaine souplesse aux concepteurs en n'imposant pas de démarche
particulière. Enfin, son concept objet scié parfaitement avec le type d'application que le groupe
de projet devra mettre en œuvre

3.2. LE DIAGRAMME DE CAS D'UTILISATION

Le diagramme de cas d'utilisation permet de recueillir l'ensemble des besoins

fonctionnels du futur système à mettre en place. Il montre aussi les interactions possibles entre
les acteurs avec le futur système.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
21
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Le visiteur : c’est un individu qui est entrain de fouiller sur le net, cherchant un produit pour
l’acheter ou pour avoir une idée sur les modèles et les prix. Jusqu'à ce stade c’est un utilisateur
inconnu donc il n’est pas encore un client

Figure 5 : Diagramme de cas d’utilisation<<visiteur>>

Le Client : cet acteur est un visiteur ayant déjà créer un compte sur notre site, il peut donc
suivre le processus d’achat des produits en toute sécurité sachant que notre système doit être
l’unique responsable de la confidentialité des données personnelles de ses clients

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
22
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 6 : Diagramme de cas d’utilisation<<client>>

L’administrateur : pour les sites web on l’appelle généralement « le webmaster ». C’est celui
qui assure le dynamisme du site et veille sur les mises à jour des produits, de leurs prix, de
leurs disponibilités, de la gestion des paiements et la gestion des livraisons.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
23
CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 7 : Diagramme de cas d’utilisation<<administrateur>>

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
24
CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 8 : Diagramme de cas d’utilisation général

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
25
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

3.3. QUELQUES DIAGRAMMES DE SÉQUENCE

Un diagramme de séquence permet de décrire l'enchainement des activités au sein d'un cas
d'utilisation.

Figure 9 : Diagramme de séquence <<inscription>>

-visiteur demande le formulaire d’inscription.

- Le formulaire s’affiche.
-Le visiteur rempli le formulaire.
- Une vérification de l’existence du client dans la base se lance.
- Si le client existe déjà un message d’erreur s’affiche.
- Si c’est un nouveau client confirmation de l’inscription s’affiche.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
26
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 10 : Diagramme de séquence <<Authentification>>

Le client entre son login et son mot de passe.

- Une vérification se lance dans la base de données.
- Après un temps de réponse ou l’authentification se valide ou ne message d’erreur
s’affiche

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
27
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 11 : Diagramme de séquence <<Commande>>

-le client choisit les produits

-il lance une procédure de la commande
-une vérification se lance dans la base de données

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
28
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

-si le client est déjà authentifié, il doit choisir seulement le mode de paiements, après la
commande se valide
-sinon le client doit s’authentifier s'il a déjà un compte, ou bien remplir le formulaire de
commande après il choisit le mode de paiements dans les deux cas et la commande se valide

3.4. DIAGRAMMES D'ACTIVITÉS

Le diagramme d’activité est également un diagramme comportemental. Il est utilisé pour
représenter des opérations d’un processus et leurs conséquences sur les objets. Il affiche le flux de
travail d’un point de départ à un point d’arrivée en détaillant les nombreux chemins de décision existant
dans la progression des évènements contenus dans l’activité. Il est utile pour la modélisation métier car
il modélise les détails des processus impliqués dans les activités métier.

Figure 12 : Diagramme d’activités

3.5. LE DIAGRAMME DE CLASSE
Un diagramme de classes UML décrit les structures d'objets et d'informations utilisées sur
notre site web, à la fois en interne et en communication avec ses utilisateurs. Il décrit les
informations sans faire référence à une implémentation particulière. Ses classes et relations
peuvent être implémentées de nombreuses manières, comme les tables de bases de données.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
29
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 13 : Diagramme de classe

3.5. ETUDE COMPARATIVE DE QUELQUES SGBD

Dans ce tableau ci-dessous présente un comparatif de quelques SGBD

SGBD Avantages Inconvénients

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
30
CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

 Il est open source et gratuit,  Une modification fichier de

 Il est fiable et relativement performant du sécurité pg_hba.conf
tout en restant simple d'utilisation nécessite un redémarrage
pour être prise en compte ,
PostgreSQL 9.3.1 et d’administration
 Ses sauvegardes sont peu
 Il supporte la majorité du standard SQL- évoluées,
92  Il ne supporte que les bases
 Il très riche fonctionnellement : héritage de moyenne importance,
de tables et multitude de modules II  Il n'a pas d'ordonnanceur
 Il offre une sauvegarde efficace à chaud intégré
Il propose un puissant langage  Il n'a pas de fonctions
d'agrégat OLAP
procédural : le PLlpgSQL

 Il est très riche fonctionnellement,  Son prix est très élevé

 Il intègre une fonction d'audit évoluée  Son administration est
complexe,
 Il jouit d'une haute disponibilité,
 II est très gourmand en
 Il a un puissant langage procédural : le ressources,
PL/SQL  Son optimiseur est très
faible,
 Il n'offre pas de type auto-
incrément déclaratif, et ses
séquences ne peuvent être
dédiées à une table
spécifique
 Il est orienté service web,  Il ne convient pas pour les
 Il est gratuit et Open Source, grosses bases de données
 Il a peu de richesse
 Il est simple d'installation et
fonctionnelle
d'utilisation  Il n'offre pas de sauvegarde
 Il est très intégré dans l'environnement l'environnement à chaud

Apache/PHP

Tableau 6 : tableau comparatif de SGBD

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
31
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CONCLUSION

Ainsi, comme nous avons pu le constater, l’activité de l’analyse à la conception a

grandement facilité la compréhension de notre système. Grâce aux diagrammes d’activité, de
séquence et au diagramme de classe générale, nous avons pu visualiser de manière claire et
structurée les différentes composantes et interactions de notre système. Ces outils ont permis de
détailler les processus et les relations entre les éléments, offrant ainsi une vision globale et
cohérente de l'architecture de notre application.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
32
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CHAPITRE 4 : RÉALISATION ET IMPLÉMENTATION

INTRODUCTION

Ce chapitre est consacré à la phase de réalisation et d’implémentation de notre projet.

Après avoir établi les bases théoriques à travers l'analyse et la conception, nous passons à la
concrétisation de ces concepts en une application fonctionnelle. Cette étape inclut la création du
code source, la configuration de l’environnement de développement, les tests unitaires et
l'intégration continue. Nous décrirons les choix technologiques, les langages de programmation
et les outils utilisés. Chaque étape, des premières lignes à la mise en production, sera
soigneusement commentée pour assurer une compréhension complète du processus de
développement.

4.1. ARCHITECTURE GENERALE :

4.1.1. Architecture logique

L'architecture Modèle/Vue/Contrôleur (MVC) est une façon d'organiser une interface
graphique d'un programme. Elle consiste à distinguer trois entités distinctes qui sont, le modèle,
la vue et le contrôleur ayant chacun un rôle précis dans l'interface. L'organisation globale d'une
interface graphique est souvent délicate. Bien que la façon MVC d'organiser une interface ne soit
pas la solution miracle, elle fournit souvent une première approche qui peut ensuite être adaptée.
Elle offre aussi un cadre pour structurer une application. Dans l'architecture MVC, les rôles des
trois entités sont les suivants.
Modèle : données (accès et mise à jour)
Vue : interface utilisateur (entrées et sorties)
Contrôleur : gestion des événements et synchronisation

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
33
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 14 : Architecture MVC

4.1.2. Architecture à Trois Tiers (3-Tiers) :

Tier 1 : Présentation (Frontend) :

Technologies : Utilisation de frameworks JavaScript comme React ou Angular.
Rôle : Interface utilisateur permettant l'interaction avec le système, gestion des entrées
utilisateur et affichage des résultats.
Tier 2 : Logique Applicative (Backend) :
Technologies : Utilisation de frameworks comme Spring Boot (Java) ou Django (Python).
Rôle : Traitement des données, gestion de la logique métier, coordination entre le frontend et
la base de données.
Tier 3 : Base de Données :
Technologies : Utilisation de systèmes de gestion de base de données comme PostgreSQL ou
MongoDB.
Rôle : Stockage, gestion et récupération des données.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
34
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 15: Architecture à Trois

Tiers (3-Tiers)

4 .2. LES OUTILS DE DÉVELOPPEMENT

[Link]

L’HyperText Markup Langage, généralement abrégé HTML, est le format de données conçu
pour représenter les pages web. C’est un langage de balisage permettant d’écrire de
l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de
mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images,
des formulaires de saisie, et des programmes informatiques. Il est souvent utilisé conjointement
avec des langages de programmation (PHP, JavaScript…) et des formats de présentation
(feuilles de style en cascade).

Figure 26 : logo de
HTML
Rédigé et présenté par :
SOULEYMANE MOUSSA HACHIM ABDALLAH
35
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

[Link]
l'anglais: Cascading Style Sheets, forment un Les feuilles de style en cascade, généralement
appelées CSS de langage informatique qui décrit la présentation des documents HTML et
XML Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Introduit au milieu des années 1990, CSS Devient couramment utilisé dans la conception des
sites web et bien pris en charge par les navigateurs web dans les années 2000.

Figure 37 : logo de CSS

[Link]
HyperText Preprocessor, plus connu sous son sigle PHP (acronyme récursif), est un
langage de programmation 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, Wikipédia, etc. Il est considéré
comme la base de la création des sites Internet dits dynamiques.

Figure 48: logo de PHP

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
36
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

4.2.4. MYSQL
MySQL est un système de gestion de bases de données relationnelles (SGBDR). Il est
distribué sous une double licence GPL et propriétaire Il fait partie des logiciels de gestion de
base de données les plus utilisés au monde, autant par le grand public (applications web
principalement) que par des professionnels, en concurrence avec Oracle, Informix et Microsoft
SQL Server.

Figure 5 9: logo de MySQL

4.2.5. JavaScript
JavaScript est un langage de script orienté objet principalement utilisé dans les pages
HTML. À l’opposé des langages serveur (qui s’exécutent sur le site), JavaScript est exécuté sur
l’ordinateur de l’internaute par le navigateur lui- même. Ainsi, ce langage permet une
interaction avec l’utilisateur en fonction de ses actions (lors du passage de la souris au-dessus
d’un élément, du redimensionnement de la page…).

Figure 20 : logo de JavaScript

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
37
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

4.2.6. JQUERY
JQuery est une bibliothèque JavaScript open-source et cross-browser qui permet de
traverser et manipuler très facilement l’arbre DOM de vous pages JQuery est une bibliothèque
JavaScript open-source et cross-browser qui permet de traverser et manipuler très facilement
l’arbre DOM de vous pages

Figure 21 : logo de jQuery

4.2.6. Visual studio code

Visual studio code est un éditeur de texte gratuit qui est compatible avec de nombreux
langage de programmation tel que le PHP, HTML5, CSS, JS et même le langage SQL. Il offre
une panoplie d’extensions permettant d’adapter l’éditeur de texte aux langages ou aux
Framework qu’on utilise.

Figure 22 : Logo de Visual studio code

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
38
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

4.3 PRÉSENTATION DE L’APPLICATION

Nous présentons l’enchaînement de quelques interfaces accompagnées par leurs

scénarios descriptifs :

Figure 23 : Page d’accueil

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
39
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 24 : Page d’Authentification

 Si vous avez déjà un compte, vous pouvez se connecter ;

 Sinon vous allez créer un nouveau compte.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
40
CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 25 : Page d’Authentification pour admin

Figure 26 : Page de tableau de bord

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
41
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

Figure 27 : Page pour panier

CONCLUSION

En définitive, la phase de réalisation et d’implémentation a permis de transformer les concepts

théoriques élaborés lors des phases d’analyse et de conception en une application fonctionnelle.
Grâce à une méthodologie rigoureuse et à des choix technologiques judicieux, nous avons pu
développer une solution conforme aux exigences initiales. Les différentes étapes de cette phase,
de l’écriture du code à la mise en production, ont été commentées avec soin, assurant une
traçabilité et une transparence du processus de développement.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
42
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

CONCLUSION GÉNÉRALE

Dans un premier temps, nous avons présenté l'entreprise et le cadre d'élaboration du projet.
Ensuite, nous avons entamé l'analyse et la spécification des besoins fonctionnels de notre
projet, que nous avons modélisés en utilisant le langage de modélisation UML. Notre passage
chez Camer Software s'est déroulé dans les meilleures conditions, et nous en sommes sortis
enrichis de connaissances et d'expériences. Nous avons beaucoup appris et, surtout, Nous avons
pu créer notre application web dans de bonnes conditions, ce qui nous motive à en développer
beaucoup d'autres à l'avenir.
Pour finir, il est important de s'interroger sur l'avenir du commerce en ligne au Cameroun, qui,
comme nous l'avons mentionné précédemment, se confronte à la dure réalité africaine.
L'évolution dans ce sens demandera un engagement de chacun, car il s'agit de l'une des
activités les plus lucratives.

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
43
 CONCEPTION ET RÉALISATION D’UN SITE WEB DE E-COMMERCE

BIBLIOGRAPHIE

Ouvrages consultés :
Ancien rapport de stage
Canevas de rédaction des rapports de stage
IUC canevas rapport de stage
WEBBOGRAPHIE

Sites consultés :
[Link]
[Link]
[Link]
w3school - Recherche ([Link])

E-Commerce formation : tutoriel E-Commerce complet gratuit (cours e-commerce) - YouTube

E-commerce-notes-pdf-lecture-notes-university-level - Lesson 1 INTRODUCTION TO 1 INTRODUCTION In

the - Studocu

Rédigé et présenté par :

SOULEYMANE MOUSSA HACHIM ABDALLAH
xiv