181
edits
Changes
Jump to navigation
Jump to search
Line 28:
Line 28: − + − Line 114:
Line 113: − + − + + − + Line 169:
Line 169: − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
→Working with application
=== Working with application ===
=== Working with application ===
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.
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]]
[Image 1]
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
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
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 senctences. 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 part of the editor looks like this:
Now lets start create dialog cards by selecting this option from this content types. The Dialog cards editor should now appear. The top
[Dialog card main image]
part of the editor looks like this:
[[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.
[Image - dialog card main page]
[[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 yoy can image and audio file under the '''Image and audio''' section (this optional).
Behavioural settings allows us to decide the way the question and the feedback. Various options exist in this. The question type option is set to automatic by default. This means the question type depends on the number of correct answers chosen. But it can be set to multiple or single choice type. The rest of the options can also be chosen based on our requirement.
Behavioural settings allows us to decide the way the question and the feedback. Various options exist in this. The question type option is set to automatic by default. This means the question type depends on the number of correct answers chosen. But it can be set to multiple or single choice type. The rest of the options can also be chosen based on our requirement.
[[File:Behavioural Settings.png|center|thumb|466x466px]]
[[File:Behavioural Settings.png|center|499x499px|frameless]]
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 the text of the dialogues appearing for retry and confirmation.
[[File:Text overrides.png|center|thumb|448x448px]]
[[File:Text overrides.png|center|494x494px|frameless]]
Press SAVE and the Multiple Choice Question is ready for use.
Press SAVE and the Multiple Choice Question is ready for use.
==== Fill in the Blanks : ====
Fill in the blanks questions are questions where a word or a phrase is missing from text, the user is asked to fill them in. Fill in the blanks can be used to test the learner's ability to reproduce facts or mathematical inferences.
1) Getting Started :
Open H5P, open new content and give a title, and then select content type as Fill in the Blanks. On choosing the Fill in the Blank type, Fill in the Blank editor opens. It should look like this :
[[File:Fill in the Blanks 1.png|center|frameless|416x416px]]
Fill in the Blanks Editor has two sections Task description and Text Blocks.
2) Task description :
In the Task description field we give the learner basic instructions or introduce the problem to be solved.
3) Text Blocks :
Under Text blocks we add our sentences and define which words are to be remove for the learner to identify.
When we enter text in the block ,Blanks are added with an asterisk (*) in front and behind the correct word/phrase. Alternative answers are separated with a forward slash (/). You may add a textual tip, using a colon (:) in front of the tip.
To add new Text blocks, click on [[File:Add Text Block.png|frameless]]
Overall Feedback, Behavioural Settings and Text overrides and translation can be set the same way as in multiple choice.
==== Drag and Drop : ====
Drag and drop type allows the user to create questions where one can make questions which can be answered by dragging text or images and dropping them in zones that match. Drag and drop enables the learner to associate two or more elements and to make logical connections in a visual way.
1) Getting Started :
Open H5P, open new content and give a title, and then select content type as Drag and Drop question. On choosing the Drag and Drop type, Drag and Drop editor opens. It will look like this :
[[File:Drag and Drop 1.png|center|frameless|507x507px]]
The editor has two windows, Settings tab and Task tab.
2) Settings tab :
The title, is the title of the the question to be displayed only when generating summaries and statistics.
Background image can be added by clicking on [[File:Add Background Image.png|frameless]] which sets the background image of the question.
Task Size sets the size of the question area
[[File:Task Size.png|center|frameless]]
3) Task tab :
The task tab is the area where we make the Drag and Drop question. The toolbar on top is what we use to create the questions,.There are 3 buttons on the toolbar,
a) Dropzones : [[File:Dropzone.png|frameless]]
Dropzones are regions where dragable text and images can be dropped.
Drag the dropzone icon and place it in the location where you want a dropzone. The instant we place the dropzone, the dropzone settings appear. Which will look like this:
[[File:Dropzone Settings.png|center|frameless|469x469px]]
We can set the label, opacity and dropzone restrictions using this.
b) Text : [[File:Text.png|frameless]]
This is the icon we use to add text. Dragging this icon and placing it in the location where you want to insert the text, opens the text editor.
[[File:Text Image .png|center|frameless|488x488px]]
Where setting of the text and dropzones it can be placed in will be done.
c) Image : [[File:Image 1.png|frameless]]
This is used to add images to the question.
Dragging this icon and placing it in the location where you want the image to be, an image editor appears. I will look like this :
[[File:Image editor.png|center|frameless|488x488px]]
Here we can set image settings and the dropzones it belongs to.
4) Feedback :
The feedback pane works the same way we used it for the multiple choice questions.
=== 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]