Projet de fin dtudes

Sommaire
Introduction .5 I . Gestion de projet
1. Gnralits .. 7 2. Les tapes du projet .. 7 3. La phase prparatoire .. 8

II . Prsentation et Planification gnrale du projet

1. Prsentation du projet 1.1.Introduction 11 1.2.Dfinition de-commerce 11 1.3.Les principaux types du commerce lectronique .11 1.4.Avantages du commerce lectronique . 12 1.5.Inconvnients du commerce lectronique 12

Projet de fin dtudes 1.6.Le commerce lectronique en chiffre .. 14 1.7.Les lments dun site e-commerce ..14 1.8.Objectifs du projet ..14 2. Etude comparative des solutions existantes 2.1.Les diffrentes solutions existantes .15 2.1.1. Prestashop : Un nouvel acteur franais en plein essor ..15 2.1.2. Magento 15 2.1.3. OsCommerce : La plate forme historique de l'e-commerce . 16 2.1.4. Joomla et Virtuemart : Une plate forme de rfrence facile mettre en uvre 17 2.2.Critres du choix 18 2.3.Choix de la solution .20 3. Planing du projet 3.1.Diagramme de Gantt ..20

III. Analyse et spcification des besoins

1. Cahier de charge . 23

Projet de fin dtudes 2. Rgles de gestion ..24 3. Description gnrale du processus dachat en ligne ..25

IV . Conception
1. Diagramme de cas dutilisation 27 2. Diagramme de squence 29 3. Diagramme dactivits .. 30 4. Diagramme de classe .31

V. Ralisation
1. Outils de dveloppement 34 2. Plan de navigation .36 3. Prsentation du site 3.1.Espace Public ...38 3.2.Espace Administrateur ..43

Conclusion gnrale 47

Projet de fin dtudes

Bibliographie .48

INTRODUCTION

Vu lnorme concurrence dans le domaine dinternet, la plupart des socits proposent leurs services sur des sites web statiques et dynamiques dans lintention de se faire connatre et datteindre plus facilement leur clientle nationale et internationale. En relation avec ce domaine et dans le cadre de mon projet de fin de formation, jai dcid de choisir comme thme La conception dun portail ecommerce pour la socit PUB OBJECT

Projet de fin dtudes

Ce projet a t labor en utilisant le CMS Prestashop, permettant de produire une application web e-commerce, avec un contenu dynamiques en utilisant un scripting cot serveur. Le premier chapitre est une prsentation gnrale des diffrentes tapes de gestion de projet. Le deuxime est consacr ltude des solutions e-commerce avec une prsentation dtaille de chaque solution Le troisime chapitre dcrit le cahier de charge de notre projet et les rgles de gestion Le quatrime prsente la conception gnrale de projet (Diagramme de cas dutilisation, de squence, dactivits et de classe) Et le dernier chapitre est consacr la ralisation et la mise en uvre de la solution.

Chapitre 1 : Gestion de Projet

5

Projet de fin dtudes

Dans ce chapitre, On vous prsente les diffrentes tapes de ralisation et de gestion dun projet informatique

1) Gnralits
Pour tout projet informatique, il est ncessaire denvisager une organisation du projet. Cette tche est effectue par le chef de projet. Il sattache concevoir, dvelopper, mettre au point et livrer (ventuellement maintenir et faire voluer) des applications pour le compte dun client. Il occupe une fonction trs transversale puisque sa mission premire consiste piloter le projet en entier, en faisant travailler diffrents spcialistes de manire coordonne. Le chef de projet est le garant de lavancement du projet et du respect des dlais impartis. Ce rle dorganisation exige de lui de solides qualits en management. Ses missions sont donc autant techniques que managriales, elles consistent :

Projet de fin dtudes

Etudier et dfinir les besoins du client. Elaborer un cahier des charges (en analysant et en estimant la charge de travail, les moyens et le budget ncessaire la ralisation du projet). Animer, encadrer et coordonner les quipes qui travaillent sur le projet, en rpartissant et en contrlant les tches, mais aussi en apportant un soutien technique tout au long des diffrentes tapes. Contrler la qualit des dveloppements Veiller au respect des plannings et des cots Conseiller, assister et former les utilisateurs. Avant de commencer le projet, il faut dsigner un chef de projet par le comit de pilotage qui se constitue de responsables organisationnels. De sa part le chef de projet est charg de proposer une quipe. A titre dindication, le chef de projet peut faire appel des intervenants donnant un avis dexpertise sur un point ncessitant des comptences techniques ou mthodologiques que lquipe projet ne possde pas.

2) Les tapes du projet

Pour quil soit gr dans un contexte de qualit, le projet doit suivre diffrentes phases au terme desquelles des points de contrle doivent tre dfinis. Chaque tape fait lobjet dun livrable et dune validation partir dun doucement spcifique. Cela permet de matriser la conformit des livrables la dfinition des besoins ainsi que de sassurer de ladquation aux objectifs de cots et de dlai. Ces tapes de validation, constituant une des tches de la gestion de projet, permettent de dceler les non conformits au plus tt et de sadapter aux nouvelles contraintes dues aux alas non prvus initialement. La matrise du temps allou chaque tche est primordiale et lanalyse des risques est indispensable. En effet, au lancement du projet il existe beaucoup dincertitudes, dans la mesure o les caractristiques ne sont pas encore formalises. Cela reprsente autant de risque pour le projet, quil faut essayer didentifier afin de les anticiper. De cette manire, des moyens doivent tre prvus dune part pour prvenir lapparition de ces risques mais galement pour les corriger le cas chant. Le projet peut tre dcoup de faon basique de la manire suivante :

Phase prparatoire : Cette phase permet de prendre conscience du projet, puis dtudier lobjet du projet pour sassurer que sa mise en uvre est pertinente et quil entre dans la stratgie de lentreprise. Cette phase, gnralement qualifie davant-projet, doit se conclure par la mise au point de documents formalisant le projet et indiquant les conditions organisationnelles de droulement du projet. Phase de ralisation : Il sagit de la phase oprationnelle de cration de louvrage. Elle et mene par la matrise duvre (lentit qui ralise le
7

Projet de fin dtudes

projet), en relation avec la matrise douvrage (lentit porteuse du besoin). Cette phase commence par la rception du cahier des charges et se clture par la livraison de louvrage (projet). Phase de fin de projet : Il sagit de la mise en production de louvrage, cest--dire sassurer que louvrage est conforme aux attentes des utilisateurs et faire en sorte que son installation et son utilisation se droulent correctement. Dans la mesure o la matrise douvre connat le produit quelle a mis au point, il lui revient de linstaller.

Ces trois phases sont galement connues sous lappellation 3C : cadrer, conduire, conclure. Chacun de ces phases macroscopiques peut se dcomposer en tapes. La dcomposition propose provient de la mthode MERISE. Il sagit dune des mthodes les plus utilises.

3) Phase prparatoire
On utilise gnralement le terme davant-projet pour dsigner lensemble des tapes prparatoires ncessaires au lancement du projet. Il sagit donc de dfinir prcisment ce que sera le projet afin daboutir la mise au point de documents contractuels (faisant lieu dun contrat) permettant dengager la matrise duvre et la matrise douvrage dans le lacement du projet. Cette phase formalise donc la dcision de commencer le projet. Ltude dopportunit :

Cette tape davant-projet permet dtudier la demande de projet et de dcider si le concept est viable. Cette premire tape a pour enjeu de valider la demande des utilisateurs par rapport aux objectifs gnraux de lorganisation. Elle consiste dfinir le primtre du projet, notamment dfinir les utilisateurs finaux, cest--dire ceux qui louvrage est destin (on parle de ciblage ou profilage). Lors de la phase dopportunit, les besoins gnraux de la matrise douvrage doivent tre identifis. Il est ncessaire de sassurer que ces besoins correspondent une attente de lensemble des utilisateurs cibles et quils prennent en compte les volutions probables des besoins. Ltude de faisabilit :

Ltude de faisabilit vise analyser la faisabilit conomique, organisationnelle et technique du projet.

Projet de fin dtudes

Elle dtermine galement si lorganisation est bien en mesure de mener le projet son terme. On cherche en particulier savoir si elle dispose des comptences, des ressources et des fonds ncessaires. Ltude faisabilit conduit envisager plusieurs scnarios (tudes de cas). Chaque scnario envisag permet dvaluer les risques pesant sur le projet et doit saccompagner dun bilan prvisionnel prsentant le cot et les avantages du scnario. Cette tape fait lobjet dun livrable, le dossier de faisabilit, remis au comit de pilotage afin que chaque scnario soit tudi. Ltude dtaille :

Il est ncessaire de faire une tude plus approfondie des besoins pour que la matrise douvrage et la matrise douvre puissent sentendre sur un document contractuel, il sagit de ltude pralable. Il est essentiel lors de ltude pralable de sassurer que les besoins sont exprims uniquement de manire fonctionnelle et non en terme de solution. Lanalyse fonctionnelle des besoins permet ainsi de dgager les fonctionnalits ncessaires de louvrage. L a prparation :

Avant de se lancer dans la ralisation de louvrage, il est ncessaire de prendre le temps de dcouper le projet en tches afin de planifier lexcution de ces tches et de dfinir les ressources mobiliser. On utilise pour cela le diagramme de GANTT La ralisation :

Il sagit de ltape de dveloppement de louvrage. Cette tape est de la responsabilit du matre douvre. Lors de la ralisation de louvrage laccent doit tre mis sur la communication afin de pouvoir prendre les dcisions au plus vite en cas de problme.

Projet de fin dtudes

Chapitre 2 : Prsentation et planification gnrale du projet

Dans ce chapitre, On vous prsente des informations sur le-commerce (Dfinition, avantages, statistiques ) et une plinification gnrale du projet (Diagramme du gant)

10

Projet de fin dtudes

1 Prsentation du projet :
1 1) Introduction
Notre projet consiste concevoir un portail e-commerce de vente des produits publicitaires au Maroc. Nous avons besoin pour cela dun systme complet qui permet dexposer la liste des produits disponibles avec toutes les informations les concernant et de donner la possibilit aux visiteurs de crer leurs comptes, ajouter leurs produits au panier virtuel et finalement pouvoir les commander facilement avec une possibilit de payer par carte bancaire en utilisant un systme scuris. Avant dentamer la phase danalyse, de conception ou de ralisation de notre projet, il va falloir tout dabord commencer par llaboration dune tude profonde sur le-commerce : Sa dfinition, ses diffrents types, ses avantages, ses inconvnients et son volution afin de mieux planifier les diverses tapes de ralisation dun tell projet.

1 2) Dfinition de-commerce
On appelle Commerce lectronique (ou e-Commerce) l'utilisation d'un mdia lectronique pour la ralisation de transactions commerciales. La plupart du temps il s'agit de la vente de produits travers le rseau internet, mais le terme e-Commerce englobe aussi les mcanismes d'achat par internet (pour le B-ToB). Le client effectuant des achats sur internet est appel cyberconsommateur. Le e-Commerce ne se limite pas la seule vente en ligne, mais englobe galement :

La ralisation de devis en ligne Le conseil aux utilisateurs La mise disposition d'un catalogue lectronique Un plan d'accs aux points de vente La gestion en temps rel de la disponibilit des produits (stock) Le paiement en ligne Le suivi de la livraison Le service aprs-vente

Dans certains cas, le commerce lectronique permet un haut niveau de personnalisation des produits, notamment si le site de commerce lectronique est coupl avec le systme de production de l'entreprise (par exemple cartes de visites, etc.).

1 3) Les principaux types du commerce lectronique:

11

Projet de fin dtudes

On peut distinguer :

le e-commerce entre entreprises, souvent appel B2B ; Le commerce lectronique destination des particuliers, ou B2C; Le commerce lectronique entre particuliers, ou C2C. Il s'agit de sites web permettant la vente entre particuliers ; L'change lectronique entre une entreprise et ses employs, souvent appel Intranet ou B2E ; L'change lectronique entre les entreprises prives et le gouvernement, souvent appel B2G. Le G2C : L'change lectronique entre le gouvernement et les consommateurs, permet aux gouvernements de communiquer avec ses citoyens Le A2A : L'change lectronique entre les administrations (Administration to Administration), Permet aux administrations de communiquer entreelles et d'effectuer des affaires lectroniques

1 4) Avantages de commerce lectronique :

Parmi les principaux avantages qui amnent les clients au commerce lectronique, on peut citer : Un accs facile un plus large ventail de produits et de services. Une vitrine disponible 24/24 Pas de file d'attente ou de ncessit dplacement Il existe plus de "choix", c'est "moins cher" et "plus divertissant". Possibilit dacheter nimporte quand et nimporte o dans le monde. Du point de vue du vendeur, les avantages du commerce lectronique sont multiples : Un nouveau moyen dexpansion peu coteux. Vaste clientle potentielle non limite gographiquement. Cot de diffusion des informations rduit. Frais dexploitation rduits, concentration des lieux de stockage dans des zones dcentralises. Suppression ventuelle des intermdiaires entre producteur et consommateur.

1 5) Inconvnients du commerce lectronique :

a) Lanonymat La globalit, linteractivit et les aspects despace et de temps introduisent un manque de transparence aux transactions commerciales lectroniques, de plus
12

Projet de fin dtudes

la nature de linformation, son emplacement physique ou son propritaire sont difficile dterminer. Lanonymat peut concerner diffrents points de la transaction : Qui est impliqu dans la transaction (au pluriel ou au singulier) ? Quel est lobjet de la transaction (qui peut tre cach pour des raisons de vie priv, etc) ? O la transaction prend-elle place ? A partir de quand lactivit peut engendrer des consquences lgales (violation de droit) Comment la transaction est-elle oprer (Livraison physique, lectronique)

b) Les challenges sont multiples Dans toute transaction commerciale, il y a beaucoup dintrt diffrents (et parfois contradictoire) protger. Lacheteur et le vendeur souhaitent tre protger des fraudes et abus, les vendeurs veulent tre comme les acheteurs aiment savoir contre quils pourraient se retourner en cas de faillite ou cas ou ils auraient faire jouer leur garantie. Les problmes didentification et danonymat ont nombreuses rpercussions, ainsi ils entranent de nombreux challenges quil faudra rsoudre. Les plus grands dentre eux qui concerne le commerce lectronique : La La La La taxation protection de la vie prive protection contre les fraudes limitation de certaine vente
c) Les fraudes et le problme didentification des parties

Une des grandes faiblesses du monde lectronique rside dans le manque didentification des parties et des transactions, deux points nous viennent lesprit : - Premirement, il faudra que toute transaction soit enregistre de manire dfinitive et sans aucune possibilit deffacement ou de modification ultrieur. Dans le commerce traditionnel ceci est plus au moins garanti par les factures, bordereaux, tickets de caisse ou autres, dans lre lectronique tant donne quil est facile de modifier les fichiers informatis et les contrleurs dadministration rencontrent deux problmes, la manque de trace physique de

13

Projet de fin dtudes

la transaction et la diffrence dun produit digitalis a ceci de particulier quil peut tre dupliqu indfiniment et quil peut donc tre revendu indfiniment sans que lon ne puisse en trouver trace dans un quelconque tat dinventaire. - Le deuxime point permettant de diminuer la fraude, concerne la possibilit didentifier les parties lors dune transaction. Il est en effet indispensable de savoir si lutilisateur est bien le propritaire de la carte de crdit dbiter pour effectuer la transaction, tout comme il est souvent impossible de dterminer limpt retenir sans connaissance prcise au lieu de rsidence de lacheteur ou du vendeur. Tous ces dsavantages font que les transactions commerciales lectroniques sont plus difficiles tracer, identifier et distinguer entre elles que ne le sont les transactions des autres formes de commerce utilisant les techniques traditionnelles de communication.

1 6) Le commerce lectronique en chiffre :

Une rcente tude de Forrester Research prvoit que le commerce en ligne en France sera multipli par trois dici 2011 ! Cette anne dj 13 millions de franais ont achet des produits ou services en ligne. 48 % des franais ont utilis Internet pour faire leur shopping ces trois derniers mois. Ils ntaient mme pas la moiti il y a trois ans ! Et la moyenne dge volue : 38 ans cette anne contre 35 ans il y a trois ans. Dans les 5 annes venir nous passerons de 13 26 millions de cyberacheteurs tandis que les achats vont plus que tripler. Aujourdhui ce sont dj les femmes qui dominent (52%). Daprs Forrester Research les vtements et les voyages reprsenteront eux deux 40 % des achats en ligne en 2011.

1 7) Les lments dun site e-commerce

La plupart des sites de commerce lectronique sont des boutiques en ligne comprenant au minimum les lments suivants au niveau du front-office :

Un catalogue lectronique en ligne, prsentant l'ensemble des produits disponible la vente, leur prix et parfois leur disponibilit (produit en stock ou nombre de jour avant livraison) ; Un moteur de recherche permettant de trouver facilement un produit l'aide de critres de recherche (marque, gamme de prix, mot cl, ...) ; Un systme de caddie virtuel (appel parfois panier virtuel) : il s'agit du cur du systme de e-commerce. Le caddie virtuel permet de conserver la trace des achats du client tout au long de son parcours et de modifier les quantits pour chaque rfrence ;
14

Projet de fin dtudes

Le paiement scuris en ligne (accounting) est souvent assur par un tiers de confiance (une banque) via une transaction scurise ; Un systme de suivi des commandes, permettant de suivre le processus de traitement de la commande et parfois d'obtenir des lments d'information sur la prise en charge du colis par le transporteur.

Un systme de back office permet au commerant en ligne d'organiser son offre en ligne, de modifier les prix, d'ajouter ou de retirer des rfrences de produits ainsi que d'administrer et de grer les commandes des clients.

1 8) Objectif du projet
On souhaite raliser un site web E-commerce pour automatiser lachat des produits publicitaires en ligne avec une possibilit de payer par carte bancaire ou dautres moyens de payement et de pouvoir livrer les produits commands domicile. Le site doit permettre aux visiteurs de chercher les produits quils dsirent et de pouvoir sinscrire et complter les procdures dachat en ligne. On souhaite galement avoir une partie Back office qui va permettre ladministrateur de mieux grer sa vitrine et pouvoir suivre ltat des commandes temps rel.

2 - Etude comparative des solutions existantes

2-1) Les diffrentes solutions existantes :
2-1-1) Prestashop : un nouvel acteur franais en plein essor Prestashop est une solution de boutique en ligne open-source dite par une socit franaise (Prestashop), dont le dveloppement a dbut en 2005. Conue en PHP MySQL, PrestaShop est une solution 100 % modulable et personnalisable aussi bien techniquement que graphiquement. Navigation simple et intuitive du cot du front-office, administration ais et complte du cot du back-office. Prestashop tout d'un grand futur. En plus de reprendre les traditionnelles fonctionnalits d'une plate forme d'ecommerce celle-ci intgre nativement :

13 langues par dfaut (le franais en fait bien partie) Envoi de SMS l'administrateur ds l'enregistrement d'une commande Aides contextuelles Pr-commande pour des produits en rupture de stock Retour de marchandises
15

Projet de fin dtudes

Encryption SSL ... 2-1-2) Magento

Magento est une solution complte de-commerce, base sur le framework Zend. Ce systme est dvelopp de manire robuste et flexible. Magento vous permettra de crer un projet e-commerce de qualit professionnelle et volutif. Boutique complte, avec design sur mesure, paiement en ligne, gestion des produits, des clients, des commandes, CMS intgr, ventes croiss,... Quelques fonctionnalits essentielles de Magento Commerce :

Gestion mono ou multi-magasins, gestion multilingue, multi-site, multiboutique Gestion avance des droits de gestion du site (multi-administrateurs) Personnalisation graphique totale du site votre image Plus de 30 fonctions marketing disponibles (promotions,coupons...) Gestion avance de catalogue produits (produits simple, produits configurables, produits en lots, redimensionnement automatique des visuels...) Vente en BtoC, vente au comptoir distinctement ou les 2 ensembles Solutions standard de paiement intgrables (paypal, ogone...) Livraison multi-adresses, gestion des reliquats, rglage fin des frais de ports... Gestion des commandes, des factures, des avoirs Historique de commande, suivi de compte, suivi de commande par les clients Reporting et outils d'analyse intgr google analytics URLs optimises pour le referencement CMS intgr pour la gestion de pages statiques, blocs HTML 2-1-3) OsCommerce : la plate forme historique de l'ecommerce

Cre en mars 2000, OsCommerce est une des solutions Open Source de cration de boutique en ligne les plus anciennes. ce titre, cest aussi lune des plus utilises, avec environ 15.000 boutiques cres dans le monde. Relativement peu intgr en standard, il ncessite la mise en uvre de modules complmentaires et souvent de dveloppements spcifiques. De trs nombreux add-ons (fichiers installer en complment de linstallation standard) sont disponibles (prs de 5000 add-ons rfrencs). Les plus populaires sont traduits en franais.

16

Projet de fin dtudes

Comme tout CMS, osCommerce dispose d'une frontoffice (partie visible par vos clients) ainsi que d'un backoffice (partie tant rserve aux responsables de la boutique) vous permettant de vous acquitter de toutes les taches ncessaires son administration. Pour tre utilis, OsCommerce ncessite une installation. Celle-ci s'avre assez facile et rapide pour qui a dj effectu ce genre d'opration. Cot technique, Php 3.x ainsi que MySql 3.23 sont les requis minimum. La dernire version de la boutique intgre nativement :

Gestion des stocks E-mailing Gestion des catalogues Module de payement paypal Gestion des taxes Gestion des clients / commandes Gestion multi-langue ...

Peuvent tre ajout rapidement et gratuitement:

Modules de payements particuliers (carte bancaire par exemple ...) Nouveaux templates (thmes graphiques pour votre site) Gestion des Prix Particulier et Professionnel par Produits ...

2-1-4) Joomla et Virtuemart : une plate forme de rfrence facile mettre en uvre Joomla est lun des gestionnaires de contenu (Content Manager System ou CMS) leader au plan mondial. Trs facile dployer et utiliser, il est plbiscit par des milliers de webmasters dans le monde. La communaut Joomla est extrmement dynamique et continue crotre rapidement. Le site officiel Joomla est dailleurs maintenant class parmi les 200 sites les plus frquents dans le monde (classement Nielsen/Netrating). Le nombre dextensions disponibles, aujourdhui suprieur 4000, est sans cesse croissant. La version 1.5, stabilise dbut 2008, a t entirement rcrite pour une meilleure structuration du code et une plus grande facilit de dveloppement des extensions. La plupart dentre elles sont gratuites ou parfois commercialises pour une somme ou un abonnement symbolique. Ds 2005, une solution eCommerce spcialement dveloppe pour Joomla a vu le jour. Virtuemart est aujourdhui parfaitement stable et dploye dans le monde entier des dizaines de milliers dexemplaires.
17

Projet de fin dtudes

Virtuemart est totalement intgre Joomla, multilingue, entirement francise et gratuite. Elle comprend en standard toutes les fonctionnalits attendues dune solution de e-commerce. La communaut franaise Virtuemart est aussi trs dveloppe. Plus de 1500 sites Virtuemart ont t dploys en France A noter quelle supporte un nombre illimit de produits et catgories, un produit pouvant appartenir plusieurs catgories, ce qui savre trs pratique pour grer des promotions par exemple. Il est galement possible d'attribuer des conditions particulires d'achat certains groupes d'utilisateurs. De nombreuses extensions Virtuemart sont aussi disponibles, notamment la quasi-totalit des interfaces bancaires est disponible gratuitement. Des extensions pour adresser des marchs verticaux, tels que la Vido la demande, la vente de photos en ligne sont disponibles. Linstallation de Virtuemart est facile, dautant quun package Joomla ! + Virtuemart francis est disponible. Comme lhabitude avec les fichiers de langues en PHP, il peut tre utile de vrifier systmatiquement les quotes () dans les fichiers de langue. De mme, il est recommand d'avoir la librairie PHP cURL pour le support SSL.

2 -2) Critres du choix

Chacune des solutions compares prsente toutes les fonctionnalits et caractristiques ncessaires et suffisantes pour raliser un site de commerce professionnel personnalis. Elles sont toutes dune installation assez facile et dune prise en main aise. Les critres de choix ne peuvent pas se rsumer une comparaison purement fonctionnelle, dautant que chacune des plates-formes est suffisamment ouverte pour permettre des nombreuses extensions, disponibles en standard ou dvelopper spcifiquement. Le Tableau 1 tente une prsentation des avantages compars de chaque plateforme au travers de plusieurs axes. Parmi les lments diffrentiant, il apparat que la maturit de chaque solution constitue un critre de choix essentiel, tudier en dtail dautant plus que le niveau de personnalisation du site est recherch.

18

Projet de fin dtudes

Le tableau 2 synthtise les avantages respectifs de chacune de ces platesformes, toutes parfaitement francises, tant sur le plan du langage que pour la prise en compte des spcificits franaise (transporteurs, interface bancaires, etc)

Avantages

Ergonomie Templating Structure des produits Extensibilit Rgles de prix Interoprabilit Gestion de contenu ditioral Packaging + communaut +++ Tableau 1 : Avantages

osCommerc e + + + ++ + + ++

Virtuemart ++ ++ ++ +++ ++ ++ +++

Magento ++ ++ ++ +++ ++ ++ +++

Prestashop +++ +++ ++ +++ +++ +++ ++

++ + +++ +++ + + compars des plats-formes

19

Projet de fin dtudes

Tableau 2 : Comparatif fonctionnel des plates-formes e-commerce

20

Projet de fin dtudes

2 -3 Choix de la solution
Nous avons dcid de choisir la solution open source Prestashop pour raliser notre projet, une solution qui rpond parfaitement aux besoins dun site e-commerce. Dot dune navigation simple et intuitive du cot du front-office, dune administration aise et complte du cot du back-office, Prestashop fournit en standard un grand nombre de fonctionnalits comme par exemple :

Prix dgressifs, Taux de change en temps rel, Notifications SMS, Ajout/suppression de fonctionnalits via des modules, Code-barres, Aide contextuelle, Gnrateur de dclinaisons de produit, Notification par email des statuts de livraison (personnalisable), Envoi de SMS l'administrateur ds l'enregistrement d'une commande, Langues illimites, Import/export des traductions, Optimisation du rfrencement (SEO), Thmes graphiques 100% personnalisables, Gestion multiple utilisateurs (back office) et leurs permissions (ACL ). ce jour, 13 langues par dfaut sont supportes (le franais en fait bien sr partie)

3 - Planing du projet
3-1) Diagramme de Gantt
Le diagramme de GANTT est un outil permettant de modliser la planification de tches ncessaires la ralisation d'un projet. Il s'agit d'un outil invent en 1917 par Henry L. GANTT. Etant donn la relative facilite de lecture des diagrammes GANTT, cet outil est utilis par la quasi-totalit des chefs de projet dans tous les secteurs. Le diagramme GANTT reprsente un outil pour le chef de projet, permettant de reprsenter graphiquement l'avancement du projet, mais c'est galement un bon moyen de communication entre les diffrents acteurs d'un projet. Ce type de modlisation est particulirement facile mettre en uvre avec un simple tableur mais il existe des outils spcialiss dont le plus connu est

21

Projet de fin dtudes

Microsoft Project. Il existe par ailleurs des quivalents libres (et gratuits) de ce type de logiciel.

22

Projet de fin dtudes

Chapitre 3 : Analyse et spcification des besoins

Dans ce chapitre, Nous allons prsenter le cahier de charge de notre projet, les rgles de gestion et vous dcrire le processus dachat en ligne

23

Projet de fin dtudes

1 - Cahier de charge
On dsire raliser un site web dynamique e-commerce. Trois types dutilisateurs pourront accder au site, le premier correspond linternaute en qute dun produit (visiteur), qui dsire acheter un matriel depuis son navigateur Internet aprs avoir remplir un formulaire dinscription, le deuxime type correspond au client qui peut passer des commandes tout simplement en entrant dans sa session et ladministrateur du site, qui gre le site depuis son espace admin. On a dress une liste des exigences de chacun de ces types dutilisateurs. Exigences du client ou un simple visiteur : Le visiteur peut accder au site depuis un navigateur conforme au standard HTML 4 ou plus ; Un visiteur simple peut devenir un client en remplissant un formulaire dinscription ; Le visiteur peut faire sa recherche et sa slection des produits dune manire anonyme mais il doit sidentifier ou remplir un formulaire dinscription ds quil valide la liste darticles slectionns pour passer une commande .ds que le client valide sa commande, toutes les informations ncessaire la livraison sont enregistres dans la base de donnes du serveur ; Le client recherche un article en slectionnant une catgorie ou en saisissant le nom (ou une partie du nom) dun produit dans un champ de recherche du catalogue. Le rsultat de sa recherche saffiche sous la forme dune liste dinformation (rfrence, description, prix) et le client peut visualiser la fiche de chaque article par un simple click sur la rfrence de matriel dsir, la fiche dun matriel comporte toutes les informations ncessaire. Sil le dsire, le client ajout larticle son panier virtuel en cliquant sur le bouton commander ; Le client peut modifier la quantit dsire de chaque article slectionn et ventuellement supprimer certains de ces articles depuis lcran de panier virtuel. En revanche, il ne peut pas modifier sa commande ds quelle est valide ; Le client imprime le bon de commande tabli lors de sa validation en ligne. Il adresse ladministrateur du site ce bon accompagn de son rglement pour que les articles slectionne lui soient envoys ;

Aprs stre de nouveau identifi, le client suit ltat de sa commande, qui peut prendre plusieurs valeurs : Annul, En attente de rapprovisionnement, En attente du paiement par chque, En attente du paiement par PayPal, En attente du paiement par virement bancaire, En cours de livraison, Erreur de paiement, Livr, Paiement accept, Prparation en cours, Rembours
24

Projet de fin dtudes

Exigences de ladministrateur :

Ladministrateur gre son site depuis son espace administration qui doit tre protg par un seul couple login/mot de passe ; Ladministrateur peut supprimer des comptes client et modifier les informations de chaque compte ; Ladministrateur ajoute, supprimer ou modifier les Articles du catalogue ; Ladministrateur affiche les informations de chaque commandes, chang ltat dune commande aprs lenvoi des articles ou supprimer compltement une commandes dans le cas o le rglement ne lui parviendrait jamais ; Ladministrateur gre le transport de la boutique (Transporteurs, Etats, Pays, Zones, Tranches de prix, Tranches de poids). Ladministrateur gre le paiement (Devises, Taxes, Bons de rduction ...) Ladministrateur peut consulter les divers statistiques relatives aux diffrentes operations sur la boutique.

La technologie PHP (Hypertext Preprocessor) sera utilis pour crire des scripts qui seront excuts au cot serveur afin daccder la base de donnes au moyen des requtes SQL.

2 - Rgles de gestion :
3 types dutilisateurs peuvent consulter le site : simple Visiteur Client Administrateur

Un simple visiteur peut : o o o o Consulter tous les articles prsents par la socit ; Commander larticle quil dsire. Devenir client par cration de compte Contacter la socit par envoi du message ;

Un client peut :

25

Projet de fin dtudes

o Consulter la liste des articles prsents dans la socit classs par catgorie ; o Effectuer une ou plusieurs commandes ; o Contacter la socit par envoi de message ; o Entrer dans sa boite pour consulter la liste des commandes dj effectuer ;

Ladministrateur du site peut : o o o o o o o Consulter les commandes dj reues ; Changer ltat dune commande ; Ajouter ou supprimer un client ; Modifier les informations concernant un client ; Ajouter, modifier ou supprimer un produit ; Grer le transport de la boutique Consulter la liste des messages envoyer par les visiteurs ;

3 Description gnrale du processus dachat en ligne :

Inscription si le client nest pas encore inscrit. Prparation de la commande. Saisie du login et de mot de passe. Validation de la Commande. Impression du bon de commande. Livraison des produits achets au client si le processus dachat a termin avec succs.

26

Projet de fin dtudes

Chapitre 4 : Conception
Dans ce chapitre, On va vous prsenter le diagramme de cas dutilisation, de squence, dactivits et le diagramme de classe de notre projet

27

Projet de fin dtudes

1 - Diagramme de cas dutilisation

Le but de ces diagrammes et d'avoir une vision globale sur les interfaces du futur logiciel. Ces diagrammes sont constitus d'un ensemble d'acteurs qui agit sur des cas d'utilisation.

28

Projet de fin dtudes

29

Projet de fin dtudes

2 - Diagramme de squence
Il s'agit d'une explication dtaille d'un cas d'utilisation. Les principales informations contenues dans un diagramme de squence sont les messages changs entre les lignes de vie, prsents dans un ordre chronologique.

30

Projet de fin dtudes

3 Diagramme dactivits :
Un diagramme d'activit permet de modliser un processus interactif, global ou partiel pour un systme donn (logiciel, systme d'information). Il est recommandable pour exprimer une dimension temporelle sur une partie du modle, partir de diagrammes de classes ou de cas d'utilisation, par exemple.

31

Projet de fin dtudes

4 - Diagramme de classe
Ce modle nous permet d'avoir une vue statique de l'application. Il nous montre les relations entre les diffrentes entits (classes) composant notre application. Il nous mne vers la solution finale. partir de ce diagramme on retrouve les corps des diffrentes classes de notre application.

32

Projet de fin dtudes

33

Projet de fin dtudes

Chapitre 5 : Ralisation

Dans ce chapitre, On va vous prsenter les divers outils de dveloppement de notre projet et quelques interfaces de nos pages web

34

Projet de fin dtudes

1 - Outils de dveloppement
Gant Project

GanttProject est un outil de gestion de projet libre, permettant de raliser des diagrammes de GANTT afin de planifier un projet et d'en grer les ressources. GanttProject est un outil complet proposant des fonctionnalits d'import/export vers Microsoft Project, ainsi que des fonctions d'exportation au format PDF ou HTML.
Power AMC

PowerAMC est un logiciel de modlisation (modeleur) de Sybase. En 2006, il inclut les modlisations de bases de donnes (MPD, MCD), UML, modlisation de traitements Merise (MCC, MOT, MCT) et modlisation de processus mtier. Initialement cr sous le nom AMC*Designor par l'diteur Powersoft pour la modlisation Merise, il a t renomm PowerAMC pour la version franaise et PowerDesigner pour la version internationale aprs le rachat par Sybase.
Wampserver

WAMP5 ou Windows, Apache, Mysql, PHP est un logiciel regroupant l'ensemble de ces logiciels. Cette version contient :

Apache 2.0.55 MySQL 5.0.21 PHP 5.1.4 phpmyadmin 2.8.0.3

Des moins classiques sont galement intgr tel que SQLITEmanager ou bien encore Zend Optimizer. Il est certes moins facile installer et configurer que Easyphp mais il a l'avantage de contenir la dernire version des serveurs comme apache ou bien PHP5 et d'tre rgulirement mise jour.
Dreamwheaver

Logiciel cr par Macromedia (et gr maintenant par Adobe) permettant la conception de sites web. Dreamweaver fonctionne en mode WYSIWYG ou en mode code et dispose d'un client FTP permettant le transfert des pages cres sur le serveur hbergeant le site web.

35

Projet de fin dtudes

Le logiciel code les pages au format HTML (format constitu de balises qui s'insrent dans le texte des pages) en respectant les recommandations de l'organisme W3C qui gre les normes de conception des sites web. Ce logiciel est trs puissant d'utilisation et ncessite une bonne formation pour pouvoir le matriser. La partie Editeur de code du logiciel permet la modification rapide du contenu des pages, de leur mise en forme, de l'insertion d'images, de liens ou d'autres lments habillant la page Web. La partie Gestion du site permet d'organiser tous les fichiers composant le site et de les publier sur le serveur distant pour qu'ils soient accessible via Internet.
Photoshop

Logiciel de retouche d'images pour l'impression ou pour le Web. Logiciel phare de la socit Adobe et mondialement utilis pour ses capacits hors du commun. Photoshop est l'outil le plus utilis actuellement pour la retouche d'images de qualit professionnelle. Ses nombreux outils lui permettent d'effectuer quasiment tout ce qui est possible de faire sur une image. La richesse de ses fonctionnalits le rend un peu difficile matriser et ncessite quelques jours de formation. Ses principales fonctionnalits sont :

La conception de slections dans diffrents modes qui permet de choisir avec une grande prcision les partie de l'image devant subir des modifications. Les nombreux outils permettant de dtourer tout ou partie d'une image afin d'effectuer des montages. La cration de masques divers permettant d'effectuer des montages entre diffrents visuels De nombreux filtres permettant des effets spciaux
Langage PHP :

La ralisation de ce projet repose essentiellement sur le langage PHP. Cest le langage le plus simple apprendre et aussi le rapide excuter. De plus, il est portable sur des multiples plates formes : Un mme script peut fonctionner sur diffrents serveurs et avec diffrents systmes dexploitation. Contrairement aux certains langages gnraux (Perl, C, Java), PHP est uniquement ddi au dveloppement des pages web dynamiques. Ses applications sont donc parfaitement adaptes au besoin dinternet. Le code PHP est directement intgr dans les pages HTML, il est donc rapide mettre en place et trs facile crer. Si on ajoute ces qualits le fait que le PHP soit gratuit, on comprend aisment sont succs et comment il est devenu si rapidement trs populaire.

36

Projet de fin dtudes MYSQL

Lorsquon ralise des pages en PHP, on est souvent amen utiliser une base de donnes pour stocker des informations. Lutilisateur conjoint des scripts cots serveur et des bases de donnes, permet ainsi de raliser tout type de sites professionnels. Il existe de multiples bases de donnes utilisables avec PHP. Cependant, MYSQL est lune des bases les plus diffuses et, surtout, elle a t retenue par MACROMEDIA pour tre interface avec les scripts PHP dans DREAMWHEAVER MX. Jai utilis donc une base MYSQL dans la ralisation de ce site.

2 - Plan de navigation
Le plan de navigation permet davoir une vue densemble du site et des liaisons inter crans qui relient chacun des pages. La reprsentation de la carte du site, quand elle, permet dapprcier les diffrents liens hypertextes qui relient les pages entre elles et de reprer rapidement la prsence des liens casss. On peut galement modifier la structure du site dans la carte, en ajoutant, modifiant ou supprimant des liens.

37

Projet de fin dtudes

Defaut.php Index

Catalogue

Compte

Contact

Admin

Panier

Login

Inscription

Commande Plan de navigation de lespace Public

38

Projet de fin dtudes

Defaut

Login admin

Index admin

Catalogue

Ajout Article

Modifier Article

Supprimer Article

Clients

Modifier Client

Gestion Commande

Modifier Commande

Gestion Transport

Gestion Paiement

Stat + Outils de configuration Plan de navigation de lespace Administrateur

39

Projet de fin dtudes

3 - Prsentation du site
3 1) Espace Public
a) Page daccueil Cest le premier cran qui apparat lors du lancement du site Web, cette page est constitue de diffrents liens vers les autres pages du site.

40

Projet de fin dtudes

b) Page produits Dans cette page saffiche les dtails dun produit slectionn (Des images, descriptions, prix et un bouton ajouter au panier pour ajouter larticle dsir au panier virtuel.

c) Page catgories La page catalogue permet au client de raliser sa slection des articles. Il peut faire une premire slection selon des catgories dfinies (Stylo, calculatrice, cartable ). Dans ce cas, la liste des rsultats affiche uniquement les articles qui appartiennent la catgorie slectionne. Il est aussi possible pour le client de rechercher un article en saisissant son nom ou une partie de son nom dans un champ de texte rserv la recherche.

41

Projet de fin dtudes

42

Projet de fin dtudes

d) Page panier Le panier virtuel permet au client de stocker les articles slectionns sans ncessiter son identification. Avant de valider la commande, le client a la possibilit de supprimer lun des articles non dsir. Le client a galement la possibilit de modifier la quantit de chaque article. Aprs avoir valider le devis, le client doit saisir son login et son mot de passe pour que la commande soit enregistre.

43

Projet de fin dtudes e) Page didentification :

Ds que le client clique sur le bouton Commander depuis lcran du panier, cette page est appele. Cette page tant protge, lutilisateur est redirig vers cette page afin quil sidentifie. f) Page dinscription :

La page dinscription permet un nouvel utilisateur de sinscrire afin de crer son compte client, en effet il doit remplir un formulaire contenant les informations ncessaires pour valider par la suite ces commandes.

44

Projet de fin dtudes

3 2) Espace Administrateur :
Ladministrateur peut accder son espace en tapant lurl rserv pour cette partie. Ds lentre dans lespace administrateur, il doit sidentifier en saisissant son login et son mot de passe. Une fois identifi ladministrateur peut librement accder aux diffrents crans de gestion en utilisant les liens de menu. a) Page de gestion des articles : Cette page sert grer les articles du catalogue (ajout, suppression, modification). Elle est constitue dun tableau lisant tous les articles de catalogue avec, en regard sur chaque ligne, un lien hypertexte qui permet de supprimer ou modifier larticle. Pour lajout dun nouvel article, un lien spcifique est intgr en haut du tableau afin dafficher le formulaire dajout. Le nombre darticle pouvant devenir important, une barre de navigation limite laffichage un nombre limit darticles par page.

45

Projet de fin dtudes

b) Page de gestion des clients :

Cette page permet dajouter, modifier ou de supprimer un compte client (les ajouts des comptes tant raliss dans lespace public directement par le client lui-mme).

c) Page de gestion des commandes :

Elle permet de mettre jour les informations des diffrentes commandes. Cette page permet ladministrateur de prendre connaissance de la liste des articles commands et de ladresse du client (il peut limprimer pour prparer la commande). Ladministrateur de site utilise aussi cette page pour modifier ltat de la commande afin dindiquer selle a t livre.

46

Projet de fin dtudes

d)Page de gestion de transport : Elle permet de crer les transporteurs et les affecter des zones gographiques.

47

Projet de fin dtudes

e)Page des statistiques :

48

Projet de fin dtudes

49