KISS-quiz - Le truc avec de l'AJAX et d'autres trucs
Posté le 13/02/2018
Le développement le plus con du monde, KISS jusqu'à son nom !
Dans le cadre d'un projet à la con, je me suis retrouvé face à la problématique d'un quiz simple. L'idée était d'avoir un truc pas trop moche ( = "fluide"), sans traitement à la clé (simple message du genre "Vous avez fais X erreurs"), et sans restriction en entrée.
Au final, j'ai décidé de bricoler avec reveal.js. Le principal soucis que j'ai rencontré était de pouvoir charger dynamiquement les questions, sans tout rendre disponible dans le fichier source. D'où l'ajout en AJAX. En gros, chaque réponse déclenche le chargement de la question suivante, avec un effet de transition au passage.
On se retrouve donc avec un truc qui hérite de la personnalisation d'interface de reveal.js (voir le fichier README.md pour plus d'info), avec la possibilité de gérer des questions enrichies (support des balises de code, de la mise en forme HTML, des images, ...), d'un nombre illimité de propositions de réponses (avec les mêmes possibilités de mise en forme), et d'autres conneries en tout genre.
La marche à suivre !
-
git clone https://framagit.org/Erase/KISS-quiz.git
-
Ouvrir le fichier
/inc/inc.banque.php
- Modifier/ajouter des questions
-
Ouvrir le fichier
/inc/inc.final.php
- Modifier le texte final qui s'affichera selon le nombre d'erreurs
- Et c'est tout
C'est con hein ?
La démo c'est par ici : http://demo.green-effect.fr/KISS-quiz/
Les sources c'est par là : https://framagit.org/Erase/KISS-quiz
Pour les questions, les remarques et tout, passez par Framagit ou sinon par le mail présent en fichier README.md
(Photo by Alessio)