Note: You are currently viewing documentation for Moodle 3.8. Up-to-date documentation for the latest stable version of Moodle may be available here: Creating Moodle Mobile friendly sites.

Creating Moodle Mobile friendly sites

From MoodleDocs
Main page ► Managing a Moodle site ► Moodle app ► Creating Moodle Mobile friendly sites
Moodle app


As more and more students access courses from their smartphones, tablets or other mobile devices, it is increasingly important to ensure your courses are mobile-friendly.

Encouraging students to install the official Moodle mobile app] is one way to improve their learning experience. Below are some suggestions for optimising your course materials for students both using the app and accessing Moodle from mobile devices.

Use a mobile-friendly theme

Recent versions of Moodle allow for responsive themes, which adapt to the browser screen size. Make sure your course uses such a theme and check its contents yourself before students start the course.

Notifications and messages

Encourage your students to enable mobile notifications so they are alerted about calendar events, forum posts, messages, assignment submissions and so on. Find out more in Mobile app notifications.

Provide a 'how to' guide to Moodle on the mobile

Consider offering your students a guide (.PDFor a Moodle page resource) on how to access your course on the app,what they can do and not (yet) do from the app. Read up on the Moodle Mobile features and what's New for mobile.

Course content

                      • WIP*****************


Upload a detailed guide of how to use Moodle Mobile including:

  • Download links to the different platforms/stores.
  • Explain the different possibilities and limitations of the app.
  • Explain how the offline mode works (you should download your contents first).
  • Explain how to configure your messaging settings for receiving mobile notifications.

Create a custom theme for your site

moodlemobile custom theme.png

Do not use frontpage courses or activities

moodlemobile dont use frontpage.png Place those pages in a global course where all the users are enrolled via cohorts, meta-course enrolments.

Enrol all the users in that course via the db plugin

moodlemobile enroll via db plugin.png

Tips for courses

Use the topics or weeks course format

moodlemobile topicsorweeks.png

Avoid orphaned activities or direct links to activities

moodlemobile avoid orphaned.png

Install the Moodle Mobile availability plugin

With this plugin you can choose if an activity, resource or a complete section is (or is not) visible for users accessing the course via the Mobile app.

Once installed you can create Moodle Mobile friendly courses just replacing resources currently not supported by the app, like the Book module, with Mobile friendly resources (like an HTML version of the book module).

See the Moodle Mobile availability plugin page for additional information.

Labels are initially collapsed, use a short text as introduction of what is inside

moodlemobile short text intro.png

Use responsive HTML in pages or mini-sites

moodlemobile responsive html.png

YouTube or map links (URL resource) open automatically in the system app

moodlemobile youtube maps links.png

Find alternatives to unsupported activities or resources

  • Book module: Publish an “accessible” version of the Book resource using the export to HTML feature
  • IMS CP: Instead using the IMS CP resource, unzip the file and add it as a resource (mini-site)
  • Same for SCORM without API tracking
  • Not all the video formats are supported by all mobile devices, upload the same video in different formats in a directory resource

See also

Retrieved from "https://docs.moodle.org/38/en/index.php?title=Creating_Moodle_Mobile_friendly_sites&oldid=121184"
Powered by MediaWiki