Projet Technologies du Web - Master GL - 2013

Application Web Commercial

Lobjectif de ce projet est la cration dun site Web commercial ddi la vente de produits. Deux types

dutilisateurs peuvent accder au site : des clients et des administrateurs.

Ce projet devra rpondre au cahier des charges dcrit dans les sections suivantes.

Le cahier des charges pour lapplication Web

Dans cette section, nous prsentons les spcifications du projet : les fonctionnalits qui doivent tre

offertes par le site Web aux clients et aux administrateurs et les technologies qui doivent tre utilises

pour le dveloppement du site Web.

1. Les fonctionnalits attendues pour les clients

A. Navigation : La navigation correspond au processus de visite (consultation) du site web. Le site Web doit tre

compos dun ensemble de pages (dont la page d'accueil) qui peuvent tre consultes en suivant des

hyperliens l'intrieur du site. Une visite du site peut commencer par n'importe quelle page.

B. Consultation du catalogue: Les clients doivent tre capables de consulter les produits mis en vente dans le site. Un certain nombre

de pages (minimum 3 pages) doit tre ddi aux produits vendus. Les catgories des produits sont

choisies librement par les tudiants.

C. Panier : Un panier permet aux clients, pendant la consultation du site, dajouter des produits quils souhaitent

acheter. Lors de lajout dun produit, ils pourront spcifier des caractristiques du produit (couleur,

quantit... et autres si disponible). Le panier doit indiquer le prix total des produits ajouts. Il permet

aux clients de modifier les produits du panier (modification de la quantit, suppression dun produit...).

Une page doit tre consacre pour la consultation et/ou la modification du panier.

Option : les clients peuvent enregistrer le panier et le rcuprer lors de la prochaine connexion. Il faut

ainsi vrifier la disponibilit des produits ajouts prcdemment dans le panier. Enfin, le contenu du

panier doit tre mis jour.

D. Espace Personnel : Chaque client doit avoir un espace personnel. Il contiendra des informations personnelles du client

(prnom, nom, sexe, lieu et date de naissance, adresse) et des informations sur les achats du client

(historique des commandes). Une page doit tre consacre pour la consultation et/ou la gestion de

lespace personnel. Le site doit offrir des fonctionnalits permettant aux clients de grer leur espace

personnel :

a. Inscription : les nouveaux clients doivent avoir la possibilit de sinscrire (cration dun espace).

Linscription doit tre ralise par le biais dune page sous la forme dun formulaire. Il permettra aux

utilisateurs dintroduire les informations. Les informations devront subir un processus de vrification de

conformit (login et email uniques et valides (minimum 6 caractres), adresse, tlphone,...). Les rgles

de conformit sont tablir par le groupe dtudiants.

b. Modification : les clients inscrits peuvent modifier leurs donnes personnelles.

c. Consultation des commandes : les clients peuvent consulter la situation et/ou lhistorique des

commandes. Une commande peut avoir une des situations suivantes : en prparation, en cours

dexpdition et expdie.

d. Clture de lespace personnel : les clients peuvent clturer leur compte tout moment.

E. Achat : Cette tape correspond la validation de lachat des produits ajouts au panier. Lachat est aussitt

ajout la liste des commandes. Pour effectuer lachat, le client doit tre connect. Une page pour la

validation doit tre ralise. Elle contiendra le rcapitulatif des produits achets (ajouts dans le panier).

F. Authentification des clients: Les clients doivent sidentifier pour accder leur espace personnel et pour valider lachat des produits

ajouts au panier. Lauthentification peur tre ralise soit par le biais dune page indpendante soit par

le biais dun espace fixe intgr dans les pages du site.

2. Les fonctionnalits attendues pour les administrateurs Comme pour les clients, les administrateurs ont accs un espace personnel qui leur offre un ensemble

de fonctionnalits leur permettant de grer les produits, les comptes et les commandes des clients.

A. Authentification : Le processus didentification des administrateurs est le mme de celui des clients, sauf quils sont dirigs

vers un espace personnel diffrent de celui des clients. Une fois connect leur espace, les

administrateurs peuvent effectuer les fonctionnalits suivantes.

B. Gestion des produits : Les administrateurs peuvent ajouter, modifier et/ou supprimer des produits du catalogue. Pour cela,

une page principale doit tre ralise. Elle contiendra la liste des produits disponible et permettra lajout

de nouveaux produits. Pour ajouter un nouveau produit, ladministrateur sera reconduit vers une autre

page (formulaire) qui lui permettra de fournir les informations sur le produit (nom, description, quantit

et image).En slectionnant un produit disponible dans la page principale, ladministrateur pourra

modifier ou supprimer le produit. Cela le conduira vers une autre page qui lui permettra de modifier les

informations.

C. Gestion des clients : Une page doit tre ralise pour la gestion des clients. Elle prsentera la liste des clients inscrits,

permettra daccder aux dtails dun client et/ou de supprimer un client.

D. Gestion des commandes : La gestion des commandes consiste mettre jour ltat (statut) actuel dune commande : en

prparation, en cours dexpdition ou expdie. Ladministrateur pourra slectionner une commande et

modifier son statut. Pour cette fonctionnalit, une page devra tre ralise.

3. Les technologies exiges

I. HTML, CSS et Javascript Cette premire partie correspond la partie ct client. Autrement dit, elle concerne la conception

des pages Web du site et le processus de vrification des donnes entres par les utilisateurs (clients et

administrateurs).La structure et le style utiliss par la conception des pages doivent rendre laspect des

pages du site unifi. Pour cela, le texte de la page et sa structure doivent tre crit en HTML et la mise

en page via les feuilles de style CSS.

Enfin, les donnes des formulaires doivent tre traites en Javascript.

II. PHP oriente objet Les sessions sont adaptes la sauvegarde de donnes confidentielles ou importantes. Elles seront

utilises pour (i) authentifier un visiteur, (ii) garder des informations sur un utilisateur tout au long de sa

prsence dans lapplication (iii) grer le panier dachat et (iv) mettre en place des formulaires en

plusieurs parties et retenir les informations fournies dans les pages prcdentes.

III. PHP, LAMP, MySQL Cette partie correspond au ct serveur de lapplication et la communication client/serveur. Il faudra

mettre en place une base de donnes et sa gestion sur serveur XAMPP (appel aussi LAMP ou WAMP).

La base de donnes servira grer les informations sur les produits du catalogue, les commandes, les

clients et les administrateurs. La communication entre le client et le serveur se fera en utilisant Php.

IV. Bonus

XSLT est un langage qui permet de transformer du XML en HTML.

Cette partie du projet consiste gnrer des pages Web du site partir de fichiers xml.

Connection au ste partir dun rseau social (ex: Facebook, Twitter, G+)

Le dcoupage du projet sera selon les fonctionnalits (nbr de ressources max) - Modlisation en UML (Diagramme de classe, Diagramme de squence, ) (Toute la classe + brainstroming) -Modlisation de la base de donnes -Maquette du site (Toute la classe + brainstroming) - Navigation : map du site (1) - Catalogue de produits : affichage de la liste des produits (1) - Panier : ce que le client/user compte acqurir(2) - Espace Personnel : infos perso (1) - Espace Administration: gestion des clients/users (1) - Achat : (Checkout Process) validation de la transaction du client/user (1) - Authentification : (1) - Espace Produits : gestion des produits (1) - Espace des commandes(1)