Proposer son cours dans la langue de l'utilisateur (astuce pour français/anglais)

Si vous souhaitez réaliser un cours bilingue au sein d'une même session, il existe une astuce vous permettant d'afficher le cours dans la langue de navigation des utilisateurs (français ou anglais uniquement, sur FUN MOOC). Il suffit pour cela d'utiliser une feuille de style afin de masquer les parties du cours qui ne correspondent pas à la langue définie par les utilisateurs dans les paramètres de leur compte https://lms.fun-mooc.fr/account/settings.

5 étapes sont nécessaires pour configurer votre cours :

• 1. Préparez ou téléchargez la feuille de style

• 2. Chargez le fichier dans le cours

• 3. Appelez le fichier dans le plan de cours

• 4. Choisissez le contenu à afficher pour chacune des langues

• 5. Informez vos apprenants

1. Préparez ou téléchargez la feuille de style

Chargez un fichier .css contenant les propriétés suivantes (téléchargeable ici : fr-en.css)

body.view-in-course.lang_en .course_fr {display:none !important}  
body.view-in-course.lang_fr .course_en {display:none !important}

2. Chargez le fichier dans le cours

Rendez-vous dans votre Fichiers et uploads et cliquez sur Téléverser un nouveau fichier

3. Appelez le fichier dans le plan de cours

Inclure un lien vers la feuille de style dans un composant Raw HTML situé dans chaque unité où vous souhaitez un affichage différencié selon la langue

<link rel="stylesheet" type="text/css" href="/static/fr-en.css" />

Le composant "Raw HTML" est requis car le composant "Texte" retire automatiquement cet ajout au moment de l'enregistrement.

💡 Astuce utilisée dans le cours MOMENTOM : inclure le lien au bas de chaque page, dans un composant d'aide à la navigation.

Studio :

LMS (avec un profil en français) :

4. Choisissez le contenu à afficher pour chacune des langues

Il vous suffit ensuite d'ajouter les classes class="course_fr" ou class="course_en" dans la source HTML de vos composants, selon que le contenu est en français ou en anglais.

Tous les balisages dans lequel l'une de ces classes se trouve proposeront du contenu en fonction de la langue définie.

Attention, sans l'ajout des ces classes, les contenus s'afficheront dans les 2 langues.

Exemples d'utilisation :

Entre balises <div>

Il vous est possible d'insérer vos contenus dans des balises <div>

Pour le français :

<div class="course_fr">   
<p>Votre contenu</p>  
<p>Texte qui s'affichera pour les profils en <strong>Français</strong>.</p>  
</div>

Pour l'anglais :

<div class="course_en">   
<p>Your content</p>  
<p>This text is displayed for profiles in <strong>English</strong>.</p>  
</div>

Dans un quiz

Vos quiz peuvent également être paramétrés pour un affichage en fonction de la langue de l'utilisateur :

<problem>  
<p class="course_fr">Question en français ?</p>  
<p class="course_en">English question?</p>  
<multiplechoiceresponse>  
<choicegroup label="Question (label)" type="MultipleChoice">  
<choice correct="false">  
<span class="course_fr">Réponse incorrecte</span>  
<span class="course_en">Incorrect answer</span>  
</choice>  
<choice correct="true">  
<span class="course_fr">Réponse correcte</span>  
<span class="course_en">Correct answer</span>  
</choice>  
<choice correct="false">  
<span class="course_fr">Réponse incorrecte</span>  
<span class="course_en">Incorrect answer</span>  
</choice>  
</choicegroup>  
</multiplechoiceresponse>  
<solution>  
<div class="detailed-solution">  
<div class="course_fr">  
<p>Explication</p>  
<p>Explication en français.</p>  
</div>  
<div class="course_en">  
<p>Explanation</p>  
<p>Explanation in English.</p>  
</div>  
</div>  
</solution>  
</problem>

Affichage en français :

Affichage en anglais :

5. Informez vos apprenants

Pour que les apprenants soient informés de cette mise en place sur le cours et puissent choisir la langue de navigation qui leur convient, vous pouvez réutiliser ou vous inspirer de ce message utilisé par l'Université ParisSaclay pour le cours MOMENTOM :

Nous avons voulu que ce MOOC soit accessible aux personnes non francophones : tous les contenus écrits sont disponibles en français et en anglais. Les vidéos sont accompagnées de sous-titres dans ces deux langues. Pour sélectionner une langue, vous devez vous rendre sur les paramètres de votre compte :

This MOOC is accessible to non-French speakers: all written content is available in French and English. The videos are accompanied by subtitles in these two languages. To select your language, choose the appropriate parameters in your account settings:

Depuis le CMS

Depuis le LMS

et sélectionner la langue (Français ou English) :

and select the language you desire (French or English):

La plupart des textes n'apparaitront que dans la langue sélectionnée. En revanche, les transcriptions, sous-titres et diaporamas restent disponibles dans les deux langues.

Most texts will only appear in the selected language. On the other hand, transcripts, subtitles and slides remain available in both languages.

Bon MOOC !

Have a nice MOOC!

Nous recommandons d'intégrer ce message dès la première unité du cours et de l'adapter au contexte de votre cours, à l'instar de ce qui a été fait sur le MOOC MOMENTOM :