Projet 1 - Enquête de 

satisfaction (JS + HTML) 
BARRERE Pierre & DAUVOIS Jeremy 
─ 

 
 
 

 
 1 
 

Présentation du contexte 
L’entreprise de location d’appartement L​ ocaImmo ​est une startup française créé par 
Denis Debout en 2014 suite à son désir de modernisation de son agence immobilière du 
même nom. Elle rend la location très simple sans besoin de se déplacer ou de contacter un 
propriétaire pour effectuer une location d’appartement. 
Ses offres s’adressent aussi bien à des voyageurs qu’à des professionnel de passage 
dans une ville. Sa particularité est l’impossibilité de louer plus de 30 jours un même bien 
afin de ne pas affecter les agences de location et donc se plaçant en concurrent direct des 
hôtels. 
Elle affiche comme partenaire le groupe d’aviation A
​ ir France KLM ​et l’agence de 
voyage ​Thomas Cook​. 
LocaImmo a ​ voulu développer une enquête de satisfaction afin de disposer en 
interne d’indicateurs de la satisfaction client, récolter en direct des données de ses clients 
mais aussi en externe de montrer aux clients qu’ils comprennent leurs attentes et qu’ils 
prennent les mesures pour mieux y répondre. 

Objectifs 
1. Réaliser un environnement de développement optimal pour la réalisation de 
différent projet 
2. Création d’un formulaire en langage HTML et d’utiliser le langage Java Script pour 
réaliser différentes vérifications.  
 

 
 
 
 2 
 

Outils utilisé 
Gestion de projet : Trello 

 
IDE : Visual Studio Code & Sublime Text 2 
Package Web : Wamp & Mamp 
Versionning : Git (GitHub & Git Desktop) 
Maquettage : Adobe XD 
 

 
 3 
 

Grandes étapes 

I. Charte graphique  
Une charte graphique à été établie afin de coller aux différents éléments déjà existant.  
 

 
 
 
  #2b3e50  Couleur de fond 

  #df691a  Couleur des boutons 

  #4e5d6c  Couleur du menu 

 
 4 
 

II. Maquettage 
Par la suite une maquette a été mise au point. L'objectif était de créer une interface simple 
et uniforme afin de coller aux différents profils cible de l’enquête.  
 

 
 
 
 
 5 
 

III. Elaboration des questions 

 
Une enquête interne a été réalisé afin de connaître les informations de la part des 
utilisateurs permettant l’amélioration des différents services.  
Le nombre de questions a donc été fixé à 9 dont 3 permettant la création d’un 
retour instantané à l’utilisateurs permettant un retour de satisfaction sous la forme de 
smiley. 
Différentes contraintes ont été posé :  
-la date d’arrivé de ne peut pas être supérieur ou égale celle du jours, 
-le nombre de jours de location ne peut pas dépasser 30 jours, 
-le lien de la location doit être réel. 
 

 
 6 
 

IV. Développement  
La première étape de développement à été de réaliser un formulaire web HTML. 
Le nombre de page fixé à 6 - Formulaire, 4 pages de questions, une page de 
remerciement - il a fallu optimiser le nombre de question tout en gardant un outils facile à 
utiliser.  

 
 
La seconde étape fut la réalisation des diverses vérifications des champs en Java Script. 
La vérification permet à l’utilisateur de comprendre sa faute grâce à des couleurs 
simple et une annotation d’alerte. 
 

 
Ici la date n'est pas encore passé. 

 
Ici la date n’est pas au bon format. 
 7 
 

La troisième étape fut de sauvegarder les informations clefs sous formes de cookies. Un 
bandeau claire a été mis en place afin d’en informer l’utilisateur. 
Les cookies sont stockés sur le navigateur de l'utilisateur dans le respect total de 
l'article 5(3) de la directive 2002/58/CE par l'adoption de la directive 2009/136/CE. 
 

 
 

V. Incident technique  
Les vérifications des champs s'effectuant avec des expression régulières il a fallu 
mettre en place des tests de vérifications pour s’assurer de fonctionnement exact. 
La compatibilité d’élément CSS et JS sur les différents navigateurs (Chrome, FireFox, 
Safari et Opéra) a dû être surveillé afin de pallier toute différence d'exécution. 
 

VI. Juridique  
La production respect les point suivant :  

-Règlement (UE) 2016/679 du Parlement européen et du Conseil du 27 avril 2016 relatif à la 
protection des personnes physiques à l'égard du traitement des données à caractère 
personnel et à la libre circulation de ces données, 
-Loi n° 78-17 du 6 janvier 1978 modifiée par la loi ° 2018-493 du 20 juin 2018 relative à la 
protection des données personnelles 
-Loi n° 2004-575 du 21 juin 2004