1. Conception et
développement de
cours en ligne
Yvonne RANARIVELO
Ange RAKOTOMALALA
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
2. Les principales étapes
Test - validation
Construction 4
des interfaces
Elaboration des 3
Situations d’apprentissage
2
Structuration des
contenus
1
Etude préalable
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
3. Phase 2 Phase 3
Structuration Situations Interfaces
des contenus d’apprentissage
Phase 1
Phase 4
Etude préalable Test - Validation
Cahier des Charges
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
4. Conditions d’insertion
Bénéfices attendus
Public cible
type d'usage
contexte d'usage
modalités
pédagogiques
modalités d'accès
aux matériels
supports matériels
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
5. Analyse
des ressources et contraintes
Ressources humaines Contraintes
organisationnelles Facteurs
Facilitateur de
l’introduction bloquants de
des TICE l’introduction
des TICE
techniques
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
6. IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
7. Les Composantes D’un Cours
A Distance
Support
Contenu Évaluation
à l’apprentissage
Activités Activités
d’apprentissage d’encadrement
Administratif
Cognitif
Affectif
Métacognitif
8. Structuration pédagogique des contenus
Modularisation
des contenus
Répartition selon
leur granularité
Scénario de mise
à distance
Mode et type
d’évaluation
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
9. Pour caractériser l'organisation
pédagogique d'un cours, on fait très
souvent référence à la notion de module.
On parle de cours modulaire, de
formation modulaire ou encore de
modularisation des contenus.
10. découper en entités pédagogiques
cohérentes de telle sorte qu’elles
soient abordables et traitables
- soit dans n’importe quel ordre
- soit dans le cas d’une progression
obligatoire, avec un investissement
temps adapté à la disponibilité
des apprenants sur une période donnée
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
11. Module - Cours modulaire
Module = ensemble de Ce qui donne sa cohérence à
situations d’apprentissage l ’ensemble ce sont:
organisées comme un tout
cohérent . • les objectifs
• la stratégie
pédagogique
Métaphore du puzzle
Caractérisé par:
Module polyvalent • Objectifs
s’intégre dans d’autres ensembles • Pré-requis exigés
12. Les trois systèmes d’un
module de formation
Système d’entrée
Système d’ apprentissage
Système de sortie
13. Le système d'entrée
prend en charge la gestion des flux
d'étudiants à l'entrée du module:
présentation des objectifs
pré-test: contrôle de maîtrise
d’objectifs
test d’entrée: vérification des pré
requis nécessaires pour suivre le
module de formation.
14. rendre connaissance Système d’entrée Orientation en
des objectifs fonction du
système de
sortiee
oui
Objectifs
adaptés aux
oui Passer le non Test d’entrée
besoins de Test
prétest Prétest et/ou
l’apprenant? d’entrée
réussi? vérification du
? réussi?
prérequis
oui non
non
Autre module Autre module Autre module
(rattrapage d’entrée)
Système d’ apprentissage
Système de sortie
15. La présentation des objectifs à
l'entrée d'un module de
formation remplit deux fonctions:
•Une fonction
d'apprentissage
•Une fonction d'orientation.
16. Le système d'apprentissage
rassemble
Les informations sur le contenu
(présentation, descriptif du cours),
Un plan du cours
Nom de l’auteur
Le contenu
Les éléments d’aide à
l’apprentissage
les activités d'apprentissage
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
17. Système d’ entrée
Système d’apprentissage
Orientation
en fonction Orientation
Unité2
Unité 3 en fonction
du système Unité1 Unité2
d’entrée du système
de sortie
ok?
ok? ok?
Système de sortie
18. Composantes essentielles
du système d’apprentissage
les informations sur les contenus
les activités exigées des élèves
les éléments favorisant la structuration
les aides mises à la disposition des
apprenants
19. Les informations sur les contenus
En fonction des objectifs établis et en tenant
compte de la population visée, il s'agira en utilisant
un style précis et direct de communiquer à
l'apprenant les éléments de contenu sur lesquels il
sera amené à exercer son activité.
communiquer efficacement des informations à l'apprenant
l'amener à agir par rapport à ces informations
20. Ces éléments pourront être communiqués
directement dans le module mais aussi être
recherchés en dehors du module.
C'est par exemple le cas pour un cours sur
internet dans lequel on propose à l'apprenant de
consulter un certain nombre de sites web ou
encore, pour un cours de géographie à
l'occasion duquel l'apprenant est amené à
consulter des ouvrages disponibles en
bibliothèque.
21. Les activités exigées des apprenants
Base de l’apprentissage = une appropriation
active des connaissances par l'apprenant
Solliciter en permanence son activité.
Deux modalités selon lesquelles un cours
d'autoformation peut être organisé pour
solliciter l'activité des apprenants:
Activités locales
Activités globales
22. Activités locales
Les activités peuvent être imbriquées dans
les contenus. Dans ce cas, les contenus
seront présentés par petits éléments suivis
chacun par une ou plusieurs activités
exigeant de l'apprenant qu'il mette en œuvre
les éléments qui viennent de lui être soumis.
Cette manière de faire est directement
inspirée des techniques de l'enseignement
programmé .
23. Activités globales
Les activités peuvent être séparées des contenus.
Les contenus sont présentés d'une manière plus
globale et les activités sont regroupées à la fin d'un
chapitre ou d'une partie de cours qui constitue un
ensemble cohérent. Dans ce cas, les activités
prennent souvent la forme de tests autocorrectifs
qui permettent à l'apprenant de se rendre
immédiatement compte de son niveau de maîtrise
des compétences visées.
24. La structuration et la focalisation
Utilisation d'éléments d'emphase visuelle
(souligner, mettre en gras, encadrer…),
présentation de schémas, de figures, de tableaux
pour souligner les relations existant entre
différents éléments, recours à des cartes
conceptuelles pour relier différents concepts.
.
La focalisation participe à la structuration en
attirant l'attention de l'apprenant sur les points
essentiels et en préparant ainsi l'encodage et la
mémorisation du matériel.
25. Les aides mises à disposition
des apprenants
Aide à la navigation ou à la recherche: aider
l'apprenant à explorer efficacement le cours
Aider l'apprenant à organiser son apprentissage (aide
cognitive ou métacognitive): ex:glossaire, cartes
conceptuelles ou d'autres formes de représentations
spatiales des contenus.
Aide à la communication.
26. Le système de sortie
prend en charge la gestion des flux
d'étudiants à la sortie du module
La fonction principale du système
de sortie consiste, sur base des
résultats à l’épreuve appelée
posttest, à orienter l'élève à l'issue
de la formation
Le postest: permet de vérifier que
l’apprenant a bien maîtrisé les
concepts abordés dans le module
de formation
27. La fonction principale du système
de sortie consiste, sur base des
résultats à une épreuve appelée
posttest, à orienter l'élève à l'issue
de la formation
28. Système d’ entrée
Système d’apprentissage
Système de sortie
Nouveau module de niveau supérieur
Orientation vers
le système
oui d’apprentissage
Passer le Posttest
posttest
réussi?
Autre module dans un
non autre système
d’apprentissage
Remédiation (rattrapage) si possible
29. Un cours à distance doit être:
Attrayant
Accessible
Favoriser un haut niveau d’interactivité
30. Cours avec interactivité type”machine”
Grâce aux applications en langage Java, une
donnée externe induit une modification de la
plupart des données presentées à l’écran.
Cette donnée extérieure modifie la réponse
de la page, grâce à un programme qui
s’exécute au sein de la page HTML
Ex :Cours réalisé avec FLASH
31. Interactivité humaine en mode synchrone et/ou
asynchrone
Outils de communication synchrones
(téléphone - Chat - visioconférence)
asynchrones (messagerie, forum, listes de
diffusion
Ex. de simple formulaire envoyé par mail
vers l’auteur du site. Pb: Aura-t-on une
réponse?
Cette incertitude constitue une des
differences entre un cours fourni tel quel et
une formation engageant des prestations de
service
32. Le matériel le plus sophistiqué, s’il n’est pas
mis au service d’objectifs pédagogiques
pertinents ne contribue en rien à la formation
des apprenants !
33. Processus de développement de cours en ligne
Mobilisation des outils de conception
et d’interactions pédagogiques
Choix du langage de communication
scripto-audio-visuel
Gestion de l'activité
de l'apprenant
Interface de navigation
et interface de traitement
cognitif
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
34. L'interface de navigation
donne un ensemble de possibilités
qui permet à l'apprenant d'avoir
accès aux fonctionnalités du logiciel
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
35. L'interface de traitement
cognitif
a deux fonctions:
communiquer efficacement des
informations à l'apprenant
l'amener à agir par rapport à ces
informations
( tenir compte des zones d'écran
ayant les plus d'impact, des autres
structurants pédagogiques)
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
36. Le cahier des charges
reprend les temps forts de la conception
_______________________________________
Mobilisation des outils de conception et
d’interactions pédagogiques( acquisition des
connaissances procédurales pour la création de
contenus avec les logiciels selectionnés)
Mise en place du format des pages, des
procédures d’assemblage avec les fonctions
prévues: concepts, situation d’apprentissage,
simulation, exercices, QCM….. Soigner la page
d’accueil: navigation, présentation, annexes
(FAQ, Plan ,Aide, Plugin requis..)
Choix détaillé des contenus
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
37. L ’ergonomie de l ’interface
C ’est tous les moyens mis en oeuvre pour guider et
informer l ’apprenant afin d ’alléger le plus possible la
charge cognitive d ’information
On tente de placer l ’apprenant au centre du processus de
navigation et de prévoir tous ses cheminements intuitifs
Contrairement au livre il est difficile d ’avoir une vue
d ’ensemble d ’un site. Il faut aider à se créer mentalement
une structure que l ’apprenant découvre au fur et à mesure
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
38. Bâtir l ’organigramme (on dessine en
créant tous les liens logiques)
__________________________________________
Permet de visualiser ttes les routes et les
rétroactions possibles de l ’hyperdocument
éducatif (ex: on retrouve fréquemment une page
d ’accueil qui identifie les objectifs ainsi que le
menu principal)
Le 1er menu regroupe les blocs d ’information
sous un maximum de 5 à 7 unités
recommandation: maximum de 3 niveaux de sous-
menus et si possible intégrer un outil deTCI Atelier n°1
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD
recherche
ds le cas de gros volume de pages écrans
39. “surfer”= voyager grâce à des liens, d’une page à une
autre, en examinant par les titres le contenu d’une page
Menu
1.
2.
3.
4.
1 2 3 4
. . . . . . . .
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
40. Concevoir les gabarits
des pages-écrans
__________________________
• Pour uniformiser la présentation des
unités sémantiques du site (mise en
page, typographie, titre, texte,
emplacement graphique
ex: un gabarit pour le menu, un pour le
texte, un autre pour les activités
d ’apprentissage)
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
41. Eléments dans une page-ecran
____________________________________
• En-tête:
Titre du document
Bannière graphique
• Corps:
Sous-titre et contenu du document
• Pied de page
Barre de navigation (ensemble d ’icones ou de mots-clés)
Nom de(s) l ’auteur(s)
Droits d ’auteur
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
Date de mise à jour
42. Dimensions sécuritaires pour
afficher l’information dans les pages
640
480 350 pixels
600 pixels
<---------------------------->
Ecran de 13 à
15” (640x480)
670 pixels Aire maximum
sécuritaire pour
535 pixels la plupart des écrans
<------------------>
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
43. Production du matériel multimédia et de
l ’interactivité
_________________________________________
Acquisition des connaissances procédurales
nécessaires à la création des pages de contenu avec les
logiciels sélectionnés à cet effet: WebExpert, Dreamwaver..
Collecte et choix des images et des textes
Texte: lisible
Image: visible ( attention au format et à la taille)
Charte graphique
Mise en place des procédures d ’évaluation
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
44. Document téléchargeable
Offrir un lien vers un fichier contenant une version
compressée(ZiP pour PC, UNIX pour Macintosh) et
préciser: la taille du fichier (en nbre de kilo-octets), le
nbre de pages du document, la description du
contenu, le format du document
Formats téléchargeables:
PDF (Portable Document Format): à concevoir avec le
logiciel Acrobat de la Cie ADOBE. Pour le lire il faut
une application comme Acrobat Reader sur Adobe
TXT: format universel, pb dans le tranfert des accents
RTF (Rich Text Format): reconnu par la majorité des
logiciels de traitement de texte, conserve accent ,
style, mise en page
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
WordPC ou WordMac
45. Couleur du texte: contraste avec le fond
Déconseillé Texte Fond
rouge vert
rouge bleu
vert bleu
vert pâle blanc
jaune vert
Conseillé
violet blanc
gris pâle vert forêt
bourgogne gris pâle
ocre violet foncé
vert forêt geige
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
46. Images: principes de bases
Réduire à un maximum de 70K le document-image
Utiliser des images enregistrées en couleurs indexées
(GIF) qui ne contiennent que peu de oculeurs et un
fort contraste, sont visibles sur tt système.
Types d’images:
images graphiques: format d’image standard: GIF
(Graphic Interchange Format): s’affiche ds les pages
HTML.
Qques logiciels pour sauvegarder des images
GIF: Adobe, Paint Shop Pro, ImageReady...
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1
47. Image photographique:
Format JPEG (Joint Photographic Expert Group): pour
compresser les images photographiques haute
résolution
Qques logiciels pour enregistrer:
GIF Converter, Photoshop, JPEGView, ImageReady..
Icône graphique: symbolise une action
Carte-image: pour présenter un menu ou une carte
du site.: n’importe quelle image comme image
“cliquable”. Comprend 2 parties: l’image en tant
que telle et la carte des zones sensibles auxquelles
on associe des liens. Logiciel: WebFOAD TCI Atelier n°1
IST Diégo 04 au 08 Juillet 2011 Accompagnement
Map
48. Négociation des droits d’auteur
Lien utile:
https://cape.emn.fr/droits/co/droit_web.html
E. Moreau & S.Lorenzo : Le droit d'auteur et le droit à l'image
IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1