Activities: Presentation

mod_revealjs
Maintained by Matt Bury Matt Bury
Displays multimedia HTML5 presentations and slide shows in users' web browsers. A web friendly and more feature rich alternative to MS PowerPoint and PDF. However, presentations must be uploaded to moodledata via FTP and you'll need to learn some basic HTML to create presentations for it.
310 sites
295 downloads
36 fans

Deploy reveal.js presentations in Moodle!

Alternative to Microsoft PowerPoint presentations

See: https://github.com/hakimel/reveal.js for documentation and details about how to create slides and various effects/transitions.

reveal.js official demo: http://lab.hakim.se/reveal-js/#/

WARNING: Not for the faint hearted but well worth the effort to learn how to use. You will need to have some knowledge of HTML scripting and how to upload files to Moodle's File System repository via FTP.

Create, upload, and display fully functioning multimedia HTML5/CSS/JS presentations. It supports:

  • Text
  • Images
  • Audio (HTML5 audio tags)
  • Video(HTML5 video tags)
  • SVG images and animations (depending on browser compatibility)
  • Embedded web pages and resources (iframes)

It doesn't support Flash or Java applets. This is a pure HTML5/CSS/JS presentation module.

Supports web audio and video formats and can provide multiple version files (in source tags), e.g. myvideo.mp4 and myvideo.ogg for cross browser compatibility.

Has some really slick transitions and styles built in. Makes your presentations look amazing smile

Create, display, transfer, and share sophisticated multimedia presentations that display beautifully in HTML5 compliant browsers.

This is a beta version. Not for production servers!

Github.com repo: https://github.com/matbury/mod_revealjs

Demo on Moodle: https://matbury.com/moodle/course/view.php?id=2

Screenshots

Screenshot #0

Contributors

Matt Bury
Matt Bury (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of 景東 王
    Mon, 8 Feb 2016, 3:10 PM
    Hi Matt,
    I had installed in moodle3.0.2,but error happed
    Warning: rename(): The first argument to copy() function cannot be a directory in /moodle/mod/revealjs/lib.php on line 482
    Warning: rename(/moodle/mod/revealjs/revealjs,/moodledata/repository/revealjs/): Invalid cross-device link in /moodle/mod/revealjs/lib.php on line 482
    How to correct the errors? Thanks a lot.
  • Matt Bury
    Mon, 8 Feb 2016, 10:09 PM
    Hi,
    The error simply means that the installer tried to move an example presentation to the moodledata directory but failed. In which case, you'll have to move or create the directories manually. Details are here: https://github.com/matbury/mod_revealjs/wiki/Uploading-presentations
  • Picture of Ivan Korotinov
    Fri, 26 Feb 2016, 2:41 PM
    Hi Matt,
    I've started using mod Presentation with revealjs. All is quite OK, but one thing I'd like to ask.
    How to create several slide groups with vertical slides in it?
    I've used structure like:
    *First group of slides with vertical
    **div class="reveal"
    ******div class= "slides"
    *********section
    ************some links here
    *********/section
    *********section
    ************some videos here
    *********/section
    *********section
    ************some anchors here
    *********/section
    ******/div
    **/div
    So far works very well. I've added another one group the same way:
    ***Second group of slides with vertical***
    **div class="reveal"**
    ******div class= "slides"
    *********section
    ************some links1 here
    *********/section
    *********section
    ************some videos1 here
    *********/section
    *********section
    ************some anchors1 here
    *********/section
    ******/div
    **/div
    It worked nice, but after I logged off the Moodle yesterday and logged in this morning all the anchors, links and videos from first group stopped to work... They worked well only in second group.
    Only solution I found so far was to delete the second group of slides with vertical, after that all started to work normally.
    How to avoid this bug? I need more groups with interactive content, but I have no idea how to do that.

    Thanks in advance.
  • Picture of Ivan Korotinov
    Fri, 26 Feb 2016, 3:20 PM
    I understood what was wrong. I have to put the "DIVs" around whole presentation, but I've tried to place them around every single group of slides.
    Seems to be working OK right now smile
  • Matt Bury
    Sat, 27 Feb 2016, 6:41 AM
    Hi Ivan,
    The best place for documentation and examples is the RevealJS project site here: https://github.com/hakimel/reveal.js

    The way to get vertical slides is to nest sections inside each other, e.g.:

    section
    -- section
    ---- slide 1
    -- /section
    -- section
    ---- slide 2
    -- /section
    -- section
    ---- slide 3
    -- /section
    /section

    I hope this helps!
  • Picture of Carlo Stefano Cavicchioli
    Thu, 19 May 2016, 1:57 PM
    Hi Matt ,
    Your plugin is really good, i installed it on moodle 2.8.6 and it works.
    I've just a problem with the position on the screen: the slideshow appears on the right-bottom part of the screen and more than half part is cutted. I tried the same presentation file on slides.com and it works properly. Can yoj help me?
    Thank's
    Carlo
  • Matt Bury
    Thu, 19 May 2016, 11:41 PM
    Hi Carlo,

    Thanks! smile

    Different (CSS) themes use different text sizes and different browsers, operating systems, and screen sizes will always interpret the layouts differently - This is HTML5, not Flash. All I can recommend is to try different themes and adjust the layout of slides accordingly.

    I hope this helps.
  • Picture of Dhruvi Bhavsar
    Fri, 7 Oct 2016, 9:32 PM
    Hello, i have installed this plugin in my moodle site. i am using moodle 3.0 version of moodle.
    I have added add activity resource Presentation. but in this i am not finding any Presentation in choose file option. plz help me in this.
  • Matt Bury
    Sat, 8 Oct 2016, 7:09 AM
    Hi Dhruvi,

    You will need FTP access to the server to use the Presentation module.

    Please see the documentation for creating Reveal.js presentations here: https://github.com/hakimel/reveal.js

    Also, how to upload presentations to Moodle here: https://github.com/matbury/mod_revealjs/wiki/Uploading-presentations

    During the installation, the module may not have had the correct file permissions in moodledata to create and move the example presentation. If so, you'll have to create the directories yourself.

    A less techy, more user friendly module that does similar things and a lot more is H5P: https://moodle.org/plugins/mod_hvp

    I hope this helps.

    All the best,

    Matt
  • Picture of Huy Lam
    Mon, 16 Jan 2017, 10:42 PM
    Do we have a template of a presentation. I saw one at /moodledata/repository/revealjs/_revealjs_/matbury But I can't use it.
    Also, Does it need any API from PHP, i see the Apache respond an error 500, which looks like that this module was calling to special API.
    Hao
  • Picture of Carlo Stefano Cavicchioli
    Wed, 18 Jan 2017, 2:25 AM
    Hello
    I installed the version v0.9.1 on a 3.1 moodle platform then I created the contents using Freeplane (export in mindslide format) and it work really good.
    But I have a problem with the visualization of the images.
    I tried to put the images files into the Files Directory but it doesn't work.
    When i play the presentation this message appear: The requested URL /moodle/mod/revealjs/Immagini attestati/Anteprima.gif was not found on this server.
    I tried to create the path directly on the server /var/www/_moodle/mod/revealjs/Immagini attestati
    Nothing.
    Can you help me?
    Thank you
    Carlo
  • Matt Bury
    Wed, 18 Jan 2017, 5:31 AM
    Hi Carlo,

    The file paths you've posted don't look valid to me. Please see the docs here for examples: https://github.com/matbury/mod_revealjs/wiki/Uploading-presentations

    Hi Huy,

    What are the file permissions for /moodledata/repository/revealjs and its subdirectories?
  • Picture of Sandra Maria
    Wed, 8 Nov 2017, 1:45 AM
    Hello, Matt!

    I installed the plugin and everything worked fine in the installation.
    But when I add in the course it gives a warning saying that this page is not working - HTTP ERROR 500

    What can it be?
    Thank you!
  • Matt Bury
    Mon, 13 Nov 2017, 1:05 PM
    Hi Sandra, sorry for the delayed response, I was at a conference.

    Re: HTTP 500 ERROR, this is a non-specific server error which doesn't tell me much about what's happening. My first guess is that there may be file permissions issue in /var/www/moodledata/repository/revealjs I recommend looking there to make sure the file permissions are correct (775) and that the /revealjs directory was moved there successfully on installation. Please see more here: https://github.com/matbury/mod_revealjs/wiki/Uploading-presentations

    I hope this helps! smile
  • Matt Bury
    Mon, 13 Nov 2017, 1:10 PM
    Hi again Sandra,
    You can make the file permissions more open with: $ sudo chmod 0777 -R /var/www/moodledata/repository/revealjs (Assuming that you're using a standard LAMP server configuration).
1 2 3 4
Please login to post comments