Find the hotspot in Course presentation

Submitted by axym on Wed, 02/03/2016 - 22:29
Forums: 
Content creation

Hell,

How can I insert "Find the hotspot" in "Course presentation" ?

Thanks

falcon's picture

falcon

Thu, 02/04/2016 - 19:16

Hello,

I'm afraid that isn't possible at the moment unless you're a developer. We will add it in a future version of Course Presentation.

 

EMMY17

Tue, 02/23/2016 - 04:39

I'm interested in this as well :)

Mashook

Thu, 11/30/2017 - 05:56

hi guys,  it is very important to make useful content. 

dourvas

Thu, 06/02/2016 - 11:24

I think that the course presentation is a very strong tool and it should embed almost everything. I have some coding experience. Could you spare me a hint about where to start to accomplish such a task?

falcon's picture

falcon

Thu, 06/02/2016 - 14:52

We have a guide on using libraries within libraries in general. For Course Presentation I think the steps are:

  1. Add Find the Hotspot to the semantics, ref. the guide above
  2. Add Find the Hotspot to the Course Presentation Editor's preloaded dependencies (won't be necessary in the future, but currently it is)
  3. Add an icon for the library to the Course Presentation Editors CSS around the line ".h5p-dragnbar-multichoice-button:before"
  4. Test and fix any problems that might occur
clemontrealwebmaster's picture

clemontrealwebmaster

Tue, 03/26/2019 - 00:00

Hi 

I followed your steps(1-4). Then I had to change in image-multiple-hotspot-question.js (line133):   }).ready(function () {        to       }).load(function () { 

IT WORKS!!!! (screenshot attached)

But there are some errors (screenshot attached), so I am not sure if its safe to use on production site.

cp-editor.js?ver=1.20.5:653 Uncaught TypeError: that.dnb.setCanPaste is not a function >>>> shows up as soon as I create or edit Pres

GET http://localhost/clemontreal/wp-content/uploads/h5p/content/223/ 403 (Forbidden) >>>> shows when I click on the new button to create a ImageMultipleHotspotQuestion and when I click Done without adding an image.

Anyone can help me solve this?

I am using a local WP instalation.

H5P file: 
Binary Data A H5P with modified libraries
Attachments: 
Image icon pres-mhs-error1.PNG
Image icon pres-mhs-working.PNG

TomEff

Thu, 06/09/2016 - 14:53

Hi,

Is there a Drupal 7 hook for editing the preloaded dependencies? Like there is the hook_h5p_semantics_alter for the semantics.json. If not, what is the best way way to add the Hotspot to the preloaded dependencies?

Thanks for all your help

falcon's picture

falcon

Mon, 06/13/2016 - 11:53

I think there is. Drupal modification is documented here.

aaespaul

Fri, 11/17/2017 - 10:30

I have needed this for all my previous H5P courses! please message me if there is anything we can do to speed up the creation of this.

tim's picture

tim

Tue, 11/21/2017 - 14:50

You could hire a developer to contribute the code necessary to make it work. The Core Team will then merge it in and make it part of a future release. 

kangland

Wed, 01/10/2018 - 16:54

Hi aaespaul

I'm poor coding . 

Can you please tell me how to add image hotspot into course presentation ?

 

otacke's picture

otacke

Thu, 01/11/2018 - 11:33

Hi kangland!

I fear it is not possible without some knowledge of coding. Sorry.