-
généralités
- Un étudiant retient :
10% de ce qu'il lit
20% de ce qu'il entend
30% de ce qu'il voit
50 % de ce qu'il voit et entend
70% de ce qu'il dit
90% de ce qu'il dit en effectuant une tâche qui s'y rapporte
-
2 types d'interactivité
-
fonctionnelle
- Concerne les relations entre un utilisateur et l'environnement matériel qu'il utilise
- L'interactivité fonctionnelle s'exprime par un ensemble d'actions
qui constitue le potentiel d'action offert à l'utilisateur, lié
notamment à la combinatoire possible
entre les différentes actions. » (Paquette)
- Il s'agit en particulier de toutes les indications qui permettent
d'orienter l'apprenant dans le document, de l'aider à gérer,
à construire sa lecture :
-Les références et les renvois internes aux autres pages ou parties du cours
-Le renvoi aux illustrations, schémas, tableaux
-L'utilisation de marques typographiques pour signaler la structure du texte, l'utilisation du texte, les activités attendues
-L'utilisation d'icones destinées à identifier la nature de l'information
…
-
intentionnelle
- concerne la communication entre l'auteur et son public.
Il s'agit de la reconstruction d'une situation d'interlocution
entre un auteur et son lecteur
- Interaction des personnes entre elles (communication interpersonnelle), en mode synchrone ou asynchrone, à
travers la technique.
Interaction humaine, donc, où l'ordinateur n'est qu'un véhicule, un canal de transmission, un lien physique
entre personnes.
- l'auteur pourra reconstituer une forme de relation,
médiatiser la communication au travers du contenu
en interpellant le destinataire, en s'adressant à lui,
en l'impliquant.
-
les composantes des systèmes interactifs
-
la rétroaction (feedback) :
- C'est le retour d'information (réponse) de l'ordinateur
permettant de contrôler la pertinence de l'action
effectuée de l'utilisateur et éventuellement
de le renseigner sur son/ses erreurs.
-
le controle
- que l'utilisateur peut exercer
-
la production
- la potentialité, pour l'utilisateur, de produire
-
la création
- la potentialité, pour l'utilisateur, de créer, de co-construire
-
la communication
- la potentialité, pour l'utilisateur, de communiquer
-
l'adaptabilité
- (au profil et au comportement de l'utilisateur, au temps, au lieu, etc
-
interactivité utilisateur / machine
utilisateur / machine / utilisateur
-
interactivité technique
-
interactivité réactive
- « Qui répond à une action extérieure. »
L'apprenant répond aux sollicitations de son
environnement.
Il n'intervient que sur proposition du programme.
- mode de travail pédagogique de type transmissif
polarisé sur les savoirs à maîtriser
-
interactivité sélective
- Les relations actions-conséquences (actions de l'utilisateur, réalisations/réponses de la machine)
sont toutes prévues par le programme en un nombre déterminé par avance (menus déroulants, etc).
L'utilisateur subit la situation.
-
interactivité pro-active
- L'apprenant entreprend une construction personnelle face à un contexte que lui propose l'ordinateur.
Il détermine sa cible et sollicite la « machine » pour l'atteindre et pour définir avec elle son parcours.
Le mode pro-actif utilise très peu la fonction de rétroaction.
-
Interactivité mutuelle
- L'apprenant et le système informatique « intelligent »
(système expert, etc) s'adaptent mutuellement
-
moyens
- avec la souris
- pointeur
- rollover
- drag and drop
- clic gauche ou droit
- roulette
- avec le clavier
- avec l'écran tactile
-
interactivité humaine
-
interactivité interpersonnelle
- L'apprenant apprend avec les autres
(travaux de groupes, travail collaboratif).
- plus l'étudiant est actif plus il retient
-
palette des possibilités que permet la technique
état de l'art
- Choisir un parcours d'apprentissage et une progression en fonction du niveau et des habiletés de l'étudiant.
- Parcourir un cours dans un ordre libre, tout en repérant ce qui reste à parcourir
- Poser des questions en fonction de sa compréhension
- Donner des réponses immédiates
-
concrètement
-
bien construire les possibiltés de navigation dans le cours
- On parle ainsi de "navigation" à propos du libre parcours
de celui qui passe d'un document à un autre,
sans qu'on ordre préalable soit fixé, ni même proposé.
Dans ce contexte, l'activité exploratoire de l'apprenant est privilégiée.
- existence de plusieurs cheminements disponibles à partir d'un même point de départ
-
typologie des liens
-
fonctionnelles
- passer d'une page à une autre, ou encore de revenir en arrière,
voire de parcourir les diverses rubriques d'un sommaire
avec un certain automatisme.
-
sémantiques
- un mot renverra à une définition, une illustration, une page d'approfondissement,
-
pédagogiques
- un lien pourra renvoyer à un exercice d'évaluation par exemple.
-
une navigation efficace c'est :
- Fournir de l'information à un niveau assez général, pour donner une idée d'ensemble du site
- Fournir de l'information à un niveau très détaillé, pour permettre de localiser une information précise
- Permettre au lecteur, où qu'il se trouve, d'atteindre la page d'accueil et la carte du site
-
Faire en sorte que le visiteur ne se sente jamais perdu.
- Les aides à la navigation pourront être essentielles
pour permettre la structuration des connaissances.
- étaler progressivement la diffusion
des ressources pédagogiques
au fur et à mesure de la progression de l'apprenant
-
guider l'utilisateur
- = parcours guidé
-
une navigation inefficace c'est :
-
attention
- l'ajout de liens dans un document ne doit pas conduire au chaos
et conduire l'apprenant à être sésorienté
-
différentes architectures de navigation
-
ce que permet la technique
-
hyperliens
- nbr de liens max. recommandés ?
- éviter l'effet labyrinthe
- en phase de recherche
- forte densité de liens
- max. 20 liens dans une page d'accueil
- max 5 liens intégrés dans un contenu
- en phase de consommation
- ne pas encourager la digression
- regrouper le liens en marge, dans un encart du type "pour en savoir plus"
- comment doivent se présenter les liens ?
- max 5 mots
- discriminant
- explicite
- intéressant de lui associer une description supplémentaire par roll over
- aux couleurs standards
- pour les liens non visités
- pour les liens visités
- souligné
- qui s'ouvrent dans une nouvelle fenêtre pour l'apprenant ne "perde" pas la page d'origine
- hypertextes ou hyperimages ?
- hyperimages
- les moins
- - temps de chargement
- - on ne peut pas savoir à l'avance
si l'image est interactive
(contrairement à un hypertexte)
- - on ne peut pas savoir si le lien a déjà été activé
- les plus
- efficacité cognitive si elle est associée à un texte
-
aide à la navigation
- on parle de guidance
- l'utilisateur doit savoir
- où il est
- par où il est passé
- où il peut aller
- avoir une vue globale du contenu du site
- la navigation doit être conçue de façon à :
- a être intuitive
- faire apparaitre les rubriques dans l'ordre logique d'utilisation
- la navigation doit contenir
- le logotype du site qui renvoie à la page d'accueil
- une zone de navigation primaire pour accéder au 1er niveau du site
- une zone de navigation secondaire pour accéder au second niveau du site
- outils d'aide à la navigation
- barre de navigation
- menus déroulants
- onglets
- rollover
- boutons de navigation
- fil d'ariane ou chemin de progression
-
utiliser des multimédias
-
le texte
- utilisation en e-learning
- communication - interactivité
- avantages
- inconvénient
-
précautions et contraintes techniques
- Lorsque vous affichez du texte à l’écran, veillez à ce qu’il soit clair et lisible.
- > Si possible, utilisez des diagrammes, des graphiques et des schémas pour faciliter la compréhension des apprenants.
- > Utilisez les conventions graphiques invariablement ; par exemple, le style italique doit toujours être utilisé pour le même but.
- > Utilisez des listes ou des tableaux pour aider les apprenants à organiser l’information.
- > Utilisez des puces ou des espaces pour séparer les éléments d’une liste ou attirer l’attention sur ces éléments.
- > Tenez compte des espaces (entre les mots, entre les lignes, entre les paragraphes) pour améliorer la lisibilité de votre texte.
- les 2 formats les + utilisés
- PDF
- HTML
-
les images fixes
-
utilisation en e-learning
- illustrations, les photos, les diagrammes et les icônes
et vont de la photographie réaliste à des représentations
schématiques ou même des tableaux.
-
communication - interactivité
- attirer l’attention sur un élément de contenu particulier ;
- suggérer des analogies entre un contenu nouveau et des connaissances familières ;
- faciliter la compréhension des concepts ;
- simuler un environnement de travail et des situations réelles ; et
- rendret le matériel plus intéressant, ce qui tend à améliorer la motivation des apprenants.
-
avantages
- Illustrer, montrer, expliquer,
aider à comprendre et à mémoriser.
- inconvénient
-
mise en oeuvre
- précautions et contraintes techniques
- Respecter les formats d'images compatibles avec le Web : GIF, JPEG et PNG.
Vérifier que la taille de l'image ne dépasse pas l'espace disponible à l'écran.
- se former à l'utilisation d'images
- site du CRDP de Grenoble
- des outils
- créer des interactions à partir d'une image fixe
- Images Actives
- trouver la source d'une image
- différents outils
-
animation
-
utilisation en e-learning
- format Flash ou HTML5.
- communication - interactivité
-
avantages
- Montrer le fonctionnement d'un mécanisme,
simuler un environnement, expliquer
un schéma de circulation.
- bien dans les dommaines techniques et scientifiques
- possibilités de manupuler un objet (haut nx d'interactivité)
-
inconvénient
- souvent l'enrichissment de la forme cache une certaine
pauvreté de contenu pédagogique
-
mise en oeuvre
- précautions et contraintes techniques
- Utilisez des flèches pour attirer l’attention vers certains détails ou pour signaler la direction du mouvement.
- Découper les animations longues ou complexes et permettre aux apprenants
d’accéder à chaque partie à leur propre rythme, plutôt que
de jouer toutes les parties en continu
(p. ex. en ajoutant des boutons Lecture et Pause).
- Limiter l’utilisation des effets d’animation du texte
parce qu’ils ne remplissent aucune fonction pédagogique
et peuvent irriter les apprenants.
- se former à la création d'animations
- des outils pour créer des animations
- Draw SWF
-
audio
-
utilisation en e-learning
- Supports complémentaires(témoignages, illustrations sonores,
conférence, enregistrement de questions-réponses, d'échanges)
- quand privilégier l'audio ?
- expliquer les illustrations avec un message audio améliore l'apprentissage
- Le seul cas ou la simultanéité texte – audio est efficace, c'est quand il n'y a pas d'illustration.
- L'addition d'un "agent d'apprentissage"(learning agent)-
un personnage qui formule les consignes, et procure une aide-
améliore également l'apprentissage. Et ceci, quelque soit
le degré de réalisme de son apparence…
- ce learning agent n'a même pas besoin d'être visible
- quand ne pas utiliser l'audio ?
- expliquer une illustration avec un audio et un texte peut nuire à l'apprentissage
- lorsqu'ils sont sans cohérence avec l'objectif pédagogique : musique ambiance, bruits environnementaux ...
- le ton
- le ton de la conversation, si possible personnalisé
- typlogie
- podcast
- comment faire ?
- s'abonner à des podcasts
- i-tune
- juice
- noopod
- transférer des podcasts sur un lecteur
- s'enregistrer
- Audacity
- monter de la bande son
- Audacity -Windows
- GarageBand -Mac
- diffuser le podcast
-
communication - interactivité
- Utilisables en temps réel ou en temps différé
- Diffusion multipoint (multicast, multiutilisateurs)
- Pas d'interactivité
-
avantages
- Contenus souvent existants
- Media assez facile à traiter
- Faible coût
- Productivité
-
inconvénients
- Opérations de restructuration et de redécoupage assez complexes
- Support difficile à utiliser seul
-
mise en oeuvre
- précautions et contraintes techniques
- Prévoir une transcription à l'écran car il est toujours possible
que les apprenants n'aient pas accès à l'audio.
Bonne qualité technique indispensable.
-
vidéo
-
utilisation en e-learning
- Télévision, cassettes, CDROM, DVD, Diffusion numérique sur Internet
- Supports d'appui, témoignages, observations
-
communication - interactivité
- Utilisables en temps réel ou en temps différé
- Diffusion multipoint
- Pas ou peu d'interactivité
- attention, cela évolue
- créer une vidéo interactive sur youtube
-
avantages
- Dimension multimédia
- Supports vivants proches des situations réelles
- Productivité
-
inconvénient
- Contenus rarement préexistants
- Equipement lourd, montage complexe
- Pb de coût
- Pb de capacité des réseaux de diffusion
-
typologie
- vidéocast
- screencast
- Le screencasting est l'enregistrement en vidéo des manipulations
que fait une personne sur l'écran de son ordinateur, accompagné,
ou pas, de ses commentaires audio.
-
mise en oeuvre
- s'abonner à des vidéocast
- trouver des vidéos pédagogiques
- réaliser une vidéo avec un téléphone portable
- monter une vidéo
- montage en ligne
- application google wevideo
- logiciels libres
- vidéo maker pro (pour plateforme Androïd)
- logiciels auteurs
- pinnacle studio
- camtasia
- adobe premiere
- capture et montage en ligne
- screentoaster.com
- réaliser un tutoriel vidéo
à partir de captures d'écrans
- logiciels installés localement
- wink
- camtasia
- comparatif outils de screencast
- Utiliser un module d’extension
Firefox pour Mac et PC
- liste de 10 logiciels de capture
- capturer des vidéos en ligne
- keepvid
- YoutubeDownloader
(seulement celles de Youtube)
-
diaporama
-
utilisation en e-learning
- formats
- PDF
- flash
- html
- communication - interactivité
- avantages
- inconvénient
-
mise en oeuvre
- précautions et contraintes techniques
- se former à la création d'animations
- des outils pour créer des animations
-
carte mentale
- utilisation en e-learning
- communication - interactivité
- avantages
- inconvénient
- mise en oeuvre
- typlogie des multimédias
- learning agent ou mascottes
-
des outils pour scénariser
-
générateurs de test et d'exercices
- outils libres
- Hot Potatoes
- NetQuiz
- JClic
- outils auteurs
- Questionmark-Perception
- Edumatic
-
les convertisseurs / enrichisseurs
- s'appuient sur des présentations de type Powerpoint
- outils libres
- iSpring
- outils auteurs
- Speechi
- Articulate Presenter
-
démonstrateurs / simulateurs
- pour réaliser des tutoriels à partir de captures d'écrans
- outils libres
- Wink
- outils auteurs
- CamStudio
- Captivate
- Camtasia
-
ateliers et chaînes éditoriales
- concevoir des parcours pédagogiques complets incluant des activités variées
- outils libres
- Scenari / Opale
- ExeLearning
- MOS Solo
- outils auteurs
- Elearning maker
- Toolbook
- Authorware
-
des ressources libres de droits
- site du CRDP de Grenoble
- proposer des tests ou exercices d'auto-évaluation