Introduction

Depuis votre plateforme learning, vous pouvez intégrer des vidéos, du texte et des pages provenant d’autres sites web, dans des zones de texte spécifiques, dans des pages HTML dédiées au contenu pédagogique. Cela permet de rendre votre contenu pédagogique plus attractif pour les utilisateurs. 

Cet article décrit comment intégrer des vidéos ou des iframes provenant d’autres sites web dans des  pages HTML en tant que contenu pédagogique. 

A noter : vous pouvez créer des liens vers des vidéos YouTube, Wistia Vimeo, en tant que contenu pédagogique vidéo, sans utiliser les pages HTML dédiées au contenu pédagogique.

Créer un Contenu Pédagogique via une Page HTML

Connectez-vous à la plateforme en tant que Superadmin. Puis, accédez au Menu Admin depuis l’icône engrenage dans le coin supérieur droit de la page. Dans la section E-Learning, cliquez sur Gestion des Cours. Sur la page principale de Gestion des Cours, recherchez le cours dans lequel vous souhaitez téléverser un contenu pédagogique, cliquez sur la description du cours et passez à l’onglet Contenu Pédagogique. 

Cliquez sur Ajouter Contenu Pédagogique. Depuis le menu déroulant, sélectionnez Page HTML. Sur la page de téléversement, entrez le titre et la description dans les champs correspondants. Vous pouvez modifier le texte de la description, si nécessaire. Vous pouvez ensuite insérer des vidéos, photos, ou iframes comme vous le souhaitez. 

Insérer des Vidéos ou des Photos dans une Page HTML en tant que Contenu Pédagogique

Cliquez sur le bouton Insert Video dans la barre d’outils en haut de la boîte de texte de la description. Dans la fenêtre pop-up, complétez les différents champs comme demandé : 

• Source. L’URL de la vidéo.
• Alternative Source. Une URL alternative pour la vidéo. 
• Poster. Une image qui s’affiche avant la lecture de la vidéo. Cela sera l'image de couverture du contenu pédagogique. Cliquez sur l’icône dossier près du champ de texte pour téléverser une image. Une fois l’image sélectionnée, cliquez sur Insérer. 
• Dimensions. Vous pouvez déterminer les dimensions du contenu pédagogique si nécessaire (et choisir de conserver ou non les proportions). 

Vous pouvez également cliquer sur l’onglet Embed, pour configurer le code de la vidéo. Une fois terminé, cliquez sur OK. La vidéo s’affiche maintenant dans le champ de texte de la description du contenu pédagogique. Vous pouvez redimensionner la vidéo en faisant glisser les coins carrés de la vidéo. 

Astuce Accessibilité ! Utilisez le HTML sémantique afin que votre contenu soit accessible à tous. En savoir plus sur l'accessibilité dans votre plateforme. 

Passez ensuite à l’onglet Informations Supplémentaires, où vous pouvez entrer une description courte du contenu pédagogique et sélectionner une vignette. Vous pouvez également téléverser une vignette si vous le souhaitez. 

Vous pouvez également ajouter des balises à votre contenu pédagogique pour le rendre plus facile à trouver via la recherche globale de la plateforme. Si la fonction d'auto-tagging est activée sur votre plateforme, certaines balises peuvent être générées automatiquement d'après le contenu de votre contribution tel qu'il est interprété par l’Intelligence Artificielle de votre plateforme. Veuillez noter que cela ne fonctionne que pour le contenu en anglais, espagnol, français, allemand, italien et portugais. Vous pouvez modifier ou supprimer des balises à tout moment avec une limite de 15 balises par contenu pédagogique et de 32 caractères par balise (en savoir plus sur les types de contenu et les balises (s'ouvre dans un nouvel onglet)). Veuillez noter que pour des raisons de sécurité, l’intelligence artificielle de la plateforme n’accède pas au contenu privé (le contenu pour lequel une authentification est requise). Elle ne peut que générer des balises, de façon automatique, pour le contenu public. Lorsque vous téléversez du contenu privé, nous vous suggérons d’ajouter des balises manuellement. 

Cliquez ensuite sur Enregistrer les Modifications pour créer le contenu pédagogique qui apparaîtra dans la liste des contenus, sur la page Contenu Pédagogique du cours. Vous pouvez passer à la Vue Apprenant en cliquant l’icône de la barre d’actions en haut de la page Contenu Pédagogique. La Vue Apprenant vous permet de voir comment le contenu pédagogique apparaît pour vos utilisateurs. 

Ajouter des Iframes aux Pages en tant que Contenu Pédagogique

Vous pouvez ajouter des iframes à vos pages HTML, créées comme contenu pédagogique, afin d’afficher plusieurs pages web à l’intérieur de vos cours. Une fois que vous avez ajouté la page pour le contenu pédagogique, ajoutez un titre et une introduction dans la description, si nécessaire.

Pour pouvoir ajouter des iframes à un contenu pédagogique, vous devez d’abord insérer l’URL, que vous prévoyez d’inclure, dans la liste des URL autorisées par la plateforme. 

Pour cela, accédez au Menu Admin, puis cliquez sur Paramètres Avancés depuis la section Paramètres. Dans le menu Paramètres Avancés, sélectionnez l’onglet E-Learning. Dans la section Liste d’Autorisation Iframe, entrez l’URL dans le champ correspondant, puis cliquez sur Ajouter. L’URL s’affiche correctement dans votre plateforme. Veuillez noter que les URLs, dans la liste d’autorisation, n’acceptent pas les caractères génériques tels que les caractères de substitution (*) 

Une fois que vous avez ajouté l’URL à la liste d’autorisation, vous pouvez insérer l’iframe dans le contenu pédagogique HTML. Dans le champ de description situé sur la page de téléversement du contenu pédagogique, choisissez l’icône Source code.  

Insérez ensuite l’URL entre les deux balises

<iframe src="https://mydomain.com"></iframe>

Et remplacez https://mydomain.com avec l’URL que vous souhaitez insérer dans l’iframe. Veuillez noter que le contenu pédagogique n'est marqué comme terminé que lorsque l’utilisateur ouvre ce contenu. 

Bonnes Pratiques 

Gardez ces bonnes pratiques en tête pour créer et gérer une page HTML : 

• Utilisez une page HTML comme premier élément d’un cours vous permet de l'utiliser comme l'introduction du cours. L'avantage à utiliser une page HTML plutôt qu'un widget de Description de Cours est que la page HTML rend l’introduction du cours visible immédiatement, sans avoir à faire défiler la page vers le bas. 
• Utilisez la page HTML pour fournir des instructions sur l’utilisation du contenu pédagogique.
• Utilisez la page HTML quand vous souhaitez montrer un site ou une page web externe aux utilisateurs.