Après avoir encadré plusieurs dizaines de projets TIC d'enseignants, nous vous exposons les activités que nous avons mises en place pour les aider à passer du papier à l'écran ... Une démarche de scénarisation pas du tout évidente !

1. Intégrer les TIC dans un cours,
une démarche inspirée de la pratique
Isabelle Motte, Grégoire Vincke,
Marcel Rémon, Eric Depiereux
FUNDP - Namur

2. Le stage multimédia CUD
Quelques chiffres :
● 3 mois de stage;
● 15 participants
par stage;
● 6 stages organisés.
Dispositif pédagogique :
● Formation pédagogique et technique;
● Projet personnel impliquant les TIC

3. Le stage multimédia CUD
Quelques chiffres :
● 3 mois de stage
● 15 participants
par stage
● 6 stages organisés
Dispositif pédagogique :
● Formation pédagogique et technique
● Projet personnel impliquant les TIC
Déroulement ?

4. Les étapes du projet personnel
2 semaines 3 semaines 2 semaines 6 semaines
Description Maquette Premier Autres
du produit du produit module modules

5. Les étapes du projet personnel
2 semaines 3 semaines 2 semaines 6 semaines
Description Maquette Premier Autres
du produit du produit module modules
Les étapes préliminaires de scénarisation du cours
couvrent presque la moitié du stage !
Une démarche importante que les enseignants
intègrent difficilement à leur pratique :
le passage du papier à l'écran ...

6. Une étape préalable essentielle ...
Une description du produit :
● le public cible;
● les objectifs;
● la valeur ajoutée espérée avec les TIC;
● le dispositif pédagogique associé;
● Une critique détaillée de sites de cours
analogues.
La critique d'autres cours permet de faire
émerger les étapes de la scénarisation
de manière très naturelle ... Let's do it !

7. Si vous deviez définir les
caractéristiques d'un
bon cours en ligne ...

8. Si vous deviez définir les
caractéristiques d'un
mauvais cours en ligne ...

9. Scénariser un cours pour le web
ser
a ri u
P ré v
d e s m o ir
dul ten édias
Mo on
l ec
Prév o ir
d e s a o ir cev face
o n te r
ctivit C n
és
unei

10. Scénariser un cours pour le web
ser
a ri u
P ré v
d e s m o ir
dul ten édias
Mo on
l ec
Appliquons cela
dans vos cours ...
Prév o ir
d e s a o ir cev face
o n te r
ctivit C n
és
unei

11. Modulariser le contenu
... pas facile pour des professeurs qui ont
appris dans les livres ...
Concept 1 Concept 2 Concept 3 Concept 4
... et qui ont une vision
très linéaire de leur cours !

12. Modulariser le contenu
... un atelier intense à l'aide de cartes
conceptuelles !
Concepts Concept
Concept
antérieurs postérieurs
clé
dans le cours dans le cours

13. Modulariser le contenu
... un atelier intense à l'aide de cartes
conceptuelles !
Concepts
antérieurs
dans d'autres
cours
Concepts Concepts
Concept
antérieurs postérieurs
clé
dans le cours dans le cours
Concepts
antérieurs
d'autres années
d'étude

14. Modulariser le contenu
... un atelier intense à l'aide de cartes
conceptuelles !
Concepts Concepts
antérieurs postérieurs
dans d'autres dans d'autres
cours cours
Concepts Concepts
Concept
antérieurs postérieurs
clé
dans le cours dans le cours
Concepts Concepts
antérieurs postérieurs
d'autres années d'autres années
d'étude d'étude

15. Modulariser le contenu
... un atelier intense à l'aide de cartes
conceptuelles !
Concepts Concepts
antérieurs postérieurs
dans d'autres dans d'autres
cours cours
Concepts Concepts
Concept
antérieurs postérieurs
clé
dans le cours dans le cours
Concepts Concepts
antérieurs Exploitation postérieurs
d'autres années en situation d'autres années
d'étude professionnelle d'étude

16. Modulariser le contenu
Un exemple de carte ...
Atypies cytonucléaires
+ mitoses
Propriétés fonctionnelles
Des cellules cancéreuses
Tissu cancéreux Différentiation Grade
histopronostic
du tissu
cancéreux
Modifications du (bien,
comportement moyennement
des cellules cancéreuses ou peu
différencié)
Stroma cancéreux
Carte conceptuelle réalisée par Mariam Amrani (Université de Rabat)

17. Intégrer des médias
audio animation
vidéo
flash
image animation
Média diaporama
= tout ce qui
image
animée
est visuel applet
java
vidéo
de capture animation
d'écran javascript
(screencast)

18. Intégrer des médias
Commencer par imaginer
le média, l'animation
qui pourrait aider
à faire comprendre un concept ...

19. Intégrer des médias
CONTENU
Atypies cytonucléaires MEDIAS
+ mitoses
Propriétés fonctionnelles
Des cellules cancéreuses
Tissu cancéreux Différentiation Grade
du tissu histopronostic
cancéreux
Modifications du (bien,
comportement moyennement
des cellules cancéreuses ou peu
* Tableaux
différencié)
* images
en fonction
des organes
Stroma cancéreux images (sein, ovaire,
rein….)
Images
Carte conceptuelle réalisée par Mariam Amrani (Université de Rabat)

20. Intégrer des médias
Exploiter les médias disponibles en ligne
● Attention aux droits d'auteurs !
« Tout ce qui n'est pas explicitement autorisé
est interdit. »
● Exploitez les ressources sous licence libre
« Creative Commons »
● Rechercher des médias sous licence CC :
http://search.creativecommons.org/

21. Intégrer des médias
Créer des médias et animations,
quelques logiciels gratuits à épingler :
● Retoucher des images avec The Gimp (libre);
● Enregistrer et retoucher des sons avec
Audacity (libre);
● Faire des captures d'écran vidéo avec
Camstudio (libre);
● Réaliser des petites animations Flash avec
E-Anim (propriétaire);
● ...

22. Prévoir des activités
Exercices
à correction Travaux
automatique
Activité
Exercices = tout ce qui rend Interaction
via
avec indice le visiteur actif forum
de résolution
Laboratoires Jeux de rôle
virtuels

23. Prévoir des activités
Comment choisir les activités ?
Celles qui permettent à l'étudiant d'apprendre !
Le modèle de l'apprentissage de Marcel Lebrun
Toutes ces dimensions doivent être présentes, mais pas
nécessairement via les technologies !
L'évaluation doit aussi être adaptée pour éviter un impact
nul des technologies.

24. Prévoir des activités
CONTENU
Atypies cytonucléaires MEDIAS
+ mitoses ACTIVITES
Propriétés fonctionnelles
Des cellules cancéreuses
Tissu cancéreux Différentiation Grade
histopronostic
du tissu
cancéreux
Modifications du (bien,
comportement moyennement
des cellules cancéreuses ou peu
différencié) * Tableaux
* images
en fonction
des organes
Stroma cancéreux images (sein, ovaire,
rein….)
Exercices
Exercices avec images,
Images avec Etude de cas Exercice avec images
images

25. Concevoir une interface
De nombreuses institutions
peuvent aujourd'hui utiliser une
plateforme de cours en ligne
qui permet aux enseignants de ne
plus trop se préoccuper des
questions d'ergonomie ...

26. Intégrer la scénarisation
dans une maquette du produit
Maquette = représentation détaillée du produit fini
● Dans notre stage, la maquette est un diaporama
de présentation (simple et pratique);
● La maquette est évaluée lors d'une présentation
orale devant tout le groupe des professeurs, ;
=> l'hétérogénéité du groupe est facilitante :
on évite le débat sur les contenus.
● Les débats sur les contenus sont menés avec
une personne ressource, un professeur du
même domaine.
=> le débat sur les contenus est séparé.

27. Intégrer la scénarisation
dans une maquette du produit
Maquette = représentation détaillée du produit fini
● Dans notre stage, la présentation des maquettes
est suivie d'une présentation argumentée du
choix technologique;
=> le contexte institutionnel est un facteur
essentiel à prendre en compte pour réussir.

28. Conclusions
● Nous insistons sur l'importance de la réflexion
préliminaire au développement d'un produit;
● La critique de cours analogues permet faire
émerger les axes de travail et de les intégrer;
● La scénarisation du contenu est un élément
déterminant de la qualité du produit :
- modulariser le contenu : faites des cartes conceptuelles !
- intégrer des médias : d'abord imaginer les visuels !
- prévoir des activités : informer, motiver, activer, interagir,
produire !
- concevoir une interface : avec les LMS, plus besoin !

29. Conclusions
● Il est recommandé de réaliser une maquette du
produit fini à critiquer en équipe;
● Nous suggérons de prévoir un débat sur les
contenus en équipe discipinaire;
● Le débat sur la scénarisation peut être mené
avec un groupe hétérogène de professeurs (c'est
même mieux selon nous !);

30. Scénariser un cours pour le web