Projet Développement Web
Projet Développement Web
Projet Développement Web
Classe : TIC1
Nous souhaitons créer un site Web dynamique qui permet de présenter en ligne un
catalogue de produits. Le catalogue doit présenter des produits. Chaque produit
appartient à une catégorie. Une catégorie est définie par : un code, un nom et une
description. Un produit est défini par : sa référence, sa désignation, sa quantité en stock,
son prix, sa photo, un champ qui indique s’il est disponible ou non, un champ qui indique
s'il est en promotion ou non.
Dans la boutique, l'utilisateur peut choisir pour un article la quantité qu'il souhaite
acheter à l'aide du champ de saisie correspondant. Cette quantité doit toujours être
comprise entre 0 et 9. Il doit ensuite cliquer sur le bouton représentant un chariot de
course pour mettre dans le panier cet article avec la quantité désirée. Le bouton de mise
en panier est inactif tant que la quantité est 0, actif sinon. L'inactivité du bouton se traduit
visuellement par une opacité de 0.25 du composant et par l'absence de réaction au clic.
L'activité du bouton se traduit par une opacité à 1 et une mise en panier effective de
l'article.
Lorsqu'il est mis en panier un article apparaît dans la zone du panier. Un même article
n'apparaît toujours qu'une seule fois dans le panier, avec sa quantité totale commandée.
1
Année Universitaire :2021//2022
Classe : TIC1
Donc lorsqu'un article déjà dans le panier est à nouveau commandé, sa quantité est mise
à jour dans le panier. Il n'est jamais autorisé de commander plus de 9 fois un même
article, même en plusieurs fois. Donc la quantité d'un même article dans le panier ne peut
jamais dépasser 9. En cliquant sur le bouton représentant une poubelle, on supprime
complètement un article du panier (quelle que soit la quantité).
En cliquant sur une icône (+/-), l’utilisateur a la possibilité d’augmenter ou diminuer la
quantité du produit sélectionné dans le seuil ( si quantité devient 0, le produit sera
automatiquement supprimer du panier).
Le montant total des articles dans le panier est mis à jour à chaque modification du
panier, ajout ou suppression d'articles.
Travail demandé:
• un sous-répertoire de nom css contiendra les fichiers css que vous aurez définis.
• un sous-répertoire de nom php contiendra les fichiers php que vous aurez définis.
• un sous-répertoire de nom images contiendra les fichiers sources des images qui
sont utilisées dans votre projet.
NB. Les efforts faits pour avoir une présentation originale et obtenir un aspect
visuel global agréable et harmonieux seront pris en compte.
Bon travail