Cours en ligne

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

Les principales étapes
Test - validation
Construction 4
des interfaces
Elaboration des 3
Situations d’apprentissage

2
Structuration des
contenus

1

Etude préalable


Phase 2 Phase 3
Structuration Situations Interfaces
des contenus d’apprentissage

Phase 1
Phase 4
Etude préalable Test - Validation

Cahier des Charges


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

Analyse
des ressources et contraintes

Ressources humaines Contraintes

organisationnelles Facteurs
Facilitateur de
l’introduction bloquants de
des TICE l’introduction
des TICE
techniques


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

Structuration pédagogique des contenus

Modularisation
des contenus
Répartition selon
leur granularité

Scénario de mise
à distance

Mode et type
d’évaluation

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.

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


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

Les trois systèmes d’un
module de formation

Système d’entrée

Système d’ apprentissage

Système de sortie

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.

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

La présentation des objectifs à
l'entrée d'un module de
formation remplit deux fonctions:
•Une fonction
d'apprentissage
•Une fonction d'orientation.

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


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

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

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

 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.

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

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é .

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.

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.

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.

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

 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

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

Un cours à distance doit être:
 Attrayant
 Accessible
 Favoriser un haut niveau d’interactivité

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

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

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 !

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

L'interface de navigation
 donne un ensemble de possibilités
qui permet à l'apprenant d'avoir
accès aux fonctionnalités du logiciel


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)


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

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

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

“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

. . . . . . . .


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)

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
Date de mise à jour

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
<------------------>

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


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
 WordPC ou WordMac

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

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...

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

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


Bon courage


Cours en ligne

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Cours en ligne

Ähnlich wie Cours en ligne (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (18)

Cours en ligne