Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille...

32
Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour la Formation et l’Apprentissage

Transcript of Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille...

Page 1: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Mireille Bétrancourt

Les Hypertextes et hypermédia

TECFATechnologies pour la

Formation et l’Apprentissage

Page 2: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

La notion d’hypertexte

Page 3: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Un peu de butinage

Enseignement et apprentissage

Le cerveau à tous les niveaux

Portail Tecfaseed

Page 4: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Un hypertexte, c’est :

« Un programme informatique permettant de créer ou de présenter de façon interactive un ensemble de données textuelles ouautres médias (graphiques, vidéos, tableaux = hypermédias). »

Page 5: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

= mode de gestion de l ’information où cette dernière estreprésentée par des unités d’informations appelées nœuds,reliés par des liens, activables par action de la souris surdes ancres.

La notion d ’hypertexte

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj

kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi Et alors jhkje iuoléj iuhziue

wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

lienNœud (ou unité

d’information)

ancre@Pierre Dillenbourg

Page 6: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Composants d ’un hypertexte

A BC

DEFG

AB

B

G

Base de données

Page 7: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Hypertextes: sur CD ou Web

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

URL

WWW

Page 8: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

* 1945 : Vannevar Bush projet de la machine "Memex".

* 1965 : Théodore Nelson crée le mot "hypertexte".

* 1968 : Douglas Engelbart crée le système "Augment".

* 1969 : Documentation en ligne du projet Appolo.

* 1987 : Sortie d’Hypercard (Apple).

* 1987 : Premières grandes conférences scientifiques.

* 1988 : Yankelovitch crée INTERMEDIA (Brown Uni.).

* 1991 : Tim Berners-Lee met au point le WWW.

* 1994 : Ouverture du diplôme STAF

Quelques dates clés

Page 9: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Dans un texte, information présentée de façon linéaire

La structure des hypertextes

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

Page 10: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

Réseau hiérarchique

La structure des hypertextes

Dans un hypertexte, l’information est :- découpée en unités d ’information- structurée en réseau.

Page 11: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Structure conceptuelle et structure de navigation

La structure des hypertextes

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

A-------------

Page 12: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Les hypertextes facilitent-ils l’acquisition de connaissances ?

Page 13: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Comprendre un texte

“Jean allait à l’école. Il était tracassé par le cours de Maths.

II.

Le

Mul

timéd

ia

Il se demandait s’il parviendrait à maîtriser la classe.”

Page 14: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Représentations du texte

Mémoirede

travail

MLT

Nouvelles connaissances

Buts cognitifs

Activitémétacognitive

Compétence linguistique

Représentation de la situation

Connaissances sur le domaine

Page 15: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Avantages pour l’apprentissage ?

Organisation en réseau sémantique

Construction par l’apprenant de son chemin

Théorie de la Flexibilité Cognitive

Page 16: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Flexibilité cognitive

Champs sémantique

Medium Cerveau

??????????????????????????????????

« Cognitive

flexibility »

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Page 17: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Hyperdocuments : quelle efficacité ?

Page 18: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Comparaison expérimentale

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

Et alors jhkje iuoléj iuhziue wluizliuh luhgl jlierug uegh hjegkjh kej kjkjhgkj kkjhgkjhg iéupéiuoi

?

Page 19: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Comparaison expérimentale (suite)

Les résultats dépendent

De la structuration de l’hypertexte

De la tâche (lecture, rappel d’information locale, compréhension globale)

Des pré-requis des utilisateurs

Des outils de guidage et de navigation disponibles

Page 20: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Deux problèmes…

la désorientation gestion de la tâche

où suis-je et où vais-je ?

manque d ’indices discursifset structurels

Foss (1989)

III.

Les

Hyp

erte

xtes

Page 21: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Deux problèmes

la surcharge cognitive la charge cognitive augmente lorsque la structuration diminue

la désorientationElaborer une

stratégieFormuler et maintenir un but

Elaborer une

représentation du domaine

Savoir ce qu’on ignore

Se souvenir de son chemin

III.

Les

Hyp

erte

xtes

Page 22: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Sélection de l’information

Traitement de l’information

Tâche

Un hyperdocument ne définit pas une activité pédagogique, c’est une ressource utile pour des activités pédagogiques.

Un hypertexte est-il un environnement d’apprentissage ?

Page 23: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Bernstein, 1993

Trois types d’activités

Recherche d’information

Ex: Webquest

Mise en relation de sources d’information variées

Ex : CDRom Psychopédagogie de l’adolescent

Conception de structures multi-dimensionnelle : wiki et cartes conceptuelles

Ex : cartes construites par étudiants STAF

Logiciel gratuit : CMapTool

Page 24: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Le cycle évaluation - sélection - traitementI.

La

rech

erch

e d’

info

rmat

ions

CONTRAINTESSITUATIONNELLES

CONNAISSANCESDISPONIBLES

EVALUATIONReprésentation de but

Plan de recherche

SELECTION

Identification

Estimationpertinence

Choix de la cible

TRAITEMENT

Intégration

Filtrage

Compréhension

Etat de la solution

satisfaisanteFIN

Page 25: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Les difficultés les plus fréquentesI.

La

rech

erch

e d’

info

rmat

ions

Maintien en mémoire de l’objectif de recherche

Maîtrise des outils de support à la recherche

Tricot & Golanski, 2002 ; Tricot et Rouet, 2004

Compétences de régulation de l’activité

Page 26: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Quel hypertexte choisir ?

Adéquation du contenu aux objectifs et au public

Outils d’organisation

aide à la compréhension de la structuredu document

outils de guidage pédagogique

outils de navigation

Exemples

Exemples

Exemple

III.

Les

Hyp

erte

xtes

Page 27: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

III.

Les

Hyp

erte

xtes

Page 28: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Retour

III.

Les

Hyp

erte

xtes

Page 29: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Historique

Retour

III.

Les

Hyp

erte

xtes

Page 30: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Guides pédagogiquesII

I. L

es H

yper

text

es

Page 31: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Précautions d’emploi

Hyperdocument adapté aux pré-requis en lecture, compréhension et stratégies d’exploration

Compréhension globale ou recherche d’information plutôt quemémorisation exhaustive des détails

Outils d’organisation de structuration, de navigation et de guidage et évaluation pédagogique

Page 32: Cours Environnements Informatisés dApprentissage - 24/05/2006 - M. Bétrancourt Mireille Bétrancourt Les Hypertextes et hypermédia TECFA Technologies pour.

Cours Environnements Informatisés d’Apprentissage - 24/05/2006 - M. Bétrancourt

Au niveau du contenu

Principes rhétoriques

thématisation

choix des liens

Adéquation du contenu aux objectifs et public

Guidage cognitif et pédagogique : organisation, choix des liens