Topic outline

  • Collapse all Expand all
    Auteurs : équipe d'ingénieurs pédagogiques du pôle IPPA, Université Clermont Auvergne (en particulier Audrey Keraval)       

    • Exemple "Jumbrotron"

    • Bienvenue dans Pimp ton Moodle !

      Le composant utilisé ici s'appelle un Jumbrotron. Il est utilisé pour attirer l'attention du visiteur sur un contenu spécifique, en le faisant ressortir visuellement par rapport aux autres contenus.

      Il peut également être utile pour introduire un espace.

      En savoir plus

  • Exemples "Vignette"

  • Exemples "Bouton"

  • Exemple "Menu de navigation"

  • Exemples "Accordéon"

    • Le composant "Accordéon" est un composant vous permettant d'organiser votre contenu dans différentes sections empilées verticalement et qui peuvent être réduites ou élargies de façon à afficher le contenu spécifique à chacune. L'accordéon ne permet cependant d'afficher qu'un seul élément réduit à la fois.

      L'accordéon est très pratique pour rassembler des informations et est par exemple souvent présent sur les pages de Foires Aux Questions. 

      Cours en ligne est la plateforme pédagogique de l'Université Clermont Auvergne. Elle se base sur la plateforme open source Moodle, très utilisé dans le monde universitaire. Celle-ci vous permettra de créer des cours pour mettre à disposition des ressources à vos étudiants ou bien pour les évaluer.

      Vous pouvez accéder à la plateforme Cours en ligne directement depuis votre ENT en sélectionnant le menu "Pédagogie" puis "Cours en ligne", vous serez alors directement connecté avec votre compte ENT.
      Vous pouvez sinon retrouver la plateforme à cette adresse https://ent.uca.fr/moodle/ et vous connecter via le bouton "Connexion" pour vous authentifier avec votre compte ENT ou bien utiliser le formulaire de connexion si vous possédez un compte local hors du système d'informations.

      Pour créer un cours vous devez forcément avoir les droits nécessaires pour faire cette action. Si c'est le cas, vous avez un bouton + dans votre menu vous amenant vers le formulaire de création de cours.

      Une fois sur votre cours et si vous avez les droits nécéessaires vous pouvez passer en "Mode édition" via un bouton situé dans le bandeau haut du cours. Vous aurez des liens "Ajouter une ressource ou une activité" qui vont apparaître aux différents endroits où vous pouvez en ajouter une. En cliquant sur un de ces liens, Moodle va ouvrir une popup vous permettant de sélectionnerl'activité à ajouter au cours et vous redirigera alors vers le formulaire de création de celle-ci.

      Si vous n'avez pas accès à un cours c'est vous n'êtes vraissemblalement pas/plus inscrit à celui-ci. Tentez de contacter un gestionnaire de ce cours pour qu'il vous donne les droits adequats ou bien faites un ticket Jira.

  • Exemples "Alerte"

    • Les alertes sont des informations mises en relief par un code couleur. Les alertes permettent aux utilisateurs de les masquer lorsqu'ils les ont consultées (si on active cette option, une petite croix apparait). L'alerte revient quand la page est rechargée.

      Comme toute étiquette, l'affichage de l'alerte peut être associée à des conditions (date, achèvement d'activité). C'est donc un bon moyen de faire des rappels sans gêner la consultation des contenus (possibilité de la masquer). Par exemple une alerte prévient les utilisateurs d'un devoir à rendre (condition de date) et ne s'affiche plus lorsqu'ils ont déposé leur travail (condition d'achèvement de l'activité "devoir").

    • Ceci est une alerte !

    • Ceci est une alerte danger !

  • Exemple "Citation"

    • Seul on va plus vite, mais ensemble on va plus loin.

  • Exemples "Timeline"

    • Les "timeline" sont une mise en page des listes à puces classiques. Elles permettent de mettre en relief ces contenus par rapport au reste du texte (retrait et identité graphique).

      La "timeline" horizontale évoque une chronologie et peut être utile pour décrire un processus. 

      • Etape n°1

        Vous rendre sur votre espace de cours Moodle "Pimp ton Moodle"

      • Etape n°2

        Regarder attentivement tous les exemples qui vous sont proposés

      • Etape n°3
        Créer votre propre exemple

    • Timeline horizontale

      • Etape n°1

        Vous rendre sur votre espace de cours Moodle "Pimp ton Moodle"

      • Etape n°2

        Regarder attentivement tous les exemples qui vous sont proposés

      • Etape n°3

        Créer vos propres exemples et pour chacun des Bootstrap qui ont été spécialement paramétrés pour vous !

    • Etape n°1

      Vous rendre sur votre espace de cours Moodle "Pimp ton Moodle"

      Etape n°2

      Regarder attentivement tous les exemples qui vous sont proposés

      Etape n°3

      Créer votre propre exemple

  • Ma section test

    • Du super contenu qui me plaît

      Content Collapse #2
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

      Content Collapse #3
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

      Content Collapse #3
      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

  • Astor was here

    • Welcome to Pimp ton Caseine!

      Etape n°1

      Comprendre que ceci est une timeline

      Etape n°3

      Lire les contenus de la timeline

      Etape n°4

      Se rendre compte qu'on a oublié l'étape 2