Corrections de bogues<\/h3>\n\n\n\n
<\/p>\n\n\n\n
- \n
- Faire en sorte que les positions de l’\u00e9l\u00e9ment \u00e0 mettre en surbrillance par rapport au blanc “persistent” lors de l’\u00e9dition d’un contenu. Il fallait simplement ajouter des guillemets aux valeurs dans Semantics, par exemple “value” : “-1”, “label” : “- 1 (juste avant le blanc)”.<\/li>\n\n\n\n
- Afficher le dialogue de confirmation lors de la “V\u00e9rification”. Cette option n’est pas compatible avec l’option “V\u00e9rifier automatiquement les r\u00e9ponses apr\u00e8s la saisie”. Solution : utilisez la biblioth\u00e8que ShowWhen ‘papi Jo’<\/em> pour ne pas afficher cette option.<\/li>\n<\/ol>\n\n\n\n
Am\u00e9liorations & nouvelles fonctionnalit\u00e9s<\/h3>\n\n\n\n
<\/p>\n\n\n\n
- \n
- Dans le fichier semantics<\/em>, j’ai r\u00e9gl\u00e9 l’affichage du feedback global et des r\u00e9ponses incorrectes en mode “non d\u00e9velopp\u00e9” par d\u00e9faut pour \u00e9viter d’encombrer l’\u00e9cran d’\u00e9dition, en particulier lorsque de nombreuses r\u00e9ponses incorrectes sont propos\u00e9es.<\/li>\n\n\n\n
- Ajout d’un champ “Feedback pour la bonne r\u00e9ponse<\/em>“, qui peut \u00eatre utilis\u00e9 pour confirmer que l’utilisateur a trouv\u00e9 la bonne r\u00e9ponse afin de le conforter dans son choix.<\/li>\n\n\n\n
- Ajout d’une option d’expression r\u00e9guli\u00e8re<\/em> pour les mauvaises r\u00e9ponses avec 2 caract\u00e9ristiques principales : d\u00e9tecter les mauvaises r\u00e9ponses ou parties de r\u00e9ponses et d\u00e9tecter les mots manquants. C’est la plus importante innovation.<\/li>\n\n\n\n
- Ajout d’une option pour l’affichage des solutions permettant de n’afficher que la premi\u00e8re r\u00e9ponse correcte OU toutes les alternatives (comme dans l’activit\u00e9 originale H5P Blanks).<\/li>\n\n\n\n
- Permettre l’utilisation de la barre oblique dans les r\u00e9ponses correctes, par exemple 10\/20, en “\u00e9chappant” la barre oblique comme ceci 10\\\\\/20.<\/li>\n\n\n\n
- Pour les champs de saisie de la solution correcte et de l’affichage, adapter la taille du champ \u00e0 la r\u00e9ponse contenue (n\u00e9cessite une police monospace pour un affichage correct, voir le point 9 ci-dessous).<\/li>\n\n\n\n
- Divers ajustements des coches, des croix et des ic\u00f4nes d’indice pour un affichage plus esth\u00e9tique <\/em>(subjectif, bien s\u00fbr).<\/li>\n\n\n\n
- Cacher l’ic\u00f4ne d’indice<\/em> si la r\u00e9ponse \u00e0 la lacune est correcte OU si la r\u00e9ponse \u00e0 la lacune montre la solution.<\/li>\n\n\n\n
- Ajout d’un lien vers la police Google Font ‘Roboto Mono’<\/a> dans le fichier CSS. Ceci est n\u00e9cessaire pour afficher un meilleur affichage du texte dans les champs de saisie. La police “Roboto Mono” est bien plus esth\u00e9tique que les polices Courier ou monospace disponibles par d\u00e9faut.<\/li>\n\n\n\n
- Ajout d’une fonction de redimensionnement automatique<\/em> du champ de texte pour le champ de saisie (sur la liste TODO de Sebastian). Elle fonctionne bien, sauf lorsqu’on utilise la touche Del ou Backspace pour effacer des caract\u00e8res d\u00e9j\u00e0 saisis, et devra donc \u00eatre affin\u00e9e.<\/li>\n<\/ol>\n\n\n\n
Tutoriel<\/h3>\n\n\n\n
L’activit\u00e9 H5P “papi Jo” \u00e9tant bas\u00e9e sur l’activit\u00e9 H5P “Advanced Fill in the Blanks”<\/a>, veuillez vous r\u00e9f\u00e9rer au tutoriel original (en anglais) dont le lien figure ci-dessus. Dans ce tutoriel, je me contenterai d’ajouter les informations n\u00e9cessaires relatives aux diff\u00e9rences entre les 2 versions. Je me r\u00e9f\u00e8re dans mon tutoriel au contenu du fichier Advanced Fill in the Blanks ‘papi Jo’ Mod\u00e8le.<\/p>\n\n\n\n
Step 1: Topic<\/h4>\n\n\n\n
Step 2: Creating Advanced Fill in the Blanks<\/h4>\n\n\n\n
Step 3: Advanced Fill in the Blanks editor<\/h4>\n\n\n\n
Step 4: Consigne<\/h4>\n\n\n\n
Which compound adjective would you use to describe the following:<\/em><\/p>\n\n\n\n
Step 4b: Options g\u00e9n\u00e9rales<\/h4>\n\n\n\n
Mode de r\u00e9ponse<\/strong>: L’utilisateur tape les r\u00e9ponses
Utiliser les expressions r\u00e9guli\u00e8res<\/strong>: Cochez cette case<\/em><\/p>\n\n\n\nStep 5: Texte \u00e0 trous<\/h4>\n\n\n\n
Sous Texte \u00e0 trous<\/em><\/strong>, nous allons taper le texte de l’exercice comme ceci :<\/p>\n\n\n\n
a little girl who was born !!5 (five)!! !!years!! ago? a ____ girl<\/em><\/p>\n\n\n\n
Nous devons maintenant d\u00e9finir toutes les alternatives correctes possibles ainsi que les alternatives incorrectes potentielles. Ceci est fait dans la section “Param\u00e9trage des Blancs utilis\u00e9s dans le texte”.<\/p>\n\n\n\n
1.- Pour le premier blanc, nous ajouterons la r\u00e9ponse ci-dessous comme r\u00e9ponse correcte : <\/p>\n\n\n\n
- \n
- R\u00e9ponse correcte<\/strong>: five-year-old\/5-year-old<\/em><\/li>\n\n\n\n
- Indice<\/strong>: vous pouvez laisser ce champ vide ou bien y mettre un indice<\/li>\n\n\n\n
- Feedback pour la r\u00e9ponse correcte: <\/strong>Correct, a little girl that is 5 years old is a 5-year-old girl.<\/em>
Ce feedback doit confirmer que l’utilisateur a trouv\u00e9 la bonne r\u00e9ponse afin de le conforter dans son choix. Nouvelle fonctionnalit\u00e9 de la version ‘papi Jo’.<\/li>\n<\/ul>\n\n\n\n2.- Et en dessous, ajoutez une s\u00e9rie de r\u00e9ponses incorrectes et un message de feedback lorsque l’une de ces r\u00e9ponses est choisie :
Note<\/strong>.- Lorsque vous utilisez l’option Expressions r\u00e9guli\u00e8res <\/em><\/strong>pour la d\u00e9tection de r\u00e9ponses potentiellement incorrectes, vous avez le choix de d\u00e9tecter a) la pr\u00e9sence d’\u00e9l\u00e9ments incorrects ou b) l’absence d’\u00e9l\u00e9ments corrects n\u00e9cessaires dans la r\u00e9ponse de l’\u00e9tudiant. Dans le libell\u00e9 de la r\u00e9ponse incorrecte, les \u00e9l\u00e9ments n\u00e9cessaires absents sont pr\u00e9c\u00e9d\u00e9s d’un double signe moins, par exemple –year.<\/p>\n\n\n\nVoici quelques exemples. Vous pouvez voir la liste compl\u00e8te de ces r\u00e9ponses incorrectes potentielles ainsi que les messages de feedback associ\u00e9s si vous t\u00e9l\u00e9chargez le mod\u00e8le H5P ADV FITB ‘papi Jo’ sur votre ordinateur.<\/p>\n\n\n\n
R\u00e9ponse incorrecte n\u00b0 0 : d\u00e9tecter la pr\u00e9sence d’un mot incorrect dans la r\u00e9ponse de l’\u00e9l\u00e8ve<\/strong><\/h5>\n\n\n\n
libell\u00e9 de la r\u00e9ponse incorrecte : (little|small)<\/em>
Feedback: Of course, that’s a little girl, but you must <\/em>write a compound <\/em>adjective in your answer.<\/p>\n\n\n\nNous utilisons ici une expression r\u00e9guli\u00e8re tr\u00e8s simple, Alternance avec le symbole de la barre verticale<\/a>. Les parenth\u00e8ses sont ici facultatives.<\/p>\n\n\n\n
R\u00e9ponse incorrecte n\u00b0 1 : d\u00e9tecter l’absence du mot “year” dans la r\u00e9ponse de l’\u00e9tudiant.<\/strong><\/h5>\n\n\n\n
libell\u00e9 de la r\u00e9ponse incorrecte : –year<\/em>
Feedback: You need to use the noun “year” <\/em>to form this compound <\/em>adjective.<\/p>\n\n\n\nVeuillez noter que l’utilisation du double signe moins ne fait pas partie de la gamme des expressions r\u00e9guli\u00e8res conventionnelles<\/em>. Il est utilis\u00e9 pour simplifier les choses. Le double signe moins peut \u00eatre suivi de n’importe quelle expression r\u00e9guli\u00e8re valide.<\/p>\n\n\n\n
R\u00e9ponse incorrecte n\u00b0 2 : d\u00e9tecter l’absence des mots ‘5’ ou ‘five’ dans la r\u00e9ponse de l’\u00e9tudiant.<\/strong><\/h5>\n\n\n\n
libell\u00e9 de la r\u00e9ponse incorrecte : –(5|five)<\/em>
Feedback: You must specify the age <\/em>of the little girl in your compound adjective (use 5<\/strong> or five<\/strong>).<\/p>\n\n\n\nR\u00e9ponse incorrecte n\u00b0 3 : d\u00e9tecter la pr\u00e9sence incorrecte d’espaces suppl\u00e9mentaires de part et d’autre du signe du trait d’union dans l’adjectif compos\u00e9<\/strong><\/h5>\n\n\n\n
libell\u00e9 de la r\u00e9ponse incorrecte : ( -|- )
Feedback: Do not put a space <\/em>(or any other punctuation mark) before or after the hyphen character (-).<\/p>\n\n\n\nR\u00e9ponse incorrecte n\u00b0 3 : D\u00e9tecter la pr\u00e9sence incorrecte de mots suppl\u00e9mentaires de part et d’autre de l’adjectif compos\u00e9.<\/strong><\/h5>\n\n\n\n
libell\u00e9 de la r\u00e9ponse incorrecte : (-.*-.*)\\\\s(\\\\w+)|\\\\s(\\\\w+)(-.*-.*)
Feedback: Have you not put one word too many at the beginning or at the end of your answer?<\/p>\n\n\n\nNote<\/strong>.- Il s’agit ici d’une expression r\u00e9guli\u00e8re tr\u00e8s complexe. Vous n’aurez probablement jamais \u00e0 aller aussi loin, \u00e0 moins que vous ne soyez ou ne deveniez un champion des expressions r\u00e9guli\u00e8res !<\/p>\n\n\n\n
Options suppl\u00e9mentaires<\/strong><\/p>\n\n\n\n
Vous pouvez \u00e9galement d\u00e9finir quelle partie du texte sera mise en \u00e9vidence lors de l’affichage du feedback. Cela se fait en mettant le mot entre (” !!”). Par exemple :<\/p>\n\n\n\n
Le fait de placer les mots “5 (cinq)” entre !! signifie que ce mot sera mis en \u00e9vidence lorsque nous afficherons le feedback pour la premi\u00e8re s\u00e9rie de r\u00e9ponses incorrectes.<\/p>\n\n\n\n
Vous devriez maintenant voir quelque chose comme ceci :<\/p>\n\n\n\n
a little girl who was born !!5 (five)!! !!years!! ago? a ____ girl<\/em><\/p>\n\n\n\n
![\"\"](\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/10\/2022-04-03_18-28-261.jpg\")
<\/figure>\n\n\n\n\u00c9tape 6 : Ajouter d’autres phrases<\/h4>\n\n\n\n
Proc\u00e9dez comme pour la phrase 1<\/p>\n\n\n\n
\u00c9tape 7 : Options g\u00e9n\u00e9rales<\/h4>\n\n\n\n
Nous pouvons maintenant revenir aux options g\u00e9n\u00e9rales <\/em><\/strong>pour s\u00e9lectionner d’autres options..<\/p>\n\n\n\n
Mode de r\u00e9ponse<\/em><\/strong><\/p>\n\n\n\n
Si vous n’utilisez pas l’option Expressions r\u00e9guli\u00e8res<\/em>, vous pouvez s\u00e9lectionner L’utilisateur choisit parmi les options<\/em> comme pour l’activit\u00e9 ADV FITB originale.<\/p>\n\n\n\n
Comportement lorsque l’utilisateur fait une faute d’orthographe<\/strong>
Consid\u00e9rez-la comme une bonne r\u00e9ponse
Avertir l’utilisateur de l’erreur
Consid\u00e9rez que c’est vraiment une erreur<\/em><\/p>\n\n\n\nCes 3 options sont compatibles <\/em>avec l’option Expressions r\u00e9guli\u00e8res<\/em>. Je recommande de s\u00e9lectionner l’option Avertir l’utilisateur de l’erreur<\/em>.<\/p>\n\n\n\n
Sensible \u00e0 la casse<\/strong><\/p>\n\n\n\n
Cette option est \u00e9galement compatible avec l’option Expressions r\u00e9guli\u00e8res<\/em>.<\/p>\n\n\n\n
V\u00e9rifier les r\u00e9ponses instantan\u00e9ment d\u00e8s la saisie.
Activer le bouton “Voir la correction”
Obliger l’utilisateur \u00e0 remplir tous les blancs avant de voir la correction.
Activer le bouton “Recommencer”<\/p>\n\n\n\nCes 4 options fonctionnent de la m\u00eame mani\u00e8re que dans l’activit\u00e9 ADV FITB originale.<\/p>\n\n\n\n
Afficher toutes les solutions alternatives<\/strong><\/p>\n\n\n\n
Si vos blancs ont plus d’une solution correcte, cochez cette case pour afficher toutes les alternatives lors de l’affichage des solutions. Il s’agit d’une nouvelle option “papi Jo”.<\/p>\n\n\n\n
Veuillez noter que la longueur des blancs est automatiquement adapt\u00e9e au texte qu’ils contiennent, lors de la v\u00e9rification des r\u00e9ponses ou de l’affichage des solutions. Ceci est possible car le texte \u00e0 l’int\u00e9rieur des blancs utilise une police \u00e0 largeur fixe de Google, ‘Roboto Mono’.<\/p>\n\n\n\n
Liste des fragments de feedback (snippets)<\/h4>\n\n\n\n
Si vous cr\u00e9ez un certain nombre de phrases similaires avec des blancs dans une activit\u00e9 H5P ADV FITB, la fonction Snippets peut vous \u00eatre tr\u00e8s utile. Les snippets sont des textes qui peuvent \u00eatre r\u00e9utilis\u00e9s dans les textes de feedback en ins\u00e9rant @snippetname dans les textes de feedback. Par exemple, sur la capture d’\u00e9cran Param\u00e9trage des blancs plus haut, dans le champ de feedback de la 2e mauvaise r\u00e9ponse (–year) comporte un lien vers ce snippet @compound, ins\u00e9r\u00e9 comme ceci:<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/10\/fragments20de20feedback1.jpg\")
<\/figure>\n\n\n\net donc si l’\u00e9l\u00e8ve omet le mot “year” dans sa r\u00e9ponse, le nom du snippet @compound sera remplac\u00e9 par son texte “to form this compound<\/em> adjective” et ce message de feedback d’erreur s’affichera: “You need to use the noun to form this compound<\/em> adjective”! ATTENTION.- Dans le champ du Nom du snippet il ne faut pas taper le code @ ; ce code @ doit seulement \u00eatre tap\u00e9 dans le message de feedback. Il est possible d’additionner plusieurs snippets dans un m\u00eame champ de feedback.<\/p>\n\n\n\n
Comment utiliser les expressions r\u00e9guli\u00e8res<\/h3>\n\n\n\n
Les expressions r\u00e9guli\u00e8res sont un outil puissant pour analyser les r\u00e9ponses des \u00e9l\u00e8ves en vue de leur fournir des messages de feedback toujours plus pertinents pour faciliter leur apprentissage. Mais elles peuvent \u00eatre assez difficiles \u00e0 ma\u00eetriser. Bien s\u00fbr, vous pouvez toujours limiter les expressions r\u00e9guli\u00e8res que vous saisissez pour les r\u00e9ponses incorrectes potentielles \u00e0 quelques expressions simples.<\/p>\n\n\n\n
Vous pouvez trouver de l’aide dans la documentation que j’ai \u00e9crite pour mon type de question Moodle Regexp ici<\/a> bien que le syst\u00e8me d’expressions r\u00e9guli\u00e8res ne soit pas identique. Cette partie est la plus pertinente pour utiliser les expressions r\u00e9guli\u00e8res dans H5P ADV FITB ‘papi jo’ : D\u00e9tecter les mots ou cha\u00eenes de caract\u00e8res manquants<\/a>.<\/p>\n\n\n\n
Pour une aide plus g\u00e9n\u00e9rale sur les expressions r\u00e9guli\u00e8res, visitez ces sites :<\/p>\n\n\n\n
En anglais<\/p>\n\n\n\n
- \n
- https:\/\/regex101.com\/<\/a><\/li>\n\n\n\n
- https:\/\/www.regular-expressions.info\/<\/a><\/li>\n\n\n\n
- https:\/\/www.regexplanet.com\/advanced\/java\/index.html<\/a><\/li>\n<\/ul>\n\n\n\n
En fran\u00e7ais<\/p>\n\n\n\n
- \n
- https:\/\/www.lucaswillems.com\/fr\/articles\/25\/tutoriel-pour-maitriser-les-expressions-regulieres<\/a><\/li>\n\n\n\n
- https:\/\/zestedesavoir.com\/tutoriels\/3651\/les-expressions-regulieres-1\/<\/a><\/li>\n<\/ul>\n\n\n\n
Il n’existe malheureusement aucun m\u00e9canisme permettant de v\u00e9rifier si vos expressions r\u00e9guli\u00e8res sont valides dans l’\u00e9diteur d’activit\u00e9 de H5P. Le seul point qui est test\u00e9 est de savoir si vos expressions ont une ad\u00e9quation correcte entre les crochets et les parenth\u00e8ses. Si une correspondance incorrecte est d\u00e9tect\u00e9e, vous obtiendrez un message d’erreur lors de la sauvegarde de votre activit\u00e9 H5P. Quelque chose comme ceci :<\/p>\n\n\n\n
ERROR!!! Your round or square brackets are not correctly balanced in the following regular expression(s):
Blank # 1 small|little)<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"Version actuelle : 1.3.0 Octobre 2025 Motivation L’activit\u00e9 H5P “papi Jo” est bas\u00e9e sur l’activit\u00e9 semi-officielle H5P “Advanced Fill in the Blanks” de Sebastian Rettig. Les corrections de bogues et les am\u00e9liorations \u00e9num\u00e9r\u00e9es ci-dessous ont \u00e9t\u00e9 soumises \u00e0 Sebastian qui les a globalement approuv\u00e9es. Mon objectif initial \u00e9tait d’inciter Sebastian \u00e0 inclure mes suggestions dans…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[60],"tags":[],"class_list":["post-135","page","type-page","status-publish","hentry","category-librairies-papi-jo"],"_links":{"self":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":6,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/135\/revisions\/506"}],"wp:attachment":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/categories?post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/tags?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- https:\/\/zestedesavoir.com\/tutoriels\/3651\/les-expressions-regulieres-1\/<\/a><\/li>\n<\/ul>\n\n\n\n
- https:\/\/www.regular-expressions.info\/<\/a><\/li>\n\n\n\n
- Indice<\/strong>: vous pouvez laisser ce champ vide ou bien y mettre un indice<\/li>\n\n\n\n
- Ajout d’un champ “Feedback pour la bonne r\u00e9ponse<\/em>“, qui peut \u00eatre utilis\u00e9 pour confirmer que l’utilisateur a trouv\u00e9 la bonne r\u00e9ponse afin de le conforter dans son choix.<\/li>\n\n\n\n
- Dans le fichier semantics<\/em>, j’ai r\u00e9gl\u00e9 l’affichage du feedback global et des r\u00e9ponses incorrectes en mode “non d\u00e9velopp\u00e9” par d\u00e9faut pour \u00e9viter d’encombrer l’\u00e9cran d’\u00e9dition, en particulier lorsque de nombreuses r\u00e9ponses incorrectes sont propos\u00e9es.<\/li>\n\n\n\n