Learn H5P - Revision history

Prateek at 10:37, 14 June 2023

2023-06-14T10:37:57Z

Prateek at 10:37, 14 June 2023

2023-06-14T10:37:16Z

Prateek at 09:48, 14 June 2023

2023-06-14T09:48:37Z

Prateek at 09:47, 14 June 2023

2023-06-14T09:47:47Z

Arjun at 05:33, 30 June 2022

2022-06-30T05:33:02Z

Arjun: /* Timeline */

2022-06-29T07:30:34Z

Timeline

Arjun: /* Introduction */

2022-06-29T07:26:03Z

Introduction

Show changes

Arjun at 06:42, 29 June 2022

2022-06-29T06:42:46Z

Arjun at 06:33, 29 June 2022

2022-06-29T06:33:21Z

Arjun: /* Basic information */

2022-06-29T06:29:51Z

Basic information

← Older revision		Revision as of 10:37, 14 June 2023
Line 324:		Line 324:
	=== 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]
−
−	{"embedTypes":["iframe"],"language":"en","defaultLanguage":"en","license":"U","extraTitle":"TIIE","title":"TIIE","mainLibrary":"H5P.Timeline","preloadedDependencies":[{"machineName":"TimelineJS","majorVersion":1,"minorVersion":1},{"machineName":"H5P.Timeline","majorVersion":1,"minorVersion":1}]}

← Older revision		Revision as of 10:37, 14 June 2023
Line 324:		Line 324:
	=== 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]
		+
		+	{"embedTypes":["iframe"],"language":"en","defaultLanguage":"en","license":"U","extraTitle":"TIIE","title":"TIIE","mainLibrary":"H5P.Timeline","preloadedDependencies":[{"machineName":"TimelineJS","majorVersion":1,"minorVersion":1},{"machineName":"H5P.Timeline","majorVersion":1,"minorVersion":1}]}

← Older revision		Revision as of 09:48, 14 June 2023
Line 324:		Line 324:
	=== 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]
−
−
−	~~[[<iframe src="file:///home/amit/Desktop/itfc.html?embed=true" width="1324" height="793" frameborder="0" allowfullscreen="allowfullscreen"></iframe>]]~~

← Older revision		Revision as of 09:47, 14 June 2023
Line 324:		Line 324:
	=== 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]
		+
		+
		+	[[<iframe src="file:///home/amit/Desktop/itfc.html?embed=true" width="1324" height="793" frameborder="0" allowfullscreen="allowfullscreen"></iframe>]]

@@ Line 320: / Line 320: @@
 # If you have a question at the end of the video you can mention that in this section. You can add an "Introduction Text" with the set of statements in the "Summary" section. While giving the statements make sure that the first statement itself is the answer. Later the statements will be automatically shuffled. Click on "Save".
 === Additional references ===
 # [https://h5p.org/documentation/for-authors/tutorials Handout for content authors]

@@ Line 109: / Line 109: @@
 Now lets start creating dialog cards by selecting this option from the content types. The Dialog cards editor should now appear. The top part of the editor looks like this:[[File:Dialog Card Editor.png|center|thumb|386x386px]]
 * Title : This 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.
 [[File:Dialogue Card 1.png|center|frameless|362x362px]]
@@ Line 198: / Line 198: @@
 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:
+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'''
+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"
+# '''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>
+[[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>

@@ Line 282: / Line 282: @@
 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.
-===== True or False Questions =====
+==== True or False Questions ====
 True or False type of questions are popular when it comes about a decision on a statement.
 <gallery mode="packed" heights="200">
@@ Line 294: / Line 294: @@
 # Click on "Save"
-===== Drag the Words =====
+==== Drag the Words ====
 Drag the words is a kind of matching the answer questions where you will be given different questions with various answers. You have to drag and drop it on a blank which you think is the answer.
 <gallery mode="packed" heights="250">
@@ Line 307: / Line 307: @@
 # Click on "Save"
-===== Multiple Hotspots =====
+==== Multiple Hotspots ====
 In an image multiple spots can be located based on user's requirement. Multiple questions with multiple answers or single question expecting multiple answers can be spotted in Multiple hotspots.
 <gallery mode="packed" heights="250">
@@ Line 328: / Line 328: @@
 # Click on "Save".
-===== Image Hotspots =====
+==== Image Hotspots ====
 An Image hotspot is used to create a hotspot which may reveal some textual, image or video information regarding that.
 <gallery mode="packed" heights="300">
@@ Line 346: / Line 346: @@
 # Once done with one hotspot you can "Add Hotspot" to spot one more item in the image and so on.
-===== Flashcards =====
+==== Flashcards ====
 Flashcards are a set of stylish images that are paired with questions and answers.
 <gallery mode="packed" heights="300">
@@ Line 362: / Line 362: @@
 # To add one more image, click on "Add Card" and follow the same steps.
-===== Interactive video =====
+==== Interactive video ====
 Interactive video adds interactivity to your video with explanations, extra pictures, tables, Fill in the Blank and multiple choice questions. They make your videos more informative and communicative.
 <gallery mode="packed" heights="200">

@@ Line 32: / Line 32: @@
 H5P can be accessed in two ways
-. Through installing customized [https://teacher-network.in/OER/index.php/Learn_Ubuntu ubuntu 20.04] in your laptop/system.
+. 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.
+* 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.
 * You can log in using the credential's username: h5p password: h5p
 . 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,

@@ Line 23: / Line 23: @@
 |-
 |Development and community help
-|https://h5p.org/about-the-project
+|[https://h5p.org/about-the-project H5P Manual]
 |}