REPUBLIQUE DE COTE D’IVOIRE

UNION-DISCIPLINE-TRAVAIL

Rapport de stage
Informatique Développeur d’Application

DEVELOPPEMENT D’UNE APPLICATION

WEB E-COMMERCE POUR LA VENTE
D’ORDINATEURS

Effectué à VISION 9 du :
05/Juin 2024 au 09/Septembre 2024

Réalisé par :
OUATTARA KROBA

Encadrement : M. N’GUETTIA ATTA JEAN

ANSELME
 S ommaire

Table des matières

DÉDICACE.............................................................................................................................................. 3
AVANT-PROPOS .................................................................................................................................... 5
INTRODUCTION GÉNÉRALE .................................................................................................................... 6
PREMIERE PARTIE : PRESENTATION DE LA STRUCTURE ........................................................................... 7
I. CONTEXTE INSTITUTIONNEL ........................................................................................................... 8
II. HISTORIQUE................................................................................................................................... 8
III. MISSIONS ................................................................................................................................... 8
IV. VISIONS ..................................................................................................................................... 8
V. ORGANIGRAMME ET FONCTIONNEMENT ....................................................................................... 9
1. Fonctionnement ......................................................................................................................... 9
2. Organigramme ........................................................................................................................... 9
DEUXIEME PARTIE : ETUDE DETAILLEE ................................................................................................. 10
........................................................................................................................................................... 10
I. METHODES D’ANALYSE ................................................................................................................ 11
1. UNIFIED MODELING LANGUAGE (UML) ..................................................................................... 11
2. MERISE .................................................................................................................................... 12
II. STRATEGIE D'ANALYSE ADOPTEE .................................................................................................. 12
A. LES CYCLES DE DÉVELOPPEMENT .................................................................................................. 12
1. Le cycle de vie .......................................................................................................................... 12
2. Le cycle de décision .................................................................................................................. 12
3. Le cycle d’abstraction ............................................................................................................... 13
B. SCHÉMA DE LA DÉMARCHE DE CONCEPTION D’UN PROJET INFORMATIQUE ................................ 14
III. ETUDE DE L’EXISTANT ............................................................................................................... 15
1. Recueil d’information ............................................................................................................... 15
2. Description de l’Existant ........................................................................................................... 15
a. Critique de l’existant............................................................................................................. 15
b. Propositions de solutions ...................................................................................................... 16
TROISIEME PARTIE : ETUDE DETAILLEE ................................................................................................ 17
......................................................................................................................................................................... 17

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

1
 NIVEAU CONCEPTUEL ...................................................................................................................... 18
I. MODELE CONCEPTUEL DE DONNEES (MCD) .................................................................................. 20
1. Domaine d’étude ..................................................................................................................... 20
2. Identification des principales entités du système ...................................................................... 20
3. Elaboration des règles de gestion.............................................................................................. 20
4. Elaboration du dictionnaire de données .................................................................................... 21
5. Elaboration de la Structure d’Accès Théorique (SAT) ................................................................. 23
6. Elaboration du Modèle Conceptuel de Données (MCD) ............................................................. 24
II. MODELE CONCEPTUEL DE TRAITEMENT (MCT) .............................................................................. 25
1. Champ de l'étude ..................................................................................................................... 26
2. Objet de l’étude ....................................................................................................................... 26
3. Liste des acteurs ....................................................................................................................... 26
4. Liste des événements ............................................................................................................... 26
5. Graphe des flux (ou diagramme des flux) .................................................................................. 27
6. Le graphe d'ordonnancement des événements ......................................................................... 28
7. LE MCT ..................................................................................................................................... 29
NIVEAU ORGANISATIONNEL ET LOGIQUE ......................................................................................... 31
I. MODELE ORGANISATIONNEL DE TRAITEMENT (MOT) ................................................................... 31
II. MODELE LOGIQUE DE DONNEES (MLD) ......................................................................................... 34
NIVEAU PHYSIQUE ........................................................................................................................... 36
I. MODELE PHYSIQUE DE DONNEES (MPD) ....................................................................................... 36
QUATRIEME PARTIE : LA REALISATION ................................................................................................ 41
........................................................................................................................................................... 41
1. ÉTAPES DE MISE EN ŒUVRE DU PROJET .................................................................................... 42
I. TECHNOLOGIES UTILISEES POUR LE DEVELOPPEMENT ................................................................... 42
1. MongoDB ................................................................................................................................. 42
2. Express.js ................................................................................................................................. 42
3. Next.js pour l'interface user : .................................................................................................... 42
4. Tailwind CSS pour le style ......................................................................................................... 43
5. Vercel pour l'hébergement du site ............................................................................................ 43
II. PRESENTATION DE QUELQUE FENETRES DU SITE WEB ................................................................... 44
CONCLUSION....................................................................................................................................... 48

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

2
 D ÉDICACE
Je dédie ce présent rapport de stage à :
- Mon père M. OUATTARA ALY
- Ma mère SAFORA GBANE
- ET à tous ceux qui de près ou de loin ont contribué à l’élaboration de ce rapport

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

3
 R EMERCIEMENTS

Je souhaite exprimer ma sincère gratitude à toutes les personnes qui ont contribué à la
réussite de ce stage et à l’élaboration de ce rapport. Leur soutien indéfectible et leurs
encouragements ont rendu cette expérience enrichissante et formatrice.

J’adresse des remerciements particuliers à :

 M. N’GUETTIA ATTA JEAN ANSELME, mon maître de stage et

Directeur Général de VISION 9, pour m'avoir accueilli au sein de son
entreprise, pour sa disponibilité, ses conseils éclairés, et son exigence, qui
m’ont permis d’acquérir une précieuse expertise professionnelle.
 M. LAMINE DIOMANDE, pour ses remarques pertinentes et son
engagement constant envers le travail bien fait.
 KOUADIO KOUAKOU MARK et TRAORE ADAMA, pour leur soutien
et leurs encouragements bienveillants tout au long de ce stage.
 SELETE ABLANHOU AUGUSTIN, pour sa générosité et son
accompagnement attentif, qui ont largement contribué à la qualité de cette
expérience.

À chacun d'entre vous, je vous exprime ma profonde reconnaissance pour votre

implication et votre soutien dans ce projet.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

4
 A VANT-PROPOS

L'éducation joue un rôle fondamental dans le développement économique et social

d’un pays, et la Côte d'Ivoire l’a bien compris en lançant de nombreuses initiatives en
faveur de la formation. C'est dans ce contexte que l’Institut de Formation CEFAT-
Inter, situé à Bondoukou, quartier Lycée, se consacre à préparer la jeunesse ivoirienne
en offrant des formations adaptées aux besoins du marché de l’emploi.

Les filières enseignées à CEFAT-Inter sont diverses et couvrent des domaines

essentiels, notamment :

 Gestion commerciale
 Développement d'applications informatiques
 Ressources humaines
 Finance et comptabilité
 Assistanat de direction
 Tourisme et hôtellerie
 Réseaux informatiques et télécommunications
 Génie civil
 Logistique

Ces formations témoignent de l'engagement de l’institut à former des professionnels

qualifiés et polyvalents, capables de répondre aux attentes du marché. Afin de lier la
théorie à la pratique, chaque étudiant est tenu d’effectuer un stage en entreprise, une
expérience précieuse pour appliquer ses connaissances dans un cadre professionnel.

C’est dans cette optique que j’ai eu l’opportunité d’intégrer VISION 9 pour un stage
de trois (03) mois, du 05 juin 2024 au 09 septembre 2024. Cette expérience m’a
permis de travailler sur un projet concret et motivant : DEVELOPPEMENT D’UNE
APPLICATION WEB E-COMMERCE POUR LA VENTE D’ORDINATEURS.

Ce stage m’a permis de renforcer mes compétences techniques et de développer des

aptitudes professionnelles essentielles. Ce rapport a pour but de présenter les travaux
réalisés durant cette expérience, en vue de l'obtention de mon Brevet de Technicien
Supérieur (BTS).

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

5
 I NTRODUCTION GÉNÉRALE

L’informatique, qui désigne le traitement automatique de l’information, a

profondément transformé notre société et nos méthodes de travail, en particulier dans
le secteur commercial. Les processus qui demandaient autrefois des efforts
considérables sont désormais simplifiés grâce aux avancées technologiques. De plus,
l’ordinateur s’est démocratisé au point qu’il n’est plus nécessaire d’être un expert en
informatique pour en utiliser un. Cette convergence entre l’informatique et le secteur
commercial redéfinit aujourd’hui les relations entre les entreprises et leurs partenaires,
modifiant la manière dont l’information est accessible, stockée et échangée, aussi bien
en interne qu’avec des acteurs externes.

Nombreuses sont les entreprises qui exploitent les outils numériques pour améliorer
leur performance et renforcer leurs relations d’affaires. Cela exige toutefois une
gestion rigoureuse des informations afin d’éviter toute mauvaise utilisation des
ressources et des données.

Dans le cadre de ce projet, nous avons travaillé sur le développement d'une

application web e-commerce dédiée à la vente d'ordinateurs. Ce projet nous a
permis d’allier théorie et pratique en concevant une solution qui répond aux exigences
actuelles du commerce en ligne. La réalisation de ce projet s’est révélée enrichissante,
tant sur le plan technique que professionnel.

Le but de ce rapport n’est pas seulement de détailler les aspects techniques que nous
avons appris, mais aussi de donner une vue d’ensemble des défis techniques et humains
auxquels nous avons été confrontés durant le développement de cette application e-
commerce.

Pour structurer notre travail, nous avons utilisé une méthodologie d’analyse et de
conception reconnue dans le domaine informatique : la méthode MERISE. Cette
approche nous a permis de mener les différentes phases du projet de manière
organisée et méthodique :

 L’Étude Préalable : consacrée à la présentation du thème et à l’analyse de

l'existant, pour mieux comprendre le contexte et les besoins du projet.
 L’Étude Détaillée : dédiée à l’analyse conceptuelle, organisationnelle et
physique du système, afin de concevoir une application structurée et efficace.
 La Réalisation et la Mise en Œuvre : visant à développer et déployer
l’application e-commerce pour répondre aux besoins spécifiques de la vente en
ligne d'ordinateurs.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

6
 PREMIERE PARTIE : PRESENTATION
DE LA STRUCTURE

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

7
 PRESENTATION GENERALE VISION 9

I. CONTEXTE INSTITUTIONNEL

VISION 9 est une société à responsabilité limitée (SARL) immatriculée sous le

numéro CI-ABJ-03-2024-B12-01458, avec un capital social de 1 000 000 FCFA. Son
siège social est situé à Abidjan Cocody, Ange Djroggbitoba, Base CIE. L’entreprise
est spécialisée dans la conception de solutions numériques et l'accompagnement des
entreprises dans leur transition digitale. Ses services couvrent la création de sites web,
d'applications mobiles, le développement de logiciels, la vente de matériel
informatique, ainsi que des prestations de formation et de maintenance.

II. HISTORIQUE

Créée en 2024, VISION 9 est le fruit de la collaboration entre ses cofondateurs, Lamine
Diomandé et N'Guettia Atta Jean Anselme. Tous deux occupent le rôle de CEO et
dirigent l’entreprise avec une vision commune d'accompagner les entreprises dans leur
digitalisation. En quelques mois, VISION 9 a réussi à s'imposer comme un acteur
dynamique sur le marché des services numériques en Côte d'Ivoire.

III. MISSIONS
La mission de VISION 9 est de fournir des solutions technologiques innovantes et
adaptées aux besoins des entreprises. Ses objectifs sont :
 La conception et le développement de sites web et d’applications mobiles.
 La création de logiciels sur mesure pour optimiser la gestion des entreprises.
 La vente de matériel informatique et l’installation de systèmes pour améliorer
les infrastructures technologiques.
 L’accompagnement des entreprises dans leur transformation digitale.
 La formation et l’amélioration des compétences en technologies de
l’information.

IV. VISIONS
VISION 9 vise à devenir un acteur majeur de la transformation numérique en Côte
d'Ivoire et à travers l'Afrique. Ses ambitions sont :

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

8
  D’accompagner les entreprises dans leur digitalisation, quelles que soient leur
taille ou leur industrie.
 D’optimiser la productivité des entreprises grâce à l’intégration de technologies
modernes.
 De former et de recruter des talents locaux pour développer un écosystème
technologique dynamique.
 De se positionner comme partenaire privilégié pour les projets technologiques
d’envergure.

V. ORGANIGRAMME ET FONCTIONNEMENT
1. Fonctionnement
Le fonctionnement de VISION 9 est dirigé par les deux CEO, Lamine Diomandé et
N'Guettia Atta Jean Anselme, qui assurent conjointement la gestion stratégique de
l’entreprise. N'Guettia Atta Jean Anselme est le dirigeant principal de l'entreprise,
tandis que Lamine Diomandé supervise les opérations générales. L’équipe est
composée d’un pôle technique pour le développement des solutions, d’un département
commercial pour la gestion des users, et d’un département administratif pour les
opérations internes. L’entreprise fonctionne selon une méthodologie agile, permettant
une grande flexibilité dans la gestion de projets.
2. Organigramme
VISION 9

SUPERVISION DES
OPERATIONS DIRIGEANT PRINCIPAL
GENERALES
ÉQUIPE DE GESTION

POLE TECHNIQUE DEPARTEMENT DEPARTEMENT

(DEVELOPPEMENT) COMMERCIAL ADMINISTRATIF
(OPERATIONS

GESTION CLIENTS

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

9
 DEUXIEME PARTIE : ETUDE
DETAILLEE

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

10
 PRESENTATION DU THEME

Face à la croissance rapide du commerce en ligne, VISION 9 a décidé de développer

une plateforme e-commerce pour centraliser les processus de vente, automatiser la
gestion des stocks et améliorer l'expérience user. Ce projet vise à fournir aux
entreprises un outil performant et intuitif, permettant de réduire les erreurs humaines
et d’offrir une visibilité en temps réel sur les opérations. En automatisant la gestion
des Articles, des commandes et des paiements, cette plateforme contribuera à
l'efficacité des services internes et à la compétitivité des entreprises sur le marché. Ce
projet représente une étape importante vers la transformation numérique, en offrant les
outils nécessaires pour répondre aux nouvelles attentes des consommateurs.

I. METHODES D’ANALYSE

Une méthode d'analyse et de conception vise à formaliser les étapes préliminaires du

développement d'un système, garantissant ainsi une meilleure adéquation avec les
besoins des users. Cette démarche est essentielle pour minimiser les risques d'erreurs
et de malentendus, tout en optimisant l'efficacité du processus de développement.
La phase de conception nécessite l'utilisation de méthodes adaptées permettant
d'établir un modèle qui reflète fidèlement les exigences et les fonctionnalités du
système à développer. La modélisation, en tant que technique clé, consiste à créer une
représentation abstraite d'une réalité donnée, mettant en lumière les aspects critiques
qui méritent une attention particulière.
Parmi les différentes méthodes d'analyse des systèmes d'information, nous nous
concentrerons sur trois approches principales :

1. UNIFIED MODELING LANGUAGE (UML)

UML est un langage de modélisation standardisé qui permet de représenter les
différents aspects d'un système, notamment ses fonctionnalités, ses interactions et sa
structure. Il propose divers diagrammes, tels que les diagrammes de cas d'utilisation,
de classes et de séquence, pour aider à visualiser et à comprendre les exigences du
système de manière claire et concise. UML est particulièrement apprécié pour sa
flexibilité et sa capacité à s'adapter à différents types de projets, qu'ils soient petits ou
complexes.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

11
 2. MERISE
MERISE est une méthode française de conception et de modélisation des systèmes
d'information qui se distingue par sa capacité à séparer les aspects des données et des
traitements. Cette méthode s'articule autour de trois niveaux de modélisation : le
niveau conceptuel, qui se concentre sur la logique des données et des traitements ; le
niveau organisationnel, qui examine l'organisation des flux d'information ; et le niveau
physique, qui décrit l'implémentation technique. MERISE est particulièrement utile
pour les projets nécessitant une structuration claire des données et des processus.

II. STRATEGIE D'ANALYSE ADOPTEE

La méthode MERISE est basée sur la séparation des données et des traitements à
effectuer en plusieurs modèles conceptuels, logiques/organisationnels et
physiques/opérationnels. La séparation des données et des traitements assure le bon
fonctionnement du modèle.

A. LES CYCLES DE DÉVELOPPEMENT

Il existe trois cycles de développement au niveau d’un système d’information (SI) :0
1. Le cycle de vie

Il permet de considérer le système d'information comme un projet à réaliser. Cela

implique la nécessité d'une représentation mentale et abstraite de ce projet, qui devra
être développé et entretenu. Le cycle de vie du système se compose de quatre phases
principales :

- Phase de gestation
- Phase de conception
- Phase de fonctionnement
- Phase de remplacement

2. Le cycle de décision

Le cycle de décision comprend l'ensemble des choix stratégiques pris par une
organisation pour ajuster son système d'information en fonction de son
environnement et de ses opérations internes. Ces choix portent sur le contenu des
différents modèles dérivés du cycle d'abstraction, ainsi que sur les approches de
conception et de développement du système. Afin d'éviter une sollicitation

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

12
 constante des décideurs pour chaque décision, celles-ci sont regroupées en
catégories homogènes.

3. Le cycle d’abstraction

Il correspond aux regroupements classiques d'ensemble des aspects du système

d'information en trois (3) niveaux, c'est-à-dire le niveau conceptuel, le niveau logique
ou organisationnel et le niveau physique ou opérationnel.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

13
 B. SCHÉMA DE LA DÉMARCHE DE CONCEPTION D’UN
PROJET INFORMATIQUE
Système
d’information manuel Réel perçu

Expression des besoins Abstraction

Niveau Conceptuel MCD

MCT
Quoi Quoi
? ?

Prise en compte de
l’organisation

Niveau Logique ou MLD

Organisationnel MOT

Où Qui ?
? Quand ?

Prise en compte des choix techniques

MPD MOP
Niveau Physique T
Commen Commen
ou Opérationnel
t? t?

Statique
Système Dynamique
(Donnée (Traitement
d’information
automatisé Niveau de détail Niveau de préoccupation

- du général au particulier - conceptuel, logique et

physique

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

14
III. ETUDE DE L’EXISTANT
1. Recueil d’information

Afin de mener à bien notre étude, nous avons eu à réaliser plusieurs interviews au sein
de l’entreprise VISION 9 DEV pour mieux identifier et comprendre les différents
processus qui seront pris en compte dans notre rapport. Pendant ces interviews, des
informations ont été recueillies ; celles-ci constituent la base de nos réflexions dans la
suite de notre étude.

2. Description de l’Existant

Actuellement, la plupart des entreprises de e-commerce utilisent des solutions variées

pour gérer leurs opérations de vente. Ces solutions incluent des plateformes de gestion
des contenus (CMS), des logiciels de gestion des stocks et des systèmes de paiement
en ligne. Cependant, ces outils sont souvent fragmentés, ce qui complique l'intégration
des différentes fonctions.

a. Critique de l’existant

Les systèmes utilisés présentent plusieurs limitations notables :

 Interopérabilité limitée : Les outils existants ne sont pas toujours compatibles

entre eux, ce qui entraîne des difficultés dans le partage et la synchronisation
des données.
 Expérience utilisateur inadaptée : De nombreuses plateformes ne proposent
pas une interface intuitive, ce qui peut décourager les users et affecter la
conversion des ventes.
 Manque d'automatisation : Les processus de gestion des commandes et des
stocks sont souvent manuels, ce qui augmente le risque d'erreurs et ralentit le
traitement des transactions.
 Absence de fonctionnalités analytiques avancées : Les entreprises manquent
souvent de données en temps réel sur leurs ventes et la performance des
produits, ce qui complique la prise de décisions stratégiques.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

15
 b. Propositions de solutions

Pour surmonter ces défis, il est crucial de développer une plateforme e-commerce
intégrée qui centralise toutes les fonctionnalités nécessaires à la gestion des ventes.
Cela inclut :

 Une interface conviviale pour améliorer l'expérience utilisateur.

 Une gestion automatisée des stocks et des commandes pour réduire les erreurs.
 Des outils d'analyse pour fournir des données en temps réel sur les
performances de vente.
 Une intégration fluide des systèmes de paiement et de gestion des données
user.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

16
 TROISIEME PARTIE : ETUDE
DETAILLEE

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

17
 NIVEAU CONCEPTUEL

Le Modèle Conceptuel des Données (MCD) constitue une représentation formelle des
données indispensables au bon fonctionnement d’une entreprise. En offrant une vue
d’ensemble, le MCD facilite une analyse approfondie des données présentes au sein
de l’organisation, s’appuyant sur une étude minutieuse de l’existant.

Ce niveau conceptuel vise à répondre à des questions essentielles : Quelles actions

doivent être entreprises et avec quelles données ? L’analyse conceptuelle des données
a pour objectif de recenser toutes les informations pertinentes liées au domaine d'étude
et de décrire les relations entre ces informations. Ce processus aboutit à la création
d'un modèle conceptuel des données (MCD), qui sert de fondation pour le
développement des systèmes d’information.

Les notions fondamentales employées dans la création du MCD sont les

suivantes :
- Entités : une entité est la représentation d’une famille d’objet ou d’individu doté
des propriétés et conformant au choix de gestion d’une entreprise.
- Relations : Les relations illustrent les associations ou les connexions logiques
entre les entités au sein du système.
- Cardinalité : La cardinalité détermine le nombre d'occurrences d'une entité
pouvant être associées à une autre entité par le biais d'une relation. Elle peut être
désignée par des termes tels que "un à un", "un à plusieurs" ou "plusieurs à
plusieurs".
- Propriétés : Les propriétés décrivent les attributs des entités. Elles spécifient
les informations précises qui doivent être enregistrées et gérées par le système
d'information.
- Identifiants : Les identifiants sont des attributs ou des combinaisons d'attributs
permettant d'identifier chaque instance d'une entité de manière unique.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

18
Représentation schématique

NOM_ENTITE 1
NOM_ENTITE 2
Nom _Relation
Identifiant1 (0, n) (0,n) 1. N Identifiant2
Propriété3
Propriété
Propriété
Propriété4
Propriété1,2
Propriété2,2

PROPRIETE identifiant relation cardinalité

ENTITE

Normalisation des entités

Dans le contexte de la méthode MERISE et de la conception des bases de données, les
trois formes normales font référence aux principes de normalisation des données. La
normalisation est un processus qui vise à organiser les données d'une base de données
de manière efficace, en éliminant les redondances et en assurant l'intégrité des
données. Voici les trois formes normales (1NF, 2NF et 3NF) couramment utilisées
dans la méthode MERISE :
 Première forme normale (1fn)
Dans une entité, toutes les propriétés sont élémentaires (E) c'est à dire non concaténées
et il existe au moins une clé ou un identifiant caractérisant chaque occurrence de l’entité
représentée.
 Deuxième forme normale (2fn)
Une entité "E" est en deuxième forme normale si et seulement si :
- Elle est en "première forme normale" et
- Toute propriété de "E" appartenant à la clé ne détermine pas une "propriété non-clé".
Cette 2FN stipule que toute propriété d’entité doit dépendre de la clé par DF
élémentaire. Autrement dit toute propriété de l’entité doit dépendre de tout
l’identifiant (clé).

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

19
  Troisième forme normale (3fn)
Une entité "E" est en troisième forme normale si et seulement si :
- Elle est en "deuxième forme normale" et
- Toute propriété dépend de la clé par une dépendance fonctionnelle élémentaire
directe (pas de transitivité).

I. MODELE CONCEPTUEL DE DONNEES (MCD)

1. Domaine d’étude

Le domaine d’étude c’est l'environnement ou le contexte pour lequel on conçoit le

modèle de données. Dans notre cas, le domaine d’étude concerne la gestion des
opérations d’une plateforme e-commerce, avec un accent sur la gestion des ventes, des
Articles, des users et des transactions.

2. Identification des principales entités du système

Dans ce modèle, les entités clés que nous avons identifiées sont :

 User (Client)
 Article (Ordinateur)
 Catégorie (Commentaire)
 Stock
 Panier
 Commande
 Paiement
 Facture
 Livraison
 Avis (commentaire)

3. Elaboration des règles de gestion

- Un client peut passer plusieurs commandes. (1, N)
- Un client peut laisser plusieurs avis sur différents articles. (1, N)
- Un article appartient à une seule catégorie de articles. (1, 1)
- Une commande est associée à un seul client (1, 1
- Une commande peut inclure plusieurs articles. (1, N)
- Un panier est associé à un seul client (1, 1)
- Une facture est générée pour chaque commande. (1, 1)
- Un paiement est associé à une seule facture. (1, 1)

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

20
 4. Elaboration du dictionnaire de données
Le dictionnaire de données est un tableau dont les lignes représentent les différentes
propriétés des données de notre système. Suite à l’analyse des documents recensés
lors des interviews réalisées, nous avons pu constituer le dictionnaire des données qui
suit :

Longueu
Code Libelle Type Nature Observations
r
ID_Cli L'identifiant du client 10 AN E/SIG ID
Nom_Cli Le nom du client 20 A E/SIG
Pren_Cli Le prénom du client 30 A E/SIG
Email_Cli L'email du client 30 A E/SIG
Tel_Cli Le numéro de téléphone du client 15 N E/SIG
AdrRue_Cli L'adresse rue du client 50 A E/SIG
ID_Art L'identifiant de l’article 10 AN E/SIG
Nom_Art Nom de l'Article 50 A E/SIG
Desc_Art Description de l'Article 200 A E/SIG
Prix_Art Prix de l'Article 10 N E/SIG
Tail_Art Taille de l'Article 5 A E/SIG
Coul_Art Couleur de l'Article 10 A E/SIG
L'identifiant de la catégorie de
10 AN E/SIG ID
ID_CatArt l'Article
Nom_CatArt Nom de la catégorie de l'Article 20 A E/SIG
Description de la catégorie de
Desc_CatArt 100 E/SIG
l'Article A
ID_Stock L'identifiant du stock 10 AN E/SIG ID
Cont_Stock Contenu de l'Article en Stock 100 N E/SIG
ID_Panier Identifiant du panier 10 AN E/SIG ID
Cont_Panier Contenu du Panier 100 N E/SIG

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

21
ID_Com L'identifiant de la commande 10 AN E/SIG ID
Lib_Com Libelle de la Commande 150 A E/SIG
Date à laquelle la commande a été
10 E/SIG JJ/MM/AA
Date_Com passée A
Statut de la commande (en cours, COU, EXP,
10 E/SIG
Statut_Com expédiée, livrée) A LIV
ID_Paie L'identifiant du paiement 10 AN E/SIG ID
Mont_Paie Montant du paiement 10 N E/SIG
Mode de paiement (carte, PayPal, CAR, ESP,
10 E/SIG
Mod_Paie etc.) A VIR
Statut_Paie Statut du paiement (accepté, refusé) 10 A E/SIG ACC; REF
ID_Fact Identifiant de la facture 10 AN E/SIG ID
Date_Fact Date de génération de la facture 10 A E/SIG JJ/MM/AA
Mont_TotalFact Montant total de la facture 10 N E/SIG
ID_Livra Identifiant de la livraison 10 AN E/SIG ID
Adress_Livra Adresse où livrer la commande 50 A E/SIG
ID_Avis Identifiant de l'avis 10 AN E/SIG ID
Cont_Avis Contenu de l'avis 200 A E/SIG
Date_Avis Date de publication de l'avis 10 A E/SIG JJ/MM/AA

Légende :
AN : Alphanumérique ; N : Numérique ; A : Alphabétique ; ID : Identifiant ; CAR : Carte
SIG : Signalétique ; E : Elémentaire ; J : jours ; A : Année ; M : Mois ; ESP : Espèce
COU : En Cours ; EXP : Expédie ; LIV : Livré ; ACC : Accepté ; REF : Refusé

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

22
 5. Elaboration de la Structure d’Accès Théorique (SAT)
Cette représentation a pour objet de mettre en évidence les dépendances fonctionnelles
entre les propriétés et les contraintes d’intégrités fonctionnelles entre les éventuelles
entités.

ID_Stock

ID_CatArt Cont_Stock
ID_Paie
ID_Livra
Nom_CatAr Desc_CatArt Mde_Paie
Mont_Pai Date_Paie
t e
Adress_Livra

Qté_Stocké

ID_Art ID_Fact

Desc_Art Prix_Art Tail_Art Mont_TotalFact Lib_Fact Date_Fact

Coul_Art

Nom_Art
Qté_Com

Cde_Com

Lib_Com Statut_Com Date_Com

ID_Panier

Cont_Panie

ID_Cli

AdrRue_Cli Nom_Cli Pren_Cli Email_Cli

ID_Avis Tel_Cli

Cont_Avis Date_Avis

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

23
 6. Elaboration du Modèle Conceptuel de Données (MCD)
Le modèle conceptuel des données (MCD) a pour but d'écrire de façon formelle les
données qui seront utilisées par le système d'information. Il s'agit donc d'une
représentation des données, facilement compréhensible, permettant de décrire le
système d'information à l'aide d'entités.

AVIS STOCK LIVRAISON

CATEGORIE
ID_Avis 1,N
ID_Stock ID_Livra
Cont_Avis Cont_Stock ID_CatArt
Adress_Livra
1,1 Date_Avis 1, N Nom_CatArt
Desc_CatArt
Stocker

Qté_stoc
Appartenir
ké
1,1 0, N
1,1 1, N

PANIER
ID_Panie Avoir 0, N
ARTICLE
Cont_Panie ID_Art COMMANDE
Nom_Art ID_Com Avo
0, N Contenir Desc_Art 0, N
Avoir
1, N
Lib_Com 1,1 ir

1,1
Prix_Art Qtté_com Date_Com
Tail_Art Statut_Com
Coul_Art
1,1
1, N
1,1

Associer Générer
Passer

0, N
1, N
1,1

CLIENT
PAIEMENT FACTURE
ID_Cli
Nom_Cli ID_Paie ID_Fact
Pren_Cli Mont_Paie Mont_TotalFact
1, N
Laisser Email_Cli Mde_Paie
1, N
Lib_Fact
1,1 Associer
Tel_Cli Statut_Paie Date_Fact
AdrRue_Cli

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

24
II. MODELE CONCEPTUEL DE TRAITEMENT (MCT)

Définitions et concepts de bases de MCT

 Définition

Les traitements constituent la partie dynamique du système d’information (SI). Ils

décrivent les actions à exécuter sur les données afin d’obtenir les résultats attendus par
l’entreprise.

Ce modèle permet donc de représenter de façon schématique l'activité d'un système

d'information sans faire référence à des choix organisationnels ou des moyens
d'exécution, c'est-à-dire qu'il permet de définir simplement ce qui doit être fait, mais il
ne dit pas quand, comment ni où...

 Concepts de bases de MCT

- Opération

Une opération est un ensemble d'actions exécutées par le système suite à un

événement, ou à une conjonction d'événements. Cet ensemble d'actions est
interruptible, c'est-à-dire que les événements ne sont pas pris en compte (ils ne sont
pas forcements ignorés pour autant) tant que l'opération n'a pas été accomplie.

- Evénement / Résultat

Un événement est une sollicitation du système d’information qui doit réagir par
l’exécution d’une ou plusieurs opérations. On distinguera à ce niveau deux types
d’événements :
 Evénement externe : C’est un événement qui se produit à l’extérieur du
processus.
 Evénement interne : C’est événement qui se produit à l’intérieur du processus.
Il constitue la sortie de l’exécution d’une opération appelée résultat.

- Synchronisation

C’est le mode qui permet d’ordonné des événements dans le déclenchement d’une
opération. Ce mode se présent sous la forme d’une condition booléenne d’événement.
- Condition d’émission de résultat

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

25
Le résultat d’une opération peut être conditionné par plusieurs éléments.

Formalisme complet du MCT

Événement entant Événement entrant

1 ou externe 1 2 ou externe 2

Synchronisation

N° Op Désignation de l'opération

Règle d'émission 1 Règle d'émission 2

Événement interne 1 Événement interne 2

ou résultat 1 ou résultat 2

1. Champ de l'étude
Gestion des ventes en ligne d’ordinateurs
2. Objet de l’étude
Automatisation de la gestion des ventes et des commandes en ligne.
3. Liste des acteurs
 Acteur externes : les users (Clients)
 Acteurs internes : Le gestionnaire des commandes, Livreur

4. Liste des événements

 e1 : Le client ajoute un ou plusieurs articles au panier via le site web.

 e2 : Le client consulte le panier et valide sa commande.
 e5 : Vérification de la disponibilité des articles en stock :
o Article disponible.
o Article non disponible.
 e6 : Le client est informé de la disponibilité ou non des articles.
 e7 : Validation définitive de la commande par le client.
 e8 : Enregistrement de la commande dans le système.
 e9 : Génération de la facture pour le client.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

26
  e10 : Paiement de la commande en ligne via différents modes de paiement
(carte bancaire, PayPal, etc.).
 e11 : Le gestionnaire des commandes est informé de la commande pour la
préparation.
 e12 : Livraison des articles commandés.

5. Graphe des flux (ou diagramme des flux)

Légende du graphe des flux :

- Acteur interne :
- Acteur externe :
- Flux d’information :
Événement : e1, e2, e3, …, e12 : (voir la liste des événements)

e9
e5 e8 e6

e1
Le gestionnaire des e2 Client
commandes
e3

e4
e11 e7

e10
4
Livreur

e12

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

27
 6. Le graphe d'ordonnancement des événements

Commande de
l’Article

Enregistrement de
la commande

Vérifie la disponibilité
des Articles

Article non Article

disponible disponible

Informer le Validation de la
client Commande

Informe le
gestionnaire des
commandes

Préparation de la
commande

Paiement de la
Génération de la facture
facture

Livraison des
articles

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

28
 7. LE MCT
Les traitements constituent la partie dynamique du système d’information Ils
décrivent les actions à exécuter sur les données afin d’obtenir les résultats attendus
par l’entreprise. Les traitements ne sont en fait que la traduction des règles de gestion
en action, ces règles sont celles qui composent le système de l’entreprise
Le MCT exprime ce qu’il faut, mais n’indique pas qui faire, ni quand, ni ou, ni
comment il faut faire.

Commande de
l’Article

OP1 Enregistrement de la commande

Toujours

Commande
enregistrée

OP2 Vérifie la disponibilité des Articles

Non disponible Disponible

Article non Article

disponible disponible

OP3 Informer le client OP4 Validation de la commande

Toujours Toujours

Client informé Commande validé

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

29
 OP5 Informe le gestionnaire des commandes

Gestionnaire
informé

OP6 Préparation de la Commande

Toujours

Commande prête

OP7 Génération de la facture

Toujours

Facture générée Paiement de la facture

Et

OP8 Livraison de la Commande

Toujours

Commande livré

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

30
 NIVEAU ORGANISATIONNEL ET LOGIQUE

I. MODELE ORGANISATIONNEL DE TRAITEMENT (MOT)

Le MOT décrit avec précision l’organisation à mettre en place pour réaliser une ou, le
cas échéant, plusieurs opérations figurant dans le MCT. Il permet de représenter
l’ensemble des traitements en prenant en compte l’organisation de l’entreprise. Celle-
ci sera matérialisée par la période du déroulement de l’action, la nature de l’action, le
poste du travail où se déroule l’action.
Représentation du modèle organisationnel de traitement (MOT)

Poste de Travail
Enchainement des
Période Nature
Procédures Fonctionnelles Lieu Responsable Ressources

Commande de
l’Article
Gestionnaire
CJO AC Sur le des
site web commandes
PF1 Enregistrement de la commande

Toujours

Commande
enregistrée

Gestionnaire Gestionnaire
Sur le
CJO AC des des
site web
commandes commandes
PF2 Vérifie la disponibilité des Articles

Non disponible Disponible

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

31
 Article non Article
disponible disponible

Gestionnaire Gestionnaire
CJO AB Sur le des des
site web commandes commandes
PF3 Informer le client PF4 Validation de la
commande
Toujours
Toujours

Commande
Client validé
informé
Sur le
site web Gestionnaire Gestionnaire
CJO AC ou des des
Magasin commandes commandes
PF5 Informe le gestionnaire des
commandes

Toujours

Gestionnaire
informé

Gestionnaire Gestionnaire
Magasin
CJO AC des des
commandes commandes
PF6 Préparation de la Commande

Toujours

Commande Prête

Gestionnaire Gestionnaire
Magasin
CJO AB des des
commandes commandes
PF7 Génération de la facture

Toujours

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

32
 Facture Paiement
générée de la
facture

Et
Magasin
Livreur Livreur
CJO PF8 Livraison de la Commande AC
Toujours

Commande Livré

LÉGENDE :

PF : Procédure Fonctionnelle ; CJO : Chaque Jours ; M : Manuel

AC : Automatisation Conversationnelle ; AB : Automatisation Batch

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

33
II. MODELE LOGIQUE DE DONNEES (MLD)

Définition et concepts de base du modèle

 Définition
Le modèle logique de données est la modélisation logique des données qui tient
compte du niveau organisationnel de données. Le modèle logique choisi par cette étude
est le modèle relationnel, la base de données de notre système sera un SGBD
relationnel.

 Concepts de base du MLDR

- L’attribut : c’est le plus petit élément d’information manipulable par le
concepteur, il décrit par un nom et est équivalent de la propriété dans le
MCD.
- La relation ou table : c’est un ensemble d’attribut associés.
- La clé primaire : attribut dont la valeur permet de distinguer de façon
unique chaque occurrence de la relation. La clé primaire est équivalent de
l’identifiant dans le MCD.
- La clé étrangère : c’est l’attribut qui n’est pas clé primaire de la relation
mais qui l’est dans une autre table. Elle met en évidence les liens qui
unissent les différentes relations décrivant le système d’information.

Règle de passage du MCD au MLDR

Regle1 : Un objet conceptuel se transforme en relation, chaque propriété se transforme

en attribut. L’identifiant de l’objet devient la clé primaire de la table.

Règle 2 : Une relation binaire ou réflexive ayant les cardinalités (1,1) -(1, n) ou (1,1)
-(0, n) se traduit par une redondance de l’identifiant de l’objet à cardinalité (1, n) ou
(0, n) dans la relation issue de l’objet à cardinalité (1,1). L’identifiant de l’objet à
cardinalité (1,1) devient la clé primaire de la relation. La propriété dupliquée devient
clé étrangère dans la relation.

Règle 3 : Une relation n-aire du modèle conceptuel porteuse ou non de données se

transforme en une relation du schéma relationnel ayant comme clé primaire composite
les attributs participants à cette relation conceptuelle.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

34
Règle 4 : La relation réflexive, si elle ne répond pas la définition de la règle 2, se traduit
par une relation porteuse de deux attributs, duplication de l’identifiant de l’objet et
toute deux renommée. Cet ensemble d’attribut constitue la clé primaire composite de
cette relation.

Elaboration du modèle logique de données relationnel (MLDR)

 CLIENT (ID_Cli, Nom_Cli, Pren_Cli, Email_Cli, Tel_Cli, AdrRue_Cli)

 CATEGORIE ARTICLE (ID_CatArt, Nom_CatCArt, Desc_CatArt)
 STOCK (ID_Stock, Cont_Stock)
 FACTURE (ID_Fact, Mont_TotalFact, Lib_Fact, Date_Fact, #ID_Com)
 PAIEMENT (ID_Paie, Mont_Paie, Mde_Paie, Satut_Paie #ID_Fact)
 AVIS (ID_Avis, Cont_Avis, Date_Avis, #ID_Cli, #ID_Art)
 ARTICLE (ID_Art, Nom_Art, Desc_Art, Prix_Art, Tail_Art, Coul_Art
#ID_CatArt, #ID_Panie)
 COMMANDE (ID_Com, Lib_Com, Date_Com, Statut_Com, #ID_Cli,
#ID_Livra)
 AVOIR (ID_Com, ID_Art, Qté_Com)

 STOCKER (ID_Stock, ID_Art, Qté_Stoké)

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

35
 NIVEAU PHYSIQUE

I. MODELE PHYSIQUE DE DONNEES (MPD)

Le MPD est le dernier modèle réalisé avant la programmation. Il permet de préciser

les systèmes de stockage employés (implémentation du MLD dans le SGBD retenu).
Il va permettre d’implanter en machine l’ensemble des données du MLD.
En effet, la description d’un MPD est étroitement liée aux choix techniques
informatiques concernant le système de gestion des données (SGBD). Le MPD permet
aussi de déterminer la volumétrie pour les capacités mémoire requises.
Nom de la table : CLIENT
Clé primaire : ID_Cli
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 155 Caractères
Nombre d’enregistrement : 100 000 clients
Volume : 15 136,72 Ko
Rubrique Libellé Longueur Type Observation
ID_Cli L'identifiant du client 10 AN Clé primaire
Nom_Cli Le nom du client 20 A
Pren_Cli Le prénom du client 30 A
Email_Cli L'email du client 30 A
Tel_Cli Le numéro de téléphone du client 15 N
AdrRue_Cli L'adresse rue du client 50 A

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

36
 Nom de la table : CATEGORIE
Clé primaire : ID_CatArt
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 130 Caractères
Nombre d’enregistrement : 5 Catégories Article
Volume : 0,63 Ko
Rubrique Libellé Longueur Type Observation
L'identifiant de la catégorie de Clé primaire
ID_CatArt 10 AN
l’Article
Nom_CatArt Le nom de la catégorie 20 A
Desc_CatArt La description de la catégorie 100 A

Nom de la table : FACTURE

Clé primaire : ID_Fact
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 190 Caractères
Nombre d’enregistrement : 90 000 factures
Volume : 16 699,22 Ko
Rubrique Libellé Longueur Type Observation
ID_Fact L'identifiant unique de la facture 10 AN Clé primaire
Mont_TotalFact Le montant total de la facture 10 N
Lib_Fact libellé facture 150 AN
Date_Fact La date de la facture 10 A JJ/MM/AA
ID_Com L'identifiant de Commande 10 AN Clé secondaire

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

37
Nom de la table : PAIEMENT
Clé primaire : ID_Paie
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 60 Caractères
Nombre d’enregistrement : 90 000 paiements
Volume : 5 273,45 Ko
Rubrique Libellé Longueur Type Observation
ID_Paie L'identifiant du paiement 10 AN Clé primaire
Mont_Paie Le montant payé 10 N
Mde_Paie Le mode de paiement 20 A CAR, ESP, VIR
Satut_Paie Statut du paiement (accepté, refusé) 10 A ACC, REF
ID_Fact L'identifiant unique de la facture 10 AN Clé secondaire

Nom de la table : AVIS

Clé primaire : ID_Avis
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 240 Caractères
Nombre d’enregistrement : 190 Avis
Volume : 44,53 Ko
Rubrique Libellé Longueur Type Observation
ID_Avis L'identifiant d’Avis 10 AN Clé primaire
Cont_Avis Le contenu d’Avis 200 A
Date_Avis La date d’Avis 10 A JJ/MM/AA
ID_Cli L'identifiant du client 10 AN Clé secondaire
ID_Art L'identifiant de l’Article 10 AN Clé secondaire

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

38
 Nom de la table : COMMANDE
Clé primaire : ID_Com
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 190 Caractères
Nombre d’enregistrement : 95 000 paiements
Volume : 17 626,95 Ko
Rubrique Libellé Longueur Type Observation
ID_ Com L'identifiant de la commande 10 AN Clé primaire
Lib_Com libellé de la commande 150 AN
Date à laquelle la commande a
Date_Com 10 A JJ/MM/AA
été passée
Statut_Com Le statut de la réservation 10 A COU, EXP, LIV
ID_Cli L'identifiant du client 10 AN Clé secondaire
ID_Lira L'identifiant de le livraison 10 AN Clé secondaire

Nom de la table : ARTICLE

Clé primaire : ID_Art
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 400 Caractères
Nombre d’enregistrement : 1000 paiements
Volume : 390,62 Ko
Rubrique Libellé Longueur Type Observation
ID_Art L'identifiant de l’article 10 AN Clé primaire
Nom_Art Nom de l'Article 50 A
Desc_Art Description de l'Article 200 A
Prix_Art Prix de l'Article 10 N
Tail_Art Taille de l'Article 10 A
Coul_Art Couleur de l'Article 10 A
L'identifiant de la catégorie de
ID_CatArt 10 AN Clé secondaire
l’Article
ID_Panie L’identifiant du panier 10 AN Clé secondaire

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

39
Nom de la table : AVOIR
Clé primaire composée : ID_Com, ID_Art
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 30 Caractères
Nombre d’enregistrement : 500 paiements
Volume : 14,65 Ko
Rubrique Libellé Longueur Type Observation
ID_Com L'identifiant de la Commande 10 AN Clé primaire
ID_Art L'identifiant de l’Article 10 AN Clé primaire
Qté_Com Quantité Commande 10 N

Nom de la table : STOCKER

Clé primaire composée : ID_Stock, ID_Art
Organisation : Séquentielle indexée
Support : Disque dur
Nature du fichier : Permanent
Longueur de l'enregistrement : 30 Caractères
Nombre d’enregistrement : 500 paiements
Volume : 14,65 Ko
Rubrique Libellé Longueur Type Observation
ID_Stock L'identifiant du Stock 10 AN Clé primaire
ID_Art L'identifiant de l’Article 10 AN Clé primaire
Qté_Stoké Quantité Stocké 10 N

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

40
 QUATRIEME PARTIE : LA
REALISATION

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

41
 1. ÉTAPES DE MISE EN ŒUVRE DU PROJET

I. TECHNOLOGIES UTILISEES POUR LE DEVELOPPEMENT

1. MongoDB
MongoDB est un système de gestion de bases de données NoSQL qui se distingue par
sa facilité d'apprentissage et son approche orientée documents. Dans un paysage
technologique en constante évolution, les solutions NoSQL, telles que MongoDB, ont
rapidement gagné en popularité, se positionnant comme des alternatives viables aux
bases de données relationnelles traditionnelles. Contrairement à une solution unique,
NoSQL offre une diversité d'outils et de systèmes adaptés à des besoins spécifiques,
permettant aux développeurs de combiner différentes technologies pour des
architectures plus flexibles.
En intégrant MongoDB, les users peuvent tirer parti de ses caractéristiques uniques
tout en restant ouverts à d'autres technologies. Cela signifie que, bien que MongoDB
puisse être utilisé comme une solution autonome, il peut également être associé à des
bases de données relationnelles et à d'autres systèmes spécialisés.

2. Express.js

Express.js est un framework léger et rapide pour créer des applications web et des API
avec Node.js. Il simplifie le processus de développement en offrant des outils pour
gérer facilement les requêtes HTTP, organiser les routes, et utiliser des middlewares
(des fonctions qui gèrent des opérations intermédiaires dans le traitement des requêtes,
comme la vérification des accès).

3. Next.js pour l'interface user :

Next.js est un framework React conçu pour créer des applications web full-stack. Il
utilise des composants React pour construire des interfaces user tout en offrant des
fonctionnalités et des optimisations supplémentaires. Next.js gère automatiquement
les outils nécessaires pour React, tels que le bundling et la compilation, permettant aux
développeurs de se concentrer sur la construction de leur application plutôt que sur la
configuration. Ses principales caractéristiques incluent un système de routage basé sur
le système de fichiers, le rendu côté user et serveur, une simplification de la

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

42
récupération de données, et un support étendu pour TypeScript et diverses méthodes
de stylisation.

Next.js propose deux types de routeurs : le routeur App, qui permet d'utiliser les
dernières fonctionnalités de React, et le routeur Pages, qui supporte les applications
React rendues côté serveur.

4. Tailwind CSS pour le style

Tailwind CSS est un framework CSS utilitaire qui facilite la création de designs
personnalisés pour des sites web et des applications. Contrairement aux frameworks
traditionnels qui fournissent des composants pré-stylisés, Tailwind vous permet de
construire votre interface directement en utilisant des classes CSS dans votre balisage
HTML.
Tailwind CSS est une excellente option pour les développeurs qui cherchent à créer
des interfaces élégantes et fonctionnelles rapidement et efficacement. Sa flexibilité et
sa capacité de personnalisation en font un outil populaire dans le développement web
moderne.
5. Vercel pour l'hébergement du site
Vercel est une plateforme de déploiement et d’hébergement qui permet aux
développeurs de créer, déployer et gérer des applications web modernes de manière
fluide et efficace. Conçue pour améliorer l'expérience développeur, Vercel facilite la
collaboration et optimise les performances des applications, en particulier celles
construites avec des frameworks populaires comme Next.js, React, Vue.js, et bien
d'autres.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

43
II. PRESENTATION DE QUELQUE FENETRES DU SITE WEB

 La page d’accueil

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

44
  Page d’inscription

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

45
  La page commande

 Pages panier

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

46
 VOICI LE LIEN DU SITE WEB
https://pc-market.vercel.app/

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

47
 C ONCLUSION

Au terme de ce rapport, j'ai considérablement renforcé ma maîtrise des outils de

développement web et appris à concevoir des applications robustes et fonctionnelles.
Ce travail, résolument pratique, m'a permis de mettre en application mes connaissances
techniques dans un contexte concret, en répondant à des problématiques réelles de
développement et de gestion digitale.

Grâce à cette expérience, j'ai pu mieux comprendre les exigences du milieu

professionnel, en m'intégrant aux dynamiques de l’entreprise et en étant confronté aux
défis de performance, de sécurité et d'optimisation qui caractérisent le monde du
travail. Cela m’a offert l'opportunité de perfectionner mes compétences en
programmation, d'améliorer ma capacité à résoudre des problèmes complexes, et
d’adopter une approche proactive dans le développement d’applications et de solutions
numériques.

Cette expérience m'a également préparé aux défis futurs qui m'attendent après
l'obtention de mon diplôme, notamment l’importance du travail bien fait, l'esprit
d'initiative et la rigueur nécessaires dans le domaine du développement informatique.

Toutefois, je suis conscient que ce rapport, comme toute œuvre humaine, peut être
amélioré. Je reste donc ouvert à toute remarque ou suggestion visant à enrichir mon
travail et à me permettre de progresser davantage.

OUATTARA KROBA RAPPORT DE STAGE SOUTENANCE 2023 – 2024

48