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
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