{"id":219,"date":"2025-10-16T22:43:44","date_gmt":"2025-10-16T20:43:44","guid":{"rendered":"https:\/\/www.rezeau.org\/wp-h5p\/\/?page_id=219"},"modified":"2026-02-22T17:50:48","modified_gmt":"2026-02-22T16:50:48","slug":"documentation-2","status":"publish","type":"page","link":"https:\/\/www.rezeau.org\/wp-h5p\/fr\/documentation-2\/","title":{"rendered":"DC Documentation"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><em>Dialog Cards &#8216;papi Jo&#8217; 1.16.22 de <\/em>f\u00e9vrier 2026<\/h4>\n\n\n\n<p><strong>ATTENTION Cette documentation est traduite de la documentation anglaise et n&#8217;est pas forc\u00e9ment \u00e0 jour ni compl\u00e8te. Pour une documentation vraiment \u00e0 jour, affichez la doc. anglaise<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Introduction<\/h4>\n\n\n\n<p>Vous trouverez ici le d\u00e9tail des diverses diff\u00e9rences entre la distribution officielle H5P du type de contenu Dialog Cards et la version &#8216;papi Jo&#8217;.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. \u00c9diteur des cartes de dialogue<\/h4>\n\n\n\n<h6 class=\"wp-block-heading\">Ajout de quelques fonctions \u00e0 l&#8217;\u00e9diteur de texte : Taille de police, couleur(s) de police, listes \u00e0 puces et num\u00e9rot\u00e9es, r\u00e8gle horizontale et bouton &#8220;lien&#8221;.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Correction de l&#8217;erreur d&#8217;alignement \/ centr\u00e9 \u00e0 gauche.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Il est maintenant possible de laisser le texte du champ&nbsp;<em>R\u00e9ponse<\/em> vide.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Image optionnelle pour le recto de la carte.<\/h6>\n\n\n\n<p>Cette image sera \u00e9galement affich\u00e9e au dos de la carte si aucune image arri\u00e8re n&#8217;est fournie.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Ajouter une image au dos de la carte.<\/h6>\n\n\n\n<p>Une carte peut avoir l&#8217;une des caract\u00e9ristiques suivantes : aucune image attach\u00e9e du tout ; une image attach\u00e9e \u00e0 la face avant seulement (qui sera affich\u00e9e sur le recto et le verso) ; une image avant et une image arri\u00e8re ; aucune image avant et une image arri\u00e8re.<\/p>\n\n\n\n<p>La combinaison de texte de r\u00e9ponse vide et d&#8217;aucune image pour le recto de la carte mais d&#8217;une image pour le verso est illustr\u00e9e dans l&#8217;exemple Drapeaux et pays.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Ajout d&#8217;un lien web aux \u00e9diteurs de texte et de r\u00e9ponse<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Ajouter un fichier audio au dos des cartes.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Ajout d&#8217;une option de filtrage des cartes par cat\u00e9gories.<\/h6>\n\n\n\n<p>Juste au-dessus de la liste des cartes\/dialogues lorsque l&#8217;option <em>Activer les cat\u00e9gories dans les cartes<\/em> est s\u00e9lectionn\u00e9e, un champ suppl\u00e9mentaire <em>Cat\u00e9gorie(s) de carte(s)<\/em> est disponible \u00e0 la fin des param\u00e8tres de chaque carte.<\/p>\n\n\n\n<p>Il indique : <em>Optionnel. Cat\u00e9gorie(s) \u00e0 laquelle\/auxquelles cette carte appartient. Saisissez le(s) nom(s) de la ou des cat\u00e9gories, s\u00e9par\u00e9(s) par une virgule et sans espace<\/em>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Ajout d&#8217;une option &#8220;Cacher les textes?&#8221;<\/h6>\n\n\n\n<h4 class=\"wp-block-heading\">2 &#8211; Param\u00e8tres \/ Options g\u00e9n\u00e9rales<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">2.1.1 Filtres sur les cat\u00e9gories<\/h5>\n\n\n\n<p><em>Cr\u00e9er un ou plusieurs filtres \u00e0 utiliser pour filtrer les cartes affich\u00e9es \u00e0 l&#8217;utilisateur final. Utilisez les cat\u00e9gories de cartes saisies pour les cartes ci-dessus. Chaque filtre se compose de 2 champs :<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la liste de la\/des cat\u00e9gorie(s) \u00e0 utiliser dans ce filtre<\/li>\n\n\n\n<li>un op\u00e9rateur bool\u00e9en de filtrage<\/li>\n<\/ul>\n\n\n\n<p><em>S\u00e9lectionnez l&#8217;op\u00e9rateur bool\u00e9en qui doit traiter la liste de filtres d\u00e9finie ci-dessus. La valeur par d\u00e9faut est ET. L&#8217;op\u00e9rateur ET limitera le choix aux cartes qui appartiennent \u00e0 TOUTES les cat\u00e9gories \u00e9num\u00e9r\u00e9es dans ce filtre. L&#8217;op\u00e9rateur OU \u00e9largira le choix \u00e0 toutes les cartes qui appartiennent \u00e0 au moins UNE cat\u00e9gorie. L&#8217;op\u00e9rateur SAUF exclura toutes les cartes appartenant \u00e0 toute cat\u00e9gorie \u00e9num\u00e9r\u00e9e dans le filtre.<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.1.2 Filtre par cat\u00e9gories<\/h5>\n\n\n\n<p>Apr\u00e8s avoir cr\u00e9\u00e9 un ou plusieurs filtres dans l&#8217;option <em>Filtres sur les cat\u00e9gories<\/em>, vous pouvez utiliser la liste de s\u00e9lection d\u00e9roulante suivante pour activer le mode de filtrage, parmi 3 options :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pas de filtrage<\/li>\n\n\n\n<li>Si plus d&#8217;un filtre a \u00e9t\u00e9 d\u00e9fini, permettre \u00e0 l&#8217;utilisateur de s\u00e9lectionner un filtre au moment de l&#8217;ex\u00e9cution.<\/li>\n<\/ul>\n\n\n\n<p><strong>Remarque importante <\/strong>: cette option de filtrage par cat\u00e9gories doit \u00eatre soigneusement planifi\u00e9e pour donner les r\u00e9sultats souhait\u00e9s. Malheureusement, en raison des limites du mode auteur H5P dit &#8220;s\u00e9mantique&#8221;, il n&#8217;est pas possible de v\u00e9rifier que l&#8217;auteur de l&#8217;activit\u00e9 (vous) utilisera des noms de cat\u00e9gories coh\u00e9rents \u00e0 la fois dans les param\u00e8tres de chaque carte et dans le(s) filtre(s) cr\u00e9\u00e9(s). Vous devez faire particuli\u00e8rement attention \u00e0 l&#8217;orthographe et n&#8217;utiliser que les m\u00eames noms de cat\u00e9gories dans les cartes et dans le(s) filtre(s). Vous devez \u00e9galement vous assurer que vous comprenez les concepts de filtrage par op\u00e9rateurs bool\u00e9ens.<\/p>\n\n\n\n<p>D&#8217;un point de vue p\u00e9dagogique, vous devez vous assurer que vous utilisez un ensemble utile et significatif de cat\u00e9gories de filtrage dans votre activit\u00e9. L&#8217;exemple des drapeaux et des pays (avec cat\u00e9gories) est, \u00e0 mon avis, la meilleure d\u00e9monstration de ces caract\u00e9ristiques.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.2 Mode<\/h5>\n\n\n\n<p>La <strong>Navigation libre<\/strong> est le mode par d\u00e9faut. En mode <strong>Appariement<\/strong>, l&#8217;utilisateur devra apparier le recto et le verso des cartes. En mode <strong>Autocorrection<\/strong>, il pourra deviner l&#8217;autre c\u00f4t\u00e9 des cartes et confirmer s&#8217;il l&#8217;avait devin\u00e9 ou non.<\/p>\n\n\n\n<p>J&#8217;ai d\u00e9j\u00e0 introduit le mode auto-correction dans une <em>pull request<\/em> sur le Github H5P il y a quelques ann\u00e9es, mais ma suggestion a \u00e9t\u00e9 remplac\u00e9e par le nouveau &#8220;Mode R\u00e9p\u00e9tition&#8221;. Mon propre mode &#8216;auto-correction&#8217; est similaire mais diff\u00e9rent du mode R\u00e9p\u00e9tition de la version officielle.<\/p>\n\n\n\n<p>Le mode <strong>Appariement <\/strong>est la grande nouveaut\u00e9 &#8216;Papi Jo&#8217; pour cette activit\u00e9 H5P.<\/p>\n\n\n\n<p>Lorsque les modes <strong>Appariement <\/strong>ou <strong>Autocorrection <\/strong>sont s\u00e9lectionn\u00e9s, 2 autres options sont disponibles :<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.3 Note maximale<\/h5>\n\n\n\n<p>Score maximum \u00e0 donner \u00e0 l&#8217;utilisateur \u00e0 la fin de cette activit\u00e9. Mettez ce champ \u00e0 0 (z\u00e9ro) si aucune note n&#8217;est donn\u00e9e. Si un score est donn\u00e9, il est enregistr\u00e9 dans les r\u00e9sultats H5P de l&#8217;utilisateur.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.4 Pourcentage de p\u00e9nalit\u00e9<\/h5>\n\n\n\n<p>Chaque tour suppl\u00e9mentaire co\u00fbtera \u00e0 l&#8217;utilisateur ce pourcentage du score maximum. Entrez 0 pour AUCUNE p\u00e9nalit\u00e9. La p\u00e9nalit\u00e9 maximale est de 50(%). N&#8217;inscrivez PAS le signe % dans la case.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.5 Couleur d&#8217;arri\u00e8re-plan des cartes<\/h5>\n\n\n\n<p>La couleur du fond des cartes. La valeur par d\u00e9faut est transparent rgba(0, 0, 0, 0, 0).&nbsp; Un s\u00e9lecteur de couleurs est fourni.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.6 Ordre des cartes<\/h5>\n\n\n\n<p>S\u00e9lectionnez l&#8217;ordre des cartes affich\u00e9es \u00e0 l&#8217;utilisateur. Les options sont : <em>Ordre normal \/ Ordre al\u00e9atoire \/ Choix de l&#8217;utilisateur<\/em>. Si &#8220;Choix de l&#8217;utilisateur&#8221; et que l&#8217;utilisateur s\u00e9lectionne &#8220;Al\u00e9atoire&#8221;, il pourra choisir le nombre de cartes puis\u00e9es dans le pool de cartes.<\/p>\n\n\n\n<p>Lorsque <strong>Ordre al\u00e9atoire<\/strong> ou <strong>Au choix de l&#8217;utilisateur<\/strong> sont s\u00e9lectionn\u00e9s, une autre option devient disponible :<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.7 S\u00e9lectionner le nombre de cartes affich\u00e9es<\/h5>\n\n\n\n<p>Permet \u00e0 l&#8217;utilisateur de choisir le nombre de cartes tir\u00e9es dans le paquet de cartes.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.8 Affichez d&#8217;abord de quel c\u00f4t\u00e9 :<\/h5>\n\n\n\n<p>S\u00e9lectionnez le mode d&#8217;affichage des cartes. Les options sont : <em>Afficher d&#8217;abord la face avant (affichage normal) \/ Afficher d&#8217;abord la face arri\u00e8re (affichage invers\u00e9) \/ Choix de l&#8217;utilisateur<\/em>. Cette option est surtout utile si le recto des cartes n&#8217;est pas vraiment une question. Il est illustr\u00e9 dans l&#8217;exemple <a href=\"http:\/\/www.rezeau.org\/drupal\/node\/37?language=fr\">Drapeaux et pays<\/a>.<\/p>\n\n\n\n<p>Actuellement, cette option n&#8217;est disponible que dans les modes Navigation libre et Autocorrection.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.9 Ajout d&#8217;une option &#8220;Cacher les textes?&#8221;<\/h5>\n\n\n\n<p><strong>Description <\/strong>: &#8220;Cochez cette case si vous n&#8217;utilisez que des images et du son au recto et au verso des cartes, pas de texte&#8221;. M\u00eame si vous avez saisi du texte pour les cartes du recto ou du verso, si vous cochez cette option, ces textes ne seront pas affich\u00e9s \u00e0 l&#8217;utilisateur final (l&#8217;\u00e9l\u00e8ve). Cette option r\u00e9duit notablement la hauteur des cartes de dialogue, en supprimant l&#8217;espace vide inutilis\u00e9 sous les images (ou les boutons audio).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">2.10 Nouvelle option disponible en mode Auto-correction<\/h4>\n\n\n\n<p>\u00c0 partir de la version 1.16.14 d&#8217;ao\u00fbt 2025, une nouvelle option est disponible : <strong><em>Masquer le bouton \u00ab Retourner \u00bb au dos des cartes ?<\/em><\/strong> Cochez cette case si vous souhaitez remplacer le libell\u00e9 \u00ab Retourner \u00bb par \u00ab V\u00e9rifier \u00bb et le masquer au dos des cartes. Justification : en mode Auto-correction, une fois que l&#8217;utilisateur final est pass\u00e9 du recto au verso de la carte, il n&#8217;est g\u00e9n\u00e9ralement pas n\u00e9cessaire de retourner la carte pour revenir au recto. Notez que cette option n&#8217;est pas activ\u00e9e par d\u00e9faut.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Remarque g\u00e9n\u00e9rale<\/strong> &#8211; Dans chaque &#8220;paquet de cartes&#8221;, il n&#8217;est pas conseill\u00e9 de m\u00e9langer des cartes avec diff\u00e9rents types de contenu, par exemple, la carte n\u00b0 1 ne comportant qu&#8217;une image au recto, la carte n\u00b0 2 comportant de l&#8217;audio au recto et au verso mais pas d&#8217;image ni de texte, etc. Si vous le faites, des probl\u00e8mes d&#8217;affichage ind\u00e9sirables peuvent survenir. Essayez d&#8217;\u00eatre coh\u00e9rent !<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3.- Disponibilit\u00e9 des fonctionnalit\u00e9s H5P<\/h4>\n\n\n\n<p>3.1 &#8211; La fonction <em>Enregistrer l&#8217;\u00e9tat du contenu <\/em>est disponible (si elle est activ\u00e9e sur votre site).<\/p>\n\n\n\n<p>3.2 &#8211; Les <em>r\u00e9sultats <\/em>de l&#8217;utilisateur sont sauvegard\u00e9s sur le site, si vous avez d\u00e9fini une valeur Maximum Score dans les param\u00e8tres, bien s\u00fbr. Cette fonction n&#8217;est actuellement pas disponible dans la version officielle<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">3.2- Langues<\/h5>\n\n\n\n<p>A partir de la version 1.16.14 d&#8217;ao\u00fbt 2025, l&#8217;interface d&#8217;\u00e9dition et l&#8217;interface pour l&#8217;utilisateur final sont disponibles dans ces largues :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anglais<\/li>\n\n\n\n<li>Fran\u00e7ais<\/li>\n\n\n\n<li>Portuguais<\/li>\n\n\n\n<li>Turc<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dialog Cards &#8216;papi Jo&#8217; 1.16.22 de f\u00e9vrier 2026 ATTENTION Cette documentation est traduite de la documentation anglaise et n&#8217;est pas forc\u00e9ment \u00e0 jour ni compl\u00e8te. Pour une documentation vraiment \u00e0 jour, affichez la doc. anglaise Introduction Vous trouverez ici le d\u00e9tail des diverses diff\u00e9rences entre la distribution officielle H5P du type de contenu Dialog Cards&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[68,60],"tags":[],"class_list":["post-219","page","type-page","status-publish","hentry","category-dialog-cards-fr","category-librairies-papi-jo"],"_links":{"self":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/219","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=219"}],"version-history":[{"count":6,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":772,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/219\/revisions\/772"}],"wp:attachment":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/media?parent=219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/categories?post=219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/tags?post=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}