moodle4:format-de-cours:tuiles [CEMU]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
======Passer son cours en format tuile======

===== Commencer avec le format tuile=====

Pas besoin de restructurer le contenu du cours, vous pouvez essayer facilement et revenir en arrière si nécessaire. 

<note>
**Format tuile et appli Moodle pour téléphone portable**

Si vous utilisez l'application mobile de Moodle, vous verrez la mise en page standard de l'application (format Thématique). Les tuiles seront affichées si les utilisateurs accèdent à Moodle en utilisant le navigateur de leur téléphone.
</note>

<note important>Attention, si vous abandonnez le format tuiles au profit d'un autre format (thématique, image, hebdomadaire...), vos paramètres pour les icônes des tuiles et toutes les photos seront supprimés.</note>

Pour convertir un cours existant au format tuile : 
  * cliquer sur le rouge de votre cours (Menu d'administration) ;
  * cliquer sur "**Modifier les paramètres**"
  * dans le volet "**Format du cours**", choisir "Format Tuile". 
  * Un certain nombre d'options apparaissent alors, comme indiqué ci-dessous. Faites vos choix et cliquez sur Enregistrer.

{{ :moodle:format-de-cours:format-tuile_1.png?nolink |}}

Vous pouvez revenir à ce formulaire et modifier les paramètres à tout moment. Si vous créez un nouveau cours, choisissez à nouveau "Tuiles" pour "Format" et vous verrez les mêmes options. Si vous avez besoin d'aide pour utiliser le formulaire, cliquez sur les icônes ? (en bleu dans la capture d'écran ci-dessus) et des explications apparaîtront.

===Tutoriel vidéo : mettre en place le  format "Tuile" : ===

<html><iframe width="560" height="315" src="https://www.youtube.com/embed/Ic72yoPrYTI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>

===== Paramétrer le format de cours tuile=====

Cette section décrit plus en détail les paramètres du format de cours présentés ci-dessus.

====Icône de tuile ====

Cliquez sur le bouton "Choisir une nouvelle icône" pour sélectionner l'icône par défaut des tuiles du cours. La sélection existante est affichée à gauche du bouton.

{{ :moodle:format-de-cours:format-tuile_2.1.png?nolink |}}

La fenêtre du sélecteur d'icône s'ouvre (une capture d'écran apparaît dans la section "Changer l'icône d'une tuile" ci-dessous). Cliquez sur l'icône que vous voulez.

{{ :moodle:format-de-cours:format-tuile_3.png?nolink |}}

La nouvelle icône sélectionnée apparaît à gauche du bouton "Choisir une nouvelle icône" :

{{ :moodle:format-de-cours:format-tuile_4.2.png?nolink |}}

====Couleur de tuile ====

Cliquez sur la couleur que vous souhaitez donner aux tuiles du cours (par défaut, le bleu est sélectionné) : 

{{ :moodle:format-de-cours:format-tuile_5.png?nolink |}}

====Utiliser des sous-tuiles pour les activités====

Si vous définissez ce paramètre sur "oui", les activités de cours apparaîtront sous forme de sous-tuiles au lieu d'une liste.

{{ :moodle:format-de-cours:format-tuile_6.png?nolink |}}

===Tutoriel vidéo "Utiliser les sous-tuiles"====

<html><iframe width="560" height="315" src="https://www.youtube.com/embed/ol1iOPHzs4s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>

====Progression dans chaque tuile ====

Si vous utilisez le suivi des résultats, choisissez d'afficher une fraction ou un pourcentage :

{{ :moodle:format-de-cours:format-tuile_7.png?nolink |}}

Exemple avec le choix **fraction** : 

{{ :moodle:format-de-cours:format-tuile_8.png?nolink |}}

Exemple avec le choix **pourcentage** : 

{{ :moodle:format-de-cours:format-tuile_9.png?nolink |}}

====Barre de filtrage ====

Vous pouvez donner l’opportunité aux étudiants de filtrer l'affichage des tuiles : 

{{ :moodle:format-de-cours:format-tuile_10.png?nolink |}}

===Filtrage par numéros de tuile====

{{ :moodle:format-de-cours:format-tuile_11.png?nolink |}}

Ici, l'étudiant peut cliquer sur le filtrer pour ne faire apparaître que les tuiles 1 à 3, que la tuile 4 ou toutes les tuiles.

<note tip>Ce filtre est particulièrement utile si vous avez plus de 10 sections dans votre espace de cours.</note>


===Filtrage par résultats du cours====

Ce filage n'est utile que si vous utiliser les objectifs de cours. Dans ce cas, les étudiants pourrons filtrer les tuiles en fonction des objectifs visés.

Pour ajouter des objectifs de cours, reportez-vous à la documentation dédiée : [[moodle:objectifs|Configurer les objectifs du cours]]

====Souligner les titres avec des onglets de couleur ====

{{ :moodle:format-de-cours:format-tuile_12.png?nolink |}}

Si vous laisser ce paramètre sur "oui" (**paramétrage par défaut**), tous les styles de texte de type "**titre**" des **étiquette** auront un **onglet coloré à leur gauche** afin de les mettre en valeur comme dans l'exemple suivant : 

{{ :moodle:format-de-cours:format-tuile_13.png?nolink |}}

Pour mettre un texte dans un style de type "**Titre**", il suffit de sélectionner le texte, de cliquer sur le bouton "A" puis de sélectionner un des trois formats de titres disponible comme dans l'exemple suivant : 

{{ :moodle:format-de-cours:format-tuile_14.png?nolink |}}




=====Ajouter une nouvelle tuile=====

**Activer le mode édition** (tout en haut à droite) 

{{ :moodle:format-de-cours:format-tuile_22.png?nolink |}}

Puis descendez tout en bas pour cliquer sur "**Ajouter des tuiles**" : 

{{ :moodle:format-de-cours:format-tuile_15.png?nolink |}}

Choisir le nombre de nouvelles tuiles souhaitées et cliquer sur le bouton "Ajouter des tuiles" : 

{{ :moodle:format-de-cours:format-tuile_16.png?nolink |}}

=====Changer l'icône d'une tuile, ajouter une photo à une tuile, supprimer une photo=====

Activez le mode d'édition :

{{ :moodle:format-de-cours:format-tuile_22.png?nolink |}}

Cliquez sur l'icône ou la photo que vous souhaitez modifier. La fenêtre de sélection de l'icône/de la photo s'ouvre.

{{ :moodle:format-de-cours:format-tuile_21.png?nolink |}}

Dans la fenêtre du sélecteur d'icône, cliquez sur l'icône de votre choix. Si vous souhaitez utiliser une photo pour la tuile, cliquez sur Bibliothèque de photos ou sur Télécharger une nouvelle photo en haut de la fenêtre du sélecteur d'icône.

{{ :moodle:format-de-cours:format-tuile_18.png?nolink |}}


Si vous souhaitez supprimer une photo d'une tuile, choisissez simplement une icône pour cette tuile.

=====Mettre en surbrillance une tuile=====

Activez le mode d'édition : 

{{ :moodle:format-de-cours:format-tuile_22.png?nolink |}}

Cliquez sur "**Modifier**", puis sur "**Marquer la section**" : 

{{ :moodle:format-de-cours:format-tuile_19.png?nolink |}}

La couleur de la tuile a changé : 

{{ :moodle:format-de-cours:format-tuile_20.png?nolink |}}

=====Tutoriel vidéo pour personnaliser l'apparence et différencier les tuiles=====

<html><iframe width="560" height="315" src="https://www.youtube.com/embed/Qcwjmmm2phw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>

=====En savoir plus=====

Pour en savoir plus sur ce format "Tuile", vous pouvez consulter : 
  * la page officielle Moodle (anglais) : [[https://moodle.org/plugins/format_tiles]]
  * la page officielle des contributeurs (anglais) : [[https://evolutioncode.uk/tiles/docs/]]