Lectora

Gérez les actions simplement dans Lectora

Lectora est un logiciel complet qui permet de développer facilement des modules e-learning très évolués. Avec Lectora, vous pouvez paramétrer très simplement des actions complexes !

La fonction de déclenchement d’action sur des objets dans Lectora est très facile à utiliser et à visualiser, ce qui est un plus lorsque l’on en a beaucoup.

Pour ajouter une action sur un objet (Page, bouton, zone de texte, image, audio, vidéo…) , il suffit de cliquer sur « Ajouter une action » soit par le menu du clic droit de la souris, soit par le bandeau supérieur.

image1

Les actions possibles apparaissent sous l’objet dans le menu de gauche.

Vous allez ensuite définir votre action dans le volet supérieur, en paramétrant :

  1. L’évènement déclencheurimage2
  2. Le délai éventuel entre évènement et actioni3
  3. La nature de l’actioni4
  4. La condition dans laquelle elle se réalise

Par défaut elle s’effectue « Toujours » mais vous pouvez définir des conditions, en utilisant des variables existantes ou que vous aurez définies vous-même.

image2

Vous pouvez ajouter autant d’actions que vous le souhaitez à un même objet, elles s’accompliront dans leur ordre d’apparition sous l’objet.

i5

Pour avoir une vision d’ensemble plus claire quand il y a beaucoup d’actions, ouvrez le « Volet action » par le menu supérieur. D’un seul coup d’oeil vous visualisez toutes les actions associées à un objet !

image6

Vous savez maintenant comment paramétrer simplement des actions complexes grâce à Lectora. L’utilisation de ces actions va vous permettre des créer des modules toujours plus interactifs et dynamiques qui répondront pleinement à vos attentes pédagogiques.  A vous de jouer !

Lectora : Effectuez un test gratuit de 30 jours

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Qu’est-ce que le Responsive Design ?

Responsive Course Design

Le Responsive Design est une approche dont la conception vise à offrir une expérience utilisateur confortable avec des supports différents, et qui s’adapte à une grande variété d’appareils : les téléphones, les tablettes et les périphériques de bureau. Le contenu est facilement utilisable sur ces appareils sans avoir recours au zoom, ce qui permet à l’utilisateur d’obtenir la meilleure expérience de contenu disponible sur chaque appareil. L’utilisateur peut ainsi consulter le même cours à travers une large gamme d’appareils avec le même confort visuel.

Il existe actuellement beaucoup de solutions Responsive Design sur le marché comme des bibliothèques JavaScript pour les programmeurs. Chacun fonctionne sur le même principe de base, le contenu est disposé sur une « grille fluide », qui s’adapte à la largeur de l’appareil sur lequel le contenu est affiché. Au fur et à mesure que la zone de vue diminue, le contenu est repositionné pour permettre la visualisation sans qu’il soit nécessaire de faire défiler le contenu horizontalement ou de zoomer.

Pourquoi le Responsive Design est utile ?

Chaque nouveau périphérique sur le marché a une nouvelle résolution d’écran, une taille différente, un nombre de pixels  différent. En raison de ce nombre variable de pixels, il devient assez complexe de savoir exactement comment votre contenu sera affiché sur un périphérique particulier. Vous devriez tester votre contenu sur tous les appareils de vos utilisateurs afin de savoir de manière définitive comment votre contenu sera affiché sur chacun. Ceci est particulièrement problématique lorque l’on passe d’une lecture en horizontal à une lecture à la verticale.

Nous cherchons donc à savoir à quoi ressemblera le cours sur un téléphone, une tablette, et nous devons prendre en considération les modes paysage et portrait.

La solution Responsive Course Design de Lectora

La solution consiste à concevoir en fonction du type et de l’orientation de l’appareil, au lieu de la largeur de l’écran. Cela nous donne 5 possibilités de conception pour :

  • Ordinateur
  • Tablette en paysage
  • Tablette en portrait
  • Smartphone en paysage
  • Smartphone en portrait

Le contenu se dimensionne automatiquement. La base de construction se fait en mode « Ecran d’ordinateur », puis se décline pour les autres devices.

1

  • Les modifications au niveau de l’ordinateur seront affectées partout;
  • Les modifications apportées au niveau de la tablette n’affecteront pas l’ordinateur, mais seront propagées sur le téléphone;
  • Les modifications apportées au téléphone affecteront uniquement les vues respectives du téléphone.

Les écrans mobiles (tablette et téléphone) réduisent le contenu pour qu’il corresponde à la largeur exacte de l’écran, avec un défilement vertical si le contenu est plus grand que la hauteur de l’écran. Les contenus affichés sur le téléphone seront les mêmes sur tous les téléphones, quelle que soit la résolution de l’écran sur ce téléphone.

Voyons comment un exemple de cours serait présenté sur plusieurs appareils.

Sur un ordinateur portable, vous avez un grand écran qui permet à l’utilisateur d’avoir de nombreuses options. Vous pouvez y inclure des éléments qui n’ont de sens que dans le contexte d’un cours sur ordinateur portable.

2

Lorsque vous visualisez le même cours sur un téléphone, votre zone d’affichage est considérablement réduite. Pour un écran en mode paysage, la zone visible est large mais pas grande. Dans ce cas, supprimer certains des boutons de navigation permet de réduire les tailles d’image, en donnant à l’utilisateur toutes les informations dont il a besoin.

3

Un téléphone en mode portrait est généralement le plus difficile à concevoir. Dans ce cas, nous avons allongé le bloc de texte et l’avons disposé autour des images, tout en chevauchant un peu les deux images. Encore une fois, cela nous donne toutes les informations, dans un format facilement utilisable sur l’écran du téléphone.

4

L’interface Lectora a été optimisée avec une barre en haut de la zone de travail qui vous permet de basculer entre les différentes vues en fonction de chaque appareil. Ainsi vous conservez toute l’architecture, les liens entre les parties, les animations…

5

Si quelque chose nécessite un ajustement, il suffit de déplacer l’objet et de l’adapter pour la version souhaitée. Par exemple, pour supprimer les boutons en mode paysage, comme dans les images ci-dessus, faites glisser les boutons hors de la vue.

6

Avec le Responsive Course Design de Lectora, chaque écran peut avoir sa propre mise en page, et une publication en HTML  plus performante, optimisée pour une visualisation sur tous les appareils et toutes les orientations.

Nous vivons dans un monde avec une grande variété d’appareils, Lectora vous permet de produire un contenu e-learning adapté à chacun d’eux.

Source : http://trivantis.com/whitepapers/responsive-course-design

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Mes 5 banques d’images gratuites et libres de droits

Il est parfois difficile de trouver LA bonne image : qui corresponde au message à faire passer, avec la bonne taille, et surtout une bonne qualité… On perd parfois un temps précieux !
Que ce soit pour illustrer votre site internet, un blog ou votre module de e-learning, chaque image doit être parlante et a son importance.
Je vous propose donc de découvrir quelques sites de banques d’images gratuites et libres de droit que j’utilise :

Pixabay

Les images, images vectorisées et vidéos sont sous licence CC0 qui permet au titulaire de droits d’auteur de renoncer au maximum à ceux-ci dans la limite des lois applicables, afin de permettre au plus grand nombre d’y accéder. Chaque image est disponible dans plusieurs tailles, et l’inscription gratuite au site vous permet de télécharger plus facilement leurs photos, et de profiter au mieux de toutes les images.

Vérifiez bien tout de même pour chaque photo qu’elles sont bien libres d’usages et sans attributions.

Pixabay

Pexels

Le site fonctionne sur le même principe que Pixabay. Les photos sont gratuites pour un usage personnel et commercial. Vous pouvez réutiliser les photos, les modifier… Tout cela sans  permissions particulières.

Pexels

Freepik

Cette banque d’images vous aide à trouver  photos, illustrations, PSD (Photoshop Document) et ressources vectorisées gratuits pour tous supports. Pour chaque ressource, une multitude de catégories sont proposées.

Freepik

Unsplash

De magnifiques photographies, avec un moteur de recherche qui se fonctionne bien. Pour chaque recherche, plusieurs sous-catégories sont proposées. Là encore, toutes les images sont dans le domaine public, vous pouvez les utiliser sans  limite.

Unsplash

SplitShire

Le créateur de ce site a décidé de partager ses nombreuses images, accumulées en 10 ans de photographie, que l’on peut télécharger et utiliser gratuitement à des fins commerciales et personnelles.

Splitshire

Ces quelques banques d’images gratuites sont bien pratiques pour illustrer les modules e-learning. Disposer d’une large gamme de ressources permet de varier les approches graphiques. Selon les sujets, utiliser une seule base réduit parfois les possibilités. N’hésitez pas à multiplier vos sources mais sachez aussi limiter vos recherches car le choix des illustrations peut s’avérer (très) chronophage surtout lorsque la qualité est au rendez-vous !

Facebooktwittergoogle_plusredditpinterestlinkedinmail
Page 1 sur 212