CAHIER DES CHARGES Refonte d un site internet marchand Micro-Modèle (www.micro-modele.fr) DEVELOPPEMENT DU SITE WEB : BÉZIAN Anthony GLUSHCHENKO Petr DIRECTEUR DE PROJET : SCHMITT Clément 1
Sommaire I. Présentation de l entreprise... 3 II. Présentation du projet... 4 Objectif du site... 4 Etapes de déroulement du projet... 4 Equipe... 5 C ontenus du site... 5 III. Exigences fonctionelles... 5 ARBORESCENCE DU SITE... 5 CONTENU DÉTAILLÉ DU SITE... 6 FONCTIONNALITÉS... 9 TECHNOLOGIES UTILISEES... 10 ETAPE II : SYSTÈME DE FACTURATION AUTOMATIQUE. LOCALISATION... 10 ETAPE III : OPTIMISATION DU SITE REFERENCEMENT, STATISTIQUES ET FINALISATION DE LA LOCALISATION... 11 IV. Scénarios d utilisation du site... 12 Navigation à partir de la page d accueil... 12 Navigation à partir d un moteur de recherche... 12 V. Délais... 13 2
I. Présentation de l entreprise Crée en 2005, Le Train Magique est une entreprise de vente par correspondance spécialiste en matériaux, outillages, micro-visserie et modélisme. Le premier site internet marchand du Train Magique a été crée en 2007 par M.Schmitt Clément lui-même. Il s agit d un site statique qui n est pas en adéquation avec les standards du web actuel. La maquette présentée ci-dessus a déjà été acceptée par le donneur d ordres, la charte graphique a donc déjà été définie. 3
II. Présentation du projet Objectif du site Commercialisation : Vente par correspondance. Par son aspect multilingue, le site élargit sa clientèle en s adressant aux pays anglophones et hispanophones. Nouvelle Interface et Identité : Le nouveau site micro-modele présentera une interface claire et une navigation intuitive et reflètera la nouvelle identité de l entreprise. Etapes de déroulement du projet Intégration de contenus, mise en place d une plateforme de paiement sécurisé intégré au système de panier automatique proposé par Virtuemart et mise en ligne du site Création d un système de facturation automatique (devis et bons de commande), Localisation Optimisation du site (Référencement, mise en valeur des produits sur le site ) 4
Equipe Elle est composée de 3 personnes : Le donneur d ordres, M.SCHMITT Clément Anthony BEZIAN, chef de projet / designer / développeur web Petr GLUSHCHENKO, développeur web C ontenus du site - Site en 4 langues : français, anglais, espagnol et allemand - Système de gestion de contenus (Joomla) et plugin e-commerce (Virtuemart) - Module de gestions de comptes clients III. Exigences fonctionelles ARBORESCENCE DU SITE - Page d Accueil 1. Micro-Visserie 2. Outillages et Machines 3. Matières Premières 4. Modélisme Ferroviaire 5
CONTENU DÉTAILLÉ DU SITE La Page d Accueil contient les éléments suivants Une bannière avec le logo, le nom du site Un panier dynamique qui affiche le nombre de produits ajoutés et le prix total Un menu horizontal divisé en 5 catégories Des icones de drapeaux permettant de changer de langue Une barre de recherche Un Fil d Ariane Des boutons permettant d augmenter ou de diminuer la taille de la police Un volet «Mon Compte» à gauche du contenu principal Une page de contenu Diaporama de produits Texte de bienvenue et présentation de l activité de l entreprise Promotion de produits au hasard (avec photos et descriptions et bouton pour ajouter au panier) Un pied-de-page contenant 3 liens : o o o A propos de nous Conditions de vente Nous contacter (avec plan d accès) 6
Chaque catégorie se présente de la même manière que pour la page d accueil, à l exception de la partie contenu : Description de la catégorie principale indiquant les produits présentés Affichage des catégories Photo de la catégorie Titre de la catégorie La page présentant les produits d une catégorie s affiche de la manière suivante : 1) Option permettant de filtrer les produits par Nom, Ref. et Prix et Dernier Produits Navigation par page 2) Affichage du nombre de produits affichés par page (et nombre total de produits présents dans la catégorie) 7
3) Ligne produit : Référence Prix Miniature Description Bouton Quantité et Ajout au Panier Fiche Produit 1) Nom du produit et résumé 2) Photo du produit (avec option «Agrandir l image») avec prix et bouton quantité et ajout au panier Le template de la fiche produit est encore à modifier, par exemple : Visibilité du bouton Retour Repositionnement des informations sur la page 8
FONCTIONNALITÉS 1. Inscription L inscription permet à l internaute qui souhaite commander sur le site de se créer un compte et de s enregistrer en tant que client, pour pouvoir ensuite acheter des produits. Il n est pas possible d acheter des produits ajoutés au panier sans avoir crée un compte, pour renseigner ses coordonnées ainsi que l adresse de livraison et de facturation nécessaires à l envoi de sa commande. Chaque fois qu un client s enregistre, il vient s ajouter à la base de données de clients, visible par le donneur d ordres. Cela lui permet de contacter n importe quel client en cas de problèmes, ou de faire la promotion de nouveaux produits. 2. Identification Une fois inscrit sur le site, l internaute devra s identifier en tant que client en indiquant son login et mot de passe. 3. Moteur de recherche sur Site Permet de trouver n importe quel produit sur le site par saisie de mots clés pour faciliter l expérience client. 4. Virtuemart Plugin e-commerce installé sur Joomla avec fonctionnalités par défaut. 5. Panier Ce module est essentiel puisqu il permet d ajouter un produit au panier 6. Paiement en ligne Par carte bancaire: plateforme de paiement sécurisé externe lié à Virtuemart Par chèque bancaire Par espèces : dans le cadre de salons et d expositions, un client pourra commander à l avance sur le site, puis payer sur place avant de récupérer ses achats. 9
TECHNOLOGIES UTILISEES Le site est conçu grâce au cms Joomla et le plugin e-commerce Virtuemart, avec une base de données MySQL. Les langages de programmation utilisés sont : - Côté serveur : PHP - Côté navigateur : Frameworks de Javascript jquery et Mootools. L une des premières tâches sera de finir le transfert des produits du site Le Train Magique vers micromodele avant de procéder à la mise en place du paiement sécurisé. VIRTUEMART Mise en place du paiement par carte bancaire sécurisé (via la plateforme CyberMut proposé par le Crédit Mutuel) ETAPE II : SYSTEME DE FACTURATION AUTOMATIQUE. LOCALISATION Le système de facturation devra être automatique et comprendra : - La liste des produits commandés par le client, avec possibilité pour le vendeur de rajouter une ligne de commande ou d apporter une rectification à la commande - Les coordonées du client (+ numéro client et SHOP) - Un bouton «imprimer facture» et «imprimer bon de commande» - Une fonction pour prévenir automatiquement le client par mail lors du changement d état de sa commande L etape de «localisation» contient 2 phases : 1) I18n (internationalisation) - Préparation des images produits et du contenu - Séparer le contenu du code 10
2) L10n (localisation et adaptation) - Compilation d un glossaire des termes souvent utilisés sur le site en 4 langues (français, anglais, espagnol, allemand ) - Calcul du volume de texte à traduire et à faire relire (certaines parties du site ayant été déjà traduites) - Préparation d une mémoire de traduction sous le logiciel Trados - Traduction - Relecture - Mise à jour du contenu traduit sur le site ETAPE III : OPTIMISATION DU SITE REFERENCEMENT, STATISTIQUES ET FINALISATION DE LA LOCALISATION Le but de cette troisième étape est d améliorer les statistiques du site, par exemple le pourcentage de visiteurs qui deviennent consommateurs, ainsi que le temp necessaire pour trouver une information demandée. Pour atteindre cet objectif, il est prévu d intégrer le code de Google Analytics, de le configurer, puis de vérifier le chemin d utilisation du site et, si nécessaire, mettre au point le site pour faciliter l accès à l information recherchée/demandée. Pour cette troisiéme etape est également prévu un travail de référencement (naturel et, si client le souhaite, payant). Voici une liste de mots clés possibles pour le référencement : - micro-modele / micro modele - site de modélisme - boutique de modélisme - divers noms de produits ou de fabricants 11
IV. Scénarios d utilisation du site Navigation à partir de la page d accueil 1) L internaute tape l adresse du site dans la barre de recherche de son navigateur et atterit directement sur la page d accueil du site. Il a le choix entre : se créer un compte client, naviguer à partir du menu principal ou en cliquant sur les produits récents mis en avant sur la page d accueil. Après s être crée un compte, l utilisateur est redirigé vers la page d accueil. S il souhaite naviguer à partir du menu principal, il a le choix entre les 4 grandes catégories du site a) L utilisateur peut ensuite visiter différentes sous-rubriques et ajouter des produits à son panier. Lorsqu il clique sur «ajouter au panier», une fenêtre indique au client qu il vient de placer un produit dans son panier et qu il peut soit continuer ses achats ou cliquer sur «voir mon panier» (à noter que le bouton «voir mon panier» est toujours accessible sur n importe quelle page du site) b) Une fois sur la page «Votre panier», un tableau récapitule ce que l utilisateur a placé dans son panier. Ce dernier a la possiblité de modifier la quantité des articles qu il a choisi ou en supprimer, avant de passer commande via le bouton «Commander» c) L utilisateur doit alors s authentifier en tant que client s il a déjà un login et un mot de passe, ou bien créer un compte et remplir un formulaire. d) Durant la phase de commande, l utilisateur est invité à valider étape par étape son achat (adresse d expédition, mode de paiement, validation de l achat). Une fois sa commande passée, il peut choisir de se déconnecter. Navigation à partir d un moteur de recherche 2) L internaute effectue une recherche sur un moteur de recherche (Google, Yahoo!... ) et les résultats affichent plusieurs pages du site. Une fois sur le site, il est possible à partir de n importe quelle page d accéder aux produits et de les ajouter au panier. Voir 1) a-d 12
V. Délais Fin de la première étape : 1 er Mars 2011 Fin de la deuxième étape : 1 er Avril 2011 Fin de la troisième étape : 17 Avril 2011 La fin du projet est prévue pour le 17 avril 2011 La réalisation de ce site s inscrit dans un cadre d études universitaires. Le donneur d ordre sera invité à assister à la soutenance de ce travail. Il pourra ainsi faire part de son appréciation du travail réalisé et connaître l avis du jury universitaire. Il n existe pas d obligation pour le donneur d ordre de rémunérer le travail réalisé par les étudiants. Néanmoins, si le donneur d ordre est entièrement satisfait du travail réalisé, il s engage verser, contre facture, un montant compris entre 300 et 600 euros à l association d étudiants «LEA entreprises» habilitée à émettre des factures, à encaisser des chèques et à recevoir des virements. L association «LEA entreprises» soutient financièrement divers projets, notamment des voyages d études ainsi que la participation à des salons et des conférences. Elle rembourse également aux étudiants d éventuels frais engagés dans le cadre de leurs projets professionnels et dispose d ordinateurs dans le local de l association. A l issu du projet, merci d adresser vos messages de satisfaction ou d insatisfaction à la responsable du Master CAWEB, Madame Renate de la Paix Mail : delapaix@unistra.fr Téléphone : 03 68 85 66 63 13
Les signataires ci-dessous s engagent à respecter les termes du présent cahier des charges : Le donneur d ordres Clément SCHMITT Les développeurs étudiants Master 2 CAWEB Anthony BEZIAN Petr GLUSHCHENKO Le professeur référent Renate DE LA PAIX 14