h5p course presentation github

Want to create or adapt books like this? Learn more about how Pressbooks supports open publishing practices.

A versatile H5P content type.  A way to present content with visuals or to accommodate use of multiple content types (videos, files, and a variety of questions).

Economics (with optional questions)

Content (text, external links, and images)

H5P Examples Copyright © by Michelle van Ginneken. All Rights Reserved.

Share This Book

Creating an H5P Course Presentation

With the H5P Course Presentation tool, you can create and present asynchronous educational material to your students with slides that incorporate multimedia and interactive features. This format enables you to assemble your course material in a dynamic and interactive way. Students can navigate through the slides, engaging with embedded quizzes and videos as they go. It's an effective alternative to traditional methods like PowerPoint slides, PDFs, or standard text-heavy web pages. 

The H5P Course Presentation allows educators to create and present content in an engaging way, consistent with Active Learning principles. The Course Presentation can also be used for formative tasks to provide students with opportunities for self-assessment and consolidation of knowledge.

Exportable Text Areas in a H5P Course Presentation also offer a unique opportunity for students to engage with your content. These text areas can be embedded throughout the presentation, allowing students to record their reflections, ideas, notes, and answers to questions as they interact with it. Anything the student inputs in these fields will be collated into an individual summary that they can download as a Word document.

Preview an example H5P Course Presentation (opens in new tab) , that includes Fill in the Blanks, Video, and Multiple Choice questions.

The Slides tab and settings menu

The top menu

• Add or format text,
• Add or update a hyperlink,
• Add or update an image,
• Add shapes (square, circle, horizontal or vertical lines),
• Add or update a video,
• Add or update a link to a slide within the H5P Course Presentation,
• Add or update an audio file. 

• Fill in the Blanks
• Single Choice Set
• Multiple Choice
• True/False Question
• Drag and Drop
• More elements. This includes other less common, but still useful options including Tables, Interactive Video , Exportable Text (covered later in this article) and more. 
• Paste content from the clipboard. 

Slide options

From left to right: 

• Show or hide the sidebar navigation,
• Current slide / Total slides. In the image above, the Course Presentation is displaying slide 2 of 3,
• Add new slide,
• Clone slide,
• Slide background - please be mindful of colour contrast requirements when selecting background colours and images,
• Move slide left - e.g. move the current slide (slide 2) to become slide 1 in the order,
• Move slide right - e.g. move the current slide (slide 2) to become slide 3,
• Delete slide.

• Enter alt text into the Alternative text field.
• (Optional) You can provide hover text – text displayed when students hover their mouse pointer over an image.
• Comments can also be added to the image that are displayed at the end of the presentation when students choose to display suggested answers.

• Drag and drop the image to move it to the desired position on the slide.

• Use the Edit text toolbar to format text.
• Comments can also be added to the text that is displayed at the end of the presentation when students choose to display suggested answers.
• Background Opacity: a 0 value means the text box will be transparent, and a 100 value means the text box will have a white background.
• Check Display as button to replace the text box with a button students click on to read the text in the pop-up.

• The text entered in the Title text field will be displayed on the slide.
• Enter the URL into the URL text field.
• Comments, opacity, and the ability to display the link as a button rather than text are the same as described above for images.

• The Summary activity allows students to make an interactive summary of the key points in the Course Presentation.
• After adding introductory text or a question, add statements that summarise the Course Presentation. Note: The first statement is the correct statement.

The Exportable Text activity allows students to write into text fields within an H5P Course Presentation and export the collated text to a Word document.

You can include prompts for the students in the text boxes, as well as generic automated feedback in the exported document.

Some potential use cases include:

• Summarising the subject material in the student's own words for note-taking,
• Reflecting on stimulus,
• Writing pre- and post-evaluations on perspectives prior to engaging in another activity, e.g. prior to and after completing a module,
• Drafting components of essays with integrated feedback.

With the ability to export the file as a Word document, students can easily upload the document to a Moodle Assignment for marking. Students can edit the Word document, once downloaded, as with any other Word document.

Steps for Creating an Exportable Text Activity

To create an Exportable Text activity in the H5P Course Presentation:

• From the H5P Course Presentation, click More elements (three vertical dots) to show more options.

• Enter a Label/heading to display the answers in the exported document.
• To include prompts in the text entry boxes, enter the text for the prompt and click on Always display comments . This will then show as a question mark popup in the corner of the text entry area, as displayed below.
• To automate feedback, ensure Include comments in the exported document is selected, and uncheck Always display comments.
• Click and drag to move or resize the Exportable Text Area on the slide. 

• Click the Save and display button to view the H5P Course Presentation.

Related information

• Creating Multiple Choice questions using H5P | L&T Hub resource
• Creating interactive videos with H5P | L&T Hub resource
• Creating Fill in the Blanks Activities with H5P | L&T Hub resource
• H5P Documentation - H5P Course Presentation tutorial | External resource
• UOW Office Kit available via the intranet | UOW resource

Contact Learning, Teaching & Curriculum

Request support

Contribute to the Hub

Provide feedback

H5P Course Presentation

Here's the Course presentation we'll create in this tutorial:

The Course presentation content type allows you to create a slide-based presentation of your learning material. Elements such as slide titles, links, pictures, audio and video clips, as well as various quiz types can be embedded seamlessly right into the presentation for a richer learning experience.

You can interact with the above H5P Course presentation. Navigate between the slides by using the navigation bar below the slides.

When To Use Course Presentations ​

Course presentation enables you to author and deliver your course material directly in your browser. Course presentations contain slides where you can add various multimedia and interactive elements to engage the learner.

Course presentations are used when you want to package a piece of learning content in a structured and interactive format. Learners swipe through slides to experience the learning material while solving various quizzes or watching videos along the way.

Try Course presentations as an alternative to presenting your learning content as Powerpoint presentations, PDFs or text-based web pages. Course presentations are very flexible to use, as they are simple to create, publish and edit.

Step 1: Topic ​

We'll choose video games as the topic for our Course presentation. We'll use the Wikipedia article about the history of video games as background material for our Course presentation.

Let's create three slides, with a test at the end:

• Slide 1: Brief history of computer games
• Slide 2: 2D games
• Slide 3: 3D games

Step 2: Creating a Course Presentation ​

Select the New content option and choose Course presentation from the list of content types:

Step 3: Course Presentation Editor ​

The Course presentation editor should now appear. When starting to edit a Course presentation the editor looks like this:

In this tutorial, we'll focus on creating the Course presentation content. The content creation happens in the top part of the editor, so we'll only focus on this for now.

The Course presentation editor is WYSIWYG. The end-user view of the Course presentation will look very similar to the editor's view.

Step 4: Slide 1 ​

We'll start by adding a slide in the slides panel to the left. The slide titles can be used to navigate between the slides. You can remove the slides panel entirely by pressing the Remove slides button. However, this action cannot be undone.

Press the button to open the "Slides" menu. Press the pen next to "No title" to add a slide title. Use "History of Computer Games" as the title. Now we can move on to adding some images.

We add the images by using the button in the top toolbar. Press this button, drag it to where you want the image to be placed and drop it there. A dialog will automatically open. Press the button, browse to where you saved the image and select it for upload.

Resize the image by pulling in the lower right corner of the image. Make the image slightly smaller in size. You can move the image by using drag and drop. Place it in the top right corner.

To finish slide 1, we'll add the following text, which is paraphrased from the Wikipedia article:

" The history of video games began in the 1950s and 1960s as computer scientists began designing simple games and simulations on mainframe computers, with MIT's Spacewar! in 1962 as one of the first such games to be played with a video display. The early 1970s brought the first consumer-ready video game hardware: the first home video game console, the Magnavox Odyssey, and the first arcade video games from Atari, Computer Space and Pong, the latter of which was later made into a home console version. Numerous companies sprang up to capture Pong's success in both the arcade and the home by creating clones of the game, causing a market contraction in 1978 due to over saturation and lack of innovation. "

Use the Text tool to add a block of text to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the Edit text dialog.

We have now finished slide 1 and you should have something similar to this:

Step 5: Slide 2 ​

Press the button in the lower right corner of the editor to add another slide.

Slide 2 will contain information about 2D games. Add the slide title "2D Platformer Games" in the slides panel.

We'll search for relevant images in the public domain and use them. We add the images by using the button in the top toolbar. Drag the images onto the slide and upload the images. Press Done, then resize the image so you have something like this:

To finish slide 2, we'll add the following text, which is also paraphrased from the Wikipedia article:

" A platform game (often simplified as platformer or jump 'n' run games) is a video game genre and subgenre of action games in which the core objective is to move the player character between points in a rendered environment. Platform games are characterized by their level design featuring uneven terrain and suspended platforms of varying height that requires use of the player character's abilities, such as jumping and climbing, to navigate the player's environment and reach their goal. Other acrobatic maneuvers may factor into the gameplay as well, such as swinging from objects such as vines or grappling hooks, jumping off walls, air dashing, gliding through the air, being shot from cannons or bouncing from springboards or trampolines. Games where jumping is automated completely, such as 3D games in The Legend of Zelda series, fall outside of the genre. "

As on slide 1, use the Text tool to add a text box to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the Edit text dialog.

You can navigate between slides by pressing the slide titles in the slides panel or by using the navigation bar.

Step 6: Slide 3 ​

Press the button to add the third slide. Slide 3 will describe 3D games. Add the slide title Uses in the slides panel.

Again, we'll use text and images to deliver our message. Unlike the previous slides, we'll place the images on both sides of the slide with the text sitting in the middle. Insert the two images together with the appropriate license information and place and resize them accordingly.

The text we'll use, is again paraphrased from the Wikipedia article:

" With the advent of 3D accelerated graphics, video games could expand beyond the typically sprite-based 2D graphics of older graphics technologies to describe a view frequently more true to reality and lifelike than their predecessors. Perspective projection has also been used in some earlier titles to present a 3D view from a fixed (and thus somewhat less hardware-intensive) perspective with a limited ability to move. "

Use the Text tool to add a block of text to the slide. Once you have dropped the text box, a dialog will appear. Insert the text above in the Edit text dialog. Press Done when you're finished. Press Done. then resize and place the link box so you have something like this:

We're now finished with slide 3. Finally, we'll add a Summary to finish the Course presentation.

Step 7: Slide 4 ​

Press the button to add a fourth and final slide. Add the slide title Summary in the slides panel.

The Summary will allow the learner to make an interactive summary of the most important aspects of the previous three slides.

On the toolbar, press the button and drag a summary onto the slide. Creating a Summary is covered in this tutorial. Once you have dropped the Summary, the editor will appear. Now we'll add statements to the Summary. Press the Add statements button to add two more statement groups. In the Summary editor, the top statement in a statement group is always the correct one.

Introduction text:

• Choose the correct statement.

Statement group 1:

• They started to make computer games after the year 2000
• 2D games are more complex than 3D games to make
• 3D games normally use sprites to display animations
• 3D games require dedicated video graphic chips for better performance
• Only 3D games can have perspective

Press Done when you have added the statements. Then position and resize the Summary so you'll have something like this:

Step 8: Finishing Up ​

At the bottom of the editor, you'll find the Enable show solution buttons option. In this context, the option does not have any effect.

We are continuously trying to improve Edlib's documentation. If you have any questions or suggestions then don't hesitate to join us in discussing Edlib's — ongoing and future — development. Likewise, feel free to submit issues and enhancement requests. Your help is appreciated 😉

• Step 1: Topic
• Step 2: Creating a Course Presentation
• Step 3: Course Presentation Editor
• Step 4: Slide 1
• Step 5: Slide 2
• Step 6: Slide 3
• Step 7: Slide 4
• Step 8: Finishing Up

The Republic of Tatarstan, Kazan

Sep 11, 2014

100 likes | 238 Views

Investment Project: «Construction of Industrial Complex for Deep Processing of Colza Oilseeds in the Republic of Tatarstan». The Republic of Tatarstan, Kazan. MAIN PROJECT PARAMETERS (1/2). PROJECT NAME. Construction of industrial complex for deep processing of colza oilseeds.

Share Presentation

• russian federation
• competitive products
• social effect
• privolzhsky federal district
• ongoing project 1 2

The Republic of Texas

The Republic of Texas. The Republic of Texas Chapter 11 Section 1 Info Sheet Go to “Main Idea” and write it on the lines provided: The new Republic of Texas faced many problems. Sam Houston, its first president:. Focused on restricting government spending.

885 views • 13 slides

Center of Advanced Economic Research Academy of Sciences of the Republic of Tatarstan

Center of Advanced Economic Research Academy of Sciences of the Republic of Tatarstan. The leader in the field of private-state consulting in the Russian Federation . Contents. Company Introduction. Company activities. Key personnel. Company core values. Research projects and directions.

462 views • 26 slides

Welcome to Tatarstan.

Welcome to Tatarstan. Welcome to Tatarstan. Tatarstan. The Republic of Tatarstan is a subject of the Russian Federation. The Declaration of State sovereignty of the Republic was signed on the 30 th of August, 1990. The names “republic of Tatarstan” and “Tatarstan” are equivalent. Languages.

514 views • 29 slides

Kazan State Agrarian University

Kazan State Agrarian University. The Kazan State Agrarian University is the oldest higher-education al institution of agriculture in Russia. It was founded on May 22 , 1 922. Our Famous Graduates. First President of the Republic of Tatarstan,1991-2010.

486 views • 16 slides

PwC experience: Tatarstan Denis Derevyankin Kazan PwC office leader

www.pwc . ru. PwC experience: Tatarstan Denis Derevyankin Kazan PwC office leader. Content. Introduction PwC experience: what is Tatarstan for our business? Some hints about Tatarstan. Personal Introduction. Kazan PwC office leader Experience in the profession near 10 years

418 views • 12 slides

Tatarstan, Kazan

Russian Federation. Tatarstan, Kazan. Welcome to Kazan !. Kazan is the capital of the Republic of Tatarstan, one of the largest and most beautiful cities of Russia, which is on the list of UNESCO World Heritage cities. Kazan. The old Kazan.

1.4k views • 23 slides

RESEARCH OF RADON ON THE TERRITORY OF KAZAN CITY

RESEARCH OF RADON ON THE TERRITORY OF KAZAN CITY . Renat Apkin , Nuriya Yagafarova Kazan State Power Engineering University . Database. Dependence of radon concentration from the ground height. Thank you for your attention!.

275 views • 14 slides

Republic of the Philippines

Republic of the Philippines. Department of Agriculture. PHILIPPINE FISHERIES DEVELOPMENT AUTHORITY. PROPOSED BREAKWATER PROJECT. ILOILO RIVER. ILOILO FISH PORT COMPLEX. ILOILO STRAIT. QUAYSIDE. BREAKWATER, 470 m. DAMAGED REVETMENT. EXISTING BREAKWATER.

311 views • 9 slides

Famous people of Tatarstan

Famous people of Tatarstan. Oh, Kazan! Spirited Kazan! Melodious Kazan! Radiant Kazan!. Here are all the solemn places and deeds of our ancestors, Here are all the beauties and t he paradise of the yearning soul!. Gabdullah Tukay. - er. - or. p aint write c ompose d ance

535 views • 23 slides

Presentation By. Assistant Secretary Cecilia V. Reyes. 4-5 February 2004, Jakarta, Indonesia. Republic of the Philippines. APT Regional Forum for ICT Experts in South East Asia. “ Meeting the Challenges on Digital Gaps Approaching E-Government”.

379 views • 19 slides

WELCOME TO THE REPUBLIC OF TATARSTAN

WELCOME TO THE REPUBLIC OF TATARSTAN. Sweden. Iceland. Finland. Norway. Russia. Estonia. Exit to Baltic Sea. Latvia. Denmark. Lithuania. Belarus. TATARSTAN. Ireland. Great Britain. Moscow. Netherlands. Poland. Germany. Volga. Belgium. Czechia. Luxembourg. Ukraine. Slovakia.

793 views • 54 slides

WELCOME TO THE REPUBLIC OF TATARSTAN. Territory – 67,800 square kilometres. Population : 3.8 million (over 115 ethnic groups): Tatars (52 . 4%) Russians (39 . 5%) , Chuvashs (3 . 4%), Ukrainians, Udmurts, Mari, Bashkirs, Jews, etc.

541 views • 37 slides

NEFTEGAZSTANDART CONFERENCE (KAZAN)

NEFTEGAZSTANDART CONFERENCE (KAZAN). ELECTROTECHNICAL STANDARDS AND OIL & GAS SECTOR. Alain LOPPINET TOTAL TECHNOLOGY SPECIALISTS CEN TC12. SUMMARY OF THE PRESENTATION. IEC (slides 4 to 6) CENELEC (slides 7 to 9) Cooperation between IEC & CENELEC (slides 10)

303 views • 20 slides

RESEARCH OF RADON ON THE TERRITORY OF KAZAN CITY. Renat Apkin , Nuriya Yagafarova Kazan State Power Engineering University. Database. Dependence of radon concentration from the ground height. Thank you for your attention!.

241 views • 14 slides

kazan federal University

Kazan federal University is one of the Prime destinations for Indian students. KFU is ranked among the top 350 universities in the world, in the QS World University Rankings. Kazan federal university is oldest university in Russia it was founded in 1804. Kazan federal university is recognized by the Medical Council of India .Those Students who thinks that they will be next best doctor in India .they can elect Kazan federal university to fulfill their dreams. In Kazan federal university there are 12 institutes, 10 independent faculties and consisting of many different and connected high tech laboratory with university campus. The hospital affiliated with Kazan federal University provides large opportunities to the students to gain practical training. Because 30% population of Russia lives in Kazan city. Students who gets a Degree from Russia can practice anywhere of world (USA, UK and European Country) including India.

53 views • 4 slides

348 views • 29 slides

Kazan Helicopters PJSC

Kazan Helicopters PJSC. 201 6. About the company. 17 % Mil helicopters. Kazan Helicopters PJSC is the world famous manufacturer of medium class helicopters. According to statistics Mil helicopters today occupy 17 % of the turboshaft engines helicopter park.

436 views • 33 slides

423 views • 39 slides

You are here

Remove blue markings under course presentations.

Is it possible to remove Blue markings under course presentations? If not, could this be made possible?

Mon, 09/02/2024 - 18:31

Hi StraussBenoît28,I believe

Hi StraussBenoît28,

I believe this is related to the email you sent us: "Small question, I don't understand the mode "surface active" : When this is activated, it seems impossible to scroll the slide show. I simply wanted to hide the blue markings under the slide show and have it scroll automatically after a question is answered.

 Could you explain this to me?"

First just a word of caution once you enable "Surface Mode" you will not be able to disable it again. Additionally once enabled this disables the "Summary Slide" which renders the ability of Course Presentation to generate scores.  To answer you question, the "surface mode" disables the default navigation of Course Presentation. It is not possible for Course Presentation to go to the Next slide after a question is answered. The "go to slide" object can be used to navigate between slides once the surface mode has been enabled. 

The contents below shows an example on how to use  "go to slide". 

  https://bv-demo.h5p.com/content/1292361318821518619

https://bv-demo.h5p.com/content/1292273189990029589

• Log in or register to post comments
• Examples & Downloads
• Documentation
• Goals & Roadmap

Connect with H5P

• Contact Form
• H5P is an open source community driven project. Join the Community and help us create richer online experiences!
• Project Licensing Information
• About the Project

H5P is a registered trademark of H5P Group Privacy policy | Copyright © 2024

• OIC YOUTH CAPITAL
• ANNOUNCEMENTS
• INTRODUCTION
• REQUIREMENTS
• SHUSHA OIC Youth Capital 2024
• NIAMEY OIC Youth Capital 2023
• KAZAN OIC Youth Capital 2022
• DHAKA OIC Youth Capital 2020
• DOHA OIC Youth Capital 2019
• AL QUDS AL SHARIF OIC Youth Capital 2018
• FEZ OIC Youth Capital 2017
• PUTRAJAYA OIC Youth Capital 2017
• SHIRAZ OIC Youth Capital 2017
• ISTANBUL 1st OIC Youth Capital 2015/16
• UPCOMING EVENTS
• PAST EVENTS
• BECOME A VOLUNTEER
• PROPOSE A PROJECT
• I HAVE AN IDEA

International Youth Festival of Modern Muslim Culture

The festival will create a platform for intercultural and interethnic dialogue among the youth of the countries of the Organization of the Islamic World and the development of creative potential of youth. The festival program will contain an educational module covering choreography, vocals, art, theater; as well as staging of joint cultural performances which will take into account national characteristics for the final Gala concert.

Application will be available shortly.

International Youth E-sports Championships

A new format for involving young people with different interests who have achievements in eSports. By participating in competitions, the participants learn to work in a team and be purposeful, develop tactical thinking and a number of important skills: decision-making speed, reaction, perseverance.

Navigation Menu

Search code, repositories, users, issues, pull requests..., provide feedback.

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly.

To see all available qualifiers, see our documentation .

• 241 followers
• https://h5p.org

Pinned Loading

JavaScript 6 17

Forked from OlavStornes/h5p-digibook

JavaScript 16 61

Interactive 360 panorama image viewer for H5P

JavaScript 10 36

Repositories

Command Line Interface

Simple PDF viewer

Basic arithmetic quiz containing addition, division, multiplication and subtraction

Top languages

Most used topics.