E-Commerce

Lycée LISSANE EDDIN IBNO ALKHATIB

Réalisé par : Abdelhafid BERROUKHAM Youssef MAJJAD Youssef HMIMAS

BTS Génie informatique

Encadré par : Abderrahim AZBAKH Hussain ABAALI

Rapport de projet fin d’étude

Dédicace A NOS CHERE PARENTS : En témoignage de tant d’années de sacrifice que vous avez consenti pour notre éducation et nos études.

Aucune dédicace ne saurait exprimer notre respect, notre considération et notre reconnaissance ainsi que notre profond amour.

Puise Dieu, le tout puissant vous procure santé et longue vie.

A NOS SŒURS ET FRERES : Notre réussite est fruit de votre soutien moral, votre grande générosité et vos conseils.

A NOS AMIS (ES) : On vous dédie ce modeste projet de Fin d’année en témoignage de notre amour et notre respect.

Puisse Dieu, vous garantir une vie pleine de succès et de bonheur.

A TOUT LES MEMBRES DE LYCEE: On dédie ce modeste travail à tous les employés, direction, surveillance générale, formateurs, étudiants, …

Merci pour tout

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

Remerciement Au terme de deux années d’étude, il est agréable de remercier tous ceux qui ont collaboré à la réussite de ce Projet.

En particulier, les membres de la direction et le corps enseignant de BTS qui ont toujours montré une grande volonté et une grande disponibilité à nous aider pour la réussite de ces deux années de formation. Par conséquent, nous tenons vivement à leur exprimer l’expression de nos sincères remerciements et nos profonds respects.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

SOMMAIRE I-Introduction…………………………………………...………………3 II-Environnement de projet …………………………………………...4 1. Définition de commerce électronique…………………………….4 2. Les taches de projet……………………………………………….4 3. Dictionnaire de données ………………………………………….5 4. PARTIE MERISE ……………………………………………….6 5. Les outils de développement .…………………………………… 7 III- Interface de projet ………………………………………………..8 1) Partie utilisateur (client) …………………………………………8 1.1) L’inscription des clients ……………………………………... 8 1.2) modifier l’information d’un client ………………………….. 9 1.3) choisir supérieur catégorie…………………….………………9 1.4) choisir catégorie ……………………………………………10 1.5) Moteur de recherche …………………………………………11 1.6) Les étapes d’achat ………………………………………… 12 1.7) le panier …………………………………………………….13 1.8) Passer la commande ………………………………………... 14 2) Partie Administrateur ………………………………………… 15 2.1) Page de connexion……………………………………………15 2.2) Page d’administration de site…………………………………15 2.3) La page catégories ………………………………………......16 2.4) Recherche a un catégorie ……………………………..…..…17 2.5) Ajouter un nouvelle catégorie………………………………...17 2.6) Modifier catégorie .…………………………………..…........18 2.7) Page des produits……………………………………………..18 2.8) Ajouter un nouveau produit ………………………………….19 2.9) Modifier un produit ……………………………………….….19 2.10) Page des clients …………………………………………… 20 2.11) Commande en attente………………………………….…….20 2.12) Detaille d’un commande et le paiement …………….…….. 21 2.13) Commandes prêt a livrer ………………………….………..22 IV-Conclusion…………………………………………………….…….23

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

Introduction Comme vous savez, chaque fin d’étude, les étudiants de BTS Génie informatique présentent des rapports sous formes des études et d’applications dans le cadre d’une politique visant à offre aux étudiants l’occasion de mettre en application toutes les notions et techniques apprises durant les deux années de formation.

Et notre projet à pour thème de « Site web dynamique de commerce électronique ». il a pour but de réalisation de transactions commerciales.il s'agit de la vente des produits à travers le réseau internet, pour obtenir un travail plus organisé, gagne de temps, et offrir un meilleur service aux clients.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

II-Environnement de projet 1) Définition de commerce électronique Le commerce électronique désigne l'ensemble des activités reposant sur des transactions commerciales à distance en utilisant les nouvelles technologies de communication, notamment l’internet.

2) Les taches de projet Notre projet de commerce électronique donne la possibilité d'ajouter, de modifier et de supprimer les produits et ses catégories grâce à une interface d'administration sécurisée.

L’administrateur est donc complètement autonome dans la mise en œuvre de ce site.

Notre projet de commerce électronique c’est une boutique en ligne comprenant les éléments suivants : 9 Un catalogue électronique en ligne, présentant l'ensemble des produits disponible à la vente, leur prix et leur disponibilité (produit en stock) ; 9 Un moteur de recherche permettant de trouver facilement un produit à l'aide de mot clé.

9 Un système de caddie virtuel (appelé parfois panier virtuel) : il s'agit du cœur du système de commerce électronique. Le caddie virtuel permet de conserver la trace des achats du client tout au long de son parcours et de modifier les quantités pour chaque référence ; 9 Un système de suivi des commandes, permettant de suivre le processus de traitement de la commande.

9 Un système de l’administration permet au commerçant en ligne d'organiser son offre en ligne, de modifier les prix, d'ajouter ou de retirer des références de produits ainsi que d'administrer et de gérer les commandes des clients.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

3) Dictionnaire de données : A l’aide de l’étude qu’on a fait, nous avons récolté toutes les informations liées à notre projet et qui constitue notre dictionnaire de données suivant :

Proprietes

Contenu

Nature

type

Longueur

supcat

supérieur catégorie d'un catégorie

chaine de caractère

élémentaire

20

nom_catg

catégorie des produits

chaine de caractère

élémentaire

20

ref

référence de produit

chaine de caractère

élémentaire

20

nom_prd

Nom de produit

chaine de caractère

élémentaire

25

description

description de produit (détaille)

chaine de caractère

élémentaire

255

prix

prix de produit

numérique

élémentaire

15

qtestosk

quantité de produit dans le stock

numérique

élémentaire

10

id_cli

id client (référence client)

numérique

paramètre

15

pseudo

pseudo de client

chaine de caractère

élémentaire

10

nom

nom de client

chaine de caractère

élémentaire

15

prenom

prénom de client

chaine de caractère

élémentaire

15

date_naiss

date de naissance de client

date

élémentaire

15

email

E-mail de client

chaine de caractère

élémentaire

10

ville

ville de client

chaine de caractère

élémentaire

20

cp

code postale de client

numérique

élémentaire

20

adresse

adresse de client (rue ou av + N°)

concaténé

élémentaire

50

tele

telephone de client

numérique

élémentaire

15

pwd

Mot de passe de client pour accéder a son compte

chaine de caractère

élémentaire

25

login

login de l'administrateur

chaine de caractère

élémentaire

20

idcmd

id commande

numérique

élémentaire

25

datecmd

date de commande

date

élémentaire

idfct

référence de facture

numérique

élémentaire

25

apayer

montant a payer

numérique

élémentaire

30

qte_cmd

quantité commandé

numérique

élémentaire

20

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

4) PARTIE MERISE La méthode « MERISE » c’est laquelle qui nous permet à créer les fichiers qui représentent le support de notre programme. Il consiste à maîtriser le développement et la compréhension des systèmes.

MODELE CONCEPTUEL DE DONNEES Le MCD est le plus connu et le plus utilisé des éléments de la méthode Merise. Il permet une représentation claire des données et des liens entre les données du domaine étudié.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

5) Les outils de développement : Notre projet est réalisée à l’aide des différentes démarches :

Langage PHP PHP (sigle de PHP: Hypertext Preprocessor), est un langage de scripts libre principalement utilisé pour produire des pages web dynamiques via un serveur HTTP, mais pouvant également fonctionner comme n'importe quel langage interprété de façon locale, en exécutant les programmes en ligne de commande. PHP est un langage impératif disposant depuis la version 5 de fonctionnalités de modèle objet complètes. En raison de la richesse de sa bibliothèque, on désigne parfois PHP comme une plate-forme plus qu'un simple langage.

Langage JavaScript JavaScript est un langage de programmation de scripts principalement utilisé dans les pages web interactives. C'est un langage orienté objets à prototype, c'est-à-dire que les bases du langage et ses principales interfaces sont fournies par des objets qui ne sont pas des instances de classes, mais qui sont chacun équipés de constructeurs permettant de générer leurs propriétés, et notamment une propriété de prototypage qui permet d'en générer des objets héritiers personnalisés.

Macromedia Dreamweaver Macromedia Dreamweaver MX 8 est un éditeur HTML professionnel destiné à la conception, au codage et au développement de sites, de pages et d’applications Web. Quel que soit l’environnement de travail utilisé (codage manuel HTML ou environnement d’édition visuel), Dreamweaver propose des outils qui vous aideront à créer des applications Web.

Apache Apache HTTP Server, souvent appelé Apache, est un logiciel de serveur HTTP produit par l'Apache Software Foundation. C'est le serveur HTTP le plus populaire du Web. C'est un logiciel libre avec un type spécifique de licence, nommée licence Apache.

MySQL MySQL est un système de gestion de base de données (SGDB). Selon le type d'application, sa licence est libre ou 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 ou Microsoft SQL Server

Flash Effect Maker Est outil de dessin des animations en flash, il permet de réaliser des banner spécifique, il comporte aussi des templates.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude III- Interface de projet Notre site est composer de deux partie : partie administrateur et partie utilisateur (client).

1) Partie utilisateur (client) : Lorsque l’utilisateur tape le lien du site web l’interface suivant apparaitre :

Cette page comporte un catalogue des produit récent mener par des images , ainsi un menu horizontale qui permet de choisir directement la catégorie désirable.

A gauche on trouve la partie de utilisateur qui permet au client d’accéder a son compte ainsi s’inscrire Une zone texte de recherche permettant de trouver facilement un produit à l'aide de mot clé 1.1) L’inscription des clients L’utilisateur doit s’inscrire pour avoir un compte Pour ce raison il faut appuyer sur le buttons « s’inscrire » puis remplir les champs d’inscription suivant :

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude Lorsque on click sur « Enregistrer » Un message apparaitre confirme la sucés d’inscription quant tout les champs sont remplisses.

Maintenant le client possède le droit et la possibilité de passer une commande après avoir ajouter ce qu’il veut acheter au panier.

Noter bien que le client a le droit de modifier leurs informations quant il veut par la fenêtre suivant :

1.2) modifier l’information d’un client

Le client peuvent navigue sur le site, il peut accéder directement a un catégorie a l’aide d’un menu horizontale Si il click sur une catégorie dans ce menu ,par exemple « périphériques » la page suivant s’apparaitre comporte une liste des sous catégories de périphérique : 1.3) choisir supérieur catégorie

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude Si on cliquant sur le buttons « téléphone » son sous catégories s’apparaitre comme le suivant :

1.4) choisir catégorie Si on click sur la catégorie Nokia la page suivant s’apparaitre qui contient seulement les produit de Nokia :

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude 1.5) Moteur de recherche Le site est possède aussi un moteur de recherche permettant de trouver facilement un produit à l'aide de mot clé.

Voila un exemple d’une recherche par le mot clé « Motorola » :

On appuyant sur détaille la page qui contient tous les informations sur ce produit s’apparaitre comme suivant :

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

1.6) Les étapes d’achat : Par exemple le client a l’intention d acheter un PSP il faut tout simplement appuyer sur acheter et le produit est ajouter a son panier automatiquement

Un message apparaitre confirme la joute de produit au panier

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

1.7) le panier Si le client veut vérifier les produits qu’il a déjà ajouté à son panier il click sur le bouton panier a gauche Et la page suivant s’apparaitre qui affiche les produits et a l’aide d’un combo de quantité le client peux changer la quantité d achat et le prix va changer automatiquement.

Ansi le client a le droit d’ajouter un autre produit il faut tout simplement choisie le et click sur acheter Par exemple il veut ajouter a son panier un ordinateur

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude Cela apparait clairement dans la page suivant :

1.8) Passer la commande Pour passer la commande, le client doit tous simplement appuyer sur « passer la commande ». et la facture de commande est saisie automatiquement est envoyé a l’administrateur.

La page suivant s’apparaitre qui indique que la commande est bien passée, est montre tous les informations relatives au client est son commande.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

2) Partie Administrateur 2.1) Page de connexion Voici la page concernant l’administrateur, il indique l’obligation d’entrer le login est le mot de passe pour des raisons de sécurité.

2.2) Page d’administration de site Quant le login et le mot de passe sont valide, la page suivant s’apparaitre :

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude Le menu compose de six boutons Accueil : affiche la premier page Catégories : permet de faire la gestion des catégories (modifier, ajouter et supprimer) Produits : permet de faire la gestion des Produits (modifier, ajouter et supprimer) Commande en attente : affiche tout les commande recevoir par les clients Clients : affiche tout les clients Commande prêtes : affiche les commande déjà payé et prêt a livré

2.3) La page des catégories

Cette page affiche tous les catégories, et les opérations qu’ils peuvent applique a ces catégorie : modifier et supprimer A l’aide d’un bouton « ajouter une catégorie » on peut accède a un autre page qui permet d’ajouter une nouvelle catégorie.

Il comporte aussi un moteur de recherche permettant de trouver facilement une catégorie à l'aide de mot clé.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

2.4)Recherche a un catégorie Et voila un exemple de recherche de « écran » :

2.5) Ajouter une nouvelle catégorie :

L’administrateur peut ajouter des nouvelles catégorises et l’affecter avec une supérieur catégorise a partir d un combo et aussi il peut ajouter une image a cette catégorie Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

2.6) Modifier catégorie

L’administrateur peut modifier une catégorie a partir de cette page

2.7) Page des produits

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude La page produit affiche tous les produits, et les opérations qu’ils peuvent applique a ces produits : modifier et supprimer.

A l’aide d’un bouton « ajouter un produits » on peut accède a un autre page qui permet d’ajoute des nouveaux produits.

Il comporte aussi un moteur de recherche permettant de trouver facilement un produit à l'aide de mot clé.

2.8) Ajouter un nouveau produit

A l’aide de cette page l’Administrateur peut ajouter des nouvelle produits en remplissent les champ nécessaires.

2.9) Modifier un produit

Le modification des produits se fait a l’aide de cette page Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

2.10) Page des clients

Cette page montre tous les clients et leur nom, prénom, E-mail, adresse et téléphone,et le possibilité de l’administrateur de supprimer le compte d’un client .

2.11) Commande en attente

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

Cette page affiche tout les commande en cour d’attente et leur date et réf et les clients qui passe chaque commande, ainsi on peut voire le détaille de chaque commande en click sur « détaille »

2.12) Detaille d’un commande et le paiement

Cette page affiche les détailles sur un commande concernant les clients et les produit . il comporte aussi deux zones de texte pour faire le paiement en entrent le référence de commande et le prix a payé Si le référence et le prix sont correcte la page suivant apparaitre indique le succè du paiement.

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

2.13) Commandes prêt a livrer

Cette page affiche tout les commande prêt a livrer c'est-à-dire déjà réglées, et leur clients, références et la date de règlement .ainsi un bouton pour affiche les détailles d’un commande et un autre pour livrer le commende

Commerce électronique

BTS GI-Laayoune

Rapport de projet fin d’étude

La réalisation de ce projet nous a permis de mettre en application tout ce que nous avons acquis durant cette 2éme année de formation ainsi que l’évaluation de nos capacités et compétences en matière informatique. Nous estimons que notre modeste projet répondra aux objectifs attendus et permettra d’atteindre les résultats souhaités.

Commerce électronique

BTS GI-Laayoune