ELANG Antoine - Réalisation boutique en ligne de location de DVD

5/12/2018 ELANG Antoine - Réalisation boutique en ligne de location de DVD - slidepdf.com

http://slidepdf.com/reader/full/elang-antoine-realisation-boutique-en-ligne-de-location-de-dvd 1/19

Cahier des charges

Réalisation d'une boutique en ligne de location de DVD

Réalisé par : ELANG Antoine Juin 2011 1 of 19

Cahier des charges

Réalisation d'une boutique en lignede location de DVD

__________ juin 2011

© 2011 ELANG ANTOINE



Cahier des charges



Sommaire1. Introduction .. . . . . . . . . . . . . . ………………………………………………………..3

2. Technologies utlisées.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . …………………………4

2.1 PHP... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . …. 4

2.2. MySQL .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . …….... . .4

2.3. Combinaison PHP/MySQL………………………………… .4

2.4. Les avantages de la combinaison PHP/MySQL….…………5

2.5. Plate-forme de développement WampServer …………….6... . . . . . . . . . . . .

2.6 XHTML et CSS………………………………………………..6

3. Dossier de spécif ications .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .…………………………6

3.1. Description générale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ……………6

3.2. Besoins fonctionnels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .7

3.2.1 Exig ences du client . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

3.2.2 Exigences de l 'administrateur .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

3.2.3. Di agramme des cas d' util isation .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

3.2.4. Diagr amme de séquences .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93.3. Dia gramme d e c lasses . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

4. Aspect conceptuel. .……………………………………….…….. . . . . . . . . . . . . . . . 13

4.1 Conception du système d'identif ication des util isa teurs.. . . . . . . . . . . . . . . 13

4.2 Conception de l ' application du panier virtuel…..……….. . . . . . . . . . . . . . . 14

4.3. Conc eption de la base de données .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

4.3.1. Struc ture de l a base de données fi lms……… ... . . . . . . . . . . . . . . . . 15

4.3.2. Modèle c onceptuel des données…………… ... . . . . . . . . . . . . . . . . . . 16

5. Plan de navigation – Arborescence du site……………………….…….. 17

5.1. Navigation.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

5.2 Arbore scence du site…..……….. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18

6. Conclusion ………………………………………………………………………………19



Cahier des charges



1. Introduction

Dans le cadre du module C218, il nous a été confié la réalisation d'un site weben utilisant le langage PHP et le système de gestion de base de données MySQL.

Nous avons nommé notre site web de location de films par internet DVDRENT.

Ce développement propose toutes les fonctions basiques que puisse proposer un site de

location de DVD : affichage d’une vidéothèque classée par genres, inscription et

connexion d’utilisateurs, location de films, visualisation de ses locations actuelles etc.

Dans ce rapport, nous allons tout d’abord présenter et expliquer les technologies

utilisées pour le développement de dvdrent . Nous traiterons ensuite de sa conception dans

un dossier complet et alimenté de diagrammes de conception. Nous terminerons par une

description détaillée du projet avec un parcours des fonctionnalités, un schéma de

navigation et des explications sur l’implémentation de notre base de données.



Cahier des charges



2. Technologies utilisées

2.1. PHPPHP est un outil d'interfaçage, accessible par n'importe quel

navigateur web, il permet d'afficher des informations en

fonction des demandes d'un client.

2.2. MySQL

MySQL est l'organe dédié à la gestion des données (stockage

et demande de résultats). Il va permettre de stocker de

grandes quantités d'informations, ainsi que de faire des

requêtes plus ou moins complexes de reporting ou de

statistiques sur ces données.

2.3. Combinaison PHP et MySQL

PHP et MySQL permettent de déployer des solutions

centralisées sur un serveur. PHP peut offrir une manipulation

ergonomique des données avec des possibilités graphiques

quasi infinies. MySQL quant à lui peut : stocker tout type de

données, faire des recherches multicritères et aussi assurer

la fonction de reporting sur une quantité importante de

données.

PHP proposera l'affichage graphique des chiffres, la

construction des tableaux pour les périodes demandées

pendant que MySQL s'occupera de fournir à PHP les

résultats qui sont demandés par l'utilisateur.



Cahier des charges



2.4. Les avantages de la combinaison PHP/MySQL

Des standards du marché

La combinaison PHP MySQL est l'une des plus répandues

dans le monde des bases de données. Des millions

d'entreprises et associations l'utilisent pour assurer la

diffusion, la saisie ou la présentation de données aussi

diverses que des rapports financiers, des informations

médicales ou des bases de données de la vie de tous les jours

(bibliothèques, magasins en ligne etc.).

Des outils Open Source

Open Source veut dire que PHP et MySQL sont des outils

gratuits, et qu'ils sont en constante amélioration car des

milliers de développeurs bénévoles participent au projet.

Client léger

Une fois qu'une application PHP MySQL est installée, ellepeut être accessible de n'importe quel poste ayant un

navigateur internet (Internet Explorer, Firefox, Netscape,

Mozilla etc.). Aucune installation ou configuration n'est

nécessaire sur l'ordinateur de l'utilisateur final de la solution.

Multiplateforme et portable

Un serveur PHP MySQL est bâti pour pouvoir communiquer

avec n'importe quel type d'ordinateur (Windows, Apple,

Unix etc.). Nul besoin de faire des ajouts supplémentaires en

développement pour les environnements hétérogènes. De

plus la solution peut être hébergée sur n'importe quel type

d'ordinateur car PHP est totalement portable.

Accessibilité

Le serveur peut être mis en accès direct via internet. Auquel



Cahier des charges



cas il est possible de s'y connecter à partir de n'importe où

dans le monde à partir d'un poste relié à internet

2.5. Plate-forme de développement WampServer

WampServer est une plate-forme de développement Web sous Windows. Il permet de

développer des applications Web dynamiques à l'aide du serveur Apache, du langage de

scripts PHP et d'une base de données MySQL. Il possède également PHPMyAdmin pour

gérer plus facilement les bases de données.

WampServer s'installe facilement et son utilisation très intuitive permet de le

configurer très rapidement (sans toucher aux fichiers de configuration). Contrairement aux

autres solutions, WampServer permet de reproduire fidèlement son serveur de production.

C’est cette plate-forme qui nous a servi de développement dans le cadre de ce

Projet.

2.6. XHTML et CSS

Ajouté à ces technologies listées ci-dessus, nous avons utilisé XHTML, eXtensible

HyperText Markup Language, pour écrire le contenu de nos pages web et CSS, Cascading

Style Sheets ("Feuille de style"), pour présenter ce contenu.

3. Dossier de spécifications3.1. Description générale

Ce projet propose de réaliser un outil de location de DVD en ligne (accessible via

HTTP). Les acteurs client et administrateur vont jouer un rôle dans ce système.

Nous aurons besoin d'une base de données pour stocker les informations relatives au

site internet, tel que les informations des clients, les films, les locations, etc.



Cahier des charges



Des classes seront crées dans le système dans le but de faire la relation

entre les données de la base et le site internet.

3.2. Besoins fonctionnels

3.2.1. Exigences du client

• Le client peut accéder au site de location en ligne depuis un navigateur conforme au

standard HTML 4 ou plus.

• Le client peut faire sa recherche et sa sélection de films d’une manière anonyme,

mais il doit s’identifier ou remplir un formulaire d’inscription dès qu’il valide la liste de filmschoisis, pour passer une commande. Dans cette optique, des données gérées en session

(panier virtuel ou caddie) assurent la mémorisation des films sélectionnés par le client

avant la confirmation de la commande. Cependant, dès que le client valide sa commande,

toutes les informations nécessaires à la livraison sont enregistrées dans la base de données

du serveur.

• Le client recherche un film en sélectionnant une catégorie ou en saisissant le nom

(ou une partie du nom) d’un film dans un champ de recherche du catalogue. Le résultat de sarecherche s’affiche sous la forme d’une liste d’informations succinctes (référence, titre,

prix location,…), et le client peut visualiser la fiche de chaque film par un simple clic sur la

référence du film désiré. La fiche d’un film comporte toutes les données concernant

le film (référence, année, réalisateur, résumé, prix, photo de la couverture du DVD). S’il le

désire, le client ajoute le film à son panier virtuel en cliquant sur un lien hypertexte depuis la

fiche de l’article.

• Le client peut modifier la quantité désirée de chaque film sélectionné, et éventuelle-

ment en supprimer certains depuis l’écran du panier virtuel. En revanche, il ne peut plus

modifier sa commande dès qu’elle est validée.

• Le client imprime éventuellement le bon de commande établi lors de sa validation

en ligne. Il adresse à l’administrateur du site ce bon accompagné de son règlement pour que

les films sélectionnés lui soient envoyés. Cependant, un module complémentaire de paiement

en ligne peut facilement être ajouté au site afin d’automatiser toute la chaîne du processus

de location. (Ce module ne sera pas pris en compte dans le présent projet ).



Cahier des charges



• Après s’être de nouveau identifié, le client suit l’état de sa commande, qui peut

prendre deux valeurs : Attente, pour les commandes validées mais en attente du paiement,

et Livré, pour les commandes envoyées au client.

3.2.2. Exigences de l’administrateur

• L’administrateur gère le site depuis son navigateur Internet.

• L’administrateur doit s’identifier pour accéder à son espace d’administration en

ligne, et un seul couple login/mot de passe est configuré à cet effet.

• L’administrateur peut supprimer des comptes client et en modifier les informations.

• L’administrateur ajoute, supprime ou modifie les films du catalogue.

• L’administrateur affiche les informations de chaque commande, change l’état d’une

commande après l’envoi des films (Attente, Livré) ou supprime complètement une

commande dans le cas où le règlement ne lui parviendrait jamais.

3.2.3. Diagramme des cas d’utilisation

Nous explicitons par le diagramme de cas d’utilisation de la norme UML les exigences du

client et de l’administrateur telles qu’exprimées plus haut.



Cahier des charges



3.2.4. Diagramme de séquences

Nous présentons ensuite deux diagrammes de séquences :

• Diagramme de séquence n°1 : un client souhaite commander un film pour location.

• Diagramme de séquence n°2 : un administrateur importe un nouveau film

dans le système



Cahier des charges



Diagramme de séquence n°1: un client souhaite louer un film



Cahier des charges



Diagramme de séquence n°2: un administrateur importe un nouveau film dans le

système

L'administrateur, comme expliqué auparavant, est en mesure d'accéder aux données du

système. Ici, on s'intéresse au cas de l'enregistrement d'un nouveau film dans la base de

données du site dvd rent .

3.3. Diagramme de classes

Le diagramme de classe de dvd rent est présenté ci-dessous. Dans notre système, un

client peut louer un ou plusieurs films, faisant chacun partie d'une catégorie. Chaque film est

tourné par 1 réalisateur et 0, 1 ou plusieurs acteurs jouent dedans.

La classe principale du système est le DatabaseManager qui s'occupe de créer

une connexion vers la base de données et la fermer lorsque toutes les requêtes

sont arrêtées.



Cahier des charges



Chacune des classes possèdes toutes les fonctions de récupération, édition et

suppression des données de la base au site web et vice et versa. Elles passent par le

DatabaseManager à chaque exécution d'une méthode faisant appel à la récupération ou a

l'envoi de données.



Cahier des charges



4. Aspect conceptuel

4.1. Conception du système d’identification desutilisateurs

Dès son arrivée sur le site de la boutique, l’utilisateur est identifié anonymement par

le système de gestion de sessions intégré de PHP. Cet identifiant de session anonyme le suit

pendant toute sa visite sur le site.

Si l’utilisateur est un client, sa session lui permet dans un premier temps de

mémoriser les films ajoutés à son panier virtuel (voir tableau III.2 ci-après). Lors de la

validation de sa commande, le client décline son identité en saisissant son e-mail et son mot

de passe, ou crée un compte client s’il n’en possède pas encore. Après le contrôle de la

validité du compte client, son e-mail ($_SESSION['email']) et son statut

($_SESSION['statut'], égal à client dans ce cas) viennent compléter les données du panier

virtuel dans la session (voir tableau III.2). Il est à noter que, au cours de cette étape, les

informations de sa commande et ses coordonnées sont enregistrées dans la base de données

du serveur, pour les récupérer lors d’une prochaine visite.

Si l’utilisateur est un administrateur, sa session mémorise uniquement son e-mail et

son statut lors de la saisie du formulaire d’identification. La mémorisation de son statut

admin lui permet d’accéder à toutes les pages de l’espace administrateur, sans avoir à

s’identifier lors du passage d’une page à l’autre.

Tableau III.1 – Variables de session utilisées pour l’identification d’un utilisateur

Variables de session dédiées

à l’identification

Description Exemples

$_SESSION[‘email’] E-mail de l’utilisateur (client ou

administrateur)

[email protected]

$_SESSION[‘statut’] Statut de l’utilisateur, qui prend

la valeur client ou admin selon le

profil de l’utilisateur

client

mailto:[email protected]




Cahier des charges



Tableau III.2 – Exemple de panier virtuel mémorisé dans la variable de session

$_SESSION['liste']

$liste[x][y] [y]=[0] :

référence

[y]=[1] : quantité [y]=[2] : PU [y]=[3] prix total

[x]=[0] : film0 DRAMJMD1 2 7.00 14.00

[x]=[1] : film1 COMEJMD1 3 7.00 21.00

[x]=[2] : film2 COMEJMD3 1 6.50 6.50

4.2. Conception de l’application du panier virtuel

Comme nous l’avons précisé précédemment, les informations relatives aux films

sélectionnés par l’utilisateur sont mémorisées dans des variables de session. Nous utilisons

une variable de type tableau ($liste[]) pour mémoriser toutes les informations de la liste du

panier virtuel. Ce premier tableau contient lui-même autant de variables de type tableau qu’il

y a de films à retenir ([x] représente l’identifiant de chaque film). Chaque tableau de films

mémorise quant à lui quatre informations différentes ([y]=0 : référence, [y]=1 : quantité,

[y]=2 : prix unitaire, [y]=3 : prix total). La structure ainsi obtenue est donc un tableau à deux

dimensions ($liste[x][y]).

Pour bien comprendre le fonctionnement de cette variable $liste, illustrons son

utilisation par un exemple concret d’une commande de location de trois films (DRAMJMD1,

COMEJMD1 et COMEJMD3). Dans cet exemple, il est possible de récupérer l’information

quantité du film COMEJMD3 à l’aide de la variable $liste[2][1] (qui est égale à 1 dans

l’exemple), ou encore le prix total (prix unitaire × quantité) de l’article COMEJMD1 à l’aide

de la variable $liste[1][3] (qui est égale à 21.00 dans l’exemple ; voir tableau III.2).

Une deuxième variable permet de mémoriser le prix total de la commande. Cette

variable nommée $total est gérée, elle aussi, dans la session de l’utilisateur (voir tableau III.3).



Cahier des charges



Tableau III.3

Variables Description Exemples

$_SESSION[‘total’] Prix total de tous les articles de la

commande

41.50

4.3. Conception de la base de données

Nous appelons films la base de données de l’application, constituée de 8 tables selonles spécifications ci-dessous.

4.3.1. Structure de la base de données films

•Table films – regroupe les champs caractérisant les différents paramètres films de la

boutique (référence, titre, description, prix unitaire...).

•Table categorie – définit le nom des catégories dans lesquels sont classés les films.

•Table commandes – regroupe les champs caractérisant une commande (date début location,

date fin location, identifiant du client, état de la commande...).

•Table listes – regroupe les champs caractérisant chaque film commandé (référence de

l’article, quantité commandée...).

•Table clients – regroupe les champs caractérisant chaque client (nom, prénom, adresse, e-

mail, mot de passe...).

•Table realisateur – regroupe les champs caractérisant chaque réalisateur de film.

•Table acteurs – regroupe les champs caractérisant chaque acteur d’un film.



Cahier des charges



•Table role – définit le rôle joué par un acteur dans un film.

Ces huit tables sont organisées selon les relations décrites dans la figure ci-après.

4.3.2. Modèle conceptuel de données de la base films



Cahier des charges



INDEX

CATALOGUE FICHE

PANIER

LOGIN INSCRIPTION

COMMANDE

5. Plan de navigation - arborescence du site

5.1.Navigation



Cahier des charges



5.2. Arborescence du site

Dossier Nom du fichier Description

/public/ index.php Accueil : page qui s’affiche par défaut dès qu’on

se connecte au site. Elle contient une liste defilms nouvellement sortis

/public/ catalogue.php Zone Public : affiche la liste des films avec unlien contextuel sur le fichier fiche.php pourafficher le détail du film concerné. Depuis cetécran, il est aussi possible de sélectionner unthème ou de faire une recherche sur un titre(ou une partie de ce titre)

/public/ fiche.php Zone Public : affiche les différentescaractéristiques d’un film.

/public/ panier.php Zone Public : affiche le contenu u paniervirtuel. Il est possible de modifier les quantitésde chaque film ou encore de supprimerdéfinitivement un film du panier.

/public/ login.php Zone Public : formulaire d’identification d’unclient.

/public/ inscription.php Zone Public : formulaire d’inscription d’unclient.

/public/ commande.php Zone Public : affiche les différentes commandesliées au compte du client.

/administrateur/ index.php Zone Administrateur : accès et identification

pour la zoneAdministrateur.

/administrateur articlesGestion.php Zone Administrateur : gestion des films (liste,ajout, suppression, modification).

/administrateur/ articlesAjout.php Zone Administrateur : ajout d’un nouveau film

/administrateur articlesModif.php Zone Administrateur : modification desinformations de la fiche d’un film.

/administrateur clientsGestion.php Zone Administrateur : gestion des clients (liste,suppression, modification).

/administrateur clientsModif.php Zone Administrateur : modification des

informations d’une fiche client./administrateur/ commandesGestion.php Zone Administrateur : gestion des commandes(liste, suppression, modification).

/administrateur commandesModif.php Zone Administrateur : modification desinformations d’une commande. Permetnotamment de changer l’état d’une commande(Attente>Livré).



Cahier des charges



6. Conclusion

Ce projet de construction d'un site internet à l'aide du binôme PHP/MySQL aété très formateur et nous a immergés dans le monde du web ! Il nous a permis d’avoirune bonne expérience de la conception web et de découvrir le domaine du ecommerce.

Nous pensons avoir aboutis à une solution fiable, utile et ergonomique qu'est dvd

rent . Nous pensons avoir amené un site internet de qualité autant au niveau del'interface que des fonctionnalités apportées. Nous avons respecté les requêtes dedépart, que nous avons étoffé avec nos propres idées.

Grâce à une partie administrateur assez complète, on peut facilement interagir avec

la base de données en ajoutant et modifiant l’ensemble des informations.L’interface que nous avons proposée colle au besoin des utilisateurs des sites actuels.

Certes, nous ne gérons pas les rendus des films loués, mais nous avons intégré auniveau de la table des commandes le champ date_fin qui permet de limiter la date desprêts de films à 2 semaines, rendant ainsi possible la gestion des retours de films prêtés.

Enfin, on pourrait compléter ce travail en introduisant un module de paiement enligne, la gestion d’un espace membre et la gestion des pénalités.

Consulter le site web en ligne à l’adresse ci-dessous :http://www.ardive.net/tutorat/aelang/public/index.php

© ELANG Antoine - Mai 2011. All rights reserved. [email protected]

http://www.ardive.net/tutorat/aelang/public/index.php




http://www.ardive.net/tutorat/aelang/public/index.php

Documents

ELANG Antoine - Réalisation boutique en ligne de location de DVD