Mobile Friendly Moodle

 The goal was to create a Moodle course site that incorporated a mobile supporting design. 

Using mobile devices, students have an opportunity to access course content almost anywhere, anytime; on the bus, at the gym, on the couch. Contrast this time and location freedom to a traditional lecture’s dictated schedule. I was curious to see if Moodle course elements could be designed for use by common mobile devices and provide access to the resources of a typical course site.

In the past, a problem with any non-classroom, or distance learning in general, was the consumers’ hardware and software requirements.  Fortunately, in 2017 this hurdle has been largely overcome and most students can access sophisticated online multimedia content away from the classroom.

 I had used Moodle as a student before but was unfamiliar with the creation, design, and administration of a course site.  The focus was to create a variety of prototype course elements and assess the resulting mobile user/student experience using a variety of devices. For students to successfully access and use a Moodle course site on a mobile device involves a complex chain of technologies. I fully expected glitches but was really looking for any outright failures in the technology.

 My main resource for mobile design was the documentation in Creating Moodle Mobile friendly courses. With these guidelines, I created the following course elements: 

  • Page; with text and a thumbnail picture.
  • Folder; with a document, a photo, an audio file, and 2 video formats.
  • Link; to a YouTube video and a WordPress page.
  • Quiz; with randomly chosen questions from an imported Blackboard test bank.
  • Badge; based on completion of a quiz.
  • Forum; with randomly created groups of 3 students.
  • Announcement; with email notification.

In the background, I experimented with adding users, assigning roles and manual enrolment . There were some initial hurdles that required Admin level changes, quickly remedied by Keith (thank you). There were default restrictions on file upload size and “completion tracking” to allow conditional progress and badges needed to be enabled.

 See the mobile friendly Moodle test course
(Non EDDL 5151 students can self register with the password: ironmansucks)

Click on the thumbnails below to see screenshots of the mobile friendly Moodle site on 3 different platforms:

Moodle on iPhone

Moodle on Pixel

Moodle Mobile app on iPad

 Functionality on 4 different platforms is summarized in the following table:


  • iPhone testing was done with Safari browser on wi-fi.
  • Moodle app only available for iOS 8 or higher.
  • Moodle Mobile app looks and works well for Student role on both the iPad and Pixel phone.
  • The Google Pixel phone with Android 7 using the Chrome browser was so slow as to be almost unusable. The phone would power off before pages loaded. The WordPress site did not display pictures in Chrome.
  • None of the test setups would play a .wmv video.

A Moodle course site can be successfully designed/created for use by students on a variety of currently popular mobile devices. The Moodle Mobile app, available for iOS and Android devices, results in the best user experience. Video in .wmv format should be avoided to insure functionality for the widest audience.

2 thoughts on “Mobile Friendly Moodle

  1. I have an iphone4 and I needed to upgrade to an ios 9 or something. Sorry, I didn’t bother with it as I never use my phone for school work (I’m just not that available 24/7), and don’t plan on starting to be. I suppose I will check student accessibility as I don’t expect them to give up their phones, and it would be more productive use of the phone in class. None the less, it seems to me that it is with the mobile app that a person has the most success with any program.
    Very decent information Rick, but …
    Deadpool sucks! hahaha

  2. Rick, I found your research informative. The more I read about Moodle the more I like it. It does appear to be very flexible with solid across platform functionality. The App seems to stand up to the test as well as the desktop version.
    I work in an independent Catholic School in Kelowna BC. We have just been switched over to My Education BC student information system that incorporates a course management system. Unfortunately it appears to be lagging behind the Moodle functionality. However, I do not think I will be switching over to Moodle because there is the problem of hosting a Moodle site for my courses. While I am waiting for MyEducationBC to catch up I am tempted to set up my courses in Fresh Grade “A Portfolio and Assessment Platform that makes learning visible” to the teacher, the student, and the parent. It is popular with a number of teachers in School District 23 in which our school is based. It does not appear to pose the same technical obstacles in providing students access to their learning. Mike.

Leave a Reply

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