La page d’accueil du cours est probablement la première page que les voient lorsqu'ils accèdent à votre cours. Par conséquent, il est important de concevoir une page d'accueil qui permet d'améliorer l'expérience du cours. L'objectif est de positionner l'information utile à des endroits intuitifs, plutôt que de créer une page d'accueil si encombrée que vos étudiants éprouvent de la difficulté à y trouver les liens et les renseignements pertinents.
Qu’est-ce qu’un composant graphique?
Un composant graphique est une application, ou une composante d'une application, qui affiche des renseignements précis ou qui offre un moyen précis à l'utilisateur d'interagir avec l'environnement d'apprentissage. Il s'agit habituellement d'un raccourci comme un lien rapide vers l'introduction du premier module.
Quelle est la marche à suivre pour modifier ma page d'accueil?
Pour en savoir plus sur la façon de modifier la mise en page d’une page d’accueil ou le composant graphique qui s’y trouve, reportez-vous à la rubrique Composants graphiques système.
Mise en page
Lors de la conception d'une page d'accueil, la première étape consiste à choisir une mise en page. Brightspace met trois colonnes à votre disposition :
- Une mise en page comportant une seule colonne est très similaire à une page Web typique à l'extérieur de Brightspace. Elle est idéale pour les bannières, les grands éléments visuels et les éléments interactifs ou personnalisés.
- Une mise en page comportant deux colonnes est également très populaire. Elle vous permet de diviser la page en deux ou en format un tiers/deux tiers. Une mise en page comportant deux colonnes est généralement l’option la plus polyvalente et elle vous offre suffisamment d’espace pour présenter le contenu.
- Une mise en page comportant trois colonnes est souvent utilisée pour condenser beaucoup de contenu dans une seule vue. Elle a une apparence très encombrée et nous ne recommandons généralement pas d'utiliser ce modèle. Toutefois, il peut convenir à certaines circonstances (par exemple, trois listes similaires présentant des dates importantes, des nouvelles et des ressources).
Figure : Sélectionnez une mise en page en cliquant sur le bouton radio correspondant, puis cliquez sur Mettre à jour.
Lorsque vous pensez à la mise en page, tenez compte de la longueur de la page d'accueil et de la quantité de défilements requis. Un défilement minimal réduit l'effort cognitif, rend le contenu plus assimilable et aide vos utilisateurs à trouver plus facilement ce qu’ils recherchent. Cependant, ne sacrifiez pas un peu de défilement pour créer une page d’accueil comportant trois colonnes; il suffit que l’utilisateur puisse voir tout le contenu dès qu’il ouvre une session.
|
Remarque : Lorsque l'équipe des Services de création et d'apprentissage de D2L conçoit des pages d'accueil, elle utilise généralement la mise en page de base. Le grand panneau de gauche et le petit panneau de droite offrent suffisamment d'espace pour y déposer les composants graphiques les plus utilisés. |
Style visuel et organisation
La plupart des organisations ajoutent la bannière par défaut lors de la création d'un nouveau cours. Il est recommandé de conserver ce composant graphique pour faire une bonne première impression. Choisissez une image qui convient au contenu de votre cours (D2L recommande une taille d'image de 2400 x 960 pixels).
La bannière est aussi réactive!
Figure : exemple d'une bannière sur la de la page d'accueil d'un cours.
Gardez à l'esprit la façon dont un utilisateur observe la page. Peu importe les habitudes de lecture culturelles, les utilisateurs posent généralement leur regard dans le coin supérieur gauche, puis balaient l’écran vers la droite puis vers le bas pour repérer les mots pertinents. Alors, placez les informations les plus importantes là où les posent le regard en premier. La partie la moins regardée d'une page Web est le coin inférieur droit.
Ajout d'une bannière d'image du cours qui n'est pas activée par défaut
Si la bannière d'image du cours n'est pas activée par défaut par les administrateurs, vous pouvez l'activer depuis la page Information sur l'offre de cours. Vous devez disposer de l'autorisation Modifier l'image du cours et le texte de la bannière pour le faire.
Les images de cours sont utilisées pour le composant graphique Mes cours, la bannière d'image de cours et l'application Brightspace Pulse pour tous les appareils et toutes les résolutions d'écran. Bien que la taille d'affichage de la bannière soit de 1 170 par 200 pixels, il est recommandé de téléverser une image de 2 400 par 960 pixels pour vous assurer qu'elle s'affiche clairement pour tous ces scénarios. Les images sont automatiquement redimensionnées en fonction de l'emplacement et de l'affichage appropriés.
- Accédez à Administration de cours et sélectionnez Information sur l'offre du cours.
- Cliquez sur Parcourir sous l'en-tête Image du cours et sélectionnez une option pour déterminer l'emplacement de votre image.
Figure : cliquez sur l'emplacement désiré pour rechercher l'image de votre cours.
- Sélectionnez votre image.
- Sélectionnez Afficher l'image dans une bannière sur la page d'accueil du cours.
- Cliquez sur Enregistrer.
Modifier le titre d'image sur une bannière de page d'accueil
Les disposant de l'autorisation appropriée peuvent modifier le titre de l'image d'une bannière de page d'accueil. Le titre peut être changé pour afficher le nom de l'unité organisationnelle ou une valeur personnalisée (p. ex., Bonjour {Prénom}); il peut également être supprimé de sorte que la bannière n'affiche rien.
- Passez votre curseur au-dessus de la bannière de la page d'accueil ou appuyez sur la touche de tabulation pour accéder à la bannière de page d'accueil et afficher le menu Paramètres de la bannière.
- Cliquez pour ouvrir le menu et sélectionnez l'option Personnaliser le texte de bannière.
- Procédez de l'une des façons suivantes :
- Cliquez sur Nom de l'unité organisationnelle et entrez ou modifiez le nom. Il s'agit du titre par défaut qui s'affiche dans la bannière.
- Cliquez sur Personnalisé pour entrer un titre personnalisé (par exemple, Bonjour {Prénom}). Pour afficher des informations sur les autres chaînes que vous pouvez utiliser, cliquez sur le lien d'aide intégrée.
- Cliquez sur Aucun pour supprimer le texte actuel et n'afficher aucun titre dans la bannière.
- Cliquez sur Enregistrer.
Choisir vos composants graphiques
Une page d'accueil utile fournit l'information exacte dont l'utilisateur a besoin au moment où il en a besoin. Les pages d'accueil bien conçues devraient améliorer l'expérience d'apprentissage plutôt que frustrer l'utilisateur.
Une page d'accueil efficace devrait comprendre des composants graphiques qui servent à deux fins : la navigation et la communication.
Navigation
Offrir aux étudiants un accès rapide aux fonctions du cours les plus utilisées :
Figure : un exemple de page d’accueil offrant un accès rapide aux fonctions du cours.
- Utilisez le composant graphique Navigateur du contenu pour offrir un accès rapide aux modules et aux sujets de contenu. Cela élimine les devinettes quant à la façon de commencer l'apprentissage.
- Le composant graphique Mises à jour est utiles aux enseignants et aux élèves, car il fournit un aperçu de tout le travail qui nécessite une attention particulière. Il peut informer l'utilisateur d’une nouvelle rétroaction, des questionnaires auquel l’élève n'a pas encore répondu, des messages de discussion non lus et de nouveaux courriels, entre autres.
- Bien qu'il ne s'agisse pas d'un composant graphique, soyez sélectif quant aux liens que comprend votre barre de navigation et à l'ordre dans lequel ils sont affichés, de gauche à droite (selon l'organisation visuelle ci-dessus).
- Les liens sont-ils classés par ordre de fréquence ou de chronologie d'utilisation?
- Comprend-elle uniquement les outils utilisés dans ce cours?
- Les liens sont-ils tous nommés d’une manière efficace et intuitive?
| Remarque : Pour respecter les normes d'accessibilité et améliorer celle de votre mise en page, nous recommandons que le texte d'un lien soit identique à celui de sa destination. |
Assurez-vous d'inclure les outils Contenu, Notes (s'il s'agit d'un cours noté), Progrès de la classe et tout outil d'engagement et d'évaluation que vous utilisez (comme les Questionnaires ou les Travaux).
Communication
Ayez recours à une méthode vous permettant de partager des informations à jour sur le cours et des ressources en temps opportun à vos par le biais des outils Nouvelles ou Fil d'activité est utile pour partager les mises à jour, les nouvelles ressources, les rappels de cours, et plus encore avec l’ensemble de la classe. Il est recommandé de choisir l'un de ces deux outils, car ils possèdent des caractéristiques qui se chevauchent. Fil d'activités intègre une expérience sociale et permet aux élèves de commenter les publications; Nouvelles est davantage un outil de notification plus traditionnel permettant à l’enseignant de communiquer avec la classe.
L'ajout du composant graphique Calendrier est un excellent moyen d'aider les élèves à se tenir informés des dates d'échéance et des autres dates importantes du cours, comme les dates limites de dépôt, les jours fériés et plus encore.
Figure : un exemple de page d’accueil qui comprend une nouvelle à communiquer aux utilisateurs.
Réunir tous les éléments
Comment allez-vous choisir l'emplacement des différentes options sur la page? Commencez par la barre de navigation et identifiez les outils que les élèves utilisent le plus souvent. Nous vous recommandons de positionner l’outil Contenu en premier.
Si vous optez pour une mise en page comportant deux colonnes, assurez-vous que votre bannière se situe en haut de la page. Placez l’outil Nouvelles ou Fil d'activités dans le panneau de gauche, de sorte qu'ils soient visibles chaque fois qu'un utilisateur ouvre une session dans votre cours. Dans le panneau de droite, commencez avec le Navigateur de contenu, puis poursuivez avec Mises à jour et Calendrier.
Liste des composants graphiques du système
Les composants graphiques de système sont définis par la plateforme Environnement d'apprentissage de Brightspace. Vous ne pouvez pas modifier le contenu des composants graphiques de système ou les supprimer, mais vous pouvez modifier leur position dans votre page d'accueil et personnaliser leurs options d'affichage.
|
Composant graphique
|
Description
|
|---|
| Accéder à Google Workspace |
Permet aux utilisateurs d’accéder à Google Workspace à partir de la page d’accueil du cours, |
| Fil d’activité |
Fournit un emplacement central permettant aux formateurs de publier des messages et des affectations. Vous pouvez également ajouter des liens vers du matériel de cours et des ressources externes. L’outil Fil d’activité peut être configuré pour prendre en charge les commentaires des élèves sur les publications ainsi que les publications initiées par les élèves. |
|
Outils d’administration
|
Le composant graphique Outils d’administration affiche tous les liens administratifs disponibles et facilite l’accès aux outils qu’il vous faut pour gérer tous vos éléments. Le nombre de liens administratifs affichés dans le composant graphique Outils d’administration dépend des autorisations définies pour votre rôle dans l’outil Rôles et autorisations.
|
| Nouvelles |
Ce composant graphique transmet des informations et mises à jour importantes aux utilisateurs. Vous pouvez créer des articles de nouvelle au moyen de textes mis en forme, de diagrammes, de fichiers audio et de liens rapides. Vous pouvez également sélectionner la plage de dates et les conditions associées à la disponibilité d'une annonce. |
| Vérificateurs |
Permet aux utilisateurs d’avoir un rôle de vérificateur qui a des alignements avec les élèves ayant accès à l’affichage de leur progression d’utilisateur intercours sans que le vérificateur soit inscrit à des cours. |
| Classement des récompenses |
Le composant graphique Classement des récompenses est un composant système personnalisable qui peut être ajouté aux pages d'accueil des offres de cours ou à toute page d'accueil partagée. Il affiche les 10 premiers utilisateurs qui méritent un badge (récompense) lors du cours. Les administrateurs de cours peuvent configurer le Classement des récompenses de façon à afficher les élèves avec le Nombre de récompenses ou les Crédits les plus élevés, en ordre. Les élèves qui présentent le même nombre de récompenses ou de crédits et qui font partie des 10 premiers sont alors triés par ordre alphabétique de nom.
|
|
Signets
|
Ce composant graphique sert à marquer des pages du contenu du cours en y ajoutant des signets. On le retrouve généralement dans les pages d'accueil de l'offre du cours.
|
|
Calendrier
|
Ce composant graphique comprend un minicalendrier et une liste des événements à venir. Il affiche tous les événements du mois créés par les enseignants et les administrateurs. La sélection d'un jour du minicalendrier du composant graphique filtre la liste des événements en fonction de ce jour uniquement. La sélection d'un événement dans le composant graphique vous mène à cet événement dans l'outil Calendrier.
|
|
Capture
|
Le composant graphique Capture vous permet d'accéder aux fonctions d'enregistrement et de présentation de l'encodeur Capture de Brightspace et fournit aux apprenants des liens directs vers toutes les présentations Capture.
|
|
Navigateur de contenu
|
Ce composant graphique vous permet de parcourir le contenu du cours, d'afficher les sujets récemment consultés et de visualiser les sujets mis en signet à partir de la page d'accueil de votre cours. Vous pouvez accéder aux sujets récemment consultés et mis en signet à partir de la page d'accueil du Navigateur de contenu et utiliser le menu pour parcourir les différents sujets et modules du contenu du cours. À mesure que vous développez les modules de contenu, les options de navigation du haut de la page vous permettent de monter d'un niveau de module ou de revenir à la page d'accueil du Navigateur de contenu. Pour afficher un sujet, cliquez sur son nom pour l'ouvrir dans le volet de contenu. Le composant graphique Navigateur de contenu conserve votre point de sortie en mémoire lorsque vous retournez à la page d'accueil de votre cours.
|
| Composant graphique de navigateur de contenu |
Affiche les modules dans Contenu et indique la progression de l’utilisateur pour chaque module. |
|
Administration de cours
|
Ce composant graphique affiche les liens vers vos outils d'administration de cours. Le nombre de liens affichés dans le composant graphique Administration de cours dépend des autorisations définies pour votre rôle dans l’outil Rôles et autorisations.
|
|
Recherche Google
|
Ce composant graphique vous permet d'effectuer des recherches sur le Web à partir de votre page d'accueil. Les résultats de vos recherches s'affichent dans une nouvelle fenêtre au moyen de votre navigateur Internet par défaut.
|
| Google Workspace |
Affiche votre espace de travail Google et son contenu. |
| Kaltura |
Ajoute l’intégration de Kaltura à votre page d’accueil : une plate-forme infonuagique vidéo évolutive. |
| Composant graphique Récompenses pour les élèves |
Affiche toutes les récompenses d’élève possibles sur votre page d’accueil. Les élèves peuvent voir leurs propres récompenses et les récompenses disponibles dans votre cours. |
| Dépôt d’objets d’apprentissage |
Vous permet de rechercher dans votre dépôt d’objets d’apprentissage à partir de la page d’accueil de votre cours. |
| Composant graphique Multiprofil |
Permet de créer plusieurs rôles associés à un cours dans un même composant graphique et récupère les renseignements sur les utilisateurs dans leurs profils et la liste des participants inscrits afin d'afficher aux apprenants la liste des utilisateurs du cours et leur rôle respectif. |
|
Mes cours
|
Le composant graphique Mes cours affiche les offres de cours auxquelles les utilisateurs sont inscrits et auxquelles ils ont accès. Les utilisateurs peuvent épingler des cours dans le composant graphique et accéder aux pages d'accueil des cours en cliquant sur les tuiles de cours visées. Les tuiles de cours épinglées affichent des notifications relatives aux soumissions de travaux non évaluées, aux questionnaires et aux articles de discussion non lus.
|
| Mes unités organisationnelles |
Affiche toutes les unités organisationnelles de votre organisation dans Brightspace. |
|
Mes réglages
|
Ce composant graphique affiche uniquement les liens que l'utilisateur est autorisé à visualiser. Les autorisations associées se trouvent dans la section Réglages du compte de l'outil Rôles et autorisations. Les utilisateurs autorisés à modifier des offres de cours précises peuvent accéder à l'outil Administration de cours à partir du menu du composant graphique.
|
|
Office 365
|
Ce composant graphique vous permet de vous connecter à votre compte Office 365 en saisissant vos données d'identification. Lorsque vous vous connectez, le composant affiche une liste de vos courriels, événements de calendrier et documents OneDrive. Cliquer n'importe où dans le composant vous mène directement à vos courriels, à votre calendrier ou à OneDrive, selon l'onglet dans lequel vous vous trouvez. L'accès à un courriel, un événement de calendrier ou un document OneDrive individuel au sein du composant graphique n'est présentement pas pris en charge.
|
| Composant graphique Bannière de photo |
Affiche les images téléversées dans un carrousel. Les utilisateurs autorisés peuvent téléverser des images et ajouter un lien au carrousel, ainsi que personnaliser le style d’arrière-plan du composant graphique. Les utilisateurs disposant des autorisations appropriées peuvent ajouter ou supprimer des images et configurer l’arrière-plan. |
| Évaluation rapide |
Affiche toutes les activités de votre cours qui nécessitent une évaluation. |
|
Changement de rôle
|
Ce composant graphique vous permet de changer temporairement de rôle actif au niveau de votre organisation en sélectionnant le rôle visé dans une liste déroulante. Cela vous permet de naviguer dans l'unité organisationnelle en fonction des autorisations d'un autre rôle sans avoir à clore et rouvrir la session en vous faisant passer pour un autre utilisateur. Vous pourriez ainsi, par exemple, sélectionner un autre rôle pour examiner l'aspect de la page d'accueil du cours ou d'un questionnaire pour ce rôle.
|
| Composant graphique de carte de profil unique |
fournit une rédaction en ligne qui permet aux formateurs, animateurs, tuteurs et autres utilisateurs de se présenter aux élèves. Mettez l’accent sur les détails importants, comme votre photo, les détails sur les médias sociaux et d’autres renseignements biographiques importants. |
| Composant graphique Nouvelles simplifiées |
Vous présente, ainsi qu’à vos élèves, une vue simplifiée et plus courte des annonces. |
|
Tâches
|
Ce composant graphique vous permet d’afficher et de gérer les tâches dans l’outil Calendrier. Vous pouvez ajouter une date d'échéance et des notes explicatives à chaque tâche de façon à ce que le système puisse les trier au moyen des catégories Aujourd'hui, À venir ou Un jour (sans échéance).
Si vous indiquez qu'une tâche est accomplie, elle disparaît de la liste. Vous pouvez cependant sélectionner le lien Afficher les tâches accomplies pour examiner les tâches que vous avez terminées.
|
|
Mises à jour
|
Ce composant graphique peut être configuré de façon à afficher n'importe quel des liens suivants :
- Fichiers de soumission non lu
- Soumissions de travaux non évaluées
- Articles de discussions non lus
- Nouveau courriel
- Questionnaires non notés
- Questionnaires n'affichant aucune tentative
- Mises à jour relatives aux auto-inscriptions
Le composant graphique Mises à jour ne peut être configuré ou mis à jour que par un spécialiste des services d'implémentation de D2L ou le soutien D2L. Communiquez au besoin avec le soutien D2L pour faire personnaliser les liens affichés.
|
|
Liens d’utilisateur
|
Ce composant graphique permet aux utilisateurs de créer une liste personnelle de liens vers des sites Web externes.
|
| Composant graphique Table de matières visuelle |
Affiche une représentation visuelle des modules d’un cours sous forme de tuiles réversibles. Les élèves peuvent cliquer sur chaque tuile pour les retourner et pour révéler une description du module. |
| Composant graphique de la fenêtre d’accueil |
Affiche un message contextuel la première fois qu’un utilisateur ouvre une session dans un cours. Ce message peut inclure du texte, des images et même de courtes vidéos. |
| Tâches |
Le composant graphique « Tâches » fournit aux élèves un sommaire de leurs activités de formation en retard ou dont la date d'échéance ou la date de fin est ultérieure pour tous leurs cours (lorsqu'elles sont ajoutées à la page Accueil de l'organisation). Si le composant graphique « Tâches » s’affiche sur la page d’accueil du cours, le sommaire des activités de formation ne s’applique qu’au cours en question. |
Composants graphiques personnalisés
Vous pouvez également créer vos propres composants graphiques personnalisés pour répondre aux besoins que les composants graphiques standards ne couvrent pas, comme un composant graphique de profil contenant vos coordonnées.
Pour en savoir plus, consultez l'en-tête Créer un composant graphique personnalisé de la rubrique Gérer les composants graphiques sur votre page d’accueil.