{"id":217,"date":"2025-10-16T22:42:38","date_gmt":"2025-10-16T20:42:38","guid":{"rendered":"https:\/\/www.rezeau.org\/wp-h5p\/\/?page_id=217"},"modified":"2026-02-22T17:49:21","modified_gmt":"2026-02-22T16:49:21","slug":"documentation-dc","status":"publish","type":"page","link":"https:\/\/www.rezeau.org\/wp-h5p\/documentation-dc\/","title":{"rendered":"DC Documentation"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><em>Dialog Cards Papi Jo Version 1.16.22 February 2026<\/em><\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Introduction<\/h5>\n\n\n\n<p>Here you will find details of the various differences between the official H5P distribution of the Dialog Cards content type and the Dialog Cards &#8216;papi Jo&#8217; version I have developed.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">1. Dialog cards editor<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Added some functions to the text editor: Font size, font colour (s), bulleted and numbered lists, horizontal ruler.<\/h6>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Font colour feature<\/li>\n\n\n\n<li><em>Fixed <\/em>alignment error for left-centred<\/li>\n\n\n\n<li>It is now possible to leave the text in the <em>Response field<\/em> empty.<\/li>\n\n\n\n<li>Optional image for the front of the card.<\/li>\n\n\n\n<li>This image will also be displayed on the back of the card if no rear image is provided.<\/li>\n<\/ul>\n\n\n\n<h6 class=\"wp-block-heading\">Add an image to the back of the card.<\/h6>\n\n\n\n<p>A card can have any of the following: no attached image at all; a front image only (which will be displayed on the front <em>and on the back<\/em>); a front image and a back image; no front image and a back image.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">No front but back image feature<\/h6>\n\n\n\n<p>The combination of blank response text and no image for the front of the card but an image for the back is shown in the Flags &#8211; Match example on page 11 of the Interactive Book with Examples.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Added web-link support&nbsp;to the Text and Answer Editors<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Added an audio file to the back of a card<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Added a&nbsp;<em>filter cards by categories<\/em> option<\/h6>\n\n\n\n<p>Just above the list of cards\/dialogs when the <em>Enable Categories in Dialogs<\/em> option is selected, an extra&nbsp;<em>Card Category\/ies<\/em> field is made available at the end of each card&#8217;s parameters. It says: <em>Optional. Category item(s) that this card belongs to. Enter the item name(s) separated by a comma and no space.<\/em><\/p>\n\n\n\n<p>Added a <em>text only<\/em> option. Feature requested by Adrian Mielke (thanks for your Amzn gift, Adrian!).<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Added audio on both sides of cards.<\/h6>\n\n\n\n<h6 class=\"wp-block-heading\">Enable Subtitles in Cards:<\/h6>\n\n\n\n<p>Optional Subtitle for each card when the &#8216;Free browsing with cards side by side&#8217; mode is enabled.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2 &#8211; Parameters \/ Behavioural settings<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">2.1.1 Categories filtering<\/h6>\n\n\n\n<p><em>Create one or more filters to be used to filter the cards displayed to the end user. Use the Card Categories entered for the cards above.<\/em> <em>Each filter<\/em> consists of 2 fields:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>the list <\/em>of the category\/ies to be used in this filter<\/li>\n\n\n\n<li><em>a Filter Boolean operator<\/em><br>Select the Boolean operator to process the list of filters defined above. The default value is AND. The <strong>AND <\/strong>operator will <strong>limit <\/strong>the choice to cards that belong to ALL the categories listed in this filter. The <strong>OR <\/strong>operator will <strong>expand <\/strong>the choice to all cards that belong to at least ONE category. The <strong>NOT <\/strong>operator will exclude all cards belonging to any category listed in the filter.<\/li>\n<\/ul>\n\n\n\n<h6 class=\"wp-block-heading\">2.1.2 Filter by Categories<\/h6>\n\n\n\n<p>After you have created one or more filters in the : <strong>Categories filtering <\/strong>option, you can use the following drop-down selection list to enable the filtering mode, out of 3 options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>No filtering<\/li>\n\n\n\n<li class=\"has-vivid-red-color has-text-color has-link-color wp-elements-8fee6a2838edc23e425c4f5515edaa37\"><s>First (or unique) filter defined above.<\/s> This option has been removed from version 1.16.18 onwards because it sometimes broke the display of cards.<\/li>\n\n\n\n<li>Filter selected by user. <em>If more than one filter has been defined<\/em>, this option will enable the user to select a filter at runtime.<\/li>\n<\/ul>\n\n\n\n<p><strong>Important note.-<\/strong> This&nbsp;<em>Filter by categories<\/em> option needs careful planning in order to give the desired results. Unfortunately, due to the limits of the H5P so-called &#8220;semantics&#8221; authoring mode, it is not possible to check that the activity author (you) will use consistent category names both in each card&#8217;s settings nor in the filter(s) created. You must be particularly careful with your spelling and only use the very same category names in the cards and in the filter(s). You must also make sure you understand the concepts of filtering by Boolean operators.<\/p>\n\n\n\n<p>From a pedagogical point of view you must make sure that you are using a useful &amp; meaningful set of filter categories in your activity. The &#8220;Proverbs &#8211; categories&#8221; and the &#8220;Flags &#8211; categories&#8221;&nbsp;examples in the Examples Interactive Book provide demonstrations of such features.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.2 Select Mode&nbsp; (display mode)<\/h5>\n\n\n\n<p><strong>Free browsing<\/strong> is the default mode. In <strong>Match<\/strong> mode the user will have to pair the front and the back sides of cards. In <strong>Self Correction<\/strong> mode, they will be able to guess the other side of the cards and confirm if they got it correct or not. <strong>Match with Repetition<\/strong> is a combination of the <strong>Match<\/strong> and <strong>Self Correction<\/strong> modes.<\/p>\n\n\n\n<p class=\"has-white-color has-vivid-cyan-blue-background-color has-text-color has-background has-link-color wp-elements-6dad7fbb1907df2c990283caabf99171\">NEW FEATURE from version 1.16.20 of december 2025: <strong>Mode selected by user<\/strong><\/p>\n\n\n\n<p>This new option can considerably enhance the versatility of the Dialog Cards activities. If this option is enabled, the student can choose to learn and test themselves in all 5 play modes mentioned above. When this option is selected, a further option appears on the Edit screen: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"359\" height=\"263\" src=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image.png\" alt=\"\" class=\"wp-image-761\" srcset=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image.png 359w, https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-300x220.png 300w\" sizes=\"auto, (max-width: 359px) 100vw, 359px\" \/><\/figure>\n\n\n\n<p>In this example, the student will be offered a choice of the 4 selected Play Modes, but the un-selected <em>Free browsing side by side<\/em> choice won&#8217;t be displayed. By default all 5 modes are selected.<\/p>\n\n\n\n<p>With all 5 modes selected by teacher, the H5P activity will look like this when the student attempts it:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"201\" src=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-1.png\" alt=\"\" class=\"wp-image-762\" srcset=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-1.png 506w, https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-1-300x119.png 300w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<p>Supposing the student selects the <em>Match with repetition <\/em>mode, a notice with that Mode&#8217;s name will be displayed when he does the activity:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"497\" height=\"390\" src=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-2.png\" alt=\"\" class=\"wp-image-763\" srcset=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-2.png 497w, https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-2-300x235.png 300w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/figure>\n\n\n\n<p>Once the current activity is finished (here on the final Summary screen), a click on the Retry button will take the student to the very first screen where they can select a new Play Mode&#8230;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"461\" height=\"309\" src=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-3.png\" alt=\"\" class=\"wp-image-764\" srcset=\"https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-3.png 461w, https:\/\/www.rezeau.org\/wp-h5p\/wp-content\/uploads\/2025\/12\/image-3-300x201.png 300w\" sizes=\"auto, (max-width: 461px) 100vw, 461px\" \/><\/figure>\n\n\n\n<p><strong>WARNING<\/strong>.- Although I have tried and tested this new &#8220;User select mode&#8221; feature heavily, it is not 100% guaranteed to work at all times and on all platforms. If possible use it on a development site first, and report any problems to me with all the relevant details.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>When modes other than <strong>Free browsing<\/strong> are selected, further options become available:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.3 Penalty percentage<\/h5>\n\n\n\n<p>Each extra round (in Self-correction mode) or each wrong match (in Match with Repetition mode) will cost the user this percentage of the maximum score. Enter 0 for NO penalty. Maximum penalty is 50(%). Do NOT enter the % sign in the box.<\/p>\n\n\n\n<p>The penalty percentage is no longer available for the Match (without repetition) mode. In that mode, each incorrect match costs 1 point out of the total of selected cards.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.4 Pass percentage<\/h5>\n\n\n\n<p>When modes other than&nbsp;<strong>Free browsing<\/strong> are selected this new setting becomes available. This setting is the percentage of the total score required for getting result.success in xAPI statements reporting (e.g. in Moodle etc). If you do not use your H5P activities on Moodle or any other such platforms which record XAPI statements, you can ignore this setting.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.5 Background colour of the cards<\/h5>\n\n\n\n<p>The background colour of the cards. The default value is transparent rgba(0, 0, 0, 0, 0, 0, 0, 0).&nbsp; A colour selector is provided.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.6 Order of cards<\/h5>\n\n\n\n<p>Select the order of the cards displayed to the user. The options are: <em>Normal order \/ Random order \/ User choice<\/em>. If &#8220;User Choice&#8221; and the user selects &#8220;Random&#8221;, she will be able to choose the number of cards drawn from the card pool.<\/p>\n\n\n\n<p>Please note that in the current official H5P Dialog Cards content, the Normal\/Random Order option is only available in Normal mode; in Repetition mode the cards are always displayed in random order.<\/p>\n\n\n\n<p>When <em>Random order<\/em> or <em>User choice<\/em> are selected, one further option becomes available:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.7 Select number of cards displayed<\/h5>\n\n\n\n<p>Allow user to select the number of cards drawn from the pool for the current session. It is especially useful if your cards pool has a large number of cards. Even if the option is selected in the parameters, it will only get displayed to the end-user if there are at least 5 cards in the pool.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.8 Display which side first\/on the left?<\/h5>\n\n\n\n<p>Select the card display mode. This option is especially useful if the front of the cards is not really a question. It is illustrated in the &#8220;Flags and Countries&#8221; example.<\/p>\n\n\n\n<p>Currently this option is available in all modes but is <em>not recommended in the Match &amp; Match with repetition modes<\/em>..<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.9 Two more options <em>available In Free Browsing Mode only<\/em><\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">2.9.1 Do not use text?<\/h6>\n\n\n\n<p>Description: &#8220;Check this box if you only use only images and audio on front and back of cards, no text&#8221;. Even if you have entered text for the front or back cards, if you check this option, those texts will not be displayed to the end-user (student). This option will noticeably reduce the height of the Dialog cards, by removing the unused blank space under the pictures (or audio buttons).<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">2.9.2 Browse cards side by side?<\/h6>\n\n\n\n<p>Check this box if you want to browse the cards&nbsp;<em>displayed side by side<\/em>. If you have <em>enabled sub-titles<\/em>, they will be displayed below the cards. These 2 features are illustrated in the &#8220;Countable vs Uncountable content&#8221;.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">2.10 New option available in Self Correction mode<\/h5>\n\n\n\n<p>From version 1.16.14 of August 2025 a new option is available:&nbsp;<strong><em>Hide the Turn button on back of cards<\/em><\/strong>? Check this box if you want to replace the&nbsp;<strong>Turn<\/strong>&#8216; button label with &#8216;<strong>Check<\/strong>&#8216; and hide it on the back of cards. Rationale: in the Self Correction mode, once the end-user has moved from the front to the back of the card, it is usually not needed to turn the card again to move to its font side. Note that this option is not set by default.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>General remark.-<\/strong> In each &#8220;pack of cards&#8221; it is not advised to mix cards with different type of content, e.g. card #1 front picture only; card #2 audio on front and back but no picture and no text, etc. If you do, then unwanted display problems may happen. Try to be consistent!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3.- H5P features availability<\/h4>\n\n\n\n<p>3.1.- The <em>Save content state<\/em> feature is available (if enabled site-wide on your site).<\/p>\n\n\n\n<p>3.2.- The <em>user&#8217;s results <\/em>are saved on the site.&nbsp; If you use Dialog Cards &#8216;papi Jo&#8217; activities on a Moodle site, for all those activities which use scored options (all options except for Free Browsing), a detailed report for each attempt will be available, including the &#8220;Pass percentage&#8221; option for the Student and the Teacher in the Grades menu.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">3.2- Languages<\/h5>\n\n\n\n<p>Starting with version 1.16.14 of August 2025, the editing interface and end-user interface are available in the following languages:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>English<\/li>\n\n\n\n<li>French<\/li>\n\n\n\n<li>Portuguese<\/li>\n\n\n\n<li>Turkish (thanks to Bille A)<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dialog Cards Papi Jo Version 1.16.22 February 2026 Introduction Here you will find details of the various differences between the official H5P distribution of the Dialog Cards content type and the Dialog Cards &#8216;papi Jo&#8217; version I have developed. 1. Dialog cards editor Added some functions to the text editor: Font size, font colour (s),&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":[66,58],"tags":[],"class_list":["post-217","page","type-page","status-publish","hentry","category-dialog-cards","category-papi-jo-libraries"],"_links":{"self":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/217","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=217"}],"version-history":[{"count":12,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/217\/revisions"}],"predecessor-version":[{"id":771,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/pages\/217\/revisions\/771"}],"wp:attachment":[{"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/media?parent=217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/categories?post=217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezeau.org\/wp-h5p\/wp-json\/wp\/v2\/tags?post=217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}