Actualités

Utiliser des classes CSS dans Lectora

Lectora est un outil riche pour composer vos modules e-learning. Il intègre de nombreuses possibilités de styles pour vos zones de textes. Vous pouvez d’ailleurs enregistrer ces styles à l’identique d’un traitement de texte pour les réutiliser facilement dans tous vos modules e-learning. Une autre force de Lectora est la possibilité d’ajouter du code dans les écrans créés. Cela ouvre la porte à l’utilisation de CSS pour définir vos préférences d’affichage de texte en utilisant toutes la palette des fonctionnalités CSS. Voici la marche à suivre :

Tout d’abord insérez une Extension html sur la page dans laquelle vous souhaitez utiliser le code (ou à la racine du titre si vous souhaitez utiliser le CSS sur l’ensemble de votre module). Choisissez le Type Div personnalisée et  cliquez sur le Edition pour afficher la boite de saisie. Dans la boite de saisie, indiquez vos différentes classes CSS à la manière de l’exemple ci-dessous :

creer_div_css

<style>
 .chap
 {
 padding: 2px 5px;
 background-color: #f2f2f2;
 border: 2px solid transparent;
 -moz-box-shadow: 0px 0px 4px #000000;
 -webkit-box-shadow: 0px 0px 4px #000000;
 box-shadow: 0px 0px 4px #000000;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 }
 </style>

Puis rendez vous sur le bloc de texte, affichez ses propriétés et cliquez sur la petite flêche à côté de Aspect.

 

affecter_css

Indiquez simplement la classe souhaitée dans le champ proposé. Dans l’exemple ci-après, la classe chap est affectée au bloc de texte CH9 :

attribuer_css

Pour visualiser la bonne prise en compte du code, faite une prévisualisation dans le navigateur de voter choix.

Pour vous aider à écrire votre code, Arnaud notre développeur vous propose les quelques sites ressources suivants :

http://www.cssportal.com/

http://css3generator.com/

https://designmodo.com/css-editors/

 

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Avec iSpring, ajoutez des ressources à vos modules e-learning

Le logiciel de rapid learning iSpring permet d’ajouter très facilement des ressources à vos modules e-learning. Les ressources permettent à l’apprenant d’accéder à toutes sortes de documents pédagogiques, ou sites web, complémentaires à la formation suivie. Pour cela, il lui suffit de cliquer sur l’onglet « Ressources » et de choisir parmi la liste éventuelle de documents que vous aurez ajoutés ou aux liens vers les sites web.

Ajouter des documents en ressources

Pour ajouter des ressources à votre module e-learning, cliquez sur « Ressources » dans iSpring Suite.

Onglet_ressources

Puis cliquez sur « Ajouter une pièce jointe ».

piece_jointe

Ajoutez ensuite une à une vos pièces jointes à partir des documents souhaités de votre PC. Vous pouvez choisir de renseigner un titre pour votre document, celui qui apparaitra dans le module et sur lequel l’apprenant devra cliquer, puis validez. Vous pouvez également choisir l’option « Ouvrir dans une nouvelle fenêtre » afin que l’accès au document n’écrase pas une fenêtre ouverte. Cette astuce est pratique car elle permet à l’apprenant de consulter la ressource quand bon lui semble, et de la garder ouverte même lorsqu’il avance dans son module de formation.

ajouter

Ajouter des liens web en ressources

La méthode est similaire pour ajouter un lien web. Il suffit de copier-coller le lien de la page web sur laquelle vous souhaitez que vos apprenants tombent.

lien_web

Vos ressources apparaissent désormais dans votre module, et sont à la libre disposition de l’apprenant. N’oubliez pas de les inviter à consulter vos ressources grâce à la voix-off de votre module.

lecteur

Ajouter un document sur un seul écran

L’avantage de l’onglet Ressources  est sa disponibilité constante pour l’apprenant, mais c’est aussi parfois une limite. Dans certains cas nous souhaitons que l’apprenant accède à une ressource seulement sur un seul écran. Il existe une solution pour cela !

Pour ce faire, créez un lien hypertexte sur un objet de votre diapositive. Dans notre exemple, nous l’insérons sur une image.

base

Sélectionnez le document que vous souhaitez afficher quand l’apprenant cliquera sur votre objet. Dans la ligne « Adresse », rien d’autre que le nom exact de votre document doit apparaître, ainsi que son extension (Ex : .pdf). Cliquez ensuite sur « OK ».

selectionner_doc

Une fois que votre module est terminé, publiez-le.

publier

Important : Rendez-vous dans le dossier dans lequel vous l’avez publié, et déplacez le fameux document souhaité dans le dossier web de votre publication. Pour rappel, n’utilisez pas de caractères accentués dans les noms de pdf.

déplacementLancez ensuite le fichier « index.html » et vérifiez que votre lien hypertexte s’ouvre bien.

Les possibilités sont donc variées, votre apprenant a maintenant accès à des documents pédagogiques externes à votre module de e-learning, et tout cela grâce à iSpring !

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Dynamisez vos modules de e-learning avec des quiz dans iSpring

iSpring, le logiciel de rapid learning leader du marché international, offre la possibilité d’intégrer des quiz à vos modules de e-learning grâce à iSpring QuizMaker. Gardez vos apprenants engagés dans leur formation, et faites-les apprendre de façon plus ludique !

Intérêt des quiz et personnalisation

La création de quiz vous permet de maintenir l’intérêt des apprenants qui suivent la formation, grâce à un contenu interactif. La formation devient unique et attrayante.

Vous disposez d’un vaste choix de types de questions et de sondages qui permet de rendre plus divertissante la manière d’apprendre.

type_question 2type_question

Les possibilités sont riches et variées pour personnaliser le style graphique de vos quiz, et les ressources multimédias permettent de rendre plus attrayant votre quiz. Vous pouvez créer des questions audio et vidéo, ajouter des hyperliens, et des images à vos questions et choix de réponse, personnaliser le lecteur…
style

Le fait d’établir une limite de temps rend le quiz plus difficile et aide à évaluer l’acquis des connaissances.

 

Résultats de l’apprenant

Pour chaque question, iSpring QuizMaker offre la possibilité de paramétrer des commentaires personnalisés grâce à un feedback. Vous pouvez féliciter les apprenants pour leurs bonnes réponses, leur proposer de réessayer, ainsi que les aiguiller vers la bonne réponse.

feedback

Il est également possible de créer des parcours personnalisés pour chaque quiz. Les résultats peuvent être différents pour chaque question ou choix réponse. Grâce à cette fonctionnalité, le formateur peut identifier les forces et les faiblesses de ses apprenants, et soit les permettre de continuer le quiz soit de leur donner une explication de la bonne réponse.

resultats_apprenant

La notation est elle aussi personnalisable, ce qui permet d’évaluer les apprenants de façon équitable et juste. Vous avez le choix d’appliquer les mêmes paramètres de notation pour le quiz complet ou de les modifier différemment pour chaque question, par exemple en fonction de leur difficulté. Vous pouvez paramétrer la valeur de chaque question, en points positifs ou négatifs.

score

iSpring QuizMaker est également utilisable séparément de PowerPoint. Vous pouvez donc créer un quiz sans avoir de module e-learning.

Après avoir terminé un quiz ou une enquête, vous pouvez facilement les publier pour votre site Web, pour votre LMS ou pour une consultation locale comme une clé USB par exemple. La publication en HTML5 avec iSpring permet une lecture des quiz sur n’importe quel appareil : ordinateurs, smartphones, tablettes…

Téléchargez iSpring sur notre site ou participez à nos webinars de découverte, QuizMaker vous attend !

Facebooktwittergoogle_plusredditpinterestlinkedinmail
Page 1 sur 912345...Dernière page »