H5P-Moodle mobile support

akoharek's picture

Dear all,

we would love to use H5P content on Moodle mobile client. Not all, as some of them has no sense to use on a 7" device, but for example: accordion, collage, Column, Dialog Cards, Drag and drop, Drag the words, hotspot and multiple hotspot, etc.

thanks

András

Issue Status: 
0
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
This feature has been closed and can't be voted on by supporters.
thomasmars's picture

Hi, thank you for creating this feature request, we'll make sure it gets processed and prioritized. There also already exist an issue for making H5P compatible with the Moodle mobile client at: https://h5ptechnology.atlassian.net/browse/HFP-252?jql=text%20~%20%22moodle%20mobile%22.

akoharek's picture

I do hope that this will solved soon. Is there any way to help ?

andrás

thomasmars's picture

Hi, there is no work being done towards this presently, but anyone who has some developer experience is encouraged to take this on and start a pull request for this.

tomaj's picture

Hi Jarvil,

There is no news regarding this yet, and it has not been planned into the next few upcoming releases.

- Tom

Hi,

This would be a great thing to have for those who use moodle (specially with the nice things they're doing the mobile app). I do have a dev team that could dedicate some hours to get this done. I am not exactly sure where to begin and would appreciate if the H5P team could guide me on where to start.

Saludos,

Sandro

thomasmars's picture

Hi, exciting news, I would love to see some progress for the Moodle Mobile area.
I have not done any research into how we can support Moodle Mobile yet, but I'll try to give some starting steps at least.
For starters, if you're not familiar with Moodle Mobile you should check out https://docs.moodle.org/dev/Moodle_Mobile.
I guess some of the initial things to figure out is how to integrate with Angular and Ionic.
Then storage is an important next step, we need to figure out what must be stored locally on the mobile and what can be fetched from the plugin. Hopefully the plugin should already support serving content types to the mobile, since it is only HTML, JS and CSS that is being served, but this has to be investigated further.

Please let us know how this progresses and if we can help breaking down some barriers with you.
Best regards,
Thomas

Any update for the H5P plugin which is support on Moodle mobile App,Please guide on this.

thomasmars's picture

Hi,
To my knowledge there is not currently being done any work to support Moodle mobile app. There is an open ticket for it in the H5P issue tracker where you can follow along if any progress is being done and where anyone can start work on it: https://h5ptechnology.atlassian.net/browse/HFP-252

Hi

Last year we touched base with the moodle mobile dev team, they strongly suggested for us to wait untill they launched the 3.5 version of the mobile app. They are migrating to a new framework so any work in the current code will be a waste of time. It seems that the upcoming version will make it significantly easier to develop add ons, and hopefully, to have true native mobile H5P.

Regards

akoharek's picture

thanks for the update! once you have a testable version please let me know to help the testing.

thanks

András

thomasmars's picture

Thank you for the update, I'm looking forward to seeing the changes they've introduced :)

dgcruzing's picture

There seems to be a workaround that is working for some (but as posted not for me as yet).

Mr Feng, has got a way working for his setup and I am just playing with it now to see if I can get it working on mine. 

https://moodle.org/mod/forum/discuss.php?d=365323

Also of note and understanding that there is a change in code coming for M3.5 on the Mobile app. 

Just to throw this out there, I am using an embedded pdf hosted viewer. This app allows me to post the pdf into a lesson via the embedding command and then will stream to the desktop version and mobile version of Moodle. 

What this means for me is that (and I need to run a few tests), is that in theory, the way they are coding their iframe could be used for H5P iframes for Moodle mobile (but then again, I could be wrong on this assumption). 

This is the app.. there is a free version that can be played with.. 

https://flowpaper.com/

As said, their code works within the moodle app perfectly.. and is touch responsive.. (but I haven't looked at any tracking)

Also, I note what Dan J has said in the posted thread about hosting out to a wordpress site and embedding back to the Moodle site, which is what is happening with the Flowpaper situation as I am cloud hosting the pdf's and streaming to the Moodle site..  so now that I have read this, chances are that this is working with H5P already.. 

Edits: Have tested this out using a bitnami\AWS\WP setup and working great. 

I have documented the workaround to get it going.. 

https://community.bitnami.com/t/how-to-use-a-bitnami-wordpress-site-to-e...

BV52's picture

Thank you for the information dgcruzing.

-BV52

Thank you for update !!

Hi everyone,

As a short note, moodle mobile 3.5 has been released along with the documentation on how to make plugins work on mobile, yayyy. Our team will start reviewing it, and it will be nice to hear from others about their own attempts to make H5P work on moodle mobile.

Here´s the link to the documentation: https://docs.moodle.org/dev/Mobile_support_for_plugins#Using_the_JavaScr...

Saludos,

Sandro Franco

dgcruzing's picture

Just bumping this thread for Sandro as they have made some fantastic progress on this. 

Watch it unfold on youtube.. 

https://youtu.be/EaXNP_lzfJk

On the Moodle forums thread, he has the links to his code commits on GitHub. 

Can't wait for this to become main stream.. 

Hats off to Sandro and their team for publishing this.. 

Hey thank you for sharing our posts. Here's the github link in case anyone's curious:

Normal 0 false false false EN-US X-NONE X-NONE /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0in 5.4pt 0in 5.4pt; mso-para-margin:0in; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;}

 https://github.com/Andmat7/h5p-moodle-plugin/tree/soport_moodle_mobile_2

We are still working around user authentication so any help is trully appreciated.

As an FYI, once we have completed the mobile support we are planning on working on offline functionality.

Saludos,

Sandro

dgcruzing's picture

Sandro, 

I am staying mainstream with this as much as I can. In that as per the following code, you will see that via having a WordPress site and then streaming to the Moodle site, I am able to get a workable situation going. Not perfect but usable at this stage. 

This is the codes that I am using..

note, I am sure someone with more knowledge in codes might be able to clean this up but as per the Moodle mobile forums, the ability for an iframe to look good within the MM app is painful, to say the least. This example is with in a lesson and fits in with the use of PPT iframes that are being streamed out of Gdrive - it would be nice to turn these into H5P activities but while on desktop they look good, they are not transposing into the MM app correctly at this stage. 

<div style="padding:70.00% 0 0 0;position:relative;"><iframe src="http://www.advancedcskills.com/wp-admin/admin-ajax.php?action=h5p_embed&amp;id=18" style="width:100%;height:100%;top:0;left:0;position:absolute" class="vjs-tech" frameborder="0" allowfullscreen="1"></iframe><script src="http://www.advancedcskills.com/wp-content/plugins/h5p/h5p-php-library/js/h5p-resizer.js" charset="UTF-8"></script></div>

I have had to play around with this code on the latest Android version to get this sizing right (Android) and haven't had a chance to check on an iPhone. Via a M3.5 site, this is looking good, and as there is a new Mobile version coming out around the 20th Sept, Looking forward to it allowing the ability for is to go full screen, as this is lacking at the moment. Also as per the mobile thread in Moodle, be nice to see that bottom NAV bar to slide and hide, so we get use of full-screen realestate.

I will be at the H5P conference in Melbourne this year for the 3 days and up to Brisbane for the Moodlemoot in Sept, so am looking forward to networking with other smaller payers that are in the need of this mobile situation working. 

As alluded to within the Moodle forums, I would be happy to set up a gofund page for development on this as I know of a few NGO's that are using Moodle and the ability for them to get their students to use the Moodle Mobile on cheap Android tablets and phones is a fantastic way of providing them with learning possibilities. 

Hi,

We've got in touch with Juan Leyva from moodle regarding the authentication issues. They have already fix it for moodle mobile 3.5.2 and we should wait for the release. It seems they have an interest in the general H5P issue but might not be able to move as quick as some of us might want.

It sounds quite exciting opening a funding pipeline for this development. The moodle mobile roadmap of H5P seems kind of extensive as there are so many interesting things to do, but it seems that there are not enough developers working on it. We'll be happy to cooperate in that effort.

Saludos,

SF

dgcruzing's picture

Sandro, 

Will touch base on the Moodle Messenger with contact details and we can discuss a how this may be moved forward for the community at large. 

 

Hi everyone,

Just wanted to post you all on our progress. Mobile mobile 3.5.2 has been released and the iframe described above has been fixed. We are currently working on the fully functional H5P mobile plugin, hopefully we will be able to share the code for review pretty soon.

On a different note we would love to hear your thoughts and ideas around the offline funcionality. I know this might be more related to the moodle app but it will be really nice to have a basic idea on how to proceed with it.

Regards,

thomasmars's picture

Nice, this is great news! Looking forward to see the fully functional plugin :)
Is there somewhere we can follow along the progress and give feedback on the implementation decisions ?
I guess the main challenge with offline support is handling how to store the H5P content locally and when to send the results back to the server. I guess the app should store the results locally, then send them as soon as it has contact with the server again, the implementation of this would depend on the moodle app api.

I have been following this process for some time now and with what we do here, we are very interested in the progress (especially of the offline functionality). Is there any news on it here? Could funding for this make it difference?

I have been following this process for some time now and with what we do here, we are very interested in the progress (especially of the offline functionality). Is there any news on it here? Could funding for this make it difference?

BV52's picture

Hi,

Good news! H5P for Moodle Mobile has been released. However the offline mode is not yet avaible but it is coming soon.

-BV52

When the course presentation, is it available for the mobile moodle app?

Hi

At what stage are the works?

Is an plugin update will be issued in the first or secondary quarter  of 2019?

Hi

At what stage are the works?

Is an plugin update will be issued in the first or secondary quarter  of 2019?

BV52's picture

Hi,

Good news! H5P for Moodle Mobile has been released. However the offline mode is not yet avaible but it is coming soon.

-BV52

Fantastic news. I'm eager to try this out. Do we need to install the lastest H5p plugin version for Moodle (1.17.2) that was made live for download yesterday, or do we just need to make sure our users have the latest Moodle mobile app release?

Thanks 

papi Jo's picture

I just posted this message to the Moodle forums:

On my local Moodle test site i have the latest H5P version 1.17.2 dated 2019031301 and I can see in its folder that mobile is enabled.

To test it I use the moodle mobile test site at https://mobileapp.moodledemo.net/

Indeed the H5P activities I created do not display the icon meaning that these activities are only available by going to the site itself.So I should be able to display my H5P activity in the mobile app.

However, when I click on the link to the H5P activity I get this error message:

This site is not configured properly for displaying mobile H5P content. Please contact a site administrator.

What am I missing?

Hello everyone!!

Just wanted to follow up on this topic.

We do have currently have a functional moodle mobile APK that supports H5P contents, we have not had the chance to fully test it and debug it. We have been quite busy and have not had the resources to pulish and finish this.

It would be nice to hear from the H5P team regarding the posts indicating they have already worked this out, as papi Jo has mentioned, it is not currently working. Also, please let us know whether your are developing your code towards moodle mobile functionality so that we can combine efforts and avoid confusions.

I hope we can share a demonstration of the APK in a couple of weeks.

Saludos,

Sandro

papi Jo's picture

Hi Caxton,

Thanks for your reply. Looking forward to testing your H5P for Moodle mobile when it becomes available.

Hi Sandro,

If you need any help for testing, I'd be glad to help. Please feel free to contact me.

Wonder what the status is here? I have been following this development with great interest, but now it seems that it has stalled a bit? I work for a humanitarian NGO in which we use the moodle mobile app for offline learning and would of course love for H5P to become part of what can be used in this regard. We might even have funding to assist with the testing, if that could make any difference. 

Happy to hear from you!

Such a major feature like support on mobile and almost one year later the moodle app is still displaying this error. You guys seriously have messed up priorities/roadmap.

Did you realize that the rest of the world successfully applies a mobile first strategy??

Whoever is installing moodle right now will unlikely use H5P content when realizing the lack of support in the mobile app.

Please, get a grip. Sorry for talking so straight, but after another year passed maybe you need such wakeup call. 

Let's see if you take this the right way or the ego way. I trust you do the right thing, cause I love your work besides this mess

BV52's picture

Hi theuser,

Thank you for the input. I think this document can shed some light on this topic: https://docs.moodle.org/38/en/Interactive_Content_-_H5P_activity#Moodle_Mobile_App_compatibility

-BV

otacke's picture

Hi user!

You registered an account just to anonymously "talk straight" while the issue seems to have been resolved according to BV's hint?

Cheers,

Oliver 

falcon's picture

I've marked this issue as closed to avoid confusion. The release note is here.

Thank you everyone for your hard work on this. I have followed the instructions and enabled frame embedding. However, when I try to access H5P using the moodle mobile app, I get an android error message saying "web page is not available" an embed code with my site address, a user id and a secret and then says it could not be loaded because "net::ERR_BLOCKED_BY_RESPONSE". Any idea what might be causing this?

BV52's picture

Hi James,

While I believe that there may be members of the community that can help you. It would also be good to post the same in Moodle's forum.

-BV