Responsive content in Moodle

I guess when it comes to creating content that is responsive to the device it is being displayed on, there are a few requirements. Possibly and in no particular order:

  1. SCORM compliant
  2. Easy to use
  3. Offer a number of interactive components
  4. Customisable

I am sure there are a few more that I have forgotten. Maybe multi-lingual should make the list, or Tin Can tracking rather than SCORM.

Well, with the tool I am building I am trying to answer as many of these questions as I can. While working on the tool, I decided to see how easy it would be to build it into Moodles tinymce editor. Tinymce editor is the native editor that comes with Moodle. All I wanted to do was add in my own controls to make the editing of content a lot easier.

Firstly, you need a responsive theme.

A responsive theme

A responsive theme

Secondly, a means to easily add responsive content.

Create the content

Create the content

And lastly, the ability to edit the content.

Edit the content

Edit the content

As you can see from the three animations above, I have managed to answer a few of these questions.

  1. It’s responsive – both the site and the content responding as one
  2. Easy to use – click a button and add some content
  3. Easy to edit – if you are familiar with Moodle, then you already know how to use the tool
  4. SCORM – well Moodle is handling the tracking and you could set topic completion or even restrict access using Moodle
  5. Customisable – new a new component, simply build it and add it as a button

There is still a little work to do on this tool, and I keep thinking of components to add. The SCORM version should be ready soon as… well I hope at least.

0 thoughts on “Responsive content in Moodle

  1. Pingback: Responsive content in Moodle | Moodle Best LMS ...

  2. Pingback: Responsive content in Moodle | webcned2.0 | Sco...

  3. Pingback: Responsive content in Moodle | iLite's Weblog |...

Leave a Reply

Your email address will not be published. Required fields are marked *