SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 74 visiteurs en ce moment

Accueil > Interactivité, échanges > Jeux > Des jeux pour votre site > Des jeux dans vos articles !

Des jeux dans vos articles !

ou comment apporter une touche ludique et éducative à vos sites...

9 décembre 2006 – par Maïeul, Patrice Vanneufville – 576 commentaires

Toutes les versions de cet article : [français] [italiano]

97 votes

Le plugin « Jeux » permet d’insérer dans vos articles des jeux ou des exercices de toute sorte.

*** Généralités sur le plugin "Jeux" ***

-  Auteurs :
Patrice VANNEUFVILLE
Maïeul ROUQUETTE (gestion des scores)

-  Point de départ :
Le 2 décembre 2006

-  Compatibilité :
Toutes version de SPIP v3.0.x ou v2.x.x
Pour Spip 1.9, voir ici

-  Téléchargements disponibles sur la Spip-Zone :
• « Jeux pour SPIP v3.0 mini
• « Jeux pour SPIP v2.0 mini »
• « Jeux pour SPIP v1.92 maxi ».

Mise en place du plugin :
http://www.spip.net/fr_article3396.html

-  Langues :
Pour l’instant, français et un peu d’anglais ou d’italien. Vos traductions sont les bienvenues !
La version pour SPIP v3 est multilingue. Pour les traductions c’est ici : http://www.spip.net/rubrique4.html.

Description : Ce plugin permet de générer de multiples jeux ou exercices à l’intérieur d’un article SPIP (qcm, mots croisés, pendu, devinettes, ...). Il parse le code des jeux tapé dans SPIP, stocke les divers éléments caractéristiques et retourne le code HTML mis en forme.

Dépendances :

Les styles CSS et les fonctions JavaScript du plugin sont insérés grâce à la balise #INSERT_HEAD qui doit absolument être présente (en un seul exemplaire) dans le header de vos squelettes (entre les balises <head> et </head> des fichiers HTML). Si vous ne trouvez pas cette balise dans vos codes et que les jeux n’ont pas l’apparence voulue, le plugin "Le Couteau Suisse" permet d’insérer automatiquement cette balise sans manipulation de votre part grâce à l’outil "Balise #INSERT_HEAD".

Surcharges :

Vous pouvez modifier l’apparence des jeux prévue par défaut en surchargeant le fichier jeux.CSS.html directement dans votre squelette. Commencez par recopier ce fichier à la racine de votre squelette, puis modifiez les différents styles en fonction de vos préférences.

De même, pour un jeu donné, vous pouvez reproduire cette surcharge avec les fichiers CSS présents dans le dossier mesplugins/jeux/styles/ à recopier/modifier dans le dossier messquelettes/styles/. A l’heure actuelle, quatre jeux possèdent un fichier de styles propre : qcm, pendu, mots croisés et sudoku.

Ce mécanisme de surcharge évite de toucher aux fichiers originaux que vous pourrez mettre à jour sans soucis à l’avenir.

L’affichage du score d’un jeu est surchargeable grâce à l’utilisation d’un fonds. Le fichier à recopier/modifier est : fonds/jeu_score.html.

L’affichage d’un bouton ’Corriger’ ou ’Recommencer’ est également surchargeable (dès la version 2.2.0 du plugin). Les boutons sont ici calculés sur la base d’un fond HTML :
fonds/bouton_{$item}.html. Les fonds livrés nativement dans le plugin sont actuellement :
-  Pour la correction : bouton_corriger.html
-  Pour la réinitialisation du jeu : bouton_recommencer.html, bouton_reinitialiser.html, bouton_rejouer.html

Syntaxe dans l’article :

Dans le texte de l’article, le code des jeux doit se trouver entre les balises "<jeux>" et "</jeux>". Ce code est lui-même composé de séparateurs (par ex. : [titre]) placés entre les paragraphes de code.
Evitez de mélanger les séparateurs spécifiques appartenant à des jeux différents dans le code d’un jeu unique.
Les paragraphes de code peuvent parfois contenir des raccourcis typographiques.

Un exemple simple :

<jeux>
        [titre]
        La devinette du jour
        [devinette]
        Comment appelle-t-on un patron de la nouvelle économie ?
        [reponse]
        Un e-responsable
</jeux>

Séparateurs spéciaux :

-  [titre] : utile pour la plupart des jeux
-  [texte] : permet d’insérer un contenu placé tel quel dans le résultat du jeu, par exemple une image ou une séparation mieux marquée entre deux blagues ou deux questions d’un qcm...
-  [config] : certains jeux peuvent avoir besoin de paramètres de configuration (affichage, difficulté, indices, etc...). Ce séparateur est suivi de lignes sous la forme : parametre = valeur
-  [score] : affichage des commentaires de scores. Reportez-vous au paragraphe dédié ci-dessous.

Attention : afin d’éviter les mauvaises surprises de présentation (sommaires, rubriques, backends, ...) ou les solutions de vos jeux qui apparaissent dans les résumés d’articles, pensez bien :
-  soit à placer une introduction dans votre article entre les balises <intro> et </intro>
-  soit à remplir le descriptif de l’article.
-  soit activer dans le plugin Le Couteau Suisse la lame "Balise #INTRODUCTION".

Petite note aux usagers de FCKEditor ; ne pas oublier d’ajouter la ligne suivante dans fckconfig.js :

FCKConfig.ProtectedSource.Add(/<jeux[\s\S]*?\/jeux>/gi);

Liens utiles : Grâce à Olivier Gautier, visitez http://spip.ac-rouen.fr/?article37 afin d’avoir un tutoriel sur : installer le plugin jeux, créer un pendu, créer un QCM ou QRM, créer un texte à trous.

Modules actuels :


-  Insérer un QCM (ou un quiz...)
-  Insérer une grille de mots-croisés
-  Insérer une grille de sudoku
-  Insérer un exercice à trous
-  Insérer une poésie
-  Insérer une citation ou une blague
-  Insérer une devinette ou une charade
-  Insérer un diagramme de positions d’échecs
-  Insérer un jeu de pendu
-  Insérer un jeu multiple (grappe de jeux)
-  #
-  Forum

Formulaires Ajax :

Si votre version du plugin est supérieure à la 1.1 et que celle de votre SPIP est supérieure à la 2.0, alors les jeux peuvent fonctionner en Ajax. C’est à dire qu’il n’y a plus besoin de recharger toute la page lorsqu’on veut voir la correction.

Pour appeler (sous SPIP >=2.1 et plugin Jeux mis à jour) un jeu en utilisant l’API CVT de SPIP, il faut d’abord créer le jeu en partie privée, puis utilier dans vos articles le raccourci suivant : <formulaire|jeu|XX> (XX est l’id du jeu).

Collaboration avec d’autres plugins :

-  Le plugin CFG (optionnel) pour la configuration des résultats
-  Le plugin Le Couteau Suisse (optionnel) pour la balise #INTRODUCTION et la gestion des jeux supprimés.
-  Le plugin Corbeille (optionnel) pour la gestion des jeux supprimés.
-  Le plugin Crayon (optionnel) pour éditer des jeux enregistrés en base. Le plugin vous offre une page de test : jeu.html. Si votre jeu a pour id XX, alors vous pourrez le crayonner et le tester directement en tapant l’adresse suivante : www.monsite.toto/?page=jeu&id_jeu=XX.

Remerciements :

-  Mathieu GIANNECCHINI : à l’origine des QCM (questions à choix multiples)
-  Maïeul ROUQUETTE : à l’origine des mots-croisés
-  François SCHREUER : à l’origine des diagrammes d’échecs
-  Peut-être vous ? N’hésitez pas à proposer vos projets.

Il reste encore à faire :

-  Ajouter de nouveaux jeux
-  Ajouter de nouvelles traductions (sous SPIP>=3.0, utilisez l’interface de traduction suivante : http://www.spip.net/fr_rubrique4.html).

Commentaires de scores :

Afin d’afficher un commentaire en fonction du score obtenu, utilisez le séparateur optionnel [score]. Vous devez ici définir des catégories de résultats, soit en nombres de points, soit en pourcentages, selon la syntaxe suivante : "XX% :", "XXpt :" ou "XXpts :" (où XX est un nombre au début d’un paragraphe). En gros, une ligne commençant par "XXpts :" signifie : voici le commentaire affiché si vous atteignez les XX points. Un peu comme un seuil de déclenchement.

Voici un premier exemple sur un jeu de 6 points, avec 5 catégories de résultats (0 point, 1 ou 2 points, 3 ou 4 points, 5 points et 6 points) :

[score]
0pt: Vous devez vraiment réviser. Recommencez !
1pt: Vous n'avez pas la moyenne. Recommencez !
3pts: Votre score peut encore être amélioré. Recommencez !
5pts: Presqu'un sans faute. Félicitations !
6pts: Vous êtes vraiment un as. Félicitations !

Voici comment sont choisis les commentaires ci-dessus en fonction du score :

Score obtenu : 0 pt 1 ou 2 pts 3 ou 4 pts 5 pts 6 pts
Commentaire : "0pt:"  "1pt:"  "3pts:"  "5pts:" "6pts:"

Voici un second exemple en pourcentage avec 4 catégories :

[score]
0%: Il est urgent de réviser. Recommencez !
30%: Vous n'avez pas la moyenne... Recommencez !
50%: Ce n'est pas encore parfait... Recommencez !
100%: Vous êtes vraiment un as. Félicitations !

Voici comment sont choisis les commentaires ci-dessus en fonction du score :

Score obtenu : 0% à 29.99% 30% à 49.99% 50% à 99.99% 100%
Commentaire :  "0%:"  "30%:"  "50%:" "100%:"

Enregistrements des scores / jeux en base de donnée :

Le plugin permet aussi d’enregistrer en base les scores des joueurs. Voir ici pour plus d’informations.


*** Insérer un QCM (ou un quiz...) ***

-  module : qcm.php
-  séparateurs obligatoires : [qcm] (ou [quiz]), [qrm]
-  séparateurs optionnels : [titre], [texte], [score]
-  plusieurs [qcm] ou [qrm] entre entre <jeux> et </jeux> : oui
-  paramètres de configuration par défaut :

trou=auto // taille du trou affiche en cas de proposition unique
une_par_une=non // affiche les questions une par une
corrections=oui // corrige chaque réponse (juste ou fausse) et affiche les précisions éventuelles
solution=non // donne la(les) bonne(s) réponse(s) lors de la correction
points=oui // affiche éventuellement les points dans les questions
max_radios=5 // nombre maximal de boutons radios affiches avant le choix d'une liste deroulante
colonnes=1 // nombre de boutons (type radio ou a cocher) par ligne
bouton_corriger=corriger // fond utilise pour le bouton 'Corriger'
bouton_refaire=reinitialiser // fond utilise pour le bouton 'Reset'

-  [qcm] est l’abréviation de "questions à choix multiple, mais réponse unique". Moins de 5 propositions de réponse sont présentées sous forme de bouton radio et sous forme d’une liste au-delà. L’utilisateur ne peut donc choisir qu’une seule réponse à chaque question, même si plusieurs propositions peuvent être justes.
-  [qrm] est l’abréviation de "questions à réponses multiples". Les propositions sont présentées sous forme de cases à cocher. L’utilisateur peut donc choisir de cocher plusieurs réponses pour une même question. Par défaut, les réponses justes rapportent 1 point et les réponses fausses -1 point. Le score final ajoute les points de chaque proposition.
-  [quiz] est un équivalent à [qcm]

Dans le paragraphe précédé par [qcm] ou [qrm], la syntaxe est la suivante :

Q Intitulé de la question
P1 Texte de la proposition 1
P2 Texte de la proposition 2
...
Pi Texte de la proposition i
Rj (indique que la bonne réponse est la proposition j)

Donc, si la bonne réponse est la proposition 2 on indiquera "R2".

Attention, les majuscules sont requises pour : "Q, Pi et Ri".

Il est possible de préciser les points attribués à chaque réponse :

P1.-2 Texte de la proposition 1 à -2 points
P2.4 Texte de la proposition 2 à 4 points
R2

Veuillez à ce que la bonne réponse attribue toujours le nombre maximal de points.

S’il faut expliquer le choix (bon ou mauvais) de l’utilisateur lors de la correction, on peut ajouter des commentaires :

P1 Proposition 1|Et un commentaire 1 !
P2 Proposition 2|Et un commentaire 2 !

Si plusieurs bonnes réponses sont possibles, il suffit de séparer les Ri par un espace :

R1 R3 R4

En fonction du nombre de questions posées, il faut prévoir plusieurs paragraphes précédés des séparateurs "[qcm]" ou "[qrm]".

Un exemple :

<jeux>
        [titre]
        Un titre pour le QCM !
        [qcm]
        Q Une question bla bla
        P1 Une proposition 1
        P2 Une proposition 2
        P3 Une proposition 3 (la bonne réponse)
        R3 (la réponse 3 est la bonne !)
        [qcm]
        Q Une question encore
        P1.2 Une proposition à 2 points (la bonne réponse)
        P2 Une proposition 2|Lisez bien la question...
        R1
        [qrm]
        Q Une question pour finir
        P1 Une proposition 1|En effet 1 !
        P2 Une proposition 2|En effet 2 !
        P3 Une proposition 3|Lisez bien la question...
        R1 R2
</jeux>

Cas particulier : si l’utilisateur doit lui-même taper la réponse, il suffit d’une question "Q" et d’une proposition "P". Exemple :

<jeux>
        [qcm]
        Q Citez une planète du système solaire :
        P Mercure Vénus Terre la+Terre Mars Jupiter Saturne Uranus Neptune
</jeux>

La liste des mots valides à placer après "P" peut accepter les séparateurs usuels : retours à la ligne, tabulations, espaces, virgules, points-virgules ou points.
Pour en savoir davantage sur la syntaxe des listes de mots, lisez le paragraphe "Insérer un exercice à trous" ci-dessous.
Ici, la gestion des points et des précisions est toujours possible :

P.4 Mercure Vénus Terre la+Terre Mars Jupiter Saturne Uranus Neptune|Saviez-vous que Pluton n'est plus une planète ?

Un QCM en démo : http://www.ensemble-claudio-monteve...


*** Insérer un exercice à trous ***

-  module : trous.php
-  séparateurs obligatoires : [texte] & [trou]
-  séparateurs optionnels : [titre], [config], [score]
-  plusieurs [trou] entre <jeux> et </jeux> : oui
-  paramètres de configuration par défaut :

taille=auto        // taille des trous
indices=oui        // afficher les indices ?
couleurs=oui // appliquer des couleurs sur les corrections ?
solution=non // donne la(les) bonne(s) réponse(s) lors de la correction
bouton_corriger=corriger // fond utilise pour le bouton 'Corriger'
bouton_refaire=recommencer // fond utilise pour le bouton 'Reset'

Un exemple :

<jeux>
        [texte]
        Ceci est un exemple de closure (exercice à trous).
        L'utilisateur doit entrer ses [trou]réponses[texte] dans les espaces vides.
        Pour chaque mot manquant, plusieurs réponses correctes
        peuvent être acceptées. Par exemple, ce  
        [trou]
        trou, vide, blanc
        [texte]
        autorise les réponses "trou", "vide" ou "blanc".
        [config]
        indices = oui
        solution = oui
</jeux>

Avec la correction et les couleurs :

Liste des mots :

La liste des mots à placer après [trou] peut accepter les séparateurs usuels : retours à la ligne, tabulations, espaces, virgules, points-virgules ou points.

-  Pour une expression comprenant des espaces, utiliser les guillemets ou le signe +
Par exemple : "afin de" est équivalent à : afin+de
Les minuscules ou majuscules peuvent être utilisées indifféremment pour les réponses ou les propositions.
-  Pour une expression sensible à la casse, ajouter "/M" en fin d’expression :
Par exemple : "la France/M" (ou : la+France/M)
-  Pour une expression régulière (RegExp), utiliser les guillemets et les virgules comme séparateur :
Par exemple : ",stylo(graphe)?,"
-  A propos de la casse, voici quelques expressions équivalentes :
"la France/M", la+France/M, ",la France,"
ou, sans casse : "la France", la+France, la+france, ",la france,i"
-  Pour un affichage lisible des indices, veillez à ce que la première expression ne soit pas une expression régulière...

Autre exemple :

<jeux>
{{Tape les mots ou les expressions suivantes:}}

- élève : [trou]élève[texte]
- Noël : [trou]Noël/M[texte]
- Elle arrive à l'école. : [trou]Elle+arrive+à+l'école./M[texte]
- Où es-tu ? : [trou]Où+es+tu+?/M[texte]
- Je suis là ! : [trou]Je+suis+là+!/M[texte]
- (3x10)-4+2=28 : [trou]"(3x10)-4+2=28"[texte]
- <html>http://ecole-ybarau</html> : [trou]"<html>http://ecole-ybarau</html>"[texte]
- <html>mon.adresse@barau.fr</html> : [trou]"<html>mon.adresse@barau.fr</html>"

       [config]
       indices = non
       solution = oui
</jeux>

*** Insérer une poésie ***

-  module : textes.php
-  séparateurs obligatoires : [poesie]
-  séparateurs optionnels : [titre], [auteur], [recueil]
-  plusieurs [poesie] entre <jeux> et </jeux> : non
-  paramètres de configuration par défaut : aucun

Un exemple :

<jeux>
        [titre]
        Messieurs les petits oiseaux
        [poesie]
        Messieurs les petits oiseaux,
        On vide ici les assiettes ;
        (...)
        Venez donc manger et boire,
        Messieurs les petits oiseaux.
        [auteur]
        Victor HUGO
        [recueil]
        L'art d'être grand père, 1877
</jeux>

*** Insérer une citation ou une blague ***

-  module : textes.php
-  séparateurs obligatoires : [citation] ou [blague]
-  séparateurs optionnels : [titre], [auteur] ou [recueil]
-  plusieurs [citation] ou [blague] entre <jeux> et </jeux> : oui
-  paramètres de configuration par défaut : aucun

Un exemple :

<jeux>
        [citation]
        L'amour est aveugle, il faut donc toucher.
        [auteur]
        Proverbe brésilien
</jeux>

*** Insérer une devinette ou une charade ***

-  module : devinettes.php
-  séparateurs obligatoires : [devinette] ou [charade]
-  séparateurs optionnels : [reponse], [titre], [texte], [config]
-  plusieurs [devinette] ou [charade] entre <jeux> et </jeux> : oui
-  paramètres de configuration par défaut :

reponse = oui        // afficher la réponse ?
envers = oui // retourner la réponse ?
taille = 10        // taille de la police utilisée

Deux exemples :

<jeux>
        [devinette]
        Comment appelle t-on un patron de la nouvelle économie ?
        [reponse]
        Un e-responsable
        [devinette]
        Quel est le point commun entre un contrôleur des impôts et un spermatozoïde ?
        [reponse]
        Tous les 2 ont 1 chance sur 3 millions de devenir un jour un être humain.
        [config]
        reponse = oui
</jeux>

<jeux>
        [titre]
        Pour les enfants...
        [charade]
        {{Mon premier}} se dirige quelque part.
        {{Mon deuxième}} est la moitié d'un cheveux.
        {{Mon tout}} vit à la ferme.
        [reponse]
        La vache
</jeux>
Une devinette
Une devinette

Note : la Librairie GD (graphique dynamique) est obligatoire sur votre serveur pour obtenir des réponses affichées à l’envers. Une image renversée est en effet créée, à condition que la ligne ’reponse = oui’ a été placée après le séparateur [config]


*** Insérer une simple saisie d’informations ***

Ce jeu, surtout utile en mode multi-jeu, permet de collecter des informations qui ne nécessitent pas de correction, comme un pseudo par exemple, ou un message personnalisé.

-  module : saisies.php
-  séparateurs obligatoires : [texte] & [saisie]
-  séparateurs optionnels : [titre], [config]
-  plusieurs [saisie] entre <jeux> et </jeux> : oui
-  paramètres de configuration par défaut :

bouton_corriger=valider // fond utilisé pour le bouton 'Corriger'
bouton_refaire=reinitialiser // fond utilisé pour le bouton 'Reset'

Un exemple :

<jeux>
        [label]
        prenom Quel est ton prenom ?
        [saisie]
        prenom text size=48
        [texte]
        Je suis :
        [saisie]
        genre checkbox
        M = Un garcon
        F = Une fille
        [label]
        preference Tu préfères :
        [saisie]
        preference select
        bonbons = Les bonbons
        gateaux = Les gâteaux
        [texte]
        Ton message :
        [saisie]
        message textarea cols=40 rows=10
        value = Ligne 1
Ligne 2
</jeux>

Syntaxe à utiliser après [label] (tous les paramètres sont optionnels) :
        (nom) (votre texte)
- nom par défaut : saisie

Syntaxe à utiliser après [saisie] (tous les paramètres sont optionnels) :

        (nom) (type) (autres paramètres de la balise)
        (valeur 1 = libelle 1, cas d'un type 'select', 'radio' ou 'checkbox')
        (valeur 2 = libelle 2, cas d'un type 'select', 'radio' ou 'checkbox')
        ...
        (value = Votre texte par défaut, pour certains types de saisies)


- nom par défaut : saisie
- type par défaut : text

Le nom :
un mot sans espace compose de lettres/chiffres/ :._-

Les types reconnus sont les types HTML :
button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, search, select, tel, text, textarea, time, url, week
- types non reconnus : submit, reset
- type par défaut : text

Les autres paramètres :
permet de compléter la balise HTML <input> ( <select> ou <textarea> le cas echeant)
exemple 1 : cols=40 rows=10
exemple 2 : size=48


*** Insérer un diagramme de positions d’échecs ***

Les caractéristiques de ce jeu ont été placées ici : Insérer un diagramme de positions d’échecs.

Échiquier interactif en JAVA : Afficher des parties d’échecs avec ChessViewerDeluxe.


*** Insérer un jeu de Pendu ***

-  module : pendu.php, pendu.js et pendu.CSS
-  séparateurs obligatoires : [pendu]
-  séparateurs optionnels : [titre], [texte], [config]
-  plusieurs [pendus] entre <jeux> et </jeux> : non
-  paramètres de configuration par défaut :

pendu=1        // Dessin du pendu en noir et blanc
regle=non        // Afficher la règle du jeu ?
indices=non // Afficher les premières et dernières lettres?
alphabet=latin1 // Utiliser un clavier latin simple

Le pendu est essentiellement un jeu écrit en JavaScript. Il faut donc que votre navigateur et vos logiciels de protection de l’ordinateur l’autorisent.

L’implémentation de ce jeu est très simple. Il suffit de choisir éventuellement le type de pendu à afficher (voir les dossiers disponibles sous la forme : /jeux/img/penduX) grâce à la configuration pendu=X, puis de renseigner la liste de mots située après la balise [pendu]. Le mot à deviner sera alors choisi au hasard à chaque partie de pendu.

Note : La liste des mots à placer après [pendu] peut accepter les séparateurs usuels : retours à la ligne, tabulations, espaces, virgules, points-virgules ou points.
Les minuscules ou majuscules peuvent être utilisées indifféremment.
N’utilisez aucun accent car le clavier du pendu ne les propose pas au joueur.

Exemple :

Pendu Jazz

Concernant l’alphabet utilisé, il est possible d’en choisir un autre ou de l’indiquer en clair à chaque jeu :

Voici les alphabets actuellement disponibles nativement :

latin1  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,-
latinbr  : A,B,C,D,,E,F,G,H,I,,J,K,L,M,N,,O,P,Q,R,S,,T,U,V,W,X,,Y,Z,-
azerty1  : A,Z,E,R,T,Y,U,I,O,P,,Q,S,D,F,G,H,J,K,L,M,,W,X,C,V,B,N
azerty2  : A,Z,E,R,T,Y,U,I,O,P,,Q,S,D,F,G,H,J,K,L,M,,W,X,C,V,B,N,-
qwerty1  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,,Z,X,C,V,B,N,M
qwerty2  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,,Z,X,C,V,B,N,M,-
qwerty3  : Q,W,E,R,T,Y,U,I,O,P,,A,S,D,F,G,H,J,K,L,Ñ,,Z,X,C,V,B,N,M,-
español1  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,Ñ,O,P,Q,R,S,T,U,V,W,X,Y,Z,-
español2  : A,B,C,D,E,F,G,H,I,J,K,L,M,N,Ñ,O,P,Q,R,S,T,U,V,W,X,Y,Z,Á,É,Í,Ó,Ú,-
cyrillic1  : А,Б,В,Г,Д,Е,Ё,Ж,З,И,Й,К,Л,М,Н,О,П,Р,С,Т,У,Ф,Х,Ц,Ч,Ш,Щ,Ъ,Ь,Ы,Э,Ю,Я

Notez que la double virgule entraîne un retour à la ligne.

Une autre façon de personnaliser votre alphabet est d’ajouter la ligne suivante dans config/mes_options.php :

et puis configurer le jeu comme ceci :

Note de compatibilité : l’insertion de JavaScript dans les articles par les plugins a été facilitée par Spip 1.9.2. Le jeu du pendu n’est donc pour l’instant pas compatible avec les versions de SPIP antérieures ou égales à 1.9.1. À vos mises à jour !


*** Insérer une grille de mots-croisés ***

Les caractéristiques de ce jeu ont été placées ici : Des grilles avec le plugin « Jeux »


*** Insérer une grille de sudoku ***

Les caractéristiques de ce jeu ont été placées ici : Des grilles avec le plugin « Jeux »


*** Insérer un jeu multiple (un groupe de jeux) ***

Les caractéristiques de ce jeu ont été placées ici : Les jeux multiples

Voir en ligne : http://plugins.spip.net/jeux

Dernière modification de cette page le 25 octobre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 16 octobre 2009 à 14:07, par LeJu En réponse à : Des jeux dans vos articles !

    Même problème que Léo.

    Donc, j’intègre le jeu directement à l’article.

    Répondre à ce message

  • Le 10 avril 2012 à 14:54, par ? En réponse à : Des jeux dans vos articles !

    Bonjour,
    je débute avec spip et j’ai un problème avec l’affichage d’un QCM.
    Le plugin est installé, je crée mon QCM en BO.
    j’ai activé la basile avec le couteau suisse.
    J’appelle dans un article graçe a un include mais le questionnaire ne s’affiche pas.
    merci d’avance.

    Répondre à ce message

  • Le 12 mars 2012 à 13:53, par Manu En réponse à : Des jeux dans vos articles !

    Pour un projet particulier, j’ai voulu faire un essai d’insertion de grille de mots croisés.
    Je ne dois pas faire les choses comme il faudrait (mais je ne vois pas quoi, bien sûr !).
    Les définitions s’affichent bien, mais pas la grille en elle-même. En regardant le code-source généré, j’ai

    <table class="jeux_grille" cellspacing="0" border="0" summary="Grille de mots-crois&eacute;s de 0 colonnes sur 1 lignes">
    <tr>
    <td class="jeux_coin"></td>
    </tr>
    </table>

    Une idée de ce qu’il se passe ? Une piste à proposer ? Merci d’avance...

    • Le 12 mars 2012 à 17:43, par Pat En réponse à : Des jeux dans vos articles !

      Ah, est-ce possible d’avoir le code source du jeux ? Il y a peut-être une erreur ?

    • Le 12 mars 2012 à 18:15, par Manu En réponse à : Des jeux dans vos articles !

      Voilà, voilà...

      <jeux>[horizontal]
      De Montauban à Guipry en passant par St Aubin, vous croiserez le monstre !
      Désir de jardinier. Dispersé
      Astate symbolisé. Pactes du cinéma de Guipry avec ses spectateurs
      On devient c r a z y en pratiquant ce sport. Célèbre victoire
      Service de poste. Particule allemande. Préposition
      Village écossais
      Roue à  gorge. Parti politique. Cochon !
      Infinitif. Berléand vu par Canet. Le point commun entre des actrices, des vampires et Ettore Scola
      Célèbre Gérard viendra un jour
      Rendez-vous à Chateaugiron pour la contempler. Métal malléable. Une chanteuse et deux pères
      Résidus. …en pente douce !
      Note de
      musique. Spécialité d’Eluard. Coordination

      [vertical]
      Si elle est sociale, vous la trouverez à Chartres de Bretagne
      Sans noblesse. Point cardinal
      Possède. Capitale de la Lettonie. Arme de Robin des Bois
      Aluminium. Observatoire de Paris
      Neiges éternelles à voir à Bréal
      Célèbre logarithme. Permet d’actionner les filins d’un décor
      Manteau d’hiver. Végétaux aquatiques
      Refuge à soutenir. Dans le vent. Préposition. Hypothèse
      Celui du vin redonne la pêche à la grenouille d’hiver. L’ours d’ « une séparation »
      l’était à Berlin
      Capitale historique des montreurs d’ours ! Bornée
      Acteur et chanteur norvégien.  Lumière d’Egypte. La Messe est dite !
      Pièce hermétique. Il est intouchable.</jeux>
    • Le 12 mars 2012 à 18:19, par Patrice Vanneufville En réponse à : Des jeux dans vos articles !

      Ah bah il manque la solution ! Le séparateur est : [solution].

      Voir les exemples ici : Des grilles avec le plugin « Jeux ».

    • Le 12 mars 2012 à 18:49, par Manu En réponse à : Des jeux dans vos articles !

      Damned : comme je ne veux pas que les gens puissent voir la solution, je pensais que le plus simple était de faire l’impasse sur cette « section-là ».
      Mais à y réfléchir, bien sûr que mon raisonnement était carrément stupide (c’est même un minimum) car effectivement, je ne vois pas comment SPIP pourrait « magiquement » proposer une grille avec les cases qui vont bien !
      Des fois, je m’inquiète...

    • Le 13 mars 2012 à 00:05, par Patrice Vanneufville En réponse à : Des jeux dans vos articles !

      Peut-être faudrait-il dans ce cas créer un jeux avec l’inferface d’édition, puis appeler le modèle dans l’article, par exemple : <jeux1>.

    Répondre à ce message

  • Le 12 mars 2012 à 15:24, par Christian En réponse à : Des jeux dans vos articles !

    Bonjour,
    Le plugin n’est pas encore compatible avec la version 3 de spip.

    • Le 12 mars 2012 à 15:29, par Maïeul En réponse à : Des jeux dans vos articles !

      Il me semblait avoir testé il y a quelque mois la compatibilité, mais j’ai un doute.

      Pouvez vous tester pour moi en modifiant dans le fichier plugin.xml la ligne suivante :

      <necessite id="SPIP" version="[2.0.0;2.1.99]" />

      par <necessite id="SPIP" version="[2.0.0;3.0.99]" />, et si cela fonctionne, me signaler que je modifie le fichier source.

      Bien cordialement

    • Le 12 mars 2012 à 17:41, par ? En réponse à : Des jeux dans vos articles !

      Globalement ça fonctionne. Il y a justes quelques défauts d’affichage sur la page de config principale des jeux.

    • Le 12 mars 2012 à 17:42, par Maïeul En réponse à : Des jeux dans vos articles !

      ok, je n’ai pas trop le temps de régler cela. Peut être Patrice ?

    Répondre à ce message

  • Le 22 février 2012 à 07:25, par Luc Tartier En réponse à : Des jeux dans vos articles !

    Génialissime ! Merci 1000x, je cherchais le bon plugin, et il est vraiment simple d’utilisation, quasiment sans apprentissage et surtout s’utilise directement en ligne et fonctionne même avec la version SPIP avec Xinha intégré de Jérémie (encore merci pour la contrib) pour avoir le bénéfice du WYSIWYG et des formules de maths dans les questions !

    Répondre à ce message

  • Le 22 janvier 2012 à 00:36, par Voldor En réponse à : Des jeux dans vos articles !

    C’est sûrement tout bête mais... j’ose quand même :

    Pour le pendu comme pour les mots-croisés, le cadre invisible dans lequel le jeu s’affiche est toujours à gauche de la page.

    Je dois faire quoi pour centrer ces jeux sur ma page ?

    Grand merci d’avance pour la réponse !

    • Le 22 janvier 2012 à 18:47, par Pat En réponse à : Des jeux dans vos articles !

      Tout dépend des styles de ta page... Tu peux facilement les vérifier avec Firefox+Firebug ou Chrome.

      Centrer un div peut se faire ainsi :

      1. .jeux_global {
      2.     margin: 0 auto;
      3. }

      Télécharger

    Répondre à ce message

  • Le 12 décembre 2011 à 10:01, par RealET En réponse à : Des jeux dans vos articles !

    Un utilisateur me fait remonter le problème suivant : dans les QCM, cliquer sur [recommencer] provoque le ré-affichage de la page entière, en revenant en haut de la page.

    Le comportement souhaité serait de revenir sur le début du QCM.

    J’ai regardé le code de fonds/bouton_recommencer.html

    À quoi sert le |parametre_url{var_mode, recalcul} ? Plus précisément, j’ai essayé sans et ça permet de ne pas changer à chaque fois le <div class="jeux_global" id="JEU94978">. Ce qui serait la moitié de la résolution du problème. L’autre moitié étant de réussir à passer à ce fond le « JEU94978 ».

    Répondre à ce message

  • Le 10 décembre 2011 à 15:12, par stéphane En réponse à : Des jeux dans vos articles !

    Bonjour,
    J’utile la dernière version du plugin "des jeux dans vos articles. J’ai créé un qcm dans un article. Il fonctionne très bien dans la partie privée, les résultats également... Mais lorsque je publie l’article, j’obtiens pour chaque question : erreur de syntaxe. Je ne comprends pas.
    Pouvez-vous m’aider ? Merci beaucoup.

    • Le 10 décembre 2011 à 20:08, par Pat En réponse à : Des jeux dans vos articles !

      Bonjour,

      N’utiliserais-tu pas un filtre ou un traitement particulier sur ta balise #TEXTE ? Un retour à la ligne automatique par exemple ou autre ?

      Il est possible que le code du jeu soit détérioré avant son interprétation par le plugin.

    Répondre à ce message

  • Le 9 septembre 2011 à 09:48, par ps En réponse à : Des jeux dans vos articles !

    QCM

    Bonjour

    J’ai mis un QCM en place sous un squelette sarka-spip : http://cuen.fr/lmd/spip.php?article28 , quand je cliques sur la correction les réponses chevauchent les questions.

    Sous SPIP seul pas de pb.

    Quelqu’un saurait il comment donner de l’espace.

    Merci d’avance
    Pierre

    • Le 6 novembre 2011 à 18:47, par ? En réponse à : Des jeux dans vos articles !

      Bonjour,

      Pourrais-tu mettre à jour le plugin (rev. 54130) afin de voir ce qui s’améliore ? Peut-être as-tu surchargé quelques styles CSS ?

      Merci.

    Répondre à ce message

  • Le 23 octobre 2011 à 10:37, par joseluis En réponse à : Des jeux dans vos articles !

    Bonjour

    J’ai mis un QCM en place sous un squelette sarka-spip avec spip 2.1.10 et il me donne cet erreur :

    - Erreur de syntaxe

    Salut !

    • Le 23 octobre 2011 à 20:01, par Pat En réponse à : Des jeux dans vos articles !

      As-tu vérifié le code de ton jeu ?

      En le simplifiant dans un premier temps ? En le postant ici ?

    • Le 24 octobre 2011 à 02:10, par joseluis En réponse à : Des jeux dans vos articles !

      Merçi.

      J’ai trouvé le problème, en désactivant « Retours de ligne automatiques » de le « Couteau suisse » tout va bien :-)

    • Le 28 octobre 2011 à 12:21, par Pat En réponse à : Des jeux dans vos articles !

      Bjr. Je n’ai pas fait l’essai, mais il me semble que la balise <jeux/> est protégée par cette lame du Couteau Suisse. Peut-être faudrait-il donc utiliser cette balise pour que le code du jeu ne soit pas perturbé avant son interprétation.

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Flux RSS configurable

    8 avril 2011 – 68 commentaires

    Ce plugin vous permet de personnaliser le fonctionnement de votre flux RSS à l’aide d’un formulaire dans l’espace privé. Instalation Pour fonctionner, ce plugin nécessite que le plugin Itérateurs soit installé et activé sur votre site. Par (...)

  • Réservation d’événements

    16 mars 2015 – 421 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification Facteur (...)

  • PHANTOM (HTML5UP)

    18 juillet – 27 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Site multilingue facile

    3 mai 2012 – 104 commentaires

    Site multilingue facile permet de mettre en place facilement un site multilingue avec une langue par secteur. Introduction Même si le multilinguisme est nativement intégré dans spip, réaliser un site multilingue n’est pas toujours évident. Ce (...)

  • CKeditor 3.0

    4 octobre 2009 – 1233 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)