SlideShare a Scribd company logo
1 of 11
H5P - CreateandShareRich Content andApplications
Drupal H5PConfiguration:
With this module you will be able to create interactive videos, question
sets, drag and drop questions, multi choice questions, boardgames,
presentations, flashcardsand more using Drupal.
In addition to being an authoring tool for rich content, H5P also enables
your site to import and exportH5P files.
Step 1: Install H5P module in Drupal site [https://www.drupal.org/project/h5p]
Step2.: Enable H5P module.
After enabled H5P module, user can set H5P module configuration according
requirements.
Step 3: Add H5P libraries.
After the added/updated libraries you got lot of Installed libraries.
Libraries path Link: https://github.com/h5p/h5p-php-library &
https://h5p.org/interactive-video
Step 4: After the install H5P module in Drupal site, H5P provides “Interactive
content” content type.
H5P provides some fields in managed field in interactive content type [H5P Action,
H5P Upload, H5P Editor]
Step 5: Now add an Interactive content.
When click on Interactive content. will appears add Interactive content page[node].
Step 6: Create video Interactive content, click on Interactive video details.
This is the interactive video editor, user could be use this section for create quiz under
video,
When play this video quiz will appeared on time slots (user predefined time slots).
User can insert youtube video / upload embed video in modal window.
Note: we are using youtube video.
After the Inserted youtube video / upload embed video in modal window, video will
appeared on player mode.
Click on Add interactions tabs, user can set video pause time duration, display button
properties & other H5P interactive video properties.
User can added Quiz(SCS / MCQ) type & H5P provides other types of quiz's,
developer/user can used for quiz types.
H5P provides quiz box formatter and layout formatter for using positioning &size
parameters.
Finally save interaction video content [node].
H5P easily integrationwith Drupal Opigno distributionandother learning management systems.
H5P libraries provides high level customization, helps for build better UI and presentations wise
milestones.
H5P libraries support you-tube & embed videos and others.
THANK YOU
Gajendra Sharma
:-) Just love to be a part of this Drupal community. :-)
Skype ID: gajendrakumarsharma1688
LinkedIn: https://www.linkedin.com/in/gajendrasharma

More Related Content

What's hot

SAP TechEd Web IDE
SAP TechEd Web IDESAP TechEd Web IDE
SAP TechEd Web IDEDavid Fish
 
Hello Drupal!
Hello Drupal!Hello Drupal!
Hello Drupal!Acquia
 
What have you learnt about technologies
What have you learnt about technologiesWhat have you learnt about technologies
What have you learnt about technologiesballuk
 
Improving the WordPress experience for you and/or your clients.
Improving the WordPress experience for you and/or your clients.Improving the WordPress experience for you and/or your clients.
Improving the WordPress experience for you and/or your clients.Nicole Commander
 
Cappuccino - SDRuby 2009-08-06
Cappuccino - SDRuby 2009-08-06Cappuccino - SDRuby 2009-08-06
Cappuccino - SDRuby 2009-08-06chapados
 
Britney griffin 10 new features of power point 2010
Britney griffin 10 new features of power point 2010Britney griffin 10 new features of power point 2010
Britney griffin 10 new features of power point 2010britneyg
 
Advantages And Disadvantages Of Joomla
Advantages And Disadvantages Of JoomlaAdvantages And Disadvantages Of Joomla
Advantages And Disadvantages Of Joomlatradocaj
 

What's hot (11)

Presentation joomla-introduction
Presentation joomla-introductionPresentation joomla-introduction
Presentation joomla-introduction
 
SAP TechEd Web IDE
SAP TechEd Web IDESAP TechEd Web IDE
SAP TechEd Web IDE
 
Hello Drupal!
Hello Drupal!Hello Drupal!
Hello Drupal!
 
What have you learnt about technologies
What have you learnt about technologiesWhat have you learnt about technologies
What have you learnt about technologies
 
Evaluation 4
Evaluation 4Evaluation 4
Evaluation 4
 
Joomla multi effect modal box
Joomla multi effect modal boxJoomla multi effect modal box
Joomla multi effect modal box
 
CMS Joomla
CMS JoomlaCMS Joomla
CMS Joomla
 
Improving the WordPress experience for you and/or your clients.
Improving the WordPress experience for you and/or your clients.Improving the WordPress experience for you and/or your clients.
Improving the WordPress experience for you and/or your clients.
 
Cappuccino - SDRuby 2009-08-06
Cappuccino - SDRuby 2009-08-06Cappuccino - SDRuby 2009-08-06
Cappuccino - SDRuby 2009-08-06
 
Britney griffin 10 new features of power point 2010
Britney griffin 10 new features of power point 2010Britney griffin 10 new features of power point 2010
Britney griffin 10 new features of power point 2010
 
Advantages And Disadvantages Of Joomla
Advantages And Disadvantages Of JoomlaAdvantages And Disadvantages Of Joomla
Advantages And Disadvantages Of Joomla
 

Similar to Create Interactive Content and Quizzes with H5P in Drupal

Working with Shortcodes in WordPress
Working with Shortcodes in WordPressWorking with Shortcodes in WordPress
Working with Shortcodes in WordPresschaefele
 
Drupal 6x Installation
Drupal 6x Installation Drupal 6x Installation
Drupal 6x Installation Micky Metts
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Sven Decabooter
 
Lazy Coder Camp Edition 1
Lazy Coder Camp Edition 1Lazy Coder Camp Edition 1
Lazy Coder Camp Edition 1phpfactory
 
Best Practices in Moodle Course Development
Best Practices in Moodle Course DevelopmentBest Practices in Moodle Course Development
Best Practices in Moodle Course Developmentnosh0502
 
Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)Amit Kumar Singh
 
Application of ict
Application of ictApplication of ict
Application of ictnisadimoen
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Pure Sign
 
Flipped Classroom & Online Course Design: Tools and Canvas Integration
Flipped Classroom & Online Course Design: Tools and Canvas IntegrationFlipped Classroom & Online Course Design: Tools and Canvas Integration
Flipped Classroom & Online Course Design: Tools and Canvas Integrationslharlow
 
NukeViet 5 introduction
NukeViet 5 introductionNukeViet 5 introduction
NukeViet 5 introductionvinades
 
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Jake Borr
 
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Acquia
 
Drupal Distributions
Drupal DistributionsDrupal Distributions
Drupal DistributionsAnne Stefanyk
 

Similar to Create Interactive Content and Quizzes with H5P in Drupal (20)

Working with Shortcodes in WordPress
Working with Shortcodes in WordPressWorking with Shortcodes in WordPress
Working with Shortcodes in WordPress
 
Email Templates_1.docx
Email Templates_1.docxEmail Templates_1.docx
Email Templates_1.docx
 
Email Templates_1.docx
Email Templates_1.docxEmail Templates_1.docx
Email Templates_1.docx
 
Drupal 6x Installation
Drupal 6x Installation Drupal 6x Installation
Drupal 6x Installation
 
Migrate Your E-learning Courses to HTML5 The Right Way!
Migrate Your E-learning Courses to HTML5 The Right Way!Migrate Your E-learning Courses to HTML5 The Right Way!
Migrate Your E-learning Courses to HTML5 The Right Way!
 
Present.ict2
Present.ict2Present.ict2
Present.ict2
 
Drupal
DrupalDrupal
Drupal
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)
 
Lazy Coder Camp Edition 1
Lazy Coder Camp Edition 1Lazy Coder Camp Edition 1
Lazy Coder Camp Edition 1
 
Adobe Acrobat X
Adobe Acrobat XAdobe Acrobat X
Adobe Acrobat X
 
Best Practices in Moodle Course Development
Best Practices in Moodle Course DevelopmentBest Practices in Moodle Course Development
Best Practices in Moodle Course Development
 
Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)Joomla @ Barcamp4(Feb 08 Pune)
Joomla @ Barcamp4(Feb 08 Pune)
 
Application of ict
Application of ictApplication of ict
Application of ict
 
Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)Media handling in Drupal (Drupalcamp Leuven 2013)
Media handling in Drupal (Drupalcamp Leuven 2013)
 
Flipped Classroom & Online Course Design: Tools and Canvas Integration
Flipped Classroom & Online Course Design: Tools and Canvas IntegrationFlipped Classroom & Online Course Design: Tools and Canvas Integration
Flipped Classroom & Online Course Design: Tools and Canvas Integration
 
NukeViet 5 introduction
NukeViet 5 introductionNukeViet 5 introduction
NukeViet 5 introduction
 
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
 
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
Drupal Console Deep Dive: How to Develop Faster and Smarter on Drupal 8
 
Drupal Distributions
Drupal DistributionsDrupal Distributions
Drupal Distributions
 
Moodle tutotial
Moodle tutotialMoodle tutotial
Moodle tutotial
 

Recently uploaded

Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 

Recently uploaded (20)

Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 

Create Interactive Content and Quizzes with H5P in Drupal

  • 1. H5P - CreateandShareRich Content andApplications Drupal H5PConfiguration: With this module you will be able to create interactive videos, question sets, drag and drop questions, multi choice questions, boardgames, presentations, flashcardsand more using Drupal. In addition to being an authoring tool for rich content, H5P also enables your site to import and exportH5P files. Step 1: Install H5P module in Drupal site [https://www.drupal.org/project/h5p] Step2.: Enable H5P module.
  • 2. After enabled H5P module, user can set H5P module configuration according requirements.
  • 3. Step 3: Add H5P libraries. After the added/updated libraries you got lot of Installed libraries.
  • 4. Libraries path Link: https://github.com/h5p/h5p-php-library & https://h5p.org/interactive-video Step 4: After the install H5P module in Drupal site, H5P provides “Interactive content” content type. H5P provides some fields in managed field in interactive content type [H5P Action, H5P Upload, H5P Editor]
  • 5. Step 5: Now add an Interactive content. When click on Interactive content. will appears add Interactive content page[node].
  • 6. Step 6: Create video Interactive content, click on Interactive video details.
  • 7. This is the interactive video editor, user could be use this section for create quiz under video, When play this video quiz will appeared on time slots (user predefined time slots). User can insert youtube video / upload embed video in modal window. Note: we are using youtube video.
  • 8. After the Inserted youtube video / upload embed video in modal window, video will appeared on player mode.
  • 9. Click on Add interactions tabs, user can set video pause time duration, display button properties & other H5P interactive video properties. User can added Quiz(SCS / MCQ) type & H5P provides other types of quiz's, developer/user can used for quiz types.
  • 10. H5P provides quiz box formatter and layout formatter for using positioning &size parameters. Finally save interaction video content [node].
  • 11. H5P easily integrationwith Drupal Opigno distributionandother learning management systems. H5P libraries provides high level customization, helps for build better UI and presentations wise milestones. H5P libraries support you-tube & embed videos and others. THANK YOU Gajendra Sharma :-) Just love to be a part of this Drupal community. :-) Skype ID: gajendrakumarsharma1688 LinkedIn: https://www.linkedin.com/in/gajendrasharma