{"id":327,"date":"2024-03-27T21:14:52","date_gmt":"2024-03-27T21:14:52","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/?page_id=327"},"modified":"2024-03-29T09:57:56","modified_gmt":"2024-03-29T09:57:56","slug":"chatgtp-to-drag-the-words","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/walk-throughs\/chatgtp-to-drag-the-words\/","title":{"rendered":"ChatGTP to Drag The Words"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Drag The Words Example<\/h2>\n\n\n<div class=\"h5p-iframe-wrapper\"><iframe id=\"h5p-iframe-45\" class=\"h5p-iframe\" data-content-id=\"45\" style=\"height:1px\" src=\"about:blank\" frameBorder=\"0\" scrolling=\"no\" title=\"Lifecycle Words\"><\/iframe><\/div>\n\n\n\n<p>Drag the words content type produce a quiz to drag the correct words into the box.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">ChatGPT Prompt<\/h2>\n\n\n\n<p>We can speed up our work by using ChatGPT. The Drag The Words content type is created by writing a text where the words to fill in by dragging are surrounded by *asterisks*. <\/p>\n\n\n\n<p>So I ask ChatGPT for a list of sentences using these words.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"354\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27205521\/dragthewords-chatgpt-1024x354.png\" alt=\"Screenshot of chatGPT with the following text\nYou\nCan you give me example sentences for these words. The sentence should be suitable for 10 years olds and show the meaning of the words. Please put the words from the list in between asterisks.\n[For example, The quick red *fox* chased a chicken. Do not put the word at the start of sentences:\nInvestigate germinate vertebrate invertebrate lifecycle genetics inheritance\" class=\"wp-image-329\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27205521\/dragthewords-chatgpt-1024x354.png 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27205521\/dragthewords-chatgpt-300x104.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27205521\/dragthewords-chatgpt-768x266.png 768w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27205521\/dragthewords-chatgpt.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>And ChatGPT gives me the following:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27210047\/dragthewords-chatgpt-answer-1024x503.png\" alt=\"Scerenshot of ChatGPT with text:\n5 ChatGPT\n\u2022 Sarah decided to investigate the mysterious noise coming from the attic.\n\u2022 We watched seeds germinate in our science experiment.\n\u2022 A dog is a vertebrate because it has a backbone.\n\u2022 A worm is an example of an invertebrate because it doesn't have a backbone.\n\u2022 Butterflies go through a lifecycle starting as caterpillars and turning into beautiful butterflies.\n\u2022 Sam learned about genetics in school, which is how traits are passed down from parents to offspring.\n\u2022 The color of your eyes is determined by inheritance from your parents.\n5y\" class=\"wp-image-331\" srcset=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27210047\/dragthewords-chatgpt-answer-1024x503.png 1024w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27210047\/dragthewords-chatgpt-answer-300x147.png 300w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27210047\/dragthewords-chatgpt-answer-768x377.png 768w, https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/h5pexamples\/uploads\/sites\/9970\/2024\/03\/27210047\/dragthewords-chatgpt-answer.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>As you can see the words do not look as if they are inside asterisks, but italics. If I copy using the clipboard button I find that they are there.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>- Sarah decided to *investigate* the mysterious noise coming from the attic.\n- We watched seeds *germinate* in our science experiment.\n- A dog is a *vertebrate* because it has a backbone.\n- A worm is an example of an *invertebrate* because it doesn't have a backbone.\n- Butterflies go through a *lifecycle* starting as caterpillars and turning into beautiful butterflies.\n- Sam learned about *genetics* in school, which is how traits are passed down from parents to offspring.\n- The color of your eyes is determined by *inheritance* from your parents.<\/code><\/pre>\n\n\n\n<p>This is because ChatGPT displays <a href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">markdown<\/a> which uses asterisks to format italics.<\/p>\n\n\n\n<p>Once I have the markdown text copied I can open my blog and <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/getting-started\/#createcontent\" target=\"_blank\" rel=\"noreferrer noopener\">create some new H5P content<\/a>. <\/p>\n\n\n\n<p> find the <strong>Drag The Words<\/strong> Content Type, click <strong>Details<\/strong> &amp; then <strong>Use<\/strong>.<\/p>\n\n\n\n<p>All I need to do now is give the content a Title and paste in my text. <\/p>\n\n\n\n<p>I then press the <strong>Create Button<\/strong> and HP5 makes the quiz.  I can add the quiz to any page or post on my site by copying and pasting the shortcode in to a post or page. Details at the end of the <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/creation-walk-through\/#publishcontent\" data-type=\"page\" data-id=\"64\">hotspot tutorial<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Drag The Words Example Drag the words content type produce a quiz to drag the correct words into the box. ChatGPT Prompt We can speed up our work by using ChatGPT. The Drag The Words content type is created by writing a text where the words to fill in by dragging are surrounded by *asterisks*. [&hellip;]<\/p>\n","protected":false},"author":54046,"featured_media":331,"parent":339,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-327","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/users\/54046"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/comments?post=327"}],"version-history":[{"count":7,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/327\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/327\/revisions\/358"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/pages\/339"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/media\/331"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/h5pexamples\/wp-json\/wp\/v2\/media?parent=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}