SlideShare a Scribd company logo
1 of 8
Download to read offline
H5P Workshop - Session 03
Outcomes:
1. Familiarization with Interactive Video features
o Create an H5P interactive video with the following Interactions:
 Label, Text, Link, True/False & Summary
Create an Interactive Video
1. Click on the My Account link
2. Your Account page appears
3. Click on the Create New Content button
4. The Create Interactive Content screen appears
5. Click on the drop down menu Select content type
6. Scroll down the list, locate Interactive Video
7. Click on the Details button to the right of Interactive video
The Details screen provides developer several features:
a. A feature description
b. A working example, DEMO, of the feature
c. A Screen shots of different variations
d. The Use button to commence editing
8. Click on the Use button
9. In the Title textbox, input How Deep is the Ocean
10. Note that under the Select content type box is a Tutorial and an Example link
11. There are three steps to assembling an interactive video
a. Upload a video (in this tutorial we will not embed a video)
b. Add interactions
c. Create a Summary task
Upload a video
1. The Interactive Video Editor screen appears
2. Click on the Add file button (see image above)
3. Copy this web address https://youtu.be/UwVNkfCov1k
4. Paste this YouTube video address (URL) into the text box (right side)
5. Click on the Insert button
6. A YouTube icon appears
7. There are several video options (these are not covered in this tutorial)
8. To continue, click on the Add interactions button
9. The Interactive video editor appears
10. At the top of the video, is the Interactions tool bar
11. The next 5 sections allow you to try five of these interactions.
Label
1. At 0:01, click on the Label button
2. The label attributes pop up appears
3. Change the end display time to 0:01
4. Check Pause video
5. Input Press Play to start the lesson in the Label textbox
6. Click on the Done button
7. Position the Label on the screen by dragging it
8. Press the Play button
Text
1. At 0:18, click on the Text button
2. The Text attributes pop up appears
3. Change the start and end display time to 0:18
4. Check Pause video
5. In the Display as, check Button
6. Input Click here for a discussion question in the Label textbox
7. Input Did you know that the oceans were so big? in the Text textbox
8. Click on the Done button
9. Position the Text button on the screen by dragging it
10. Press the Play button
Link
1. At 0:43, click on the Link button
2. The Link attributes pop up appears
3. Change the start and end display time to 0:43
4. Check Pause video
5. Input Under Pressure in the Title textbox
6. Paste the url, www.khanacademy.org/science/physics/fluids/density-and-pressure/a/pressure-
article into the URL textbox
7. Click on the Done button
8. Position the Link item on the screen by dragging it
9. Press the Play button
True/False Question
1. At 3:10, click on the True/False button
2. The True/False Question attributes pop up appears
3. Change the start and end display time to 3:10
4. Check Pause video
5. In the Display as, check Poster
6. Input James Cameron holds the record for the deepest dive. in the Question* textbox
7. Select True in the Available options* textbox
8. Click on the Done button
9. Position and resize the Multiple choice item on the screen
10. To continue, click on the Summary task button
11. A Summary quiz pop up appears
12. Click on the Done button
Summary task
1. Leave the Summary Introduction text* as Choose the correct statement.
2. Input There are several zones in the ocean that are characterized by amount of light and types of
creatures that can inhabit them. in the first Statement textbox
3. Input The ocean is a large body of water that has a lot of bathtubs in it. in the second Statement
textbox
4. Click on the Save button
5. Try your activity
6. If no edits are required, click on the Log out button

More Related Content

What's hot

captioning indesign layoutFINAL
captioning indesign layoutFINALcaptioning indesign layoutFINAL
captioning indesign layoutFINALCarly Sandberg
 
Movies At A Click Version 3
Movies At A Click Version 3Movies At A Click Version 3
Movies At A Click Version 3Kristin Hokanson
 
How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013 How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013 Glenda Mendoza, Assoc CIPD
 
Moviemaker
MoviemakerMoviemaker
Moviemakerhadeelna
 
YouTube Tips, Tricks, and Tools for Teachers
YouTube Tips, Tricks, and Tools for TeachersYouTube Tips, Tricks, and Tools for Teachers
YouTube Tips, Tricks, and Tools for TeachersMichael Sammartano
 
Downloading Youtube Videos for Use in Your Presentation
Downloading Youtube Videos for Use in Your PresentationDownloading Youtube Videos for Use in Your Presentation
Downloading Youtube Videos for Use in Your PresentationAl Bonner
 
Tda importing and editing in premiere
Tda importing and editing in premiereTda importing and editing in premiere
Tda importing and editing in premieredachterman
 
Tda importing and editing in premiere1
Tda importing and editing in premiere1Tda importing and editing in premiere1
Tda importing and editing in premiere1dachterman
 
Nathaniel reyes howtousemoviemaker
Nathaniel reyes howtousemoviemakerNathaniel reyes howtousemoviemaker
Nathaniel reyes howtousemoviemakerkingfunchum
 
Audio boo for_toolbox
Audio boo for_toolboxAudio boo for_toolbox
Audio boo for_toolboxMikeFortune
 
Image editing basics using PIXLR Editor
Image editing basics using PIXLR EditorImage editing basics using PIXLR Editor
Image editing basics using PIXLR EditorJohn Allan
 
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...alesesmith
 
Offline powerpoint
Offline powerpointOffline powerpoint
Offline powerpointmoejarv
 
Presentation1
Presentation1Presentation1
Presentation1ameera11
 
LinkedIn Hack: How to Easily Add Closed Captions to Videos
LinkedIn Hack: How to Easily Add Closed Captions to VideosLinkedIn Hack: How to Easily Add Closed Captions to Videos
LinkedIn Hack: How to Easily Add Closed Captions to VideosSmack Happy Design
 
Earn money engaged hits
Earn money   engaged hitsEarn money   engaged hits
Earn money engaged hitsJamesGabriel21
 
Youtube studio complete study
Youtube studio complete studyYoutube studio complete study
Youtube studio complete studyKANARAMSaini1
 

What's hot (20)

captioning indesign layoutFINAL
captioning indesign layoutFINALcaptioning indesign layoutFINAL
captioning indesign layoutFINAL
 
Movies At A Click Version 3
Movies At A Click Version 3Movies At A Click Version 3
Movies At A Click Version 3
 
Clm1
Clm1Clm1
Clm1
 
How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013 How to Embed & Edit YouTube Video in PowerPoint 2013
How to Embed & Edit YouTube Video in PowerPoint 2013
 
Moviemaker
MoviemakerMoviemaker
Moviemaker
 
YouTube Tips, Tricks, and Tools for Teachers
YouTube Tips, Tricks, and Tools for TeachersYouTube Tips, Tricks, and Tools for Teachers
YouTube Tips, Tricks, and Tools for Teachers
 
Downloading Youtube Videos for Use in Your Presentation
Downloading Youtube Videos for Use in Your PresentationDownloading Youtube Videos for Use in Your Presentation
Downloading Youtube Videos for Use in Your Presentation
 
Tda importing and editing in premiere
Tda importing and editing in premiereTda importing and editing in premiere
Tda importing and editing in premiere
 
Tda importing and editing in premiere1
Tda importing and editing in premiere1Tda importing and editing in premiere1
Tda importing and editing in premiere1
 
how to use Windows Movie Maker
how to use Windows Movie Makerhow to use Windows Movie Maker
how to use Windows Movie Maker
 
Nathaniel reyes howtousemoviemaker
Nathaniel reyes howtousemoviemakerNathaniel reyes howtousemoviemaker
Nathaniel reyes howtousemoviemaker
 
Audio boo for_toolbox
Audio boo for_toolboxAudio boo for_toolbox
Audio boo for_toolbox
 
Premiere How To Guide
Premiere How To GuidePremiere How To Guide
Premiere How To Guide
 
Image editing basics using PIXLR Editor
Image editing basics using PIXLR EditorImage editing basics using PIXLR Editor
Image editing basics using PIXLR Editor
 
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
Captioning Zoom meetings using the PowerPoint subtitles feature for Windows a...
 
Offline powerpoint
Offline powerpointOffline powerpoint
Offline powerpoint
 
Presentation1
Presentation1Presentation1
Presentation1
 
LinkedIn Hack: How to Easily Add Closed Captions to Videos
LinkedIn Hack: How to Easily Add Closed Captions to VideosLinkedIn Hack: How to Easily Add Closed Captions to Videos
LinkedIn Hack: How to Easily Add Closed Captions to Videos
 
Earn money engaged hits
Earn money   engaged hitsEarn money   engaged hits
Earn money engaged hits
 
Youtube studio complete study
Youtube studio complete studyYoutube studio complete study
Youtube studio complete study
 

Similar to H5P Start up workshop session 03

EDPuzzle Face to Face workshop May 2016
EDPuzzle Face to Face workshop May 2016EDPuzzle Face to Face workshop May 2016
EDPuzzle Face to Face workshop May 2016John Allan
 
H5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIH5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIJohn Allan
 
Hot Potatoes Cloze - Drop-down
Hot Potatoes Cloze - Drop-downHot Potatoes Cloze - Drop-down
Hot Potatoes Cloze - Drop-downJohn Allan
 
Hot Potatoes Cloze Text Entry
Hot Potatoes Cloze Text EntryHot Potatoes Cloze Text Entry
Hot Potatoes Cloze Text EntryJohn Allan
 
2010 Creating Videocast Lectures for Online Courses
2010 Creating Videocast Lectures for Online Courses2010 Creating Videocast Lectures for Online Courses
2010 Creating Videocast Lectures for Online CoursesWCET
 
2010 Creating Videocast Lectures
2010 Creating Videocast Lectures2010 Creating Videocast Lectures
2010 Creating Videocast LecturesWCET
 
Zaption "How To" Resource
Zaption "How To" ResourceZaption "How To" Resource
Zaption "How To" ResourceJohn Allan
 
How To Insert Youtube Video Into PowerPoint - Infographic
How To Insert Youtube Video Into PowerPoint - InfographicHow To Insert Youtube Video Into PowerPoint - Infographic
How To Insert Youtube Video Into PowerPoint - InfographicSuperside
 
H5P Dictation Tool LUMI
H5P Dictation Tool LUMIH5P Dictation Tool LUMI
H5P Dictation Tool LUMIJohn Allan
 
Hot Potatoes add Video to a Learning Object
Hot Potatoes add Video to a Learning ObjectHot Potatoes add Video to a Learning Object
Hot Potatoes add Video to a Learning ObjectJohn Allan
 
Teach 08 Slideshare
Teach 08 SlideshareTeach 08 Slideshare
Teach 08 Slidesharedorisvera
 
JMU training on adding YouTube content to PowerPoint
JMU training on adding YouTube content to PowerPointJMU training on adding YouTube content to PowerPoint
JMU training on adding YouTube content to PowerPointJeff Getchell
 
How to use capcut.docx
How to use capcut.docxHow to use capcut.docx
How to use capcut.docxTheCapcut
 
Hot Potatoes- Create Multiple Choice
Hot Potatoes- Create Multiple Choice Hot Potatoes- Create Multiple Choice
Hot Potatoes- Create Multiple Choice John Allan
 
How to create GIF files without any restrictions
How to create GIF files without any restrictionsHow to create GIF files without any restrictions
How to create GIF files without any restrictionsPrabhakaran Ravichandran
 
Animation in powerpoint part 2
Animation in powerpoint part 2Animation in powerpoint part 2
Animation in powerpoint part 2JAIDEVPAUL
 
use-video-editor-windows-11.docx
use-video-editor-windows-11.docxuse-video-editor-windows-11.docx
use-video-editor-windows-11.docxssuser1eca7d
 
L13KiplyS
L13KiplySL13KiplyS
L13KiplySskiply
 

Similar to H5P Start up workshop session 03 (20)

EDpuzzle
EDpuzzleEDpuzzle
EDpuzzle
 
EDPuzzle Face to Face workshop May 2016
EDPuzzle Face to Face workshop May 2016EDPuzzle Face to Face workshop May 2016
EDPuzzle Face to Face workshop May 2016
 
H5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMIH5P Structure Strip Tool with LUMI
H5P Structure Strip Tool with LUMI
 
Hot Potatoes Cloze - Drop-down
Hot Potatoes Cloze - Drop-downHot Potatoes Cloze - Drop-down
Hot Potatoes Cloze - Drop-down
 
Hot Potatoes Cloze Text Entry
Hot Potatoes Cloze Text EntryHot Potatoes Cloze Text Entry
Hot Potatoes Cloze Text Entry
 
2010 Creating Videocast Lectures for Online Courses
2010 Creating Videocast Lectures for Online Courses2010 Creating Videocast Lectures for Online Courses
2010 Creating Videocast Lectures for Online Courses
 
2010 Creating Videocast Lectures
2010 Creating Videocast Lectures2010 Creating Videocast Lectures
2010 Creating Videocast Lectures
 
Zaption "How To" Resource
Zaption "How To" ResourceZaption "How To" Resource
Zaption "How To" Resource
 
How To Insert Youtube Video Into PowerPoint - Infographic
How To Insert Youtube Video Into PowerPoint - InfographicHow To Insert Youtube Video Into PowerPoint - Infographic
How To Insert Youtube Video Into PowerPoint - Infographic
 
H5P Dictation Tool LUMI
H5P Dictation Tool LUMIH5P Dictation Tool LUMI
H5P Dictation Tool LUMI
 
Hot Potatoes add Video to a Learning Object
Hot Potatoes add Video to a Learning ObjectHot Potatoes add Video to a Learning Object
Hot Potatoes add Video to a Learning Object
 
Teach 08 Slideshare
Teach 08 SlideshareTeach 08 Slideshare
Teach 08 Slideshare
 
JMU training on adding YouTube content to PowerPoint
JMU training on adding YouTube content to PowerPointJMU training on adding YouTube content to PowerPoint
JMU training on adding YouTube content to PowerPoint
 
Producer
ProducerProducer
Producer
 
How to use capcut.docx
How to use capcut.docxHow to use capcut.docx
How to use capcut.docx
 
Hot Potatoes- Create Multiple Choice
Hot Potatoes- Create Multiple Choice Hot Potatoes- Create Multiple Choice
Hot Potatoes- Create Multiple Choice
 
How to create GIF files without any restrictions
How to create GIF files without any restrictionsHow to create GIF files without any restrictions
How to create GIF files without any restrictions
 
Animation in powerpoint part 2
Animation in powerpoint part 2Animation in powerpoint part 2
Animation in powerpoint part 2
 
use-video-editor-windows-11.docx
use-video-editor-windows-11.docxuse-video-editor-windows-11.docx
use-video-editor-windows-11.docx
 
L13KiplyS
L13KiplySL13KiplyS
L13KiplyS
 

More from John Allan

Google Earth BCTEAL2023
Google Earth BCTEAL2023Google Earth BCTEAL2023
Google Earth BCTEAL2023John Allan
 
ChatGPT Prompt Tips
ChatGPT Prompt TipsChatGPT Prompt Tips
ChatGPT Prompt TipsJohn Allan
 
Repurposing H5Ps
Repurposing H5PsRepurposing H5Ps
Repurposing H5PsJohn Allan
 
Moodle Accessibility Tools
Moodle Accessibility ToolsMoodle Accessibility Tools
Moodle Accessibility ToolsJohn Allan
 
Google Earth Voyager How To
Google Earth Voyager How ToGoogle Earth Voyager How To
Google Earth Voyager How ToJohn Allan
 
Playing Geoguessr
Playing GeoguessrPlaying Geoguessr
Playing GeoguessrJohn Allan
 
How-T0 Immersive reader Office365
How-T0 Immersive reader Office365How-T0 Immersive reader Office365
How-T0 Immersive reader Office365John Allan
 
How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019John Allan
 
Xreading Teacher Start up
Xreading Teacher Start upXreading Teacher Start up
Xreading Teacher Start upJohn Allan
 
H5P Interactive Book Overview
H5P Interactive Book OverviewH5P Interactive Book Overview
H5P Interactive Book OverviewJohn Allan
 
H5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIH5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIJohn Allan
 
H5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIH5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIJohn Allan
 
Practice Accessibility Worksheet
Practice Accessibility WorksheetPractice Accessibility Worksheet
Practice Accessibility WorksheetJohn Allan
 
Accessibility worksheet
Accessibility worksheetAccessibility worksheet
Accessibility worksheetJohn Allan
 
Qatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesQatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesJohn Allan
 
Indesign and rapid development
Indesign and rapid development Indesign and rapid development
Indesign and rapid development John Allan
 
Professional Learning Network 2021 hand out
Professional Learning Network 2021 hand outProfessional Learning Network 2021 hand out
Professional Learning Network 2021 hand outJohn Allan
 
Google Earth Voyager - Basics for Teachers
Google Earth Voyager - Basics for TeachersGoogle Earth Voyager - Basics for Teachers
Google Earth Voyager - Basics for TeachersJohn Allan
 
Creating a Quizlet Diagram Updated 2021
Creating a Quizlet Diagram Updated 2021Creating a Quizlet Diagram Updated 2021
Creating a Quizlet Diagram Updated 2021John Allan
 

More from John Allan (20)

Google Earth BCTEAL2023
Google Earth BCTEAL2023Google Earth BCTEAL2023
Google Earth BCTEAL2023
 
ChatGPT Prompt Tips
ChatGPT Prompt TipsChatGPT Prompt Tips
ChatGPT Prompt Tips
 
Repurposing H5Ps
Repurposing H5PsRepurposing H5Ps
Repurposing H5Ps
 
Moodle Accessibility Tools
Moodle Accessibility ToolsMoodle Accessibility Tools
Moodle Accessibility Tools
 
Google Earth Voyager How To
Google Earth Voyager How ToGoogle Earth Voyager How To
Google Earth Voyager How To
 
Playing Geoguessr
Playing GeoguessrPlaying Geoguessr
Playing Geoguessr
 
How-T0 Immersive reader Office365
How-T0 Immersive reader Office365How-T0 Immersive reader Office365
How-T0 Immersive reader Office365
 
How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019How To Microsoft Immersive Reader for Word2019
How To Microsoft Immersive Reader for Word2019
 
Xreading Teacher Start up
Xreading Teacher Start upXreading Teacher Start up
Xreading Teacher Start up
 
H5P Interactive Book Overview
H5P Interactive Book OverviewH5P Interactive Book Overview
H5P Interactive Book Overview
 
H5P Reuse Feature with LUMI
H5P Reuse Feature with LUMIH5P Reuse Feature with LUMI
H5P Reuse Feature with LUMI
 
H5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMIH5P Sort Paragraph using LUMI
H5P Sort Paragraph using LUMI
 
PLN Workshop
PLN WorkshopPLN Workshop
PLN Workshop
 
Practice Accessibility Worksheet
Practice Accessibility WorksheetPractice Accessibility Worksheet
Practice Accessibility Worksheet
 
Accessibility worksheet
Accessibility worksheetAccessibility worksheet
Accessibility worksheet
 
Qatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P SlidesQatar University Conference 2021 Interactive video W/ H5P Slides
Qatar University Conference 2021 Interactive video W/ H5P Slides
 
Indesign and rapid development
Indesign and rapid development Indesign and rapid development
Indesign and rapid development
 
Professional Learning Network 2021 hand out
Professional Learning Network 2021 hand outProfessional Learning Network 2021 hand out
Professional Learning Network 2021 hand out
 
Google Earth Voyager - Basics for Teachers
Google Earth Voyager - Basics for TeachersGoogle Earth Voyager - Basics for Teachers
Google Earth Voyager - Basics for Teachers
 
Creating a Quizlet Diagram Updated 2021
Creating a Quizlet Diagram Updated 2021Creating a Quizlet Diagram Updated 2021
Creating a Quizlet Diagram Updated 2021
 

Recently uploaded

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 

Recently uploaded (20)

Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 

H5P Start up workshop session 03

  • 1. H5P Workshop - Session 03 Outcomes: 1. Familiarization with Interactive Video features o Create an H5P interactive video with the following Interactions:  Label, Text, Link, True/False & Summary Create an Interactive Video 1. Click on the My Account link 2. Your Account page appears 3. Click on the Create New Content button 4. The Create Interactive Content screen appears 5. Click on the drop down menu Select content type 6. Scroll down the list, locate Interactive Video 7. Click on the Details button to the right of Interactive video The Details screen provides developer several features: a. A feature description b. A working example, DEMO, of the feature c. A Screen shots of different variations d. The Use button to commence editing
  • 2. 8. Click on the Use button 9. In the Title textbox, input How Deep is the Ocean 10. Note that under the Select content type box is a Tutorial and an Example link 11. There are three steps to assembling an interactive video a. Upload a video (in this tutorial we will not embed a video) b. Add interactions c. Create a Summary task Upload a video 1. The Interactive Video Editor screen appears 2. Click on the Add file button (see image above) 3. Copy this web address https://youtu.be/UwVNkfCov1k 4. Paste this YouTube video address (URL) into the text box (right side) 5. Click on the Insert button 6. A YouTube icon appears
  • 3. 7. There are several video options (these are not covered in this tutorial) 8. To continue, click on the Add interactions button 9. The Interactive video editor appears 10. At the top of the video, is the Interactions tool bar 11. The next 5 sections allow you to try five of these interactions.
  • 4. Label 1. At 0:01, click on the Label button 2. The label attributes pop up appears 3. Change the end display time to 0:01 4. Check Pause video 5. Input Press Play to start the lesson in the Label textbox 6. Click on the Done button 7. Position the Label on the screen by dragging it 8. Press the Play button
  • 5. Text 1. At 0:18, click on the Text button 2. The Text attributes pop up appears 3. Change the start and end display time to 0:18 4. Check Pause video 5. In the Display as, check Button 6. Input Click here for a discussion question in the Label textbox 7. Input Did you know that the oceans were so big? in the Text textbox 8. Click on the Done button
  • 6. 9. Position the Text button on the screen by dragging it 10. Press the Play button Link 1. At 0:43, click on the Link button 2. The Link attributes pop up appears 3. Change the start and end display time to 0:43 4. Check Pause video 5. Input Under Pressure in the Title textbox 6. Paste the url, www.khanacademy.org/science/physics/fluids/density-and-pressure/a/pressure- article into the URL textbox 7. Click on the Done button 8. Position the Link item on the screen by dragging it 9. Press the Play button
  • 7. True/False Question 1. At 3:10, click on the True/False button 2. The True/False Question attributes pop up appears 3. Change the start and end display time to 3:10 4. Check Pause video 5. In the Display as, check Poster 6. Input James Cameron holds the record for the deepest dive. in the Question* textbox 7. Select True in the Available options* textbox 8. Click on the Done button 9. Position and resize the Multiple choice item on the screen
  • 8. 10. To continue, click on the Summary task button 11. A Summary quiz pop up appears 12. Click on the Done button Summary task 1. Leave the Summary Introduction text* as Choose the correct statement. 2. Input There are several zones in the ocean that are characterized by amount of light and types of creatures that can inhabit them. in the first Statement textbox 3. Input The ocean is a large body of water that has a lot of bathtubs in it. in the second Statement textbox 4. Click on the Save button 5. Try your activity 6. If no edits are required, click on the Log out button