{"id":48,"date":"2019-12-17T19:37:54","date_gmt":"2019-12-17T19:37:54","guid":{"rendered":"https:\/\/pressbooks.ulib.csuohio.edu\/open-pedagogy\/?post_type=chapter&p=48"},"modified":"2020-03-03T15:09:53","modified_gmt":"2020-03-03T15:09:53","slug":"student-creation-of-interactive-learning-content-with-h5p-2","status":"publish","type":"chapter","link":"https:\/\/pressbooks.ulib.csuohio.edu\/open-pedagogy\/chapter\/student-creation-of-interactive-learning-content-with-h5p-2\/","title":{"rendered":"Student Creation of Interactive Learning Content with H5P"},"content":{"raw":"

Course that will contain the assignment:<\/h2>\r\nIntroduction to Theatre, THE 111 at Cleveland State University\r\n

Will this assignment create an original work, and\/or will it revise or remix an existing work?<\/h2>\r\n\r\n<\/strong>Both or either. Students can use learning content found in their open textbook on Theater to write knowledge checks found in H5P. They can also use plays assigned as reading for the course, such as Oedipus Rex, or Taming of the Shrew. They can use Youtube videos on costume design, acting, or other Theatrical topics covered in the course to make interactive videos with H5P. They can find images that are within the Public Domain or have a Creative Commons license that allows reuse, and remixing. These types of images can be found on Wikimedia.org. They can also use images available to the public on Playhouse Square\u2019s media site<\/a> (see: http:\/\/media.playhousesquare.org\/).\r\n

If you know the original work that will be revised or remixed, list it below:<\/h2>\r\nThe textbook titled Theatrical Worlds<\/a><\/em>, Published by the University Press of Florida, and located at https:\/\/open.umn.edu\/opentextbooks\/textbooks\/theatrical-worlds. It has Creative Commons License CC BY-NC-ND. The textbook is listed in the Open Textbook Library. Though the book\u2019s license doesn\u2019t allow for remixing, the students will be expanding on the content and writing it in the form of knowledge checks.\r\n\r\nIf you know what Creative Commons license the completed assignment will have, list it:\r\n<\/strong>Students can pick which Creative Commons License they would like for their knowledge checks. The advantages of CC-BY were discussed. CC-BY-NC-SA was recommended.\r\n
\r\n

Learning Objectives<\/p>\r\n\r\n<\/header>\r\n

\r\n\r\nBy the end of this course, students will be able to:\r\n
    \r\n \t
  1. explain and represent significant periods in theater history<\/li>\r\n \t
  2. explain elements of theater production and produce study artifacts covering aspects of theater production and terminology<\/li>\r\n \t
  3. explain and create artifacts about theater genres<\/li>\r\n<\/ol>\r\n<\/div>\r\n<\/div>\r\n

    Technology and Authoring Tools Used<\/h2>\r\nStudents will use the H5P plugin within a Pressbook hosted by the Michael Schwartz Library at Cleveland State University. They can also upload their student created videos to Youtube.com in order to pull the URL into an Interactive Video content type in H5P within the class Pressbook. They can also pull existing Youtube videos on costume design, acting or other Theatrical topics covered in the course. Examples of H5P content types<\/a> are found on the H5P.org website (see: https:\/\/h5p.org\/content-types-and-applications). Students can use Google Image search to find images that are labelled for Reuse, and Wikimedia to find open images for their interactive learning content. If they want to build set designs, they can use SketchUp, or Photoshop to create the images.\r\n\r\nStudents will upload a Word document to Blackboard\u2019s Assignment tool in their online course. This Word document will explain the content types that they created for their assignment.\r\n

    Assignment Description:<\/h2>\r\nStudents can work individually or in groups and will need to consult with the instructor if they will be working on a more labor intensive group project, such as a student-created video. The students will be given an introduction explaining how to log into Pressbooks, where to locate the H5P plugin within their textbook, be shown where to find documentation on the different content types they can create, and be given demonstrations of how to create several content types. H5P.org has documentation on how to create each content type. At the top of each h5p content type form within the plugin, is a link to tutorials on how to create it.\r\n\r\nThe content will mostly be created outside of class. Student created films might be created on location at the Allen Theater. Other content types can be created at home or in a computer lab on a laptop or desktop computer. There is an initial fieldtrip to the Playhouse Square theater complex and walk-through of the Department of Theatre and Dance.\r\n\r\nThe Instructions given to the students are listed below: Interactive Learning Content Creation with H5P\r\n\r\nIn this assignment, you will design interactive learning content for your fellow students to study from.\u00a0\u00a0 These knowledge checks and presentations will have a public life on a Pressbook called\u00a0Introduction to Theater \u2013 Learning Resources<\/em>.\u00a0 You have the opportunity to build upon the open resources for Theater and teach the world what you know!\r\n\r\nThe interactive learning content can take the form of\r\n
      \r\n \t
    1. Interactive Video with Questions to test viewers\u2019 attention, and embedded links to other sites with further information (note: you can use Youtube and Vimeo URLs, or import your own .mp4 video file).<\/li>\r\n \t
    2. Multiple Choice Questions<\/li>\r\n \t
    3. Fill in the Blank Questions<\/li>\r\n \t
    4. Drag and Drop Exercises that may test knowledge of Theater terminology, associated with images that are open source and labeled for reuse<\/li>\r\n \t
    5. Timelines<\/li>\r\n \t
    6. Presentations of a topic<\/li>\r\n<\/ol>\r\nPick topics that you enjoyed learning about to teach others!<\/strong><\/em>\r\n\r\nPlease see the attached Word document for more comprehensive instructions. Remember that if you can\u2019t build the content in the Pressbook for any reason, you can still submit to this Blackboard assignment area to receive credit.\r\n\r\nThe Word Document with instructions for building the H5P interactive learning content:\r\n\r\nIn this assignment, you will design interactive learning content for your fellow students to study from. These will take the form of H5P<\/a> knowledge checks. You can pick your topic of choice, but please write knowledge checks and interactive learning content relating to knowledge you\u2019ve gained from your textbook, Theatrical Worlds<\/a>, <\/em>and that presented in class. You can use open resources, that permit reuse, such as images and video found on Playhouse Square\u2019s Digital Press Kit site, or theater images provided to you through a shared Google Drive folder established for this course. Playhouse Square\u2019s digital media<\/a> for download is located at http:\/\/media.playhousesquare.org\/. There are also images available through Wikimedia Commons<\/a> (See: https:\/\/commons.wikimedia.org\/wiki\/Main_Page). Other places and ways you can search for re-usable media are suggested on Creative Commons Search page<\/a> (See: https:\/\/search.creativecommons.org\/). These sites include Youtube, Flickr, Pixabay, and Google Images. Google Image search<\/a> allows you to filter results by Usage Rights.\u00a0 To do this, you would run your search under images.google.com, select the Tools button, and then click on Usage Rights to get a drop down menu.\r\n\r\n[caption id=\"attachment_51\" align=\"aligncenter\" width=\"1024\"]\"Google Finding reusable images on Google image search[\/caption]\r\n\r\nOur purpose is noncommercial, so you can try any of the options listed, such as Labeled for reuse with modification, or simply Labeled for reuse.\r\n\r\nYou might also try the Getty Search Gateway<\/a> (See: http:\/\/search.getty.edu\/gateway\/search?q=&cat=highlight&f=%22Open+Content+Images%22&rows=10&srt=a&dir=s&pg=1) for public domain photographs of theaters.\r\n\r\nBe sure to check for actual usage rights when you locate media you want to use, and cite your sources for the media and other content. Purdue Online Writing Lab has a MLA Formatting Style Guide<\/a> that will demonstrate how to properly cite your sources (See: https:\/\/owl.english.purdue.edu\/owl\/resource\/747\/01\/). Also, please credit yourself as well as others when you create the interactive content.\r\n\r\nYour interactive learning content<\/a> can take any of the types found on h5p.org (See: https:\/\/h5p.org\/content-types-and-applications). Examples of content types you might create are:\r\n
        \r\n \t
      1. Interactive Video with Questions to test viewers\u2019 attention, and embedded links to other sites with further information (note: you can use Youtube and Vimeo URLs, or import your own .mp4 video file).<\/li>\r\n \t
      2. Multiple Choice Questions<\/li>\r\n \t
      3. Fill in the Blank Questions<\/li>\r\n \t
      4. Drag and Drop Exercises that may test knowledge of Theater terminology, associated with images that are open source and labeled for reuse<\/li>\r\n \t
      5. Timelines<\/li>\r\n \t
      6. Presentations of a topic<\/li>\r\n<\/ol>\r\nYou\u2019ll build these in a Pressbook called Introduction to Theater \u2013 Learning Resources<\/em>, hosted by Michael Schwartz Library and then make a submission within your Blackboard course.\r\n\r\nYou will be sent soon (instructor will announce) an email with an invitation to join \u201cIntroduction to Theater \u2013 Learning Resources<\/a>\u201d at https:\/\/pressbooks.ulib.csuohio.edu\/theater. The email will contain a link to activate your user account and will look something like: https:\/\/pressbooks.ulib.csuohio.edu\/theater\/wp-activate.php?key=\u2026..\r\n\r\nPlease click the link to activate your account as soon as possible, because the invitation expires after a few days. Occasionally, you\u2019ll get a message that says, \u201cThis pressbooks.ulib.csuohio.edu page can\u2019t be found.\u201d Wait a few minutes and check your email, you should get an email with your username and password to login. If you don\u2019t get this and have trouble logging in, please contact [insert information for your Pressbooks administrator].\r\n\r\nOnce you are in the Introduction to Theater \u2013 Learning Resources<\/em> book, look for H5P Content<\/strong> at the bottom of the left navigation column. Click on H5P Content<\/strong>, then click Add new<\/strong> at the top of the screen. In the first text entry box, give your content a descriptive title, and pick the type of content you\u2019d like to create. Once you select a content type, you\u2019ll have links to a Tutorial on how to create it, and links to Examples on h5p.org.\r\n\r\n[caption id=\"attachment_52\" align=\"aligncenter\" width=\"613\"]\"Screen Screen for adding new H5P content[\/caption]\r\n\r\nFollow the instructions on h5p.org for your content type. When you are done, note the ID given to your H5P content. The ID number will show in the ID column under the page for All H5P Content. See the examples below.\r\n\r\n[caption id=\"attachment_53\" align=\"aligncenter\" width=\"1024\"]\"Screen Screen showing all H5P content created within a Pressbook, with unique ID numbers.[\/caption]\r\n\r\nNext, to receive credit for the assignment and notify your instructor that you have completed it, log into your Blackboard Learn course and submit the assignment there also. Within the Blackboard Assignment, give the H5P Content Title, Type, Date Created and ID<\/strong> for each interactive learning content you created in the Pressbook, Introduction to Theater \u2013 Learning Resources<\/em>. An example of this type of description you will submit to Blackboard, is:\r\n
          \r\n \t
        1. Ancient Greek Theater, Interactive Video, 2017\/07\/17, ID=6.<\/li>\r\n<\/ol>\r\nIf you have any questions or issues, please let your instructor know. You can also contact [insert your instructional designer contact information].\r\n\r\nIf you\u2019re unable to build the H5P content in the Introduction to Theater \u2013 Learning Resources<\/em> Pressbook site, please let your instructor know and submit your ideas via the Blackboard Assignment. So, if you planned on building a multiple choice question, write the question, possible answers and note the correct answer.\r\n\r\nIf you planned on building an interactive video, write the URL of the online video, tell me when you planned on stopping the video, and what question (with correct answer) you planned on asking, as well as any links to outside resources that lead to more information about something that was talked about in the video. Describe your idea thoroughly for full credit!\r\n\r\nRemember to pick content you enjoyed<\/em> learning and have fun creating!\r\n\r\nWord document to add after the assignment instructions showing an example of what to submit to the learning management system:\r\n\r\nThis document is an example of the information you would submit to your Blackboard Learn Assignment area after you are done creating your H5P interactive content within the Pressbooks site called \u201cIntroduction to Theater \u2013 Learning Resources.\u201d Below is what you would put into a Word document submitted to the Blackboard Assignment tool:\r\n\r\nH5P Content by Heather Caprette H5P ID=10\r\n\r\nH5P Title: Lighting Design Roles\r\n\r\nH5P Type: Multiple Choice Question:\r\n\r\nQuestion:\r\n\r\nAccording to Kasendra Djuren, author of the chapter on Lighting Design in Theatrical Worlds, there are three roles responsible for setting up the lighting for productions. Which role would be responsible for the physical implementation, making sure all the lighting instruments or fixtures get hung and focused correctly?\r\n\r\nOptions:\r\n
            \r\n \t
          1. The lighting designer<\/li>\r\n \t
          2. The assistant lighting designer<\/li>\r\n \t
          3. The master electrician (*Correct Answer)<\/li>\r\n \t
          4. The director of the production<\/li>\r\n<\/ol>\r\nFeedback for selecting 1. The lighting designer:\r\n\r\nThe lighting designer is a leading role in creating the meaning and intent of a scene by painting with light. He or she pays attention to what the lights, shadows, highlights, shades, color of light and cookies are conveying in the scenes of a play. He or she works closely with the director, assistant lighting designer, and master electrician to set the queuing of the lights for a production. He or she brings the natural world to life on the stage.\r\n\r\nFeedback for selecting 2. The assistant lighting designer:\r\n\r\nThe assistant lighting designer facilitates communication between the lighting designer and production team, as well as helps with required paperwork for a production.\r\n\r\nFeedback for selecting 3. The master electrician:\r\n\r\nGood job!\r\n\r\nFeedback for selecting 4. The director: the captain of the collaborative team; the person responsible for providing a single artistic vision for a production. They guide performances so the climax is properly highlighted.\r\n\r\n \r\n\r\nH5P ID=7\r\n\r\nH5P Title: Why a performer chose her profession\r\n\r\nContent Type: Interactive Video\r\n\r\nSource of Video: https:\/\/www.youtube.com\/watch?v=FQZAIg5KfvQ, \u201cBackstage with an Elite Ballerina (360 Video)<\/a>, published by the Wall Street Journal, Nov 6, 2015.\r\n\r\nText added at 0:00 \u2013 0:10. \u201cNote why she chose her profession. Was it for money, fame or passion?\u201d\r\n\r\nLink to The Metropolitan Opera<\/a> at 1:16, http:\/\/www.metopera.org\r\n\r\nLink to information about Gyrokinesis Exercise<\/a> at 3:20, https:\/\/www.huffingtonpost.com\/anahita-pardiwalla\/how-gyrokinesis-can-help-_b_9287172.html\r\n\r\nMC Question at 4:23, movie paused.\r\nWhy did Sarah Lane become an elite ballerina? Select all that apply.\r\n
              \r\n \t
            1. She enjoys striving for perfection, believing that no one is perfect. (*Correct)<\/li>\r\n \t
            2. She loves what she does and believes it is a gift to perform for others. (*Correct)<\/li>\r\n \t
            3. She believes she\u2019s perfect at her dance.<\/li>\r\n \t
            4. She believes she\u2019ll make lots of money at it.<\/li>\r\n<\/ol>\r\nSummary Statements, the first one is correct:\r\n
                \r\n \t
              1. Sarah Lane is always striving for perfection, believing that no one is perfect at her art.<\/li>\r\n \t
              2. Sarah Lane believes she is the perfect ballerina.<\/li>\r\n<\/ol>\r\n \r\n\r\nH5P ID=4\r\n\r\nH5P Content Title: Label the Structures of the Ancient Theater\r\n\r\nH5P Content Type: Drag and Drop\r\n\r\nImage Source: Leptis Magna<\/a>, Photographer: David Gunn, 2006. See: https:\/\/commons.wikimedia.org\/wiki\/File:Leptis_Magna_Theatre.jpg.\r\n\r\nDrop Zone 1, correct element is the Text: Skene\r\n\r\nDrop Zone 2, correct element is the Text: Orchestra\r\n\r\nDrop Zone 3, correct element is the Text: Theatron\r\n\r\nDrop Zone 4, correct element is the Text: Parados\r\n\r\nNote: All Drop Zones were selected as possibilities, to be highlighted when a user grabs the text label.\r\n\r\n \r\n\r\nH5P ID= 14\r\n\r\nH5P Content Title: Ancient Greek Actors\r\n\r\nH5P Content Type: Fill in the Blanks\r\n\r\nText block:\r\n\r\nThe maximum number of ancient Greek actors in a play was *3\/three*.\r\n\r\nThe asterisks represent the blank and the correct possibilities are separated by the forward slash.\r\n\r\nLinks to video tutorials included with the assignment 1 instructions:\r\n