Assistance pédagogique

Un grand merci à Luiggi et à Daniel : vous avez vu juste, il s’agit bien du plugin « format_buttons». Je l’ai essayé sitôt que j’ai reçu votre message et en peu de temps, j’ai réussi à obtenir une présentation type CNED. Cela m’a particulièrement plu parce que ce plugin a résolu un problème qui me dérangeait depuis la rentrée scolaire (j’habite à Wallis et Futuna et notre rentrée a lieu en février) : Je n’avais pas trouvé le moyen de n’afficher qu’une section à la fois. Sur leur tablette, les élèves arrivaient à faire défiler la liste des sections et c’était impressionnant pour eux. J’avais inventé un petit stratagème en incluant mes scorms à partir de la section 10 et en les appelant aux sections initiales au moyen d’une étiquette, avec une image associée à un hyperlien vers la section concernée. Mais ils pouvaient encore dérouler le cours dès la première séance et voir les sections qui se trouvaient à la fin. Avec le plugin format_buttons : plus qu’une section à la fois !

En plus, Luiggi a vu juste avec le bloc html central et le nom des cours comprenant la numérotation (ce qui permet de gérer leur ordre d’affichage). Et ce sont bien des étiquettes à l’intérieur des cours qui conduisent vers les ressources.

En revanche, ce qui m’a pris du temps pour vous répondre, c’est l’autre partie de la réponse : le thème BOOST. Je l’avais toujours négligé car il ne possède pas de critères dans les « Réglages avancés », juste un barbare « Code SCSS initial » et un « SCSS brut ». Du coup, comme vous avez semblé certains qu’il s’agissait de ce thème, je me suis lancé sur mon Firefox et son « Examiner l’élément » qui se trouve après un clic droit à un endroit de la page. Et j’ai essayé de me rapprocher de mon modèle d’exercice de style (le moodle du CNED). Après trois jours, je suis parvenu au résultat que vous trouverez en pièce jointe. Cependant, cela a été une rude expérience pour trouver le sélecteur CSS de chaque élément que je voulais supprimer (d’autant plus que j’ai un bébé de 17 mois et qu’à Wallis nous ne sommes pas confinés car il n’y a pas un seul cas de coronavirus ;)  ).

/* Suppression du panneau latéral amovible à gauche */

.float-sm-left {

  display: none;

}

Le problème est que la liste déroulante est ouverte par défaut :

body.drawer-ease {

    -webkit-transition: margin-left .5s ease,margin-right .5s ease;

    -moz-transition: margin-left .5s ease,margin-right .5s ease;

    -o-transition: margin-left .5s ease,margin-right .5s ease;

    transition: margin-left .5s ease,margin-right .5s ease;

}

/* L'icône cloche: "Le menu des notification" et la bulle "Le tiroir des messages" */

.fa { display:none;}

/* Modification du « Menu action » */

--> Administration du site>Présentation>Thèmes>Réglages thème>Éléments du menu utilisateur

J’aimerais encore supprimer le lien vers « Profile » mais je n’ai pas encore trouvé

/* Suppression du sélecteur de langue */

Je n’arrive pas encore à le supprimer, pourtant, j’ai vidé l’encadré qui permet de créer des liens sur cette ligne : « Éléments du menu personnalisé »

ATTENTION:  N'essayez pas

.nav-link { display:none;}

car cela supprime d'autres boutons également

/* Ajout d'une image d'en-tête */

.navbar {

height: 108px;

max-height: 108px;

min-height: 108px;

background-image: url(http://localhost/moodle/images/header.png);

background-repeat: no-repeat;

background-position: center;

border-bottom-left-radius: 25px;

border-bottom-right-radius: 25px;

box-shadow: 0 2px 4px rgba(0,0,0,.08);

position: relative;

display: flex;

align-items: center;

color: #fff;

}

 /* Déplacement du corps de la page vers le bas */

#page {

 margin-top:108px;

}

/* Ajustements pour le bouton de déconnexion */

nav.navbar .nav.navbar-nav {

 background:linear-gradient(to right,rgba(41,81,128,.8),rgba(113,157,209,.8));

 color:#fff;

 padding:5px;

 padding-right:10px;

 border-radius:25px;

}

 .navbar-expand {

flex-flow: row nowrap;

justify-content: flex-start;

}

.dropdown {

position: relative;

box-sizing: border-box;

white-space: nowrap;

color: #fff;

list-style: none;

font-size: .9375rem;

font-weight: 400;

line-height: 1.5;

text-align: left;

}

/* Suppression de la barre permettant d’ordonner les cours de diverses manières */

#block-region-content .dropdown-toggle {

 display :none;

}

/* Et tant qu’on y est : suppression du footer (inutile pour les élèves sur tablette) */

footer#page-footer {display:none;}

Voilà ma tentative de simplifier mon moodle pour le rendre plus clair pour des élèves sur tablette 10’’. Je précise que je n'ai utilisé la plateforme Moodle CNED que comme modèle de travail. Je n'ai aucune intention de créer un CNED 2 dans le Pacifique ! De plus il faut faire attention à mes lignes de CSS:  le scss obtenu n’est pas du tout optimisé pour l’administrateur. Si vous l’essayez, gardez bien sous le coude le lien vers la page de réglage du thème boost (pour moi : http://127.0.0.1/moodle/admin/settings.php?section=themesettingboost#theme_boost_advanced).

) : elle vous permettra d’annuler les modifications si des boutons d’administration ont disparu. Lors d'une de mes tentatives, j'ai fait disparaître tous les boutons de la plateforme: impossible de revenir en arrière car dans les réglages avancés de "Boost", le bouton "Enregistrer les modifications" avait disparu. Après avoir réussi à revenir en arrière (en passant par la base de données MySQL, les fichiers temporaires de Moodledata et mon précieux "Examiner l'élément" de Firefox), j'ai pris le soin d'installer un thème différent sur l'affichage tablette et téléphone portable. Ainsi, j'ai un autre accès à la plateforme Moodle quand j'ai fait disparaître tous les boutons !

Si vous avez des idées pour améliorer mes lignes SCSS, je suis preneur.

En espérant que ce post sera utile à tous ceux qui veulent simplifier Moodle pour les élèves, bon courage à tous ceux qui sont confinés,

Michaël