Page Connexion : Entrez votre numéro étudiant et votre mot de passe afin de vous connecter sur le site du BDE.
Si vous n’avez pas de compte, cliquez sur le lien "Créer un compte” juste en bas du formulaire afin d’accéder à la page Inscription pour pouvoir créer un compte .
Si vous ne voulez pas créer de compte, vous pouvez cliquer sur le lien ”Se connecter en tant qu’inviter” afin d’accéder au site en tant que personne anonyme.
Page Inscription :
Page permettant de créer un compte pour un client, ces données seront stockées dans la base de données du BDE.
Pour pouvoir s’inscrire, il faudra donner son nom, prénom, numéro étudiant et un mot de passe.
Header :
→ Le logo du BDE qui sert de bouton pour revenir à la page d’accueil.
→ Un bouton catalogue qui permet au client d’aller à la page catalogue.
→ Le drapeau de l’Angleterre qui traduit la page en anglais
→ Un bouton Profil qui affiche un menu déroulant contenant la page “Mon Profil” et le bouton "Déconnexion".
pour la version du modérateur:
→ Un bouton Caddie qui permet au modérateur d’aller dans la page panier.
→ Un bouton Paramètre qui affiche un menu déroulant contenant la page “Mon Profil” et le bouton "Déconnexion".
Footer : Contient 3 Rubrique principale :
Nous contacter : qui contient L’adresse, l’adresse mail et le numéro de téléphone du BDE.
Réseaux Sociaux : contient deux icônes, celle d’Instagram et de TikTok. En cliquant sur une des deux icônes, l’utilisateur pourra être renvoyé vers le compte Instagram du BDE ou le compte TikTok du BDE.
Document Officiels : contient deux pages web, celui de la Mention légale qui contient les conditions générales d’utilisation. Et celui de la Charte qui contient toutes les règles à respecter au sein du BDE.
Site web version client
Page d’accueil:
→ Une partie où l’on présente les horaires de disponibilités du BDE.
→ Une deuxième partie dans laquelle on présente les moyens de paiements disponibles avec des images.
→ Une troisième partie dans laquelle il y a un diaporama automatique, qui défile les images des produits.
Page Catalogue:
→ Le client a accès au catalogue et peut voir les produits disponibles ainsi que leur prix.
Page Mon Profil:
→ Un bouton “Mes Informations Personnelles” qui envoie à la page Mes Informations Personnelles.
→ Un bouton “Mon historique” qui renvoie à la page mon historique d’achat.
Page Mes Informations Personnelles:
→ Un tableau qui affiche “le nom”, “le prénom”, et “le numéro étudiant” du client.
Page Mon historique:
→ Un tableau dans lequel il y a “le nom du produit acheté”, “la date”, “la quantité”, ainsi que “le prix”.
Page Charte:
→ Des blocs de texte structuré qui contiennent le règlement intérieur du BDE.
Page Mention légale:
→ Des blocs de texte structuré qui contiennent des informations tels que: “l’éditeur du site”, “l’hébergeur du site”, “les conditions générales d’utilisation”.
Site web version modérateur (membre du BDE):
Page d’accueil:
→ La page d’accueil est pareille que celle du client cependant la version du modérateur contient des changements dans le header (cité plus haut).
Page Catalogue:
→ Dans cette version, le modérateur a la même base que le client cependant, contrairement au client, le modérateur a un bouton ajouter dans le panier lui permet d’ajouter les produits sélectionnés dans le panier.
Page Panier:
→ La page affiche les produits sélectionnés sous forme d’un tableau dans lequel il y a “le nom du produit”, “la quantité” et “le prix du produit”.
→ Le prix total des produits achetés
→ Un mini formulaire où le modérateur écrit le numéro étudiant valide du client pour que le client puisse voir la transaction dans sa page historique.
→ Un bouton “payer” qui valide la transaction.
Page Paramètre:
→ Un bouton “Mes Informations Personnelles” qui envoie à la page Mes Informations Personnelles.
→ Un bouton “Historique de vente” qui envoie à la page Historique de vente.
Page mes informations personnelles:
→ Un tableau qui affiche “le nom”, “le prénom”, “le numéro étudiant” ainsi que le “grade” du membre du bde.
Page Historique de vente:
→ Un tableau dans lequel il y a “le nom de l’acheteur”, “le nom du produit acheté”, “la date”, “la quantité”, ainsi que “le prix”.
Page Mensualité:
→ Un tableau dans lequel il y a “le nom de l’acheteur”, “le nom du produit acheté”, “la date”, “la quantité”, ainsi que “le prix”. Cette page calcul et affiche la totalité des ventes effectuées pendant 1 mois.
Page Bilan:
→ Un tableau dans lequel il y a “le nom de l’acheteur”, “le nom du produit acheté”, “la date”, “la quantité”, ainsi que “le prix”. Cette page calcul et affiche la totalité des ventes effectuées pendant toute l’année.
Page Inventaire:
→ Un tableau dans lequel il y a “le nom des produits”, “la quantité”, “le prix”, et “changer la quantité” dans lequel se trouve un mini champ de texte qu’on doit remplir si on veut augmenter la quantité des produits.
→ Un bouton “ajouter un produit” qui ramène l’utilisateur dans la page ajouter un produit.
Page Ajouter un produit:
→ La page est composée d’un formulaire que l’utilisateur doit remplir pour ajouter des produits dans l’inventaire, un champ de texte qui contient “le lien de l’image”, “son prix”, “son nom”, “sa quantité”.