Cours en ligne

IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1

Conception et développement de cours en ligne

Yvonne RANARIVELO

Ange RAKOTOMALALA


Les principales étapes

Structuration des

contenus

2

3

Etude préalable

1

Elaboration des

Situations d’apprentissage

Construction

des interfaces

4

Test - validation


Cahier des ChargesCahier des Charges

Phase 1

Etude préalable

Phase 2

Structuration

des contenus

Phase 3

Situations

d’apprentissage

Interfaces

Phase 4

Test - Validation

Public cible

type d'usage

contexte d'usage

modalités

pédagogiques

modalités d'accès

aux matériels

supports matériels

Bénéfices attendus

Conditions d’insertion


Facilitateur de

l’introduction

des TICE

humaines

organisationnelles

techniques

Analyse

des ressources et contraintes

Facteurs

bloquants de

l’introduction

des TICE

Ressources Contraintes



Les Composantes D’un Cours A Distance

ContenuSupport

à l’apprentissage

Activités

d’apprentissage

Activités

d’encadrement

Évaluation

AdministratifCognitif

AffectifMétacognitif

Scénario de mise

à distance

Mode et type

d’évaluation

Modularisation

des contenus

Répartition selon

leur granularité

Structuration pédagogique des contenus


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


Ce qui donne sa cohérence à

l ’ensemble ce sont:

• les objectifs

• la stratégie

pédagogique

Module = ensemble de

situations d’apprentissage

organisées comme un tout

cohérent .

Métaphore du puzzle

Module polyvalents’intégre dans d’autres ensembles

Caractérisé par:

• Objectifs

• Pré-requis exigés

Module - Cours modulaire

Les trois systèmes d’un module de formation

Système d’ apprentissage

Système de sortie

Système d’entrée

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.

Système d’entrée

Système d’ apprentissage

Système de sortie

Orientation en

fonction du

système de

sortiee

Test

d’entrée

réussi?

non

oui

Prendre connaissance

des objectifs

Objectifs

adaptés aux

besoins de

l’apprenant?

?

non

Passer le

prétest Prétest

réussi?

Test d’entrée

et/ou

vérification du

prérequis

nonoui

oui

Autre module Autre module Autre module

(rattrapage d’entrée)

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

Système d’ entrée

Orientation

en fonction

du système

d’entrée

Orientation

en fonction

du système

de sortie

Unité1 Unité2

ok? ok?ok?

Système de sortie

Unité2Unité 3

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

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 autocorrectifsqui 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 de sortie

non

Système d’ entrée

Orientation vers

le système

d’apprentissage

Passer le

posttest

Autre module dans un

autre système

d’apprentissage

oui

Système d’apprentissage

Posttest

réussi?

Nouveau module de niveau supérieur

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 !

Gestion de l'activité

de l'apprenant

Interface de navigation

et interface de traitement

cognitif

Mobilisation des outils de conception

et d’interactions pédagogiques

Choix du langage de communication

scripto-audio-visuel

Processus de développement de cours en ligne



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 chargesreprend 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 de recherche

ds le cas de gros volume de pages écransIST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1


“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)IST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1

Eléments dans une page-ecran____________________________________

• En-tête:Titre du document

Bannière graphique

• Corps:Sous-titre et contenu du document

• Pied de pageBarre de navigation (ensemble d ’icones ou de mots-clés)

Nom de(s) l ’auteur(s)

Droits d ’auteur

Date de mise à jourIST Diégo 04 au 08 Juillet 2011 Accompagnement FOAD TCI Atelier n°1


Dimensions sécuritaires pour afficher l’information dans les pages

640

480

<---------------------------->

670 pixels

535 pixels

600 pixels

350 pixels

<------------------>

Ecran de 13 à

15” (640x480)

Aire maximum

sécuritaire pour

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 Fondrouge 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: Web 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

https://cape.emn.fr/droits/co/droit_web.html


Bon courage

Education

Cours en ligne