[RÉGLÉ] Formulaire avec insertion d'images et minuteur ?

[RobertG]

Bonjour,

Je suis à la recherche d'une extension permettant de proposer des tests (de langue en l'occurrence) où il soit possible d'insérer des images dans certaines questions, mais aussi d'utiliser un minuteur qui validerait automatiquement le questionnaire même si certaines réponses obligatoires n'étaient pas remplies.

J'utilise pour le site de cette cliente deux formulaires de ce type faits avec Convert Forms mais n'ayant pas ces impératifs, et je n'ai pas vu de telles fonctionnalités dans cette extension.
Ces deux tests-là sont juste informatifs pour le candidat, le nouveau aura valeur de preuve et sera utilisé en début (pour connaître le niveau) et en fin de formation, et doit répondre aux impératifs d'un organisme de certification.

Avez-vous une expérience de ce type de questionnaire ? Quizz, Survey ? Je ne sais pas trop lequel serait le plus adapté.
J'attends une réponse de ma cliente sur ce que doit être l'insertion d'image : dans la question ou comme réponse à cocher.

Je viens de voir Community Quizz https://extensions.joomla.org/extension/community-quiz/ qui intègre apparemment un minuteur. Qui en aurait l'expérience ?
Merci d'avance !

[woluweb]

Ds Convert Forms tu px mettre du php...
Voir ses FAQ

[RobertG]

Mais je ne suis pas capable de créer du PHP pour gérer des images en guise de réponses ni un minuteur.
J'en utilise, si je me souviens bien, dans les précédents formulaires, mais j'imagine que c'est Tassos qui m'avait fourni le code.

[RobertG]

J'ai trouvé pour l'image dans Convert Forms, il faut choisir un champ de type html avant un nouveau champ de question car il n'y a pas de possibilité de réponses dans ce type de champ html.
J'espère que Tassos aura une solution pour le minuteur.

[RobertG]

Bonjour,

Tassos a développé sur commande un formulaire spécifique avec minuteur et affichage du décompte, qui validera automatiquement le formulaire dès le temps défini atteint.

[woluweb]

Cool
ça sort dans une prochaine version (ou bien c'est un script PHP à mettre dans le formulaire) ?

[RobertG]

Je ne sais pas. Il y a du script dans le formulaire initial, qui n'affichait pas le minuteur mais se contentait de décompter et clore le formulaire. Dans le nouveau avec affichage, je n'ai pas vérifié, j'ai juste vu un champ supplémentaire. Et comme le principe est de cliquer sur un bouton de démarrage pour déclencher le chrono et afficher les questions et le minuteur, il faut que je suive les instructions de paramétrage pour pouvoir tester.

J'avais demandé à ce que ce développement (payé par ma cliente) soit mis à disposition des autres utilisateurs. J'imagine que Tassos le fera.

[RobertG]

Bonjour,

J'ai analysé mais pas tout compris !
Le JavaScript et moi faisons vraiment deux !

Tassos a ajouté un champ HTML et adapté son JavaScript intégré au formulaire, ce qui affiche le temps passé dans le champ HTML.

Mais en regardant ce code, à part cette ligne mettant à jour un champ caché (time_taken) avec la valeur de ce temps passé, je n'ai pas trouvé comment la valeur est ensuite transmise en temps réel au champ html pour affichage. Après tests de suppression du champ html existant puis création d'un nouveau, ce nouveau champ récupère automatiquement la valeur alors que le script est le même, et qu'un autre champ html n'est pas affecté.
J'imagine que c'est cette instruction (dans la fonction principale) qui le met à jour :

// Set timer
timer.innerHTML = getElapsedTime();

form.querySelector('input[name="cf[time_taken]"]').value = getElapsedTime();

Si je duplique cette ligne-ci en changeant le nom du champ pour celui d'un champ texte, le champ texte n'est pas affecté, il reste à 0, sauf au moment de la validation puisque cette ligne est dans une fonction déclenchée par cette validation.

C'est dommage de ne pas comprendre parce que j'aurais aimé pouvoir positionner des copies du timer en plusieurs endroits du formulaire (en raison de sa longueur), ou encore mieux, que je puisse transmettre à un autre formulaire ou module en position fixe la valeur de ce temps restant...

Enfin, cela dit, le minuteur fonctionne, j'ai modifié le code JS pour afficher le temps restant au lieu du temps passé.
J'espère que Tassos fera un article pour expliquer le script à insérer et les modifications à faire pour que ça fonctionne, afin que ça serve à d'autres.

[RobertG]

Bonjour,

Miracle, j'ai trouvé ! (patience et longueur de temps... )

En ajoutant juste après la ligne timer.innerHTML la deuxième ligne de code modifiée pour remplacer le champ "time_taken" par le nom du champ texte à remplir, ça fonctionne !

[woluweb]

si tu as un lien, je serais curieux de voir ça en action

[RobertG]

Pas pour le moment.

Sur le plan pratique, je joue avec les champs conditionnels : affichage seulement des infos de base (nom, etc.) et de la validation des conditions. Dès que c'est rempli, le bouton pour commencer le questionnaire s'affiche. Quand on clique, ce bouton disparaît, le chrono démarre, la case à cocher des conditions est masquée, remplacée par du texte, et les questions s'affichent.
Une fois que le chrono est arrivé au bout, il valide automatiquement le formulaire, si le candidat n'a pas déjà cliquer sur le bouton de soumission.
Le plus dur est de gérer les champs conditionnels quand il y a beaucoup de questions.

[RobertG]

Bonjour,

Aïe, je viens de m'apercevoir d'un gros souci avec ces formulaires de questions avec calcul de score : un petit malin qui ouvre le code source de la page a accès au score de chaque réponse, donc peut avoir la bonne réponse et obtenir le score maximum sans se fatiguer !
Même lorsque les champs des questions sont masqués dans le formulaire, ils sont présents dans le code source. J'ai posé la question à Tassos, mais je me demande s'il y a une solution.

[RobertG]

Bonjour,

Je viens de me laisser séduire par le plugin AntiCopy qui semble très efficace sur leur démo. J'ai eu du mal à comprendre comment paramétrer la détection de l'ouverture des outils développeur, mais j'ai fini par obtenir ce que je voulais.
Une fois activé, plus d'accès au code source de la page avec clic droit, CTRL+U, F12 et autres solutions. Donc dans le cas qui m'intéresse pour ces questionnaires, pas de possibilité de connaître le contenu des questions et réponses avant de les faire apparaître dans le formulaire en cliquant sur le bouton de démarrage de l'épreuve.

Ce que j'aimerais, c'est qu'on puisse en bossant en multipage/multi-formulaires déclencher automatiquement le chrono sur le formulaire suivant. J'espère que Tassos aura une méthode pour.

Complément :
Chapeau à Tassos ! il vient de m'envoyer un nouveau formulaire qui déclenche automatiquement le chrono lors de son ouverture.
Ainsi, en combinant les deux solutions : premier formulaire avec instructions et saisie des informations personnelles, bouton de démarrage de l'épreuve, puis la validation ouvre ce nouveau questionnaire, sans pause entre deux qui pourrait permettre d'accéder (si sans protection anticopie) au code source !