Comment rendre un cours Moodle esthétique et design ? Tout dépend de ce que nous entendons par esthétique et design !
Ce dont nous sommes sûrs, c’est que Moodle regorge d’outils et de réglages qui vont vous permettre de concevoir vos cours comme vous le souhaitez, jusqu’à atteindre les attentes en termes d’esthétisme que vous souhaitez.
Voyons dans cet article comment nous pouvons créer de jolis cours Moodle.
Les formats de cours Moodle
Les formats de cours Moodle vous permettent de construire vos cours sous plusieurs formes. Le format de cours permet de définir la disposition de l’espace de cours Moodle.
Selon la forme que vous préférez, le style de navigation, le degré d’illustrations souhaité, voici quelques exemples d’utilisation des formats de cours Moodle.
Tuile
Cards
Edwiser
Learning Map
Source : Youtube Learning Maps in Moodle: Designing Learner-Centred, Gamified Learning Paths | Moodle Academy
D’autres formats de cours sont disponibles pour aller encore plus loin dans la personnalisation et dans l’immersion.
La liste des formats présentés n’est pas exhaustive. Vous trouverez d’autres inspirations et formats de cours Moodle via ce lien : https://docs.moodle.org/4x/fr/Formats_de_cours
Les activités Moodle illustrées
Unilabel
Le plugin d’activité Unilabel permet de présenter des activités Moodle dans des formats différents pour enrichir vos cours Moodle : imageboard, grid, accordéon, carousel, collapsed text, cours teaser, topic teaser, simple text…
Ci-dessous, voici un aperçu d’une activité interactive Unilabel Imageboard intégrée dans Moodle.
En savoir plus sur Unilabel et ses paramétrages sur ce lien : https://www.elearningtouch.com/amazing-moodle-plugins-unilabel/
Activités H5P
Les activités interactives H5P peuvent directement être créées dans Moodle. Certaines d’entre elles sont particulièrement propices à l’illustration, l’ajout d’éléments graphiques et disposent d’une navigation simple. Voici quelques exemples :
Course presentation :
Branching scenario :
Accordion :
Autres possibilités pour créer un cours esthétique dans Moodle
Framework Bootstrap
Il est possible de contourner quelques éléments personnalisés de Moodle en ajoutant des « petits bouts » de code avec Bootstrap, là où vous le souhaitez dès lors que vous avez accès à l’éditeur de texte. Bootstrap, compatible avec Moodle, est le framework HTML, CSS et JS le plus populaire au monde pour la création de projets web et mobiles. Une bibliothèque de composants variés, pré-codés, peuvent être utilisés et copier/coller dans vos activités Moodle. Par exemple pour les boutons suivants, le site de Bootstrap vous donne les premiers éléments de code pour que vous puissiez personnaliser vos propres boutons.
La liste des composants pré-configurés est disponible via ce lien : https://getbootstrap.com/docs/4.0/components/alerts/
Pour aller encore plus loin avec Bootstrap, les développeurs d’E-learning Touch’ modifient, ajoutent, suppriment des éléments de ces composants pour réaliser des paramétrages encore plus fins. En voici un exemple :
Ces éléments peuvent être utilisés seulement si vous disposez de connaissances en HTML, CSS et JS. Si vous avez besoin d’assistance, vous pouvez nous contacter.
Plugins additionnels
Aussi, d’autres plugins peuvent être ajoutés à vos plateformes pour décupler les possibilités de personnalisation de vos cours Moodle.
Parmi la liste officielle des plugins répertoriés par Moodle, le plugin Components For Learning (C4L) est intéressant à utiliser. Ce plugin additionnel permet d’accéder à une bibliothèque de composants visuels directement dans Moodle, depuis l’éditeur de texte. Le plugin C4L est basé sur le projet https://componentsforlearning.org.
Voici un exemple de l’utilisation des composants C4L dans Moodle :
Créer un cours design : l’essentiel à garder en tête
Un cours bien construit doit être construit de façon à améliorer la lisibilité, l’engagement et la rétention des informations.
Pour terminer, revenons sur ces notions d’esthétisme et de design. Dans Moodle, et dans tout LMS et toute formation, esthétisme et design ne riment pas forcément avec « efforts graphiques considérables ». Cela signifie aussi, et en premier lieu, que la navigation au sein du cours, et plus largement au sein de la plateforme, est facile, compréhensible, fluide et que l’interface n’est pas trop chargée. Des éléments déjà bien pensés dans Moodle !
La clé est avant tout de définir des éléments clairs et cohérents sur toute la plateforme. Enfin, la charte graphique et le wording utilisés au sein d’un ou plusieurs cours doivent être accessibles et cohérents pour vos apprenants. Cela passe notamment par les formats de cours et les activités utilisées, le style d’images choisi et leur qualité…
Si vous avez besoin d’aide ou d’accompagnement pour personnaliser vos cours Moodle selon vos attentes, nous nous tenons à votre disposition pour vous y parvenir !
E-learning Touch’ Moodle Partner Premium officiel
