Moodle LMS Goes Responsive with Bootstrap

Responsive web design (RWD) is the rage.

But, can an approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors) – work for eLearning?

For eLearning professionals using the open-source Moodle LMS platform, the answer is: YES!

Moodle has leveraged Bootstrap to bring RWD to the world of Learning Management Systems. For those of you that don’t know, Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. For example – build a design once, and leverage that design experience across your desktop view, tablet view, and mobile view.

Ed Edited It Productions has been working with Moodle and Bootstrap to build some pretty neat interfaces for Moodle. The examples above show how Moodle’s interface can adapt  based on viewport.

Will this impact how students use mobile technologies for eLearning? Only time will tell. But the idea of presenting a unified creative design regardless of screen is appealing to clients looking to differentiate their eLearning from competitors.

Here’s a specific wireframe sample from this project.



Leave a Reply

Your email address will not be published.