455
edits
Changes
Jump to navigation
Jump to search
Line 8:
Line 8: − + Line 27:
Line 27: − There are different kinds of contents you can create and here are some important ones. For creating any content in H5P, you need to sign up in their website https://h5p.org/testdrive-h5p. + − [[File:H5p Main Page.png|center|frameless|593x593px]] − Once you registered with this site now its time to login and create your first content. To save your created contents, a user account is needed and also later you can modify the created contents. Once you login, It will show the users basic details + − + − + − + − + − + − + − + − + − These are some popular content types but in h5P you can find many more types from [https://h5p.org/content-types-and-applications here]+ − + − + Line 50:
Line 49: − + Line 57:
Line 56: − + Line 66:
Line 65: − + Line 97:
Line 96: − + Line 111:
Line 110: − + Line 117:
Line 116: − + − + Line 128:
Line 127: − + Line 173:
Line 172: − + Line 248:
Line 247: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
→Working with application
|-
|-
|ICT Competency
|ICT Competency
|It is a generic audio resource creation and editing tool.
|It is a generic interactive content resource creation and editing tool.
|-
|-
|Educational application and relevance
|Educational application and relevance
=== Working with application ===
=== Working with application ===
H5P can be accessed in two ways
1. Through installing customized [https://teacher-network.in/OER/index.php/Learn_Ubuntu ubuntu 20.04] in your laptop/system.
* After [https://teacher-network.in/OER/index.php/Learn_Ubuntu ubuntu] installation, Go to Applications→ Other → H5P. The H5P will be opened in the Firefox browser.
There are different kinds of content creation types are :
* You can log in using the credential's username: h5p password: h5p
# Course Presentation
2. Another method for creating any interactive content in H5P is, you need to sign up on the [https://h5p.org/testdrive-h5p H5P] website & access available content types.[[File:H5p Main Page.png|center|frameless|593x593px]]We strongly recommend to use H5P in local host hence you can use the variety of content types which are limited in [https://h5p.org/testdrive-h5p H5P]. To use any content type in H5P local host click on add content → Interactive content and you will get a lot of content types. There are different kinds of contents you can create and here are some important ones,
# Multiple Choice
# Course Presentation
# Fill in the Blanks
# Multiple Choice
# Drag the words
# Fill in the Blanks
# True/False Question
# Drag the words
# Interactive Video
# True/False Question
# Interactive Video
==== Course presentation ====
==== Course presentation ====
The Course presentation content type allows you to create a slide-based presentation of your learning material. Elements such as text, images, audio’s and videos. By combining any of these resources you can create contents.
The Course presentation content type allows you to create a slide-based interactive presentation of your learning material. Elements such as text, images, audio’s and videos. By combining any of these resources you can create resources.
Also, this presentation content type which allow users to add multiple choice, fill in the blanks, texts and other types of interactions with in their presentations. Presentations can be accompanied with formative self-assessments in the form of short quizzes.
Also, this presentation content type allow users to add multiple choice, fill in the blanks, texts and other types of interactions with in their presentations. Presentations can be accompanied with formative self-assessments in the form of short quizzes.
'''Steps to create course presentation :'''
'''Steps to create course presentation :'''
* Open new Creative Content Page.
* Open new Creative Content Page.
* Choose Course Presentation from the list of Content Types.
* Choose Course Presentation from the list of Content types.
* The Course Presentation Editor will open. It should look like this :
* The Course Presentation Editor will open. It should look like this :
2. Adding Key Words :
2. Adding Key Words :
Key words can be used to recognise slides and navigate between slides.
Key words can be used to recognize slides and navigate between slides.
* Press the [[File:Keyword Button.png]] Button .
* Press the [[File:Keyword Button.png]] Button .
* Press on Add Key Word, using this we can add multiple key words for each slide.
* Press on Add Key Word, using this we can add multiple key words for each slide.
* A dialogue box appears. Click on the plus sign to add image.
* A dialogue box appears. Click on the plus sign to add image.
* Alternative text is text that is displayed if server can’t load the image. This has to be entered in the box for Alternative text.
* Alternative text is text that is displayed if server can’t load the image. This has to be entered in the box for Alternative text.
* We can also add hover text, which is the text displayed when the viewer places his his mouse pointer on the image.
* We can also add hover text, which is the text displayed when the viewer places his mouse pointer on the image.
* Similarly comments can be added, opacity of the image can be varied and we can display the image as a button as well.
* Similarly comments can be added, opacity of the image can be varied and we can display the image as a button as well.
* Press done when finished to insert the image.
* Press done when finished to insert the image.
When we choose a certain question type, a dialogue box appears, where we can enter the question and all it’s feature. Then the question is added by clicking on done.
When we choose a certain question type, a dialogue box appears, where we can enter the question and all it’s feature. Then the question is added by clicking on done.
Question Types :
Question types :
* Fill in the blanks - [[File:Fill in the Blanks.png]]
* Fill in the blanks - [[File:Fill in the Blanks.png]]
* Single Choice Set - [[File:Single Choice Set.png]]
* Single Choice Set - [[File:Single Choice Set.png]]
==== Dialog Cards ====
==== Dialog Cards ====
The Dialog cards content type enables you to create a set of cards with corresponding words or expressions on either side of the cards. Dialog cards can be used as a drill to help learners memorize words, expressions or senctences. Dialog cards provide a prompt on one side of the card, and a corresponding answer on the other side.
The Dialog cards content type enables you to create a set of cards with corresponding words or expressions on either side of the cards. Dialog cards can be used as a drill to help learners memorize words, expressions or sentences. Dialog cards provide a prompt on one side of the card, and a corresponding answer on the other side.
Now lets start create dialog cards by selecting this option from this content types. The Dialog cards editor should now appear. The top
Now lets start create dialog cards by selecting this option from this content types. The Dialog cards editor should now appear. The top
part of the editor looks like this:
part of the editor looks like this:
[[File:Dialog Card Editor.png|center|thumb|386x386px]]
[[File:Dialog Card Editor.png|center|thumb|386x386px]]
* The '''Title''' will be displayed to the learner throughout the set of cards.
* The '''Title''' will be displayed to the learner throughout the set of cards
* '''Task description :''' In this field we can give elaborate instructions to the learner. The '''Task description''' is displayed throughout the entire set of cards, below the '''Title'''. Insert the following text.
* '''Task description :''' In this field we can give elaborate instructions to the learner. The '''Task description''' is displayed throughout the entire set of cards, below the '''Title'''. Insert the following text.
** '''Dialogs''' : Press the '''Add dialog''' button to add the first card. Here, "Text" means you need to type the question or any word which learning should think and answer.
** '''Dialogs''' : Press the '''Add dialog''' button to add the first card. Here, "Text" means you need to type the question or any word which learning should think and answer.
[[File:Dialogue Card 1.png|center|frameless|362x362px]]
[[File:Dialogue Card 1.png|center|frameless|362x362px]]
In the '''Answer''' field, we provide the correct answer (this will come with the other face of the cards). Additionally yoy can image and audio file under the '''Image and audio''' section (this optional).
In the '''Answer''' field, we provide the correct answer (this will come with the other face of the cards). Additionally you can add image and audio file under the '''Image and audio''' section (this is optional).
* By clicking and add dialog you can keep creating dialog cards like this in the file.
* By clicking and add dialog you can keep creating dialog cards like this in the file.
* '''Save''' the node/article when you're satisfied to view your final set of Flashcards.
* '''Save''' the node/article when you're satisfied to view your final set of Flashcards.
==== Multiple Choice question ====
==== Multiple Choice question ====
Multiple Choice questions can use it for testing well-defined skills related to a certain topic. Mulitple Choice questions can be an effective assessment tool when thay are created properly and the learner is given immediate feedback on own performance. The H5P Multiple Choice questions can have a single or multiple correct options per question.
Multiple Choice questions can use it for testing well-defined skills related to a certain topic. Multiple Choice questions can be an effective assessment tool when they are created properly and the learner is given immediate feedback on own performance. The H5P Multiple Choice questions can have a single or multiple correct options per question.
1) Getting Started :
1) Getting Started :
7) Text overrides and translations :
7) Text overrides and translations :
This is used to set translations on the interface for questions and options and also to determine the the text of the dialogues appearing for retry and confirmation.
This is used to set translations on the interface for questions and options and also to determine the text of the dialogues appearing for retry and confirmation.
[[File:Text overrides.png|center|494x494px|frameless]]
[[File:Text overrides.png|center|494x494px|frameless]]
The feedback pane works the same way we used it for the multiple choice questions.
The feedback pane works the same way we used it for the multiple choice questions.
==== Timeline ====
The Timeline content type allows you to place a sequence of events in chronological order. For each event, you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud.
To create a timeline, click on create a content type and select the '''New content''' option and choose '''Timeline''' from the list of Content types:
Now, timeline editor will appear. It consists of three main parts '''Title''', '''Timeline''' and '''Dates'''
# '''Title''' : Enter the '''Title''', then expand the timeline section to add a '''Headline''' and '''Body Text'''. Example "Prime ministers of india"
[[File:1. Time line title details.png|600px]] <br>
('''NOTE:''' If there is an online image, video or other media that you would like to display when the timeline is first seen, expand the '''Assets''' section. Add the link to '''Media''' – this is the URL to the image, video, audio or map. Add '''Credits''' and a '''Caption'''.)
# '''Timeline:''' This part consists of content for a starting slide and some overall settings for the entire timeline.
[[File:2. Details about the time line.png|600px]] <br>
# '''Dates:''' This section the most important where you add events in time as a '''Date'''. An event “date” can be any period of time from a single day to a number of years. Start in the '''Dates''' section, by adding the '''Start date''', '''End date''', '''Headline''' and '''Body text''' of the first event that you would like to display to your timeline.
[[File:3. Add details about each slide.png|600px]] <br>
Your timeline with the first slide is ready now, You can check how the timeline is working using the '''Save''' button at the bottom of the screen.
===== Adding event details : =====
By clicking an '''add event''' you will add more events details to your timeline. Each event need to fill the following details :
# '''Start date''': Event start date
# '''End date''': Event End date
# '''Headline''': Heading for the event
# '''Body text''': Detail about the event
<gallery mode="packed" heights="290px" caption="Add event details to your timeline">
File:3. Add details about each slide.png| Adding dates, headlines and bodytext
File:5. Adding media to the slide.png|Adding media for the timeline
</gallery>
Under '''Asset'''
# '''Media''': Upload your file, or copy paste any OER media links
# '''Credit :''' Enter the author/website link of the media.
[[File:6. click add item to add more slides for your screen.png|600px]] <br>
Add more events with dates as required to your timeline with the '''Add Item''' button. In the same way, fill in all the other dates with the following content.
=== Additional references ===
=== Additional references ===
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]
# [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]