Informatique : enquêtes sur le web

L2 Sociologie - Parcours Sociologie quantitative (2020 - 2021, Université de Lille)

Enquêtes des promotions précédentes

HTML et CSS

Ressources HTML/CSS

Le site Mozilla Developer Network est considéré comme une référence pour l'élaboration de pages web en HTML/CSS. Vous y trouverez notamment :

Pour ceux qui désireraient reprendre les bases en HTML et CSS, vous pouvez aussi suivre le tutoriel d'OpenClassroom

Tester un Formulaire HTML quelconque

Pour contrôler l'aptitude de votre formulaire à collecter correctement les données saisies par le visiteur, vous pouvez utiliser la page cible ci-dessous dont vous spécifierez l'url dans l'attribut action de votre élément form. Une fois le formulaire validé, le visiteur est alors automatiquement redirigé vers une page lui présentant une synthèse des données saisies par le visiteur, chacune référencée par l'attribut name qui lui est associé. Afin de permettre à cette page d'accumuler les données d'un même formulaire, il est nécéssaire d'identifier votre formulaire à l'aide d'un input de type caché dont l'attribut name est identifiant et l'attribut value est une expression de votre choix, mais que votre formulaire doit être le seul à avoir.

<form action="https://fabien-torre.fr/Enseignement/tp/Formulaires/universel.php" method="post">

   <input type="hidden" name="identifiant" value="jzfmsdfjk">
   ...
   ...
   <input type="submit" value="OK">

</form>

Tester votre formulaire d'enquête à l'aide du tableau de bord du site des enquêtes

Lorsqu'une personne répondra à votre enquête, ses réponses seront enregistrées sur un serveur immédiatement après qu'elle valide le bouton finale en bas du questionnaire. En tant que gestionnaires de l'enquêtes, vous avez la possibilité de consulter ces réponses, au fur et à mesure qu'elles sont enregistrées, via un outil dédié : le tableau de bord. Le tableau de bord associé à votre enquête est accessible sur le site des enquêtes : https://enquetes.licence-soq.fr/ à l'aide du code enquête et du mot de passe associés à votre enquête. Lorsque vous vous connectez pour la première fois à votre tableau de bord, celui-ci vous indique que 0 réponses ont été collectées.

Il s'agit donc à présent de paramétrer le formulaire HTML de votre enquête afin que sa validation envoie les réponses sur le serveur (et que celles-ci soient pas conséquent consultables via le tableau de bord) :

Input caché transmettant le code enquête

  1. Son attribut type doit avoir la valeur hidden (pour ne pas qu'il apparaisse auprès des visiteurs)
  2. Son attribut name doit avoir la valeur codenquete (pour que le serveur comprenne que l'objet de cet input est d'identifier l'enquête)
  3. Son attribut value doit correspondre au code enquête de votre enquête (pour que le serveur comprenne dans quelle enquête il faut enregistrer ces réponses)

Input caché transmettant l'année de l'enquête

  1. Son attribut type doit avoir la valeur hidden (pour ne pas qu'il apparaisse auprès des visiteurs)
  2. Son attribut name doit avoir la valeur promotion (pour que le serveur comprenne que l'objet de cet input est d'identifier l'année)
  3. Son attribut value doit correspondre à l'année où l'enquête est réalisée

N'oubliez pas que les valeurs des attributs HTML doivent être indiquées entre guillemets. Pour plus d'informations et des exemples sur les input cachés, référez vous à la page de documentation.

Note : dans la phase de test, vous pouvez enregistrez autant de réponses que vous voulez sur le serveur afin de contrôler que tout fonctionne correctement. Lorsque les enquêtes seront "réellement" ouvertes, une remise à zero sera effectuée pour effacer toutes ces réponses de test afin qu'elles ne soient pas mélangées avec les vrais réponses.

JavaScript

Rendus

Chaque groupe doit effectuer trois envois au cours du semestre :

  1. la page de présentation
  2. la page de formulaire
  3. la page d'analyse des résultats

Chaque rendu consiste en une archive compressée au format .zip. L'archive doit comprendre

Quelques consignes supplémentaires (prises en compte dans la note) :