Moodle en français: Appli Moodle

Appli Moodle - Blocs HTML et liens

par Séverin Terrier, jeudi 20 février 2020, 22:13

Bonjour,

J'utilise Moodle 3.7.4 et l'application Moodle. Sur le tableau de bord, nous affichons plusieurs blocs HTML, dont au moins un comporte des liens internes, vers des fonctions de Moodle (choix de la langue, préférences) afin d'en faciliter l'accès aux utilisateurs.

Hors, lorsqu'on utilise l'application, ces liens s'ouvrent dans le navigateur. Connaissez-vous un moyen de faire en sorte qu'ils ouvrent directement les fonctionnalités dans l'application ?

Si ce n'est pas possible, il serait (au pire) possible de masquer complètement les blocs HTML dans l'appli, mais ça ne semble gênant.

Serait-il possible de masquer seulement un (ou quelques) blocs HTML précis, en se basant par exemple sur le contenu de leur titre ?

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, vendredi 21 février 2020, 19:16

Bonjour Séverin,

il me semble qu'on avait déjà fait de la bidouille CSS en rapport avec ton appli Moodle. Là encore, je pense qu'on peut faire quelque chose.
Sur le principe, les blocs HTML ont tous un identifant. Une idée pourrait être de rajouter un display: none dans les styles en visant plus particulièrement l'id du bloc HTML concerné.

Quand j'affiche la console de mon navigateur, voici par exemple ce que je vois dans le code de mon tableau de bord. La colonne "block-region-side-post" contient une série de blocs HTML avec des infos diverses.

A partir de là, si j'ajoute dans ma CSS le code suivant, le deuxième bloc disparaitra et l'autre restera en place. :

#inst163338{
      display: none;
}

Bien sûr, si on supprime le bloc et qu'on en crée un autre, il faudra faire la même manip : récupérer l'id du bloc puis lui affecter le style.

Olivier

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, vendredi 21 février 2020, 20:55

Merci Olivier pour ces informations détaillées.

Mais je me suis sans doute mal exprimé : je cherche à masquer ce bloc uniquement dans l'application. Et il me semble que ce que tu proposes est l'inverse (masquer dans le navigateur).

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, vendredi 21 février 2020, 21:38

C'est bien ce que j'avais compris ! Soit je me goure, soit je me suis mal exprimé aussi.

En fait, dans ton précédent problème, on avait fait cette bidouille pour masquer un bloc uniquement pour les utilisateurs d'un navigateur web. Cette fois, l'idée serait de réutiliser cette idée de formulation pour essayer d'afficher uniquement sur appli. Sur ce coup, à voir si tu pourrais jouer avec un max-width ou un min-width...

@media screen and (max-width: 600px) {  
    .#instXXXXX{
        display: none;  
    }
}

Ou alors, j'avais aussi posté l'idée d'utiliser la caractéristique display-mode qui pourrait convenir pour une appli plein écran, ce qui pourrait donner :

@media all and (display-mode: fullscreen)

{  
    .#instXXXXX{
        display: none;  
    }
}

Olivier

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, samedi 22 février 2020, 00:25

Merci pour ces éléments complémentaires.

Je cherche bien à cacher un bloc précis dans l'appli (tout en le laissant visible dans le navigateur).

J'ai essayé ce que tu proposais, mais cela n'a pas l'air d'apporter les résultats escomptés (aucun changement visible).
Mais il n'est peut-être pas possible de cacher des éléments dans l'appli avec les CSS ?

La suite la semaine prochaine

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Daniel Méthot, dimanche 23 février 2020, 19:42

Bonjour,
Peut-être faudrait-il simplement éviter (si c'est possible ?) les blocs, dans les cours principalement utilisés avec l'appli Moodle ?
Car si ce bloc n'est guère utile dans l'appli pourquoi l'est-il alors dans le navigateur ?

Surtout le bloc HTML qui peut être remplacé par une ressource page ou une étiquette...
La création de cours pour l'appli est un vrai nouveau métier. A expérimenter pas mal.
Mais je suis assez peu compétent sur ce point.

Daniel

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, mardi 25 février 2020, 22:08

Bonjour Daniel,

J'avais bien précisé dans ma demande initiale que ma problématique portait sur le tableau de bord.

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, lundi 24 février 2020, 16:31

Bonjour Séverin,

On va trouver, on va trouver...

De mon coté, je viens de tester ce code qui a fonctionné :

@media (max-width: 1000px){
      #inst161811 {
           display: none;
      }
}

Le bloc apparait dans mon navigateur, mais dès que je change la taille du navigateur et que je passe sous les 1000 px, il disparait. Pour l'appli, cela devrait donc fonctionner, puisque la dernière fois, nous avons utilisé un stratagème semblable...

Chose étrange : j'utilise le thème Essential, et j'ai essayé de le rentrer dans le cadre "Code CSS supplémentaire". Et cela n'a pas fonctionné... En revanche, j'ai ouvert le fichier essential.css, et j'ai directement collé ce code à l'intérieur, et là tout est ok ! Je ne sais pas exactement quel est le problème, mais on dirait que le @media n'était pas bien pris en compte quand on passe par le cadre d'ajout de CSS disponible dans l'interface Moodle. La dernière fois, il me semblait pourtant que ça avait marché dans les mêmes conditions (purge des caches Moodle avant affichage). Tente éventuellement de coller le code directement dans une feuille de style au lieu de passer par la fonctionnalité CSS brut de ton thème, sait-on jamais...

Olivier

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, mercredi 26 février 2020, 21:07

Bonjour Bruno,

Merci pour ton aide et tes suggestions.
Effectivement, cela masque bien le bloc en question lors du redimensionnement du navigateur en dessous de la largeur définie. Par contre, cela n'a pas d'influence sur l'application.

La dernière fois, la problématique était différente (et inversée) : il s'agissait de masquer un bloc lors de l'usage via un navigateur, tout en le laissant visible dans l'application.
Là, je souhaiterais masquer le bloc dans l'application, tout en le laissant visible dans le navigateur...

Pour ma part, j'utilise le thème Classic.

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, jeudi 27 février 2020, 16:26

Bonjour Jean-Pierre (y'a pas de raisons qu'il n'y ait que toi qui ait le droit de changer les prénoms !! :D)

Ca y est, je commence (enfin) à comprendre... Mon erreur est donc de m'attaquer au mauvais code CSS. Si je comprends bien, il faudrait donc modifier celui de l'app, et non du thème général...

D'après ce que je vois dans la doc, il est possible de charger un fichier CSS propre pour personnaliser l'interface de l'application. C'est peut-être à ce niveau qu'il faudrait donc intervenir et créer une feuille de style incluant le code cachant l'instance du bloc.

Olivier

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, jeudi 27 février 2020, 16:55

Oups, désolé Olivier, je crois que je me suis mélangé avec une autre discussion...

Il faut que je regarde cette option là, effectivement.

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, jeudi 27 février 2020, 17:09

Désolé d'ailleurs de pas être allé au bout des explications, si cela peut servir à quelqu'un d'autre...
Il faut aller dans Administration du site > App mobile > Présentation. D'après la documentation, il suffit alors de créer une feuille de style et de la stocker dans le système Moodle à une adresse accessible, par exemple dans le dossier CSS du thème utilisé.
Olivier

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, jeudi 27 février 2020, 18:47

Je suis bien allé là, j'ai bien précisé pour mobilecssurl le chemin complet vers le fichier CSS créé spécifiquement pour cela, j'ai repris tes exemples de code (adaptés à mon identifiant), mais cela ne semble pas générer le moindre effet attendu...

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, jeudi 27 février 2020, 20:26

OK...
Tout d'abord, est-ce qu'on est sûr que le fichier CSS est bien pris en compte ? Essaye par exemple de modifier un élément bien visible et incontournable comme le header. Il y a un exemple donné dans ce slide : https://www.lmspulse.com/2016/customize-moodle-app-using-custom-css-moodlemobileapp-moodle/

.bar-header{
background-color:#CC0000;
}

Attention, la doc indique comment procéder pour recharger un fichier CSS pour forcer l'appli à le prendre en compte : https://docs.moodle.org/dev/Moodle_Mobile_Themes (paragraphe Updating your theme in the app).

Ensuite, dans le code que tu as collé, est-ce que tu as mis le @media ? Sur le principe, on en a plus besoin, puisqu'il s'agit du CSS spécifique à l'application.

Olivier

Re: Appli Moodle - Blocs HTML et liens

par Jean-Marc Doucet, mardi 25 février 2020, 01:10

Bonjour,
quelques pistes de contournement :
- mettre les liens dans une étiquette (à la place dun bloc HTML) avec une restriction d'activité sur l'application mobile
- explorer les méthodes d'ouverture d'URL dans les Éléments du menu personnalisé de Fonctionnalités pour mobiles (administration de site) Ces liens seront dans le menu à gauche

Les méthodes d'ouverture d'URL sont :

app (pour le lien vers une activité supportée par l'app),
inappbrowser (pour ouvrir le lien dans le navigateur intégré sans quitter l'app),
browser (pour ouvrir le lien dans le navigateur par défaut de l'appareil)
embedded (pour afficher le lien dans une nouvelle page dans l'app, intégré dans une iframe).

~~Si non, comme les blocs étant affichés tout en bas dans l'app tu peux peut être afficher avant un texte long, tres long ... très très long ... Scrolling de la mort~~ ☠️

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, jeudi 27 février 2020, 17:16

Bonjour Jean-Marc,

L'inconvénient d'une étiquette, c'est qu'elle s'affiche en zone centrale, et on préfère éviter ça sur la page d'accueil et/ou le tableau de bord.

Je vais fouiller l'histoire des menus, mais les éléments de paramètres (et de langue) sont peut-être plus facilement visibles depuis l'application (ou ça surchargerait trop de re-créer des liens supplémentaires).

Concernant ta dernière (non) proposition, ça serait dommage de tout décaler pour les utilisateurs utilisant un navigateur, alors que le but est précisément de leur mettre des liens à disposition, de façon bien visible...

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Patrick Lemaire, vendredi 21 février 2020, 22:45

Bonjour Séverin,
C'est gênant que l'Application Mobile Moodle ne soit pas capable de reconnaître un lien interne... Une suggestion d'amélioration ? Suivi d'un vote massif de notre communauté 😉
À bientôt,
Patrick

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, mardi 25 février 2020, 22:13

Bonjour Patrick,

C'est peut-être nous qui faisons quelque chose qui est loin d'être idéal, à créer des liens qui font doublon avec les fonctionnalités intégrées dans Moodle. Je pense qu'il serait difficile de demander à l'application Moodle d'analyser tous les liens pour voir s'ils correspondent à une fonctionnalité de l'application, afin de rediriger vers la page adaptée...

Séverin

Re: Appli Moodle - Blocs HTML et liens

par Olivier Valentin, mercredi 26 février 2020, 01:49

Bonjour Séverin,
tu as pu retenter l'ajout du CSS suite à mon dernier message ? Ca a donné quelque chose ?
Olivier

Re: Appli Moodle - Blocs HTML et liens

par Jean-Marc Doucet, mercredi 26 février 2020, 16:22

Bonjour Séverin

Pourrais-tu développer svp : quelque chose qui est loin d'être idéal, à créer des liens qui font doublon avec les fonctionnalités intégrées dans Moodle.

A te lire

Re: Appli Moodle - Blocs HTML et liens

par Patrick Lemaire, mercredi 26 février 2020, 17:45

Bonjour Jean-Marc,
Je crois comprendre ce que veut dire Séverin. Il est délicat de demander à Moodle de s'adapter à des "déviances". Lorsque l'on ajoute des liens internes, c'est souvent pour remédier à des problèmes d'ergonomie (lien mal identifié, trop discret, voire caché). C'est fréquemment un "palliatif". Il faut s'attaquer au problème réel.
En même temps, vu la multiplicité des contextes, publics,... il est quasi-impossible d'avoir un outil qui répond nativement à 100% aux besoins. D'où l'intérêt de l'Open Source ! On peut le "sculpter" pour y répondre.
À bientôt,
Patrick

Re: Appli Moodle - Blocs HTML et liens

par Séverin Terrier, mercredi 26 février 2020, 21:11

C'est exactement ça.

Re: Appli Moodle - Blocs HTML et liens

par Jean-Marc Doucet, jeudi 27 février 2020, 16:25

Salut Patrick,
oui je comprends ca très bien

Merci

Assistance technique

Appli Moodle - Blocs HTML et liens