Académique Documents
Professionnel Documents
Culture Documents
Pour l’obtention du :
INFORMATIQUE (DSTI)
Thème :
A toute ma famille, ce travail est le fruit de l’espoir que vous avez de me voir réussir.
A tous les étudiants de ma promotion, mes amis et camarades de la DST2 et DUT2 avec qui
j’ai partagé deux inoubliables années.
Je le remercie pour sa disponibilité et son écoute qui m’auront permis d’avancer dans
ce stage de manière idéale.
Aussi, je remercie mon encadrant Mr Oumar FALL, pour sa disponibilité et pour ses
conseils lors de la structuration de mon rapport de stage.
Grâce à cette proposition de stage j’ai pu découvrir un axe qui regroupe commerce et
informatique, me donnant envie de continuer dans cette voie. Je pourrais à présent
appliquer ces connaissances lors de prochains stages afin de pourvoir continuer à
m’expérimenter.
Résumé
Les résultats attendus de ce site sont : la possibilité de présenter nos produits dans
une boutique virtuelle à la disposition de tout le monde, de faciliter la tâche du payement
en ligne et de suivre la livraison des produits.
Introduction générale…………………………………….………………………….………….1
Chapitre 1 : Présentation générale…………………………………………………………….2
Introduction…………………………………………………………………………………2
1.1. Présentation de l’entreprise d’accueil………………………………………….......2
1.2.1. Contexte………………………………………………………………………..…3
1.2.2. Problématique……………………………………………………………...........3
1.2.3. Objectifs…………………………………………………………………………..4
Conclusion…………………………………………………………………………………..4
Chapitre 2 : Spécifications fonctionnelles et Analyse des Besoins………………………….5
Introduction………………………………………………………………………………….5
Introduction………………………………………………………………………………..15
Conclusion générale…………………………………...………………………………………27
Webographie……………………………………………………………………………………28
Acronymes et Abréviation
ELO Enterprise LO
Dans le cadre de leur formation les étudiants de fin de chaque cycle sont tenus
d’effectuer un stage pratique au sein d’une entreprise ou d’un service informatique.
C'est dans cette optique que l'entreprise Netsysteme Informatique, consciente des enjeux et
des défis liés à la gestion du matériel informatique et des logiciels, envisage de mettre en
place une solution novatrice. L'objectif est de faciliter la collaboration et la communication à la
fois en interne et en externe, afin d'optimiser les opérations quotidiennes de l'entreprise. Dans
cette perspective, notre stage au sein de Netsysteme Informatique a été consacré à l'étude et
à la mise en place d'une plateforme web intranet et extranet de gestion, qui permettra de
répondre aux besoins spécifiques de l'entreprise.
Le présent document a pour vocation de présenter en détail le projet sur lequel nous avons
travaillé au sein de Netsysteme Informatique. Nous commencerons par dresser un aperçu de
la structure et de l'organisation de l'entreprise d'accueil, afin de mieux appréhender son
contexte et ses enjeux. Ensuite, nous aborderons notre étude, qui se concentre sur la
conception et la mise en place d'une plateforme de gestion pour faciliter la collaboration et la
communication internes et externes de l'entreprise.
2022 – 2023
1
diagramme de cas d’utilisation, des fiches textuelles, des diagrammes de séquences
et des diagrammes d’activités.
Chapitre 1
Présentation générale
Introduction
Le but de ce projet est le développement d’un site e-commerce nommé ELO
DAKAR, permettant au client d’effectuer leurs achats de produits en ligne (parfums,
vêtements, accessoires etc…) allant du choix de l’article jusqu’à la livraison de celleci.
Le client pourra à partir de ce système créer un compte et/ou se connecter pour
accéder à l’historique de ses commandes passées depuis la création de son compte,
ses bons de réductions, la liste de ses retours de produits etc…
2022 – 2023
2
1.1. Présentation de l’entreprise d’accueil
NETSYSTEME est une société de services en ingénierie informatique, destinée aux Petites et
Moyennes Entreprises. Fort de son équipe technique certifié Microsoft avec plus de 10 ans
d’expérience dans les systèmes d’informations, NETSYSTEME saura vous accompagner
dans vos projets.
Direction
Génerale
2022 – 2023
3
WhatsApp pour le stockage des fiches et des méthodes manuelles pour la gestion des
stocks
1.2.2. Problématique
Après une analyse de cette situation nous voyons que l’emplacement de la
boutique physique peut être un frein pour certains consommateurs qui ne peuvent pas
se déplacer. Face à ce problème, les entreprises disposant que de boutique(s)
physique(s) peuvent voir leurs chiffres d’affaires en dessous de celles des entreprises
disposant en plus d’une boutique physique, une boutique en ligne (site e-commerce)
car pouvant atteindre plus de clients. Notons aussi qu’une boutique physique a des
horaires d’ouverture qui peuvent être parfois contraignantes pour les clients selon
leurs disponibilités ou même selon une indisponibilité des moyens de transport.
1.2.3. Objectif
• Objectif générale :
Le but de ce projet est la création d’un site de vente en ligne. L’application devra
d’abord permettre :
- De gérer l’achat des clients (allant du choix du produit, passant par un mode de
paiement sécurisé par PayPal ou à la livraison jusqu'à la réception de la commande).
• Objectif spécifique :
2022 – 2023
4
Sur ce, à mon début une interface graphique avait été déjà mise en place
précédemment par mon maitre de stage, le choix du thème et la quasi-totalité de cette
partie été faite.
Ainsi face à ces objectifs, le site m’a donc était donné en main avec uniquement
une interface graphique complétée, le travail nécessaire qu’il me fallait était donc la
création de contenu par l’ajout de produits la gestion des stocks, l’optimisation du
référencement du site, de faire une étude sur une solution de paiement en ligne et
enfin son support et maintenance.
Conclusion
Après avoir présenté le cadre général du projet, une étude préalable s’impose afin
d’étudier le domaine de plus près et de repérer la procédure de fonctionnement de
l’application.
Introduction
La spécification fonctionnelle et Analyse des besoins représentent la première phase
du cycle de développement d'un logiciel. Elle sert à identifier les acteurs réactifs du
système et leur associer chacun l'ensemble d'actions avec lesquelles il intervient par
différents modèles de représentations dont celle du langage UML dans l'objectif de
donner un résultat optimal et satisfaisant au client.
2022 – 2023
5
2.1 Spécifications Fonctionnelles
2.1.1 Les acteurs et rôles
- Acteurs principales :
- Acteur secondaire :
2022 – 2023
6
2.2. Analyse des besoins 2.2.1. Description
textuelle des cas d’utilisation
2022 – 2023
7
Fiches textuelles
Acteur Client
Precondition S’authentifier
Scenario nominal 1- le client clique sur ajouter au panier sur le produit désiré
2- le système affecte ce produit au panier.
3- le client repère le produit désiré dans son panier et
clique sur commander.
4- Le système lui renvoie une page récapitulatif du produit
choisit à propos de son prix et sa disponibilité dans le stock. 5-
le client clique sur commander.
6- le système lui passe à l’étape Adresse.
7- le client indique son adresse de livraison par des
informations renseignées à travers un formulaire.
8- Le système vérifie la validitée des données renseignées.
9- Le client clique sur commander. 10- Le système lui
renvoie l’étape de livraison.
11- Le client effectue un choix sur la mode de livraison.
12- Le système vérifie si le client a accepté d’avoir lu les
conditions générales de vente.
13- Le client clique sur commander.
14- Le système lui envoie la page de paiement.
15- Le client choisit le mode de paiement (ici par PayPal ou
paiement à la livraison).
16- Le système envoie une récaputilatif de commande.
17- Le client confirme sa commande.
Scenario alternative A-1- Après l’étape 8, si les données rentrées sont mauvaises
2022 – 2023
8
Le scenario reprend à l’étape 10.
Titre S’enregistrer
Description Creation de compte
Acteur Visiteur
Pre-condition Accèder à l’espace d’accueil
4- le
système vérifie les informations pour enfin valider ou pas la
création de ce compte.
2022 – 2023
9
Objectif L’acteur a l’intention de consulter ses commandes
Acteur Client
Precondition Le client doit d’abord commander au moins un produit.
2b: le système lui envoie une page avec un message lui disant
qu’il n’y a aucune commande éffectuées.
Post-condition Visualisation des commandes.
Précondition S’authentifier
Scenario nominal 1- Le client s’authentifie
2- le système lui renvoie son espace personnel.
Scenario alternative A.1-si le client se trompe lors de l’authentification (c’est-à-dire
mauvais nom d’utilisateur ou mauvais mot de passe).
2022 – 2023
1
2.2.2. Description graphique des cas d'utilisation
Diagrammes de séquence
-Authentification
2022 – 2023
1
-Commander produit
2022 – 2023
1
Diagrammes d’activité
-Authentification
2022 – 2023
1
-Gérer son panier
2022 – 2023
1
2022 – 2023
1
2.2.3 Modèle du domaine
Diagramme de classe
Conclusion
Dans ce chapitre, nous avons spécifié les besoins de notre application en identifiant le
secteur et les fonctionnalités du système. Cette description est traduite à travers des
diagrammes de cas d’utilisation, fiches textuelles, diagrammes de sequence,
diagrammes d’activité et diagramme de classe.
Dans le chapitre suivant, nous présenterons la conception de notre application.
2022 – 2023
1
Chapitre 3 Conception et Mise en œuvre
Introduction
Dans ce chapitre, nous présentons l'architecture sur laquelle nous avons développé
notre application, les différents outils utilisés ainsi que les composantes applicatives
réalisées.
• Pourquoi Prestashop ?
Prestashop est un CMS qui facilite la création de site e-commerce. Contrairement
à WordPress qui ne permet que de faire des sites vitrine, Prestashop offre toutes les
fonctionnalités pour un site de vente : Panier, espace paiement, gestion des stock,
gestion de livraison....
2022 – 2023
1
De plus Prestashop a une offre de thèmes à l’achat très grande, ce qui permet de
choisir un thème qui nous correspond le mieux et qui offre les fonctionnalités les plus
proches de nos besoins.
• Langages de Prestashop
Prestashop utilise principalement le PHP pour tout ce qui création de méthodes.
Pour l'affichage le CMS utilise Smarty qui est un moteur de Template pour PHP. Plus
précisément, il facilite la séparation entre la logique applicative et la présentation.
Il permet de récupérer les informations du PHP sans interférences avec les html et
le css. Ce moteur de Template génère des pages sous le format « .tpl ». Ainsi à
proprement parler il n'y a pas de pages html dans Prestashop.
• Base de données
Prestashop utilise une base de données SQL.
2022 – 2023
1
Comme l’image ci-dessus nous le montre, l’Accueil comporte en son entête le
contact de l’entreprise ELO, un bouton de déconnexion, une barre de recherche, un
panier comportant les produits choisis, un menu comportant des catégories (Accueil,
Vêtements etc…) et une image slider. Il comporte aussi en son corps le contenu des
produits ajouter par ordre de nouveauté.
2022 – 2023
1
Ceci est le pied de l’accueil. Il enveloppe la liste des catégories, quelques
informations sur la boutique ELO, une liste de quelques manipulations possibles pour
un client à partir de son compte.
Catégories
Vous devriez créer une catégorie à partir du moment où vous avez au moins deux
produits qui disposent de caractéristiques équivalentes.
NB : Les catégories qui vont être présentées ci-après sont celles avec lesquelles j’ai
pu travailler lors du stage.
• Parfums et Vêtements
Les images qui suivent présentent les produits qui m’ont été demander d’ajouter
avec leurs prix selon leurs catégories, une description et une indication en vert à
propos de leurs disponibilités. Un tri peut être effectuer parmi celles-ci en fonction du
produit le plus cher, du produit le moins cher, de la lettre au début du nom de chaque
produit de A à Z, du stock. La forme d’affichage aussi peut être choisi soit en grille ou
sous forme de liste.
-Parfums
2022 – 2023
2
-Vêtements
2022 – 2023
2
2022 – 2023
2
o Aperçu d’une fiche de produit
Prenons l’exemple du parfums Sauvage Dior
Ici on a un aperçu sur la quantité en milli litre et la nature dont j’ai tous définis pour
chaque produit.
Panier
Le panier permet au client de poursuivre une commande, rajouter un produit,
retirer un produit, vider le panier ou visualiser le(s) produit(s) en panier. Pour y ajouter
un produit, il suffit de cliquer sur le bouton « Ajouter au panier » affecté au produit.
(Voir image ci-dessous)
2022 – 2023
2
Une fois cliqué sur ce bouton, le produit est directement enregistré dans le panier.
Ainsi il suffit de poursuivre sa commande dans « Panier » que voici en dessous.
• Récapitulatif (1)
2022 – 2023
2
Il s’agit ici d’une récapitulation à propos du prix total de la quantité désirer sur ce
produit, sur la disponibilité de ce produit etc… . Ainsi pour passer à l’étape 2, il suffit
de cliquer sur « Commander ». Il y’a aussi possibilité de revenir en arrière grâce à «
Continuer mes achats ».
• Connexion (2)
2022 – 2023
2
Là il s’identifie s’il dispose déjà d’un compte ou bien il en crée avant de continuer.
Après le client informe sur ses informations personnelles et l’adresse de livraison
comme l’indique l’image qui suit.
• Adresse (3)
L’image ci-après donne une récapitulatif sur son adresse de livraison et de
facturation.
2022 – 2023
2
• Livraison (4)
2022 – 2023
2
• Paiement (5)
Il suffit à ce stade de choisir le mode de paiement de son produit soit par compte
PayPal ou lors de la livraison de votre commande comme l’indique la flèche sur
l’image.
2022 – 2023
2
Ceci est une récapitulatif de commande.
2022 – 2023
2
Conclusion
Conclusion générale
Dans ce travail nous avons mis en place un système de vente de produits en ligne
afin de permettre à l’entreprise ELO d’accroitre sa part de marché car atteignant plus
de clients. Les objectifs tels que la création de contenu par l’ajout de produits la
gestion des stocks, l’optimisation du référencement du site et l’étude sur une solution
de paiement en ligne, sont tous atteints. Pour ce qui est de l’objectif portant sur le
support et maintenance, le temps ne m’a pas permis de l’atteindre comme attendu par
l’entreprise.
Grâce à ces 40 jours de stage, nous avons proposé à l’entreprise ELO une
solution permettant au client de choisir selon un montant bien précis, le délai de
livraison soit dans les 24h ou 48h qui suivent sa commande.
Ce stage a été une expérience supplémentaire dans le métier de l’informatique. Il
a été très formateur. Il m'a permis d'élargir mon expérience en entreprise et de
confirmer la vision que je m'étais faite les années précédentes portant sur l’importance
du travail en équipe. J'ai pu mettre en pratique mes connaissances en informatique
(surtout en développement web) mais aussi relationnelles.
Ce stage de fin de premier cycle a été donc une très bonne occasion de confirmer
mon projet professionnel et de cerner toutes les facettes du métier de développeur
2022 – 2023
3
web plus précisément de site web e-commerce. D’autant plus que ce stage est en
rapport direct avec ma formation, je pense que c'est une bonne expérience et un bon
complément à cette année.
Par rapport à ce travail, pour atteindre encore plus de cible il serait intéressant
d’apporter une amélioration à ce site en incluant plus de modes de paiements (surtout
locales) que ceux déjà proposés. Comme exemple de mode de paiement, nous
pouvons penser au moyen de transfert d’argent locale comme Orange Money, Wari
etc… .
Webographie
[w3]
https://www.studyramaemploi.com/home_article.php?id=4127#:~:text=La%20police%20de
[w4] https://mastercaweb.u-strasbg.fr/2016/07/10-etapes-creer-site-e-commerce le
05 novembre 2020
2022 – 2023
3
[w5] https://actu-ecommerce.fr/quest-ce-que-le-e-commerce/pourquoi-faire-du-ecommerce
le 8 novembre 2020
[w6] https://www.prestashop.com/forums/topic/285045-probl%C3%A8me-modede-
2022 – 2023
3