Learn H5P - Revision history

Rakesh at 04:25, 16 June 2026

2026-06-16T04:25:00Z

Rakesh at 07:23, 15 June 2026

2026-06-15T07:23:43Z

Rakesh: /* Using Lumi Desktop (Recommended) */

2026-06-15T07:19:27Z

Using Lumi Desktop (Recommended)

Rakesh: /* Installation */

2026-06-15T07:17:08Z

Installation

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

@@ Line 41: / Line 41: @@
 ===== Installaing Lumi Desktop on Windows =====
-# Visit the Lumi website: https://lumi.education/en/lumi-h5p-offline-desktop-editor/
+# Download the latest '''Windows Installer (.exe)''' from [https://github.com/Lumieducation/Lumi/releases/download/v1.0.0/Lumi-Setup-1.0.0.exe this link]
 # Run the installer and follow the installation wizard.

@@ Line 31: / Line 31: @@
 ==== Installation ====
-==== H5P on Ubuntu ====
+===== H5P on Ubuntu =====
 H5P can be accessed in two ways
@@ Line 39: / Line 39: @@
 . 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]]{{Note}} 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].
-==== Using Lumi Desktop (Recommended) ====
+===== Installaing Lumi Desktop on Windows =====
-# Visit the Lumi website: <nowiki>https://lumi.education</nowiki>
+# Visit the Lumi website: https://lumi.education/en/lumi-h5p-offline-desktop-editor/
 # Download the latest '''Windows Installer (.exe)'''.
 # Run the installer and follow the installation wizard.
-==== Installing Lumi on Ubuntu Linux (using AppImage) ====
+===== Installing Lumi on Ubuntu Linux (using AppImage) =====
 # Download the latest Linux AppImage from:
-#* <nowiki>https://lumi.education</nowiki>
+#* https://lumi.education/en/lumi-h5p-offline-desktop-editor/
 # Make the file executable:  '''chmod +x Lumi*.AppImage'''
 # run this command to install '''./Lumi*.AppImage'''
 === Working with application ===

@@ Line 44: / Line 44: @@
 # Download the latest '''Windows Installer (.exe)'''.
 # Run the installer and follow the installation wizard.
 === Working with application ===

@@ Line 30: / Line 30: @@
 ==== Installation ====
 H5P can be accessed in two ways
@@ Line 36: / Line 38: @@
 * You can log in using the credentials. 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]]{{Note}} 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].
 === Working with application ===
 To use any content type in H5P localhost 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 are explained in detail in the following sections.

← 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>