{"id":281,"date":"2025-10-20T22:54:24","date_gmt":"2025-10-20T20:54:24","guid":{"rendered":"https:\/\/www.rezeau.org\/wp-h5p\/\/?page_id=281"},"modified":"2025-10-23T18:35:12","modified_gmt":"2025-10-23T16:35:12","slug":"drag-drop-documentation-fr","status":"publish","type":"page","link":"https:\/\/www.rezeau.org\/wp-h5p\/fr\/drag-drop-documentation-fr\/","title":{"rendered":"DD Documentation"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Drag and Drop &#8216;papi Jo&#8217; version 1.14.20 2025<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\">Introduction<\/h4>\n\n\n\n<p>Vous trouverez ici le d\u00e9tail des diff\u00e9rences entre la distribution officielle H5P du type de contenu Drag &amp; Drop et la version &#8216;papi Jo&#8217;.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1 &#8211; Corrections de bugs<\/h4>\n\n\n\n<p>1.1 &#8211; Image H5P : texte en survol ne fonctionnant pas. <strong>R\u00e9par\u00e9<\/strong>.<\/p>\n\n\n\n<p>1.2 &#8211; Glisser-D\u00e9poser &#8211; Glisser-D\u00e9poser &#8211; Glisser-Gauche Justifi\u00e9 est r\u00e9gl\u00e9 par d\u00e9faut sur Centr\u00e9 <strong>R\u00e9par\u00e9<\/strong>.<\/p>\n\n\n\n<p>1.3 &#8211; Dans l&#8217;\u00e9diteur, le champ de r\u00e9glage &#8220;Opacit\u00e9 de fond pour les objets d\u00e9pla\u00e7ables&#8221; est incorrectement du type texte ; il doit \u00eatre num\u00e9rique. <strong>R\u00e9par\u00e9<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2 &#8211; Nouvelles fonctionnalit\u00e9s dans les R\u00e9glages G\u00e9n\u00e9raux<\/h4>\n\n\n\n<p>2.1- <strong>Couleur d&#8217;arri\u00e8re-plan de la t\u00e2che<\/strong>. Un s\u00e9lecteur de couleur est fourni pour choisir une couleur de fond pour la t\u00e2che (s&#8217;il n&#8217;y a pas d&#8217;image de fond).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3 &#8211; Nouvelles fonctionnalit\u00e9s dans les param\u00e8tres comportementaux<\/h4>\n\n\n\n<h6 class=\"wp-block-heading\">3.1 &#8211; Activer le bouton &#8220;Afficher la solution&#8221;<\/h6>\n\n\n\n<p>Cette fonctionnalit\u00e9 a \u00e9t\u00e9 demand\u00e9e <em>\u00e0 de nombreuses reprises<\/em> sur les forums H5P.<\/p>\n\n\n\n<p>Je l&#8217;ai trouv\u00e9 assez difficile \u00e0 mettre en \u0153uvre, surtout si l&#8217;on inclut les \u00e9l\u00e9ments \u00e0 d\u00e9placer-glisser <em>multiples<\/em>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.2.- J&#8217;ai inclus une option &#8220;Require user input before the solution can be viewed&#8221; similaire \u00e0 celle de l&#8217;activit\u00e9 H5P Drag the Words.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">3.3.- Jumble \/ Shuffle \/ Randomize (p\u00eale-m\u00eale \/ m\u00e9langer \/ ordre al\u00e9atoire des \u00e9l\u00e9ments glisser-d\u00e9poser)<\/h6>\n\n\n\n<p>Je pense qu&#8217;une fonction de randomisation a son utilit\u00e9 ici comme dans d&#8217;autres activit\u00e9s H5P. Je l&#8217;ai activ\u00e9 dans la plupart de mes exemples sur ce site de test. Actuellement, je n&#8217;ai pas \u00e9t\u00e9 en mesure de randomiser la position des \u00e9l\u00e9ments glisser-d\u00e9poser <em>multiples<\/em>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.4 &#8211; Supprimez tous les styles &#8220;corrects&#8221; et &#8220;erron\u00e9s&#8221; sur les pi\u00e8ces \u00e0 glisser-d\u00e9poser lorsque tout est correct.<\/h6>\n\n\n\n<p>Il peut \u00eatre utile de supprimer tous les styles &#8221; corrects &#8221; et &#8221; incorrects &#8220;, par exemple lors de l&#8217;affichage d&#8217;une activit\u00e9 de puzzle termin\u00e9e, afin que le r\u00e9sultat final ne soit pas encombr\u00e9 de coches, croix ou points marqu\u00e9s.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.5.5 &#8211; Garder les bonnes r\u00e9ponses<\/h6>\n\n\n\n<p>Cochez cette option si vous voulez garder les \u00e9l\u00e9ments d\u00e9pla\u00e7ables d\u00e9pos\u00e9s dans les zones de d\u00e9p\u00f4t correctes apr\u00e8s avoir appuy\u00e9 sur &#8216;R\u00e9essayer&#8217;.&nbsp;<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.6.6 &#8211; R\u00e9essayer m\u00eame si tout est correct<\/h6>\n\n\n\n<p>Je crois fermement que l&#8217;\u00e9tudiant devrait toujours avoir la possibilit\u00e9 de r\u00e9essayer, m\u00eame apr\u00e8s une tentative r\u00e9ussie. Actuellement, je n&#8217;ai pas cr\u00e9\u00e9 cette option dans les param\u00e8tres. Il faut en discuter.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.7.7 &#8211; R\u00e9initialiser la position d&#8217;un \u00e9l\u00e9ment glisser-d\u00e9poser.<\/h6>\n\n\n\n<p>Cochez cette option si vous voulez r\u00e9initialiser la position d&#8217;un \u00e9l\u00e9ment glisser-d\u00e9poser lors du d\u00e9p\u00f4t d&#8217;un nouvel \u00e9l\u00e9ment sur la zone de d\u00e9p\u00f4t (fonctionne uniquement dans les zones de d\u00e9p\u00f4t qui ne peuvent contenir qu&#8217;un seul \u00e9l\u00e9ment).<\/p>\n\n\n\n<p>Dans une activit\u00e9 o\u00f9 toutes les zones de d\u00e9p\u00f4t sont r\u00e9gl\u00e9es pour accepter un seul \u00e9l\u00e9ment glisser-d\u00e9poser, l&#8217;utilisateur final s&#8217;attend \u00e0 ce que le fait de d\u00e9poser un \u00e9l\u00e9ment glisser-d\u00e9poser sur une zone de d\u00e9p\u00f4t &#8220;occup\u00e9e&#8221; r\u00e9tablisse automatiquement la position initiale de l&#8217;\u00e9l\u00e9ment &#8220;glisser-d\u00e9poser&#8221; en place. C&#8217;est le cas par exemple dans le type de question <a href=\"\\&quot;https:\/\/docs.moodle.org\/3x\/fr\/Question_glisser-d%C3%A9poser_sur_image\\&quot;\">Moodle Glisser-d\u00e9poser sur l&#8217;image<\/a>. Veuillez noter que si l&#8217;option &#8220;Conserver les bonnes r\u00e9ponses&#8221; est activ\u00e9e, il n&#8217;est pas possible, lors d&#8217;une nouvelle tentative, de d\u00e9poser un nouveau glisser-d\u00e9poser sur une zone qui contient une bonne r\u00e9ponse (bien s\u00fbr). Actuellement, je n&#8217;ai pas \u00e9t\u00e9 en mesure de faire fonctionner cette option pour les \u00e9l\u00e9ments glisser-d\u00e9poser <em>multiples<\/em>. Plus exactement, il est possible de faire glisser un \u00e9l\u00e9ments glisser-d\u00e9poser <em>multiple<\/em> sur une zone de d\u00e9p\u00f4t d\u00e9j\u00e0 occup\u00e9e et de renvoyer l&#8217;\u00e9l\u00e9ment occupant dans sa position initiale, <em>mais pas l&#8217;inverse<\/em>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.8.8 &#8211; Opacit\u00e9 d&#8217;arri\u00e8re-plan pour les zones de d\u00e9p\u00f4t<\/h6>\n\n\n\n<p>Si ce champ est d\u00e9fini, il remplacera l&#8217;opacit\u00e9 d\u00e9finie pour toutes les zones. Ce chiffre doit \u00eatre compris entre 0 et 100, o\u00f9 0 signifie transparence totale et 100 signifie absence de transparence. Ceci est similaire \u00e0 l&#8217;option existante &#8220;Opacit\u00e9 d&#8217;arri\u00e8re-plan pour les objets que vous pouvez glisser-d\u00e9poser&#8221;.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3.9 &#8211; Couleur d&#8217;arri\u00e8re-plan des Zones de d\u00e9p\u00f4t<\/h6>\n\n\n\n<h5 class=\"wp-block-heading\">3.10.- Couleur de bordure pour les zones de Glisser-D\u00e9poser<\/h5>\n\n\n\n<p><strong>3.11.-&nbsp;Afficher les bons et les mauvais points et marquer des points horizontalement<\/strong><\/p>\n\n\n\n<p>Cochez cette option pour afficher les coches corrects\/incorrect et les points de score horizontalement (en ligne) au lieu de l&#8217;affichage vertical par d\u00e9faut. Cette caract\u00e9ristique est utile dans les activit\u00e9s o\u00f9 la hauteur verticale des zones de d\u00e9p\u00f4t est limit\u00e9e par le manque d&#8217;espace, comme dans les l\u00e9gendes, etc. Il est utilis\u00e9 par mon exemple sur les <a href=\"\\&quot;http:\/\/www.rezeau.org\/drupal\/node\/6\\&quot;\">muscles squelettiques du corps humain<\/a>.<\/p>\n\n\n\n<p><strong>3.12.- Nouveaut\u00e9s de la version 1.13.12 : quantit\u00e9 et valeur des \u00e9l\u00e9ments glissables<\/strong><\/p>\n\n\n\n<p>Il est maintenant possible de r\u00e9gler chaque zone de d\u00e9p\u00f4t pour obtenir un nombre d\u00e9termin\u00e9 d&#8217;\u00e9l\u00e9ments \u00e0 glisser-d\u00e9poser.&nbsp;Il est \u00e9galement possible de d\u00e9finir une &#8220;valeur&#8221; pour chaque \u00e9l\u00e9ment \u00e0 glisser-d\u00e9poser, et de d\u00e9finir dans chaque zone de d\u00e9p\u00f4t une &#8220;valeur totale&#8221; des \u00e9l\u00e9ments \u00e0 y d\u00e9poser.<\/p>\n\n\n\n<p>Lorsque le param\u00e8tre &#8221; Activer la quantit\u00e9 d\u00e9pos\u00e9e dans les zones de d\u00e9p\u00f4t ET la valeur des \u00e9l\u00e9ments \u00e0 d\u00e9poser &#8221; est activ\u00e9 dans les param\u00e8tres, 3 nouveaux champs deviennent disponibles dans les param\u00e8tres de la t\u00e2che (voir \u00a7 4.3 ci-dessous).<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">4 &#8211; Nouvelles fonctionnalit\u00e9s dans les param\u00e8tres de la t\u00e2che<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">4.1 &#8211; Ajout d&#8217;une infobulle dans les zones de d\u00e9p\u00f4t pour faciliter l&#8217;\u00e9dition des zones de d\u00e9p\u00f4t o\u00f9 l&#8217;\u00e9tiquette n&#8217;est pas affich\u00e9e.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">4.2 &#8211; Lors de l&#8217;\u00e9dition des zones de d\u00e9p\u00f4t, &#8230;<\/h6>\n\n\n\n<p>&#8230; si la couleur d&#8217;arri\u00e8re-plan des zones de d\u00e9p\u00f4t et la couleur de bordure des zones de d\u00e9p\u00f4t ont \u00e9t\u00e9 d\u00e9finies dans les param\u00e8tres globaux, il est possible de d\u00e9finir ces param\u00e8tres individuellement.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">4.3.- Lorsque le param\u00e8tre &#8221; Activer la quantit\u00e9 d\u00e9pos\u00e9e dans les zones de d\u00e9p\u00f4t ET la valeur des \u00e9l\u00e9ments \u00e0 d\u00e9poser &#8221; est activ\u00e9 dans les param\u00e8tres :<\/h6>\n\n\n\n<p>&#8211; dans l&#8217;onglet \u00c9diter pour les \u00e9l\u00e9ments qui peuvent \u00eatre d\u00e9pos\u00e9s, un champ Valeur est affich\u00e9<br>&#8211; dans l&#8217;onglet \u00c9dition des zones de d\u00e9p\u00f4t, 2 champs sont disponibles : Nombre exact de pi\u00e8ces d\u00e9pos\u00e9es accept\u00e9es et leur valeur totale.<\/p>\n\n\n\n<p>Combien d&#8217;\u00e9l\u00e9ments doit contenir cette zone de saut ?&nbsp;<br>Nombre exact d&#8217;\u00e9l\u00e9ments d\u00e9pos\u00e9s pr\u00e9vus dans cette zone de largage<\/p>\n\n\n\n<p>Valeur totale des objets \u00e9l\u00e9ments d\u00e9pos\u00e9s<br>Entrez la valeur totale attendue des \u00e9l\u00e9ments d\u00e9pos\u00e9s dans cette zone.<\/p>\n\n\n\n<p>Il est possible de d\u00e9finir une valeur n\u00e9gative.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">4.4.- Option Audio disponible pour les \u00e9l\u00e9ments \u00e0 Glisser-D\u00e9poser.<\/h6>\n","protected":false},"excerpt":{"rendered":"<p>Drag and Drop &#8216;papi Jo&#8217; version 1.14.20 2025 Introduction Vous trouverez ici le d\u00e9tail des diff\u00e9rences entre la distribution officielle H5P du type de contenu Drag &amp; Drop et la version &#8216;papi Jo&#8217;. 1 &#8211; Corrections de bugs 1.1 &#8211; Image H5P : texte en survol ne fonctionnant pas. R\u00e9par\u00e9. 1.2 &#8211; Glisser-D\u00e9poser &#8211; Glisser-D\u00e9poser&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":[95,60],"tags":[],"class_list":["post-281","page","type-page","status-publish","hentry","category-drag-and-drop-fr","category-librairies-papi-jo"],"_links":{"self":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/281","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=281"}],"version-history":[{"count":2,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/281\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/281\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/media?parent=281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/categories?post=281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/tags?post=281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}