Backlog Corentin - falcoda/Projet-DevWeb-III GitHub Wiki

User storie personelle 1

5 (NI et I) En tant qu'utilisateur je souhaite pouvoir contacter l'ASBL facilement afin de pouvoir poser d'éventuelles questions.

Etant donné que je suis un potentiel futur client, quand je me rend sur l'onglet contact alors je suis redirigé sur une page me permettant de contacter l'asbl où s'y trouvera un formulaire de contact. Je veux pouvoir leur envoyer un email facilement à partir du site en y mettant mon nom, prénom, adresse mail et mon message.

Eléments présents

  • Un formulaire conprenant diverses informations

     Nom
     Prénom
     Mail
     Message
    
  • Un bouton "envoyer"

     Lors de l'utilisation de ce bouton, le formulaire est envoyé à la base de donnée et à l'adresse mail de l'ASBL
    

Fonctionnalitées

  • Les données sont envoyer vers la base de donnée

    Les données sont envoyés via une requète XHR à la base de donnée.
    Les données envoyées sont : Le nom, prénom, l'adresse mail, message
    
  • Les données sont envoyer par mail à l'ASBL

    Les données sont envoyé par mail avec la librairie nodemailer
    Les données envoyées sont : Le nom, prénom, l'adresse mail, message
    
  • Les données sont vérifiées (Mail, nom, message valide)

    Les données sont vérifiées. Cela permet de détecter si : 
        - le nom, prénom sont valide (pas de numéro, carractères spéciaux), 
        - le mail a une synthaxe correcte (possède un "@", un ".", une chaine de carractère avant le @ ainsi qu'avant et après le point
        - le message n'est pas vide
    
  • En cas d'erreur, il ne faut pas réencoder toutes les données

     Si une erreur est présente sur un des champs, un message rouge se met à coté de celui-ci. 
     Les autres champs ne sont pas effacés. 
    

Utilisation d'API

Afin d'envoyer les données au serveur, l'utilisation de notre API est requise.

Description Endpoint Paramètre Méthode Réponse
Envoie un mail et sauvegarde dans la DB /mail mail, nom, prénom, message POST renvoie 'succes' ou 'error' en cas d'erreur

Maquette

Maquette page contact

Scénarios :

Scénarios

User storie personelle 2

16 (NI et I) En tant qu'utilisateur non inscrit je souhaite pouvoir voir la localisation de l'ASBL sur une carte afin de voir si elle n'est pas située trop loin.

Etant donné que je suis un potentiel futur client, quand je me rend sur l'onglet contact alors je suis redirigé sur une page me permettant de contacter l'asbl où s'y trouvera le facebook, l'instagram, l'adresse mail de l'asbl. Je veux également pouvoir voir la localisation de l'asbl sur une carte.

Eléments présents

  • Les liens des différents réseaux sociaux de l'ASBL

     Facebook : https://www.facebook.com/Falcohm6TM
     Instagram : https://www.instagram.com/falcohm6tm/?hl=fr
    
  • Un numéro de téléphone

     Téléphone : 0471040755
    
  • Une carte indicant la localisation de l'ASBL

     4 rue des croix du feu 1473 glabais
    

Fonctionnalitées

  • Les liens des réseaux sociaux redirige directement vers ceux-ci

     Facebook : https://www.facebook.com/Falcohm6TM
     Instagram : https://www.instagram.com/falcohm6tm/?hl=fr
    
  • La carte permet de zoomer et dézoomer sur l'adresse de l'ASBL

Maquette

Maquette page contact

Scénarios :

Scénarios