{"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-06-11T23:16:12","modified_gmt":"2026-06-11T21:16:12","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.17.0 de <\/em>juin 2026<\/h4>\n\n\n\n<p class=\"has-white-color has-vivid-red-background-color has-text-color has-background has-link-color wp-elements-27133aecb33e4fab6f5152a61d78a426 wp-block-paragraph\"><strong>IMPORTANT ! Cette version est compatible avec la version H5P API 1.28 &#8216;new look&#8217;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.6 Ordre des cartes<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">\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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">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\n\n\n<hr class=\"wp-block-separator has-text-color has-vivid-cyan-blue-color has-alpha-channel-opacity has-vivid-cyan-blue-background-color has-background\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\"\/>\n\n\n\n<div class=\"wp-block-group has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-link-color wp-elements-c39c4ed3c240bd324f59b25fe0824ba6 is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">Edit\u00e9 le<\/p>\n\n\n<div class=\"wp-block-post-date__modified-date wp-block-post-date\"><time datetime=\"2026-06-11T23:16:12+02:00\">11 June 2026<\/time><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dialog Cards &#8216;papi Jo&#8217; 1.17.0 de juin 2026 IMPORTANT ! Cette version est compatible avec la version H5P API 1.28 &#8216;new look&#8217; 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&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":7,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":1208,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/219\/revisions\/1208"}],"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}]}}