84
1 Développement dune application informatique permettant la préparation dun document pédagogique multimédia appliquée au module de réanimation médicale DCEM3 El Ghord Hatem Thése pour le diplôme détat de doctorat en médecine 2006

Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

Embed Size (px)

Citation preview

Page 1: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

1

Développement d’une application informatique

permettant la préparation d’un document

pédagogique multimédia appliquée au module de

réanimation médicale DCEM3

El Ghord Hatem

Thése pour le diplôme d’état de doctorat en

médecine

2006

Page 2: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

2

PLAN :

1 Introduction

2 Méthodologie

2.1 Etude projet

2.1.1 Etude des besoins

2.1.1.1 Détermination du publique cible

2.1.1.2 Analyse des besoins

2.1.1.2.1 Description de l’enseignement actuel

2.1.1.2.2 Difficultés et limites de l’enseignement

actuel

Page 3: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

3

2.1.1.2.3 Enseignement multimédia à la faculté de

médecine.

2.1.1.2.4 Apport d’un support multimédia.

2.1.2 Cahier des charges

2.1.2.1 Objectifs à atteindre

2.1.2.2 Conception (Plan)

2.1.2.3 Possibilités d’utilisation

2.1.2.3.1 Modèles pédagogiques

2.1.2.3.2 Evaluation possible

2.1.2.3.3 Options possibles

2.1.3 Outils de conception

2.1.3.1 Microsoft front Page

2.1.3.2 Adobe photoshop

2.1.3.3 Internet Explorer

2.1.3.4 Adobe Acrobat Reader

2.1.3.5 Quick Time

2.1.4 Outils d’utilisation

2.1.4.1 Internet Explorer

3 Résultat

3.1 Equipe de réalisation.

3.2 Etapes de développement.

3.2.1 Mise en forme du contenant

3.2.2 Détails du contenu

3.2.2.1 Le module

3.2.2.2 Page d’ouverture

Page 4: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

4

3.2.2.3 Page d’accueil

3.2.2.4 Sommaire des mini modules « cours »

3.2.2.5 Les mini modules « cours »

3.2.2.6 Sommaire des mini modules

« évaluation »

3.2.2.7 Les mini modules « évaluation »

3.2.2.8 Rubrique des ressources

3.2.2.9 Rubrique d’Aide

3.2.2.10 Images

3.2.2.11 Séquences Vidéo

3.2.2.12 Icônes.

3.2.3 Exécution

4 Utilisation du module

4.1 En création de cours

4.1.1 Pour les enseignants

4.1.1.1 Ouverture du Cd-rom

4.1.1.1.1 Exécution automatique

4.1.1.1.2 Ouverture pratique

4.1.1.2 Copier de Tous les dossiers

4.1.1.3 Ouverture éditeur HTML :

4.1.1.4 Comment changer le titre du cours

4.1.1.5 Comment changer les chapitres

4.1.1.5.1 Sur le plan du cours

4.1.1.5.2 Sur le cours apparents

4.1.1.6 Comment changer les sous chapitres

Page 5: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

5

4.1.1.6.1 Sur le plan du cours

4.1.1.6.2 Sur le cours apparent

4.1.1.7 Comment placer une icône dans le cours

4.1.1.8 Comment créer un liens hypertexte

4.1.1.9 Comment créer l’évaluation

4.1.2 Pour la section et la faculté

4.1.2.1 Comment assembler les cours

4.1.2.2 Comment mettre le site sur CD-rom

4.1.2.2.1 CD-rom pour les enseignants

4.1.2.2.2 CD-rom pour les utilisateurs des cours

4.1.2.3 Utilisation d’une exécution automatique (Auto-

run)

4.1.2.4 Comment mettre le site sur intra net

4.1.2.4.1 Comment mettre le site sur le Web

4.1.3 Données de créations

4.1.3.1.1 Insertion d’une image

4.1.3.1.2 Insertion d’une séquence vidéo numérique

4.1.3.1.3 Insertion d’une bibliographie

4.1.3.1.4 Création d’un lien vers un site Web

4.2 En lecture

4.2.1 Consultations des cours

4.2.2 Consulter la page d’accueil

4.2.3 Consulter le sommaire des cours

4.2.4 Consulter les mini modules

4.2.5 Consulter les différents chapitres.

4.2.6 Visionnage des images

Page 6: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

6

4.2.7 Visionnement des séquences vidéo

4.2.8 Consultation de l’évaluation

4.2.9 Consultation de l’aide

4.2.10 Rubrique ressources

5 Application du module à la réanimation

médicale.

5.1 Collaborations

5.2 Cours

5.2.1 Séquences vidéo

5.2.2 Images

5.2.3 Ressources

6 Discussion :

6.1 Expérimentation

6.1.1 Public cible

6.1.2 Items Demandés

6.2 Critiques

6.3 Observations

7 Commentaires

7.1 Comparaison du travail

7.2 Progrès à faire

8 Conclusion

Page 7: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

7

9 Bibliographie.

1. Introduction

Depuis quelques années l‟enseignement médical, en étant toujours

basé sur un enseignement théorique présentiel et des stages pratiques

hospitaliers, s‟est enrichi de manière sans cesse croissante de moyens

d‟illustrations, de clarifications et permet plus de participation active des

enseignés. En passant du cours magistral au « CIAP » (clarification,

illustration, application et participation), les méthodes d‟enseignement ont

fait un grand saut dans l‟innovation pédagogique, mais elles restent limitées

par le grand effectif en étudiants. Il est donc impératif de trouver d‟autres

techniques d‟enseignement qui peuvent combler les insuffisances des

précédentes.

Les nouvelles technologies de l‟information et de la communication (NTIC),

un domaine en pleine croissance, en cours d‟évaluation, pourraient constituer

Page 8: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

8

une solution complémentaire au problème d‟enseigner à un grand nombre

d‟étudiants(1). Les NTIC associé à l‟enseignement à distance (EAD) ne

répondent-ils pas aux attentes des enseignants et surtout des étudiants?

Mais ces deux nouvelles méthodes d‟enseignements nécessitent, en

prérequis, un certain niveau de maîtrise technologique. L‟utilisation de ces

dernières par les différentes institutions en particulier par les facultés de

médecine passe par la formation préalable des utilisateurs potentiels de ces

moyens en tant que super consommateurs de ces techniques ou en tant que

techniciens assurant l‟entretient, la maintenance ou bien fonctionnement des

équipements.

Nous essayerons par ce travail de donner aux enseignants un outil qui

contribue à faciliter la préparation de documents pédagogiques multimédia,

et leur utilisation à large échelle avec la possibilité d‟interactivité.

Au terme de ce travail nous espérons que :

1. tout enseignant, en temps que simple utilisateur, sera en mesure

de :

a. Concevoir un module d‟auto enseignement multimédia

incluant textes images et séquences vidéo numérisées.

b. Produire des modules sur CD rom pou un enseignement

non présentiel.

c. Produire des modules d‟auto apprentissage à mettre à la

disposition des enseignés sur un réseaux local d‟une

institution ou sur le réseaux internet.

2. l‟enseigné sera à même de :

a. utiliser les modules d‟auto apprentissage multimédia sur

CD Rom ou sur les réseaux intra et internet.

b. Dialoguer et discuter avec les enseignants moyennant les

réseaux de communication.

Page 9: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

9

c. Apprendre à s‟auto évaluer.

2. Méthodologie

Elle représente la conception de ce module qui sert à le conformer aux

objectifs et elle permet de suivre pas à pas le développement de ce projet.

2.1. Etude du projet

2.1.1. Etude des besoins

Avant de commencer ce type de projet, il faut toujours spécifier le public

cible, les objectifs ou les besoins spécifiques (2).

2.1.1.1. Détermination du public cible

On se propose de concevoir un module pour les enseignants de la Faculté de

médecine de Tunis. Il sera développé pour leur permettre de transformer

leurs cours d‟un format électronique standard comme le « Microsoft Word »

en un cours sur support multimédia et de voir le contenu de leur cours mis

sur support multimédia et de voir l‟impact probable de ce dernier sur celui

qui le visionnera. Ce module permettra aussi de rapprocher l‟enseignant de la

conception de page web.

2.1.1.2. Analyse des besoins

2.1.1.2.1. Description de l’enseignement actuel

L‟enseignement à la faculté de médecine est subdivisé en thèmes ou

en certificats contenants chacun différents modules. Chacun de ces modules

est constitué de cours et correspond à un certain nombre d‟heures

d‟enseignement. Le contenu de ces cours est rédigé par des enseignants

Page 10: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

10

mandatés à cet effet sous la responsabilité de la section, ils contiennent un

plan qui structure un texte avec parfois des figures ou des annexes. Chaque

module est imprimé dans un polycopié qui est distribué aux étudiant au

début de l‟année universitaire.

Le cours est enseigné théoriquement. Il y a entre une cinquantaine et une

centaine d‟étudiant par groupe et la présence est obligatoire. L‟évaluation est

faite à la fin de toutes les heures prévues à l‟enseignement de chaque module

par un examen écrit sur table lors d‟une session principale suivie d‟une

session de contrôle ou de rattrapage en juillet. Cet examen est fait sous forme

de QCM, CROQ et de cas cliniques. Au terme de cet enseignement

l‟étudiant devrait être capable de :

- Connaître la structure anatomique et biochimique d‟un homme normal.

- Connaître le fonctionnement physiologique d‟un homme normal.

- Diagnostiquer les différents syndromes et pathologies.

- Indiquer et interpréter le résultat des différents examens complémentaires.

- Etablir en tant que médecin généraliste confronté à toute pathologie une

démarche diagnostique et un programme de prise en charge.

2.1.1.2.2. Difficultés et limites de l’enseignement

actuel

Tous les cours de médecine présentent pour les étudiants des difficultés pour

de nombreuses raisons :

- Les pré-requis ne sont pas toujours disponibles dans les cours .

- La complexité des différents disciplines fondamentales que chaque

spécialité médicale implique et fait intervenir (anatomie, physiologie,

biochimie, etc.…).

- La richesse de la sémiologie dont la simple description textuelle est

difficile à comprendre et à retenir par l‟étudiant.

Page 11: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

11

- La complexité de l‟apprentissage des différentes pathologies avec une

longue liste des diagnostics différentiels, et une grande variété d‟examens

complémentaires. L‟apprentissage pour résoudre ces situation complexes

se fait auprès d‟un aîné à partir de discussion et de la résolution de cas

cliniques.

En raison du grand nombre d‟étudiants par cours, ceux-ci hésitent à

demander des éclaircissements pendant l‟enseignement présentiel ou même

parfois pendant les stages cliniques.

2.1.1.2.3. Enseignement multimédia à la faculté de

médecine.

Il existe, au sein de la faculté, plusieurs salles contenant des ordinateurs qui

donnent la possibilité aux étudiants de se connecter au Web. La faculté viens

juste de démarrer une plate forme d‟enseignement, avec une unité pour la

production et l‟entretient multimédia.

2.1.1.2.4. Apport d’un support multimédia.

Des solutions peuvent être apportées par un support multimédia qu‟un

cours classique ne peut fournir. Le polycopié classique peut citer les pré-

requis que l‟enseignant peut développer pendant le cours mais sans

développer les détails par contrainte de manque de temps. Le document

multimédia associé à l‟enseignement pourrait donner l‟occasion à l‟étudiant

d‟accéder grâce à la banque de données de l‟intra net ou de l‟Internet à ce

type de cours en cliquant sur un lien. Ainsi, au lieu des schéma sur le

polycopié, on aura une photographie numérique des différentes coupes

anatomiques, des schémas commentés de physiologie (par exemple). La

difficulté de comprendre et de retenir des descriptions textuelles concernant

la sémiologie et les signes cliniques peut être surmontée par l‟enrichissement

Page 12: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

12

du document par des images et des séquences vidéo reliées à des références

en dehors du texte (3).

L‟explication des examens complémentaires peut bénéficier de la

même technique pour montrer leur fonctionnement et pour présenter les

résultats attendus. Les diagnostics différentiels seront mieux développés que

dans le polycopié, mais nécessiteront, de toute façon, un enseignement

dirigé.

Le temps manque souvent pendant un cours classique. L‟évaluation

formative pourra se faire automatiquement, et tous les étudiants pourront en

bénéficier pour connaître leurs lacunes.

2.1.2. Cahier des charges

2.1.2.1. Objectifs à atteindre

L‟objectif principal est de faire en sorte que les cours qui étaient sur

polycopiés se retrouve sur support multimédia afin de pouvoir y ajouter le

maximum d‟informations et d‟éclaircissement. Il se doit aussi de permettre à

l‟étudiant de s‟approfondir en lui facilitant la tache et l‟accès aux références

disponibles, et en lui permettant de s‟adresser à son enseignant, même à

distance, par voie électronique, pour éclaircir les différents problèmes qu‟il

pourrai rencontrer.

Pour y parvenir, il faut que l‟enseignant qui créera ce cours soit familier de

l‟utilisation des programme de conception de pages Web ou de site Web.

Pour concevoir ces cours actuellement, il faut déjà les écrire sur un format

électronique en utilisant un logiciel éditeur de texte comme « Word »par

exemple, et charger quelqu‟un d‟en faire une version multimédia. Mais seul

l‟enseignant connaît les points les plus intéressants et les plus critiques des

Page 13: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

13

cours. Il pourra les faire ressortir ou les expliquer plus, ou renvoyer

l‟étudiant à d‟autres références qui pourront l‟aider dans ce sens par une

simple adresse électronique.

Le but de ce module est de faciliter la tâche de l‟enseignent qui n‟aura pas à

connaître les programmes de conception, mais juste à suivre quelques

consignes d‟utilisation pour aboutir à un cours dans un format multimédia.

En ayant des pages Web déjà prêtes, l‟enseignant pourra les remplire en

suivant une procédure simple. Les procédures de changement des différents

paramètres de la page sont expliquées. Celles pour rajouter des pages

existent aussi. Les cours et les documents mis sur le réseau local ou le réseau

Web, ou sur cédérom pourront être consultés par d‟autre praticiens dans le

cadre d‟une auto-évaluation avec une formation continue.

2.1.2.2. Conception (Plan)

Pour concevoir un module il a fallu répondre d‟abord aux objectifs pour

lesquels il est conçu. Son fonctionnement est détaillé ci-dessous.

Le principal élément est le système d‟apprentissage. La conception de ce

système est ressemblante, en apparence, aux autres sites Web, mais diffère

d‟eux dans la mesure ou cette application est utilisée pour créer

et pas seulement pour être consultée.

Page 14: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

14

UTILITAIRE SYSTEME

D’APPRENTISSAGE

INTERNET

LE

S S

ITE

S W

EB

A I D

E

PA

GE

D’ACCUEIL

SO

MM

AIR

E

EV

AL

UA

TIO

N

SO

MM

AIR

E

CO

UR

S

RE

SS

OU

RC

ES

ET

UD

ES

Page 15: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

15

2.1.2.3. Possibilités d’utilisation

L‟utilisation de ce module trouve de multiples possibilités pour mettre à

l‟œuvre l‟application de l‟ informatique au service de la pédagogie. Ces

stratégies reprennent les mêmes modèles mais en laissant un champs

d‟action plus libre à l‟étudiant.

2.1.2.3.1. Modèles pédagogiques

Les enseignants pourront utiliser les cours confectionnés sur ce module pour

les étudier en présentiel sur le modèle pédagogique transmissif. En utilisant le

contenu d‟un CD rom d‟application, les étudiants pourront mieux suivre, vu

que les explications et les cours ne seraient pas que textuelles, mais

illustrées.

L‟étudiant peut accéder seul aux contenu des cours préparés suivant le

modèle pédagogique d’auto formation. En effet, le module préparé sous forme

de CD pourrait être présenté aux étudiants qui l‟utiliseront. Ils pourront de

EV

AL

UA

TIO

N

MIN

I MO

DU

LE

S

CO

UR

S

(MIN

I MO

DU

LE

S

CO

UR

S)

Page 16: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

16

même se connecter sur le site de la FMT à travers internet ou sur le serveur

interne pour y parvenir (3).

2.1.2.3.2. Possibilité d’auto évaluation

L‟évaluation formative ou auto-évaluation est une partie intégrante des

modules concernés par cette application informatique.

Les questions seront choisies afin d‟expliciter le cours à l‟étudiant de lui

faire comprendre et lui faire connaître l‟importance des points cardinaux de

ce dernier. Toutes les formes d‟évaluations sont possibles et seront

présentées selon des modèles déjà connus par l‟étudiant :

- QCM ou question à choix multiples .

- QROC ou question à réponse ouverte et courte.

- QRC ou question à réponse courte

- Cas clinique QCM

- Cas clinique QROC

- Questions rédactionnelles.

Les étudiants n‟ont aucune obligation à répondre aux questions.

Ils pourront, si possible, adresser par E-mail leurs questions, si il persiste des

points obscures dans les différents cours à leurs enseignants s‟il le veulent.

2.1.2.3.3. Autres options possibles

Etant donné la complexité de la traduction du langage informatique écrit et

les objectifs multimédia espérés par ce travail, le support choisi est un

Cd-web.

Ce cédérom permettra l‟insertion de contenu divers comme le texte des

cours, les questions d‟évaluation, les images ou des séquences vidéo.

Il permettra à travers des liens d‟aller visiter les sites ressources et les autres

sites de recherche.

Page 17: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

17

Le respect de la propriété intellectuelle de la faculté de médecine de Tunis

est de mise.

2.1.3. Outils de conception

Dans ce chapitre nous développerons les différents programmes qui ont été

utilisés afin de parvenir à la conception de notre module. Nous

commencerons par définir quelques notions

- Le langage HTML :

C‟est le langage informatique qui permet la production de pages Web et

donc de sites Web. C‟est un acronyme (substantif) qui signifie HTML Hyper

Text Markup Language ce qui veut dire « langage de balisage hypertexte ».

En terme plus simple c‟est le marquage de l‟aspect que prendra le contenu

d‟une page Web, aussi appellé balisage. Toute page Web est constituée de

balises. Ces dernières conditionnent toute écriture, toute insertion d‟image,

toute coloration et tous liens. En général, langage informatique veut dire

langage de programmation, alors que le HTML ne l‟est pas, il se contente de

définir la syntaxe de la mise en forme d‟un document Web. Ces pages Web,

une fois conçues, sont inutiles si elles ne sont pas reliées les unes aux autres

par les liens hypertextes (2).

- Les liens hypertextes :

C‟est l‟un des éléments les plus révolutionnaires de la conception Web. C‟est

ce qui permet aux pages Web de contenir des liens qui, lorsque vous cliquez

dessus vous conduisent vers d‟autres pages ou sites Web ou partie d‟une

même page Web. Bien que le mot « hypertexte » contient le mot texte son

sens s‟applique sur les élément visuels tel les images ou les séquences vidéo

si elles contiennent des liens .

- Les logiciels :

Page 18: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

18

Ce sont les programmes informatiques sur les quels on a du s‟appuyer pour

le traitement d‟images, pour le traitement de texte et pour visionner les

séquences vidéo. Ces derniers seront présentés un à un.

2.1.3.1. Microsoft front Page

C‟est le programme le plus important pour notre travail. C‟est un éditeurs

HTML qui veut dire que ce programme présente une interface sur laquelle

nous travaillerons capable de transcrire les changement que nous effectuons

dans une page en balises HTML. Ce genre de logiciels aident surtout à gérer

les cadres, à choisir les polices, à régir les mises en page, à intégrer les bases

de données et finalement à gérer les sites parmis d‟autres propriétés (2).

Le Microsoft Front Page a été choisi parce qu‟il contient toutes les

caractéristiques sus-citées et plus. Il est parfaitement accepté par le

navigateur Internet Explorer (détaillé plus bas). Ce navigateur est installé

gratuitement avec le logiciel d‟exploitation de votre PC Windows que les

versions ne cessent d‟évoluer 95, 98, 2000 et finalement XP. Ce logiciel

d‟exploitation est le plus vendu dans le monde et par conséquent dans nôtre

pays. La plus part des PC sont au mois dotés d‟une version sinon de deux. Le

choix de prendre donc Microsoft Front Page comme éditeur HTML fait suite

à ces éléments (4).

En cliquant sur l‟icône de Front page dont voici la représentation

,le logiciel vous ouvrira une nouvelle page dans une

nouvelle fenêtre (Fig.1)

1

4 6

Page 19: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

19

Fig.1 : représentation de la fenêtre d‟ouverture de la page de Microsoft Front Page.

La page ouverte est constituée d‟une barre des menus qui est horizontale en

gris en quatre lignes dans la fig.1 et de trois fenêtres. Les plus importantes

sont celles numérotées 10 et 11.

- Flèche 1 : montre le mot “fichier”. En cliquant dessus, une fenêtre

verticale s‟ouvrira (menu déroulant) et montre les différentes options à

choisir (*ouvrir une nouvelle page, ouvrir un dossier et une fenêtre

s‟ouvrira pour aider à rechercher le dossier en question dans le disque dur.

Permettre d‟enregistrer le document en cours ou l‟imprimer, et enfin de

quitter l logiciel).

- La flèche 2 représente une icône qui facilitera l‟ouverture et la recherche

d‟un dossier dans le disque dur.

- La flèche 3 permettra d‟enregistrer si on clique dessus.

2

3 5

7 8 9

10 11

Page 20: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

20

- La flèche 4 ouvrira un menu déroulant en montrant les possibilités

d‟insertion. Les images sont représentées par le mot « image » ou par de

petites icônes qui représentent un portrait ou un paysage.

Les vidéo sont représentées par une icône en forme de caméra. C‟est dans

cette liste aussi que l‟on pourra voir l‟option insertion « liens

hypertextes ».

- La flèche 5 montre l‟icône qui ouvrira une fenêtre où on peut visionner la

page résultante sur le navigateur.

- La flèche 6 : montre l‟icône qui aide à la création de liens hypertextes.

- Les flèches 7,8et 9 montrent respectivement « les onglets » qui en

cliquant dessus passent de la page normale à la page HTML et à l‟aperçu

qui exécutera les différentes modifications faite.

- La flèche dix montre la fenêtre de gestion du site. Vous pourrez créer des

dossiers en incluant en eux vos pages Web.

- La flèche 11 montre la fenêtre la plus importante, celle qui permettra de

créer et modifier une page web.

2.1.3.2. Adobe photoshop

Il est le plus connu des logiciels de traitement d‟images chez les concepteurs

professionnels quel que soit leurs spécialisation, ce qui n‟est pas surprenant

puisqu‟il présente le plus grand nombre de fonctions et d‟approfondissement

de presque toutes les modifications et rectifications que l‟on peut faire pour

une photo(2) .

Ce logiciel permet les acquisitions d‟images, leur traitement et leur

enregistrement sous des format différents.

Il faut savoir que chaque chose qu‟on enregistre a un format spécifique.

C‟est à dire les textes sont enregistrés le plus souvent sous le format « .doc »,

Page 21: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

21

les séquences vidéo sous « .avi, .MPEG,etc… », les son sous « .cda, .mp3,

.wave, etc.. ».

Les images peuvent être enregistrées dans un grand nombre de formats,

mais ceux qui nous intéresse le plus sont « .JPEG et le .GIF ».

Ce sont ces deux formats qui consomment le moins de kilo octets de

mémoire ( unité de mesure de la mémoire) pour une bonne taille de l‟image,

et pour cette dernière puisse être facilement téléchargeable.

En s‟ouvrant la page de travail photoshop ressemble à :

FIG.2 : Page d‟accueil et de travail de Adobe Photoshop

La page de travail de l‟Adobe Photoshop contient trois composantes

(Fig. 2) :

1 2

3

Page 22: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

22

- La barres des outils représentée par 1 contient des outils de sélection, de

coupe, de coloration, d‟écriture, d‟agrandissement et de réduction,

d‟insertion de texte et d‟autres.

- La barre des menus représentées par 2 contient à chaque mots un menu

déroulant qui orientera l‟utilisateur pour le choix de l‟option qu‟il veut

choisir. Par exemple, en cliquant sur le mot « file ou fichier » le menu qui

s‟ouvre commende l‟ouverture de fichier, l‟ouverture de page blanche à

remplir et à dessiner, l‟enregistrement d‟un travail commencé sous le

format choisi, l‟importation d‟image d‟un scanneur ou d‟un appareil

photo numérique, etc.… Le mot « image » par contre commande les

améliorations que l‟on peut faire sur l‟image sélectionnée. En bas de la

fenêtre à gauche on remarque la taille instantanée de votre photo.

- L‟espace de travail représenté par 3 qui peut contenir les images qu‟on a à

traiter. Il peut contenir une multitude de fichiers ouverts, mais que l‟on

peut visualiser qu‟une par une.

2.1.3.3. Internet Explorer

C‟est le plus diffusé des navigateurs Web et joue un rôle essentiel dans

l‟activité de visite d‟un site Web. Il interprète comme la majorité des

navigateurs, le code HTML, les couleurs, les graphismes et la mise en page

de l‟écran (2). Comme il est donné comme gratuiciel avec le logiciel

d‟exploitation Windows Internet Explorer est donc aussi très répandu.

Page 23: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

23

Fig.3 : Page d‟ouverture d‟Internet Explorer

- Le nombre 1 représente le mot « fichier » qui ouvre un menu déroulant en

donnant le choix entre ouvrir un autre fichier, enregistrer le travail

entamé, l‟imprimer, l‟envoyer par Internet etc.

- Le nombre 2 montre une flèche horizontale dirigée à gauche qui permet

de revenir à la page qu‟on a visionné précédemment.

- Le nombre 3 montre une flèche horizontale dirigée à droite qui permet de

visualiser la page qui suit seulement si on l‟a déjà visionnée au paravent.

- Le nombre 4 montre une icône rouge « arrêter » qui en cliquant dessus

permet d‟arrêter une recherche de page que vous déjà lancée.

- Le nombre 5 montre l‟icône « actualiser » qui permet de visionner la

dernière version de la page à laquelle on est en train d‟être connectée.

- Le nombre 6 montre l‟espace ou écrire l‟adresse Internet d‟une page Web

à connecter. Toute adresse devra être précédée par « http :// www. adresse

. (net, com, gov ou org) ».

1

2 3 4 5

6

7

Page 24: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

24

- Le nombre 7 montre l‟icône à cliquer pour charger la page visionnée dans

Microsoft Front Page.

2.1.3.4. Adobe Acrobat Reader

C‟est un logiciel qui permet la fabrication et le visionnement de documents

d‟un format spécifique. Ce format est normalement utilisé par les logiciels de

traitement de photographie et s‟appelle « PDF ( Portable Document

Format)». Ce format numérique standard reproduit fidèlement l'aspect d'un

document, y compris les polices, les couleurs, les images et la mise en page.

Grâce à leur format compact, les documents PDF peuvent être envoyés par

courrier électronique sans aucune difficulté.

Dans notre cas si les cours en format HTML ne sont pas disponibles,

l‟étudiant pourrait avoir le cours en format PDF(2) .

Fig.4 : page d‟accueil et de travail de Acrobat Reader dans sa version 5.0

Page 25: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

25

2.1.3.5. Quick Time

C‟est un logiciel de visionnement de séquences vidéo qui est fabriqué par

« Apple Company » qui ne présente pas de problème de compatibilité et qui

fonctionne aussi bien sur les PC qui sont équipés en plus grande partie par

Windows que les Mac qui sont équipés par Mac OS.

En s‟ouvrant, le Quick time prend en général une autre fenêtre en forme de

téléviseur. on trouve les touches normalement vues sur un magnétoscope

pour faire jouer ou arrêter la séquence vidéo elles même.

Page 26: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

26

Fig.5 : aspect de la fenêtre Quick Time

2.1.4. Outils d’utilisation

2.1.4.1. Internet Explorer

Pour éviter le risque d‟incompatibilités existant entre les différents

navigateurs, un risque qui ne devrait pas être un obstacle entravant les efforts

des enseignants ou des étudiants, on a choisi de munir chaque copie de cette

application du navigateur Internet Explorer dans sa version 6.0. Cette version

peut être installée à partir du menu d‟aide.

Les détails de l‟installation seront explicités plus loin dans la partie

« utilisation du module ».

Page 27: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

27

2.1.4.2. Adobe Acrobat Reader

Pour ceux que leur ordinateur ne contient aucune version d‟acrobat Reader,

au niveau de l‟aide la version 6.0 est disponible pour l‟installer. Ce gratuiciel

permettra en dehors de ce travail de lire les textes et documents ayant ce

format.

2.1.4.3. Quick Time

Ce gratuiciel est aussi à la rubrique d‟aide sous le lien “installation logiciel”.

On n‟aura qu‟a cliquer et à l‟installer en suivant les explications figurant du

module. Il permettra de lire les différentes séquences vidéo ou de l‟utiliser

pour en créer d‟autres lesquelles restent compatibles quel que soit

l‟ordinateur dans lequel elles seront visionnées.

3. Réalisation du module

3.1. Equipe de réalisation.

L‟idée de cette application a été conçue par mon encadreur principal le

professeur Amamou Mouldi qui m‟a alors proposé d‟approfondir l‟idée et

de la réaliser avec l‟aide de mon deuxième encadreur le Dr Nouira Kaies

quand à la partie développement informatique.

3.2. Etapes de développement.

Comme tout les projets prêts a être mis sur le web, il doit répondre à un

certain nombre de conditions. Il doit être constitué de plusieurs modules,

pour pouvoir être fragmenté et accepté dans le navigateur. Tout module

aboutit à une ou à plusieurs pages Web ou prépare à l‟installation d‟une autre

Page 28: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

28

page. on donnera une idée de la modularisation en pratique sur cette

application.

3.2.1. Mise en forme du contenant

« Le squelette » doit suivre le plan précédemment cité dans les moindre

détails permettant ainsi l‟adhérence aux objectifs et de cerner les problèmes

que l‟on risque de rencontrer en fabriquant un « story-board » (2). Le

premier concept est la page d‟ouverture qui différenciera les concepteurs et

créateurs des simples visiteurs, suivront la page d‟accueil, la page niveau

d‟étude, le sommaire des cours, le sommaire d‟évaluation, les cours appelés

aussi mini modules cours, les mini modules évaluations, les rubriques aide et

ressources. Chaque composant est représenté soit par une simple page Web

lorsqu‟il s‟agit d‟une seule, ou d‟un dossier lorsqu‟il s‟agit d‟une multitude

de pages ressemblantes ou qui ont la même origine et fonction.

Le CD s‟ouvrira avec une exécution automatique ( programme qui déclenche

automatiquement le CD après que l‟introduction dans son lecteur appelé

aussi auto-run) sur la page d‟ouverture qui s‟affiche montrant une photo de

l‟entrée de la faculté de médecine. De cette page on doit avoir deux Choix

possibles. Soit l‟utilisateur est un des enseignant et en cliquant sur « entrer

votre mot de passe » il ouvrira un passage vers le serveur qui demandera aux

concepteurs leur nom d‟utilisateur. Soit l‟utilisateur est un simple

consommateur et en cliquant sur « lecture » il ouvrira la page d‟accueil

réservée à cet effet. Si ce module est utilisé par plusieurs sections, il faudra

par exemple adopter un code de couleurs pour chacune d‟elle que l‟on

retrouvera en arrière plan de ses cours. Les sommaires seront liées chacun

aux mini modules correspondants. Les liens qui relie ces différentes

rubriques entre-elles et certaines d‟entre-elles à Internet ont été créés.

Page 29: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

29

3.2.2. Détails du contenu

Ce chapitre traitera le modules et ses composants dans leurs moindre détail.

3.2.2.1. Le module

Ce module est une application HTML ( langage dans lequel sont écrites les

pages Web). Il permet à son utilisateur de créer un site à partir des pages déjà

existante juste en suivant les consignes présente à la rubrique d‟aide ou plus

bas dans ce travail.

Le CD rom s‟ouvrira sur une première page d‟ouverture (fig.6) mise à part la

photographie de la faculté de médecine de Tunis qui s‟affiche, deux boutons

sensitifs qui vous proposeront lorsque vous cliquerez dessus un choix :

- « Entrer votre code » S‟adresse aux enseignant qui voudront corriger ou

mettre à jour leurs cours. Actuellement il y aura juste un lien vers une des

pages. Il est à noter que sur le CD-rom dont les étudiants bénéficieront, il

n‟est pas utile d‟inclure cette page.

- « Lecture » S‟adresse aux étudiants et aux autres professionnels de la

santé à visiter le site. En cliquant dessus on passe à la page d‟accueil.

Une fois la page d‟accueil est ouverte, (Fig.7 ) on retrouve la même

photographie, mais avec plus de boutons sensitifs.

On peut demander depuis ces liens actifs : L‟inscription, les études, la sortie,

l‟index des ressources et la rubrique d‟aide que l‟on pourra joindre

également à partir de chacune des pages citées. Les ressources sont

disponibles à partir de l‟index et des autres pages également et les mini

modules cours et évaluations.

L‟accès à Internet est possible à partir des ressources, de l‟aide ou des

différents liens que chaque enseignant a déjà défini et insérer lors de la

conception des cours (4) .

Page 30: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

30

En résumé, ce module est constitué d‟une page d‟ouverture, d‟une autre

d‟accueil, d‟une page d‟aide, d‟une page de ressources, d‟une page de

sommaire des cours, d‟une page de sommaire des évaluations, de quarante

pages de cours (mini modules) et de quarante pages d‟évaluations pour

chaque section ou spécialité. Toutes ces pages sont liées entre-elles en

suivant la logique du plan sus-cité. Chaque mini module contient quatre

pages« sous titre » et chaque chapitre contient huit sous-chapitres appelés

« sous sous-chapitre ». Toutes ces pages sont reliées à la même page appelée

« cours xx ». La représentation de la page suivante vous donne une idée

quand à la modularisation de cette application.

fig.6 : Modularisation de l‟application.

Chaque page est reliées à sa précédente avec des accès rapides au sommaire.

De chaque mini module cours on peut accéder au mini module évaluation et

vice versa.

Page 31: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

31

3.2.2.2. Page d’ouverture

Elle comprend sous la photo de la façade de la faculté de médecine de Tunis

deux boutons sensitifs permettant un liens aux deux grandes parties du site.

Fig.7 : Page d‟ouverture du CD-rom

En cliquant sur « entrer votre code » en bas à gauche, les utilisateurs

concepteurs pourront accéder à Front Page par liens hypertextes et par ce

dernier compléter les mises à jour des cours, insérer de nouveaux cours au

module ou de nouvelles images.

En cliquant sur « lecture » les utilisateurs consommateurs pourront accéder

au reste du site et à la page d‟accueil qui leur est destinée.

3.2.2.3. Page d’accueil

Fig.8 : Représentation de la page d‟accueil :

Page 32: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

32

A l‟ouverture de cette page (Fig.8) vous remarquez à part la photo de la

faculté de la FMT, il existe en bas cinq boutons sensitifs.

Trois de ces boutons sensitifs numérotés 2,3 et 4 sont actifs et vont vers les

études et celui des index des ressources et la rubrique d‟aide.

Les deux autres seront des liens vers l‟inscription et le liens vers la sortie.

Cette page contient aussi un avertissement que ce site est uniquement

consacré pour les étudiants en médecine et les professionnels de la santé.

Comme vous remarquerez les couleurs des liens sur cette page sont

différents. Les liens hypertextes sont en jaune alors que par défaut pour les

autres pages de cette application il seront en bleu (4). Les liens déjà visités

sont en jaune alors que généralement c‟est le violet qui est utilisé comme

pour le reste du module. Les liens actifs sont rouge comme ceux par défaut.

Le numéro 1 marque l‟icône qui permettra aux utilisateurs d‟accéder à Front

Page.

1

2 3

4

Page 33: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

33

3.2.2.4. Sommaire des mini modules « cours »

Comprend une fenêtre contenant le titre, le logo de la faculté de médecine de

Tunis et la liste des 40 mini modules ou cours différents sous forme d‟un

tableau. Elle comprend aussi en haut de la page quatre liens comme leurs

noms le laisse suggérer vont vers la page d‟accueil, vers le sommaire des

évaluations et vers les ressources et l‟aide. Chaque mot cours existant dans

ce tableau est relié à la page cours correspondante ayant le même numéro.

Ces quarante liens facilitent l‟accès aux cours par un simple clic sur le mots

actif en bleu et souligné « cours xx » (Fig.9).

Fig.9 : représentation de la page du sommaire des cours.

Le chiffre 1 montre une ligne qui s‟adresse uniquement aux enseignants, et

qui sera effacée pour la version définitive. Une fois le module choisi, les

mots « cours xx » seront remplacés par les titres des cours et feront des liens

vers ces mêmes cours.

1

Page 34: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

34

3.2.2.5. Les mini modules « cours »

Chaque cours est composé de 4 pages. La fenêtre qui le contient apparaît en

cliquant sur cours xx dans la page sommaire. Une fois ouverte cette fenêtre

est constituée de trois cadres séparés (frame) numérotés 1,2 et 3 (Fig.10).

Fig.10 : Page des « cours » mini module cours.

Le cadre 1 est le cadre contenant le titre. En dessous il existe 4 liens qui

relient cette page comme le disent les mots au sommaire des cours, à la page

d‟évaluation réservée à ce cours, aux ressources utilisées et à la rubrique

d‟aide. La phrase « cliquez sur la souris et sur Ctrl pour visionner l‟aide est

écrite pour les enseignants et sera effacée ensuite.

Le cadre 2 représente le plan du cours. Vu qu‟il est long, l‟écran n‟étant pas

suffisant pour l‟afficher en totalité, on utilise l‟ascenseur (représenté par la

1

2 3

Page 35: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

35

flèche ) pour s‟y déplacer. Tous les titres qui y figures et qui sont en bleu et

soulignés ont un lien hypertexte avec des pages qui leurs correspondent.

A part le pré requis et les objectifs, il existe 10 chapitres représentés par l

mot « sous titre » et suivis par un chiffre romain. Chaque chapitre contient

huit sous titre représentés par le même mot mais suivis d‟une lettre.(fig.10).

Le cadre 3 représente la page cours. Cette page ne contient pas de lien

hypertexte dans cette forme, mais pourrait en contenir en fonction du cours

qui sera préparé. Quand la page s‟ouvre par défaut on peut consulter tout le

cours en descendant dans le cadre grâce à l‟ascenseur.

3.2.2.6. Sommaire des mini modules « évaluation »

Le sommaire des évaluation est une page qui ressemble à la page sommaire

des cours. (Fig.11).

Fig.11 :page du sommaire évaluation.

Elle contient les mêmes éléments comme le tableau contenant 40 cours et

cinq liens sous le titre qui vont vers la page d‟accueil, la page d‟aide, la page

des ressources, la page des forums et la page sommaire des cours.

Page 36: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

36

Les 40 mots « cours » sont reliés à 40 pages évaluation qui leurs

correspondent . Ces mots seront changés par les titres des cours. Il faut

cliquer sur n‟importe lequel d‟entre eux, et une fenêtre contenant la page

d‟évaluation s‟ouvrira.

3.2.2.7. Les mini modules « évaluation »

La page évaluation est une page simple qui ne contient qu‟un seul cadre. Au

dessus du titre cette page contient quatre liens. Ces derniers vont vers l‟aide,

les ressources mais aussi vers le sommaire des évaluations et vers le cours

correspondant.

Fig.12 :page mini module d‟évaluation

Elle est constituée de deux parties. La partie supérieure est réservée aux

questions et la partie inférieure aux réponses.

3.2.2.8. Rubrique des ressources

Page 37: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

37

Fig.13 : page des ressources.

Cette page est constituée de trois cadres horizontaux (frames) contenus dans

une même page. Le premier contient le titre ressource avec tris boutons

sensitifs. Ces boutons sont reliés par hypertextes au sommaire des cours, aux

sommaire des évaluations et à l‟aide.

Le deuxième cadre montre l‟espace ou les enseignants pourront écrire les

les bibliographies qu‟ils ont utilisées pour la conception de leur cours, les

différentes ressources existantes à la faculté quelque soit leurs support.

Dans ce dernier cas si l‟étudiant est sur le serveur intra net, il pourra

consulter ces documents si ils sont informatisés et hébergés sur le site de la

faculté.

Le troisième cadre concerne les adresses sur le Web.

Page 38: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

38

La mises des sites Web qui traitent de la spécialité médicale concernée. Pour

les moins jeunes, des adresses de quelques moteurs de recherches qui

pourront être activés depuis le Cd-rom ou le site Web ou l‟intra net.

3.2.2.9. Rubrique d’Aide

Fig.14 : page d‟aide

Cette page peut être activée dans n‟importe quelle autre page Web de ce Cd-

rom. Son but est de permettre aux utilisateurs de bien comprendre les

consignes et de les utiliser.

Elle est constituée de deux cadres. Celui de gauche contient trois liens. Le 1

fait passer au sommaire des cours. Le 2 donne la possibilité d‟installer trois

gratuiciels (Internet Explorer dans sa version 6, Adobe Acrobat Reader et

Quick Time). Il suffira de cliquer sur le gratuiciel qui n‟est pas disponible .

Le troisième permet de contacter le concepteur grâce à son adresse

électronique.

1

2

3

4

Page 39: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

39

Le cadre de droite 4 montre seize titres de paragraphes qui expliquent le

fonctionnement de cette application et surtout la manière de s‟en servir. En

cliquant sur chacun de ces titre, le paragraphe correspondant au titre

s‟ouvrira.

3.2.2.10. Images

Les images ont été prises par un appareil photo numérique ou ont été

scannées. En général, le format utilisé pour les intégrer dans le site Web ou

dans le CD est soit le format JPEG ou GIF.

Leur taille est réduite par rapport aux autres format et permettent de

facilement télécharger ces images.

Elles sont reliées au texte du cours par un lien et s‟ouvrent pour être

visionnées sur une autre fenêtre, en même temps que le cours et que l‟on

peut ensuite refermer.

3.2.2.11. Séquences Vidéo

Elles s‟ouvrent dans des fenêtres séparées et sont accompagnées d‟un titre.

Ce qui différencie la vidéo de l‟image c‟est qu‟elle s‟ouvre en utilisant un

lecteur de format vidéo « Avi » en général, car c‟est le format natif ( le

format dans lequel la séquence a été numérisée) et c‟est le plus utilisé.

On utilise de plus en plus actuellement le format « MPEG4 ».Le lecteur de

codage et de décodage de séquences vidéo est le logiciel Quick Time.

3.2.2.12. Icônes.

Elle sont utilisées pour montrer l‟existence d‟un lien reliant une image ou

une séquence vidéo au texte. En l‟insérant au milieu du texte, l‟utilisateur du

Page 40: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

40

site cliquera dessus pour accéder à une autre fenêtre ou se visualisera l‟image

ou la vidéo.

3.2.3. Exécution

Nous avons opter pour un travail asynchrone pour les raisons suivantes :

Absence de plate-forme d‟enseignement à distance prévue par la faculté de

médecine.

Absence de proposition pour un travail synchrone, ni dans la plage horaire,

ni dans la formation.

Ce travail sera présenté donc, comme un CD web. Son utilisation pour la

création de cours multimédia nécessite quelques clarifications. Plusieurs

points sont à signaler :

- Tous les cours configurés grâce au module seront la propriété de la

faculté de médecine de Tunis et ne pourront être utilisés ou modifiés sans

le consentement de la section utilisatrice donc de la faculté .

- Le module étant lui même propriété de la faculté de médecine de Tunis,

personne n‟aura le droit de l‟utiliser sans son autorisation.

Ces deux points confirment la propriété intellectuelle de la FMT.

Le fait que les étudiants en médecine pourront utiliser ces cours, les images

et les séquences vidéo qu‟ils y verront, les obligent à la confidentialité pour

des raisons médico-légales.

4. Utilisation du module

L‟utilisation de ce module peut se faire de deux différentes manière :

comme utilisateur concepteur pour la création de cours

Page 41: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

41

ou comme consommateur visiteur pour la lecture de ces cours.

4.1. En création de cours

Utiliser ce module pour créer les cours est assez simple en suivant les

consignes qui vont suivre.

4.1.1. Pour les enseignants

Ces instructions sont spécifiquement destinées aux enseignants créateurs de

cours.

4.1.1.1. Ouverture du Cd-rom

il existe deux façon d‟ouvrir le cédérom :

4.1.1.1.1. Exécution automatique :

C‟est la plus facile, le Cd-rom est associé à un module d‟auto démarrage.

Dès sa mise dans son lecteur, il démarre sans aucune autre manœuvre. Il est

préférable de l‟utiliser pour voir ce qu‟il contient et afin qu‟il donne une idée

sur la présentation ultérieure de l‟application.

4.1.1.1.2. Ouverture pratique :

C‟est la deuxième façon de faire. Il suffit de fermer la page d‟ouverture, aller

vers le poste de travail et l‟ouvrir. On cliquera sur le cédérom en appuyant

sur le bouton de droite de la souris. Une fenêtre s‟ouvre et il faudra cliquer

sur « ouvrir » (et non pas exécution automatique). Le contenu du Cd sera

alors affiché dans une fenêtre. Normalement, on doit trouver 11 dossiers et 6

feuilles web plus un programme d‟auto démarrage composé d‟un programme

et d‟un carnet « note book » (4).

Page 42: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

42

4.1.1.2. Copier de Tous les dossiers :

Pour pouvoir changer le contenu, il faudra copier le dossier « FMT » et le

recopier « coller » dans le dossier « Mes documents » dans le dossier appelé

« Mes sites web ». Une fois que l‟étape ouverture pratique est faite, On

clique une fois sur le dossier « FMT » sur le Cd-rom. On tape ensuite

« Ctrl+C ». On ouvre le dossier « mes documents ». Dans ce dossier on

ouvre le dossier « mes sites web » et on tape « Ctrl+V ».

Cette étape est essentielle pour que lors de l‟ouverture de l‟éditeur HTML,

dans notre cas « Microsoft Front Page », on aura le module et son plan à

gauche de la page ouverte.

4.1.1.3. Ouverture éditeur HTML :

Pour avoir accès aux changement, il faudra ouvrir dans l‟ordinateur un

éditeur HTML qui est dans nôtre cas « Microsoft Front Page* » (4). Il faut

aller au menu « démarrer » puis à « Microsoft Office » et ouvrir « Microsoft

front page *». On clique en haut et à gauche sur « fichier » pour sélectionner

« ouvrir » dans le menu déroulant ou sinon, on clique sur l‟icône numérotée

2 (Fig.15).

On recherche alors le dossier « FMT » dans la fenêtre qui s‟ouvrira et qui est

nommée « ouvrir le fichier ». Pour le retrouver, il faut cliquer sur « Mes

documents » dans l‟icône numérotée 1 (fig.15), puis sur « Mes sites Web »

et enfin sur le dossier « FMT ». Normalement on doit voir le contenu du

cédérom dans ce dossier, on clique alors sur le dossier « Spécialités et

sections». (Fig.15)

Page 43: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

43

Fig.15 :Ouverture de la fenêtre de recherche des fichiers à ouvrir

Le dossier « Spécialités et sections » contient les titres des certificats

enseignés de la DCEM1 à la DCEM3. Après avoir cliquer sur la spécialité,

dans chaque dossier de ce genre, il existe un « Dossier des cours »

contenant 40 dossiers des 40 cours. On choisi le numéro du « Dossier du

cours Xnn » déjà assigné et on clique dessus. Le contenu du cours s‟affiche,

ensuite on clique sur la page nommée « COURS Xnn »(en majuscules) et la

page s‟ouvrira sur « FrontPage ». On est en mode écriture et on pourra

commencer les changements.

Grâce au plan sous forme de menu déroulant de « FrontPage » qui est

affiché en même temps à votre gauche (fig.16), on a accès à toutes les pages

qui constituent le COURS Xnn sélectionné : 4 pages Web. La page Web

« COURS Xnn.htm » est constituée par les autres trois pages et elle

représente la page active par défaut pour chaque cours. La page « cours n

nn » contiendra la totalité du cours dans différents cadre. La page « titre

1

2

Page 44: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

44

cours nn » refermera le titre du cours et les liens. La page « plan cours nn »

représente le plan qui contient 96 liens hypertextes qui relient la page

existante et chaque chapitre ou sous chapitre du plan à un paragraphe dans le

cours.

Fig.16 :Ouverture de la page Front Page sur « COURS N 1.htm »

La page sélectionnée et ouverte est marquée sur le plan par une icône avec

crayon. Les pages marquées dans la fenêtre de gauche, sont superposées

dans la fenêtre de droite et on les différencie par un onglet qui les marque.

- REMARQUE IMPORTANTE : Pour chaque étape que l’on franchi, il

est impératif d’enregistrer toute les modifications faites.

Une fois que le cours est écrit par l‟enseignant et contenu dans une disquette,

il faut ouvrir le module par la deuxième méthode et ouvrir le cours en

Page 45: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

45

parallèle depuis la disquette, ou pour être plus rapide on recopie son contenu

sur le disque dur.

4.1.1.4. Comment changer le titre du cours

Pour changer le titre du cours il faut suivre les étapes suivantes(Fig.17) :

- Ouvrir la fenêtre de Front Page sur le cours sélectionné.

- Il vaut mieux renommer les dossiers de ce cours au titre du cours à

préparer (Fig.17/1).

- Ouvrir la page Web appelée « titre cours nn.htm » en cliquant dessus, et

la page s‟ouvrira dans la fenêtre de droite.

- Effacer le titre et le remplacer par le titre effectif du cours à faire

(Fig.17/2). Il est plus facile dans ce cas d‟ouvrir le cours écrit sur

disquette de sélectionner le titre de le copier en cliquant sur le bouton de

droite de la souris et de le sélectionner puis de copier. Il faut alors,

retourner à la page Front Page et effacer l‟ancien titre et coller le nouveau.

- Il ne faut pas oublier d‟enregistrer.

1

2

Page 46: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

46

Fig.17 :Changement du titre

4.1.1.5. Comment changer les chapitres

Globalement, il s‟agit presque de la même opération. Il faudra d‟abord ouvrir

« Front Page » d‟un coté et le texte du cours écrit de l‟autre (Fig.18/1). On

peut passer d‟une page à l‟autre juste en cliquant sur les onglets montrés par

les flèches. Sur « FrontPage » on ouvre le dossier « cours_n_x » qui est

précédemment choisi.

4.1.1.5.1. Sur le plan du cours

Sur la fenêtre de gauche, ou le plan du site est affiché, cliquez sur la page

Web « plan_cours_ x.htm ».

La fenêtre qui s‟ouvrira à droite vous montre juste le plan.

Les chapitres sont numérotés en chiffres de 1 à 10 et les sous chapitres de 1 à

9. Sur la page « Front Page », on pointe avec la souris le chapitre à changer

au milieu de ce mot «chapitre 1 » et on clique une fois (Fig.18/2) avec le

bouton de gauche pour insérer le curseur au milieu de ce mot puis on tape

manuellement le vrai titre du chapitre.

Il faudra ensuite effacer ce qui n‟appartient pas au nouveau titre.

Il ne faut pas oublier d‟enregistrer.

Il faut vérifiez que la couleur du chapitre est restée la même et qu‟il est

encore souligné, sinon il faudra annuler cette opération en allant cliquer sur

« Edition » (Fig.18/3) et cliquer sur « annuler » et refaire la procédure, ou

reconstruire le lien hypertexte. Ce dernier paragraphe sera développé plus

loin.

Page 47: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

47

Fig.18 :Changement des chapitres

4.1.1.5.2. Sur le cours apparent

Sur la page cours, il existe une multitude de cellules marquées. Toute la

structure du cours est faite sur l‟équivalent d‟un tableau dont on devine les

bords. Chaque cellule de ce tableau contient un chapitre. Et dans chaque

cellule chapitre, il existe un autre tableau contenant autant de cellules que de

sous chapitres (fig.18/4) . Il faut donc les assembler. Pour le réaliser, il

faudra d‟abord commencer par sélectionner, sur le cours écrit, un chapitre

entier s‟il n‟est pas divisé en sous chapitre. Puis, en gardant le curseur de la

souris sur la partie sélectionnée, on clique sur le bouton de droite et on copie.

On revient sur « Front Page » et on choisi le chapitre correspondant dans la

page cours, on clique sur le bouton de droite de la souris pour choisir coller

3

2

1

4

Page 48: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

48

alors que le curseur est sur la cellule en question. Le chapitre devra s‟afficher

dans la place qui lui a été sélectionnée. Si par contre, le chapitre contient des

sous chapitre, il ne faudra copier dans le texte du cours que la partie qui n‟est

pas divisée. Le reste sera fait en recopiant les sous chapitres. Il faut ensuite

enregistrer et refaire la même opération avec les autres chapitres. A noter,

qu‟il faut effacer ce qui est écrit dans la cellule mais il ne faut pas effacer les

petits drapeaux bleus car c‟est ces derniers qui permettent les liens. Si par

mal advertance ça arrivait, il faut cliquer sur « annuler » dans « edit » dans la

barre des menus.

4.1.1.6. Comment changer les sous chapitres

Il s‟agit à peu de détails prés de la même procédure. Il faut garder à l‟esprit

que pendant la création du cours Web, il est indispensable de garder les deux

fenêtres ouvertes (le cours écrit sur « Word » et « Front Page ».)

4.1.1.6.1. Sur le plan du cours

Pour changer les sous chapitres sur le plan, on pointe avec la souris le sous

chapitre à changer au milieu de ce mot « sous chapitre x » et on clique une

fois (Fig.18/2) avec le bouton de gauche pour insérer le curseur au milieu de

ce mot puis on tape manuellement le vrai titre du sous chapitre. Il faudra

ensuite effacer ce qui n‟appartient pas au nouveau sous titre.

Il ne faut pas oublier d‟enregistrer.

Il faut vérifiez que la couleur du chapitre est restée la même et qu’il est

toujours souligné, sinon il faudra annuler cette opération en allant cliquer

sur « annuler» dans « Edition » (Fig.18/3) et refaire la procédure, ou

reconstruire le lien hypertexte.

4.1.1.6.2. Sur le cours apparent

Page 49: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

49

Il faudra sélectionner le sous chapitre en entier dans « Word », puis le copier

et revenir sur « Front Page » et cliquer dans la cellule du sous chapitre

correspondant dans la page « cours_n_x », et coller le contenu qu‟on a

copier. On Enregistre !!!

Il faut effacer ce qui est écrit dans la cellule mais il ne faut pas effacer les

petits drapeaux bleus car c’est ces derniers qui permettent les liens. Si par

mal advertance ça arrivait, il faut cliquer sur « annuler » dans « edit » dans

la barre des menus.

4.1.1.7. Comment placer une icône dans le cours

La procédure est simple, il faut que la page sur laquelle on travaille soit

ouverte sur « FrontPage » avec le cours devant vous (4,5).

Les icônes dont on parle sont celles qui orienteront l‟étudiant vers une photo

représentée par un appareil photo ou vers l‟insertion d‟une séquence

vidéo représentée par une caméra .

Pour les insérer il faudra aller à « Insertion » à la barre des menus cliquer sur

image (sélection en bleu) et sélectionner dans « mes documents » le dossier

« FMT » puis le dossier « icône » puis le fichier « icône photo » ou « vidéo »

au choix (Fig.19,20) dans la fenêtre qui s‟ouvre et qui s‟appelle image. En

choisissant l‟image en question (en cliquant une fois dessus) on remarque

que l‟aperçu de cette dernière s‟affiche à droite (Fig.20). Il ne reste qu‟à

cliquer sur OK et enregistrer.

Page 50: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

50

Fig.19 : Insertion d‟une image. (Ci- dessus). Fig.20 :Fenêtre de choix des images ci dessous.

Il existe une deuxième manière de faire cette procédure. Sur le plan du site

on ouvre le dossier « icône » dans le dossier « FMT » on choisi l‟icône

« photo » ou l‟icône « vidéo ». On la copie et on colle au niveau du texte à

l‟endroit voulu.

Page 51: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

51

4.1.1.8. Comment créer un liens hypertexte

Pour pouvoir créer un lien vers soit une image soit un paragraphe ou une

séquence, il faut que ces derniers existent sur le disque dur et qu‟ils soient

enregistrés dans le dossier FMT dans le « dossier Photo-Vidéo ». On

commence par créer le document cible et l‟enregistrer pour pouvoir créer le

lien (Il faut „scanner‟ les photographies, les radiographies, les schémas, etc. ;

numériser les séquences vidéos ; créer les pages web ; les enregistrer sous

« mes documents / mes sites web / FMT/ Photo-Vidéo »). Cette étape étant

accomplie, on sélectionne le mot ou l‟icône qui sert de „déclencheur‟(dans

notre cas une icône) et on clique sur « Insertion » (barre des menus et on

choisi « liens hypertextes », ou on appuie sur les touches « Ctrl +K » et une

fenêtre s‟ouvrira(4).

Dans cette fenêtre (Fig.21) il faudra choisir le document cible déjà créé.

Fig.21 : fenêtre des choix des liens hypertextes.

Le chiffre 1 Fig.21 représente un outil de recherche dans le disque dur de

l‟ordinateur pour trouver les icônes.

Fenêtre de choix 1

2

Page 52: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

52

Le chiffre 2 Fig.21 représente le choix du cadre dans le quel on veut que le

document s‟affiche :

- Si on veut que le cadre soit le même, il faut cliquer sur „même cadre‟

(Fig.22/1).

- Si on veut changer, il faudra choisir un des autres cadres présents.

- Le cadre père : il faudra dans ce cas, qu‟on désigne par ce lien une page

qui va sûrement être consultée avant celle qui est en train d‟être conçue.

- Le cadre page entière : la page qui est en train d‟être conçue sera affichée

en plein écran.

- Il est tout de même conseillé de choisir « nouvelle fenêtre » lorsqu‟il

s‟agit d‟une image ou d‟une séquence vidéo.

Une fois le cadre choisi, il faut cliquer sur OK puis encore une fois sur OK,

puis enregistrer. Pour avoir une idée de la page et des liens conçus on clique

sur aperçu (Fig.22/2)

Fig.22 :fenêtre choix du cadre de destination.

4.1.1.9. Comment créer l’évaluation

Les fenêtres du cours et de « Front Page » étant ouvertes, on sélectionne les

questions dans leurs ensemble en cliquant sur le bouton de droite de la souris

1 2

Page 53: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

53

on les copie. Puis on passe sur « Front Page » (en cliquant sur l‟onglet la

barre de menu « démarrer »), on ouvre sur le plan du site le dossier

« Evaluation ». On clique alors sur le fichier précédemment défini, et la page

concernée s‟ouvrira à droite. On peut coller ce qu‟on a copié sous les mots

« questions » les différentes questions et sous le mot « réponses » les

réponses qui leurs sont relatives et on enregistre.

4.1.2. Pour la section et la faculté

Avant de charger les enseignants de la conception des cours multimédia, il

vaut mieux leur donner le numéro du cours qu‟ils vont créer pour que les

liens existant puissent fonctionner sinon, ils doivent être reprogrammés. Ces

liens existent entre la page sommaire et les cours.

4.1.2.1. Comment assembler les cours

Une fois que les cours sont mis sur page Web, il suffira d‟ouvrir grâce à

« Front Page » la page « sommaire des cours », et de sélectionner en fonction

des numéros attribués le cours en questions. Il faut ensuite cliquer au milieu

du mot « cours xx » et insérer le nouveau titre et effacer ce qu‟il reste de

l‟ancien et enregistrer (Fig.23/1).

Il faut ensuite sélectionne le nouveau titre et cliquez sur « Ctrl+k » pour voir

si l‟adresse marquée est bien correcte (Mes documents/ mes sites web/ FMT/

Dossier des cours/ Dossier du cour Xnn/ COURS Xnn). Dans ce cas, on

clique sur cancel et on enregistre. Sinon, on recherche dans cette fenêtre ce

cours et on clique sur la page qui le représente (Fig.23/2). Cette opération

sera faite pour tous les cours.

Page 54: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

54

Fig.23 : insertion et vérification de l‟adresse du lien

4.1.2.2. Comment mettre le site sur Cd-rom

Pour transporter le travail de votre ordinateur vers l‟ordinateur de la FMT, il

faudra disposer d‟un graveur de Cd-rom. Car la taille du site sans cours est

aux alentours de 100 Mb et aucun outil de mémoire à part le CD ou de

nouvelles unités de mémoire comme les clé mémoire USB ou les Digital

mémory cards. Le choix du CD s‟est fait parce que c‟est le support le plus

facile et le moins fragile à transporter.

1

1

2

Page 55: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

55

4.1.2.2.1. Cd-rom pour les enseignants

Le Cd-rom contient l‟application à utiliser avec le support écrit, et la

démonstration avec la partie de la réanimation médicale sur le même Cd-

rom. La copie de ce Cd pourra grâce à une exécution automatique orienter

les enseignants.

4.1.2.2.2. Cd-rom pour les utilisateurs des cours

Dans ce cas les différentes méthodes utilisées et la manière de créer

n‟intéresse pas les consommateurs. Ce qui les intéressent c‟est d‟ouvrir ce

CD comme un site Web et de naviguer et explorer les cours faits, de s‟auto

évaluer et d‟explorer la partie multimédia à la quelle ils n‟avaient pas accès

précédemment. Il faudra donc leur préparer le CD contenant le module

complet avec la liste des cours. Au niveau du CD il y aura tous les Fichiers

qui ont été utilisés pour le créer (Fig.24) sauf la page « fmt »et la page

nommée « important.doc »

Page 56: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

56

Fig.24 : contenu de tous les Cd-rom.

4.1.2.3. Utilisation d’une exécution automatique (Auto-

run)

Pour que le Cd-rom fonctionne avec l‟exécution automatique, quand on veut

graver, il ne faut pas mettre tout le dossier, mais seulement la totalité de son

contenu. En plus on ajoutera le dossier « auto-run pour création de CD » qui

fera partie des logiciel à acquérir. On clique sur « auto-run .inf » et on

modifie la deuxième partie du texte sur la première ligne en changeant le

« xxxx.xxx » par le nom de la page d‟Accueil que L‟on a choisi pour

l‟ouverture du CD (Fig.25).

Fig.25 :installation de l‟exécution automatique.

4.1.2.4. Comment mettre le site sur intra net

Il suffit de mettre tout le site dans un même dossier. Ce dernier sera installé

sur le „serveur‟, l‟ordinateur nécessaire pour gérer l‟intranet et stocker la

banque de données. Sur ce serveur on créera des raccourcis qui nous

permettront d‟accéder à la page d‟ouverture du site. La navigation ne pourra

se faire qu‟en mode lecture. Et même si, on essayerait de trafiquer ces pages,

Page 57: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

57

elles resteront uniquement au niveau de l‟ordinateur utilisateur et non du

serveur(4).

Des codes d‟entrées seront installés au niveau de ce serveur pour permettre

aux enseignants d‟accéder au site à travers un ordinateur du réseau interne.

4.1.2.5. Comment mettre le site sur le Web

Une fois le site complété, et les cours terminés et bien organisés, les accords

administratifs obtenus et l‟emplacement du site sur son serveur déterminé, il

suffit d‟ouvrir le site sur « Front Page » (exemple FMT(Fig.26)) de cliquer

sur fichier et de choisir publier le site (2,4,5).

Fig.26 :publication du site

Une fenêtre s‟ouvrira contenant les modalités que le serveur fournisseur

d‟accès et hébergeur du site demandera et normalement fournira à l‟avance.

Page 58: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

58

4.1.3. Données de créations

Ces données seront utilisées par la majorité des enseignant qu‟ils fassent ou

pas parti d‟une section. Elles amélioreront la connaissance des options

possibles.

4.1.3.1. Insertion d’une image

- Il faut commencer par numériser l‟image (soit utiliser un appareil photo

numérique, soit un scanneur d‟image ou utiliser une image déjà prête sur

un support audio visuels).

- Il faut ouvrir « Front page » et « ouvrir » une nouvelle page sur la quelle

l‟image en question sera insérée le plus largement possible.

- Pour se faire, il faut cliquer sur « insérer »dans la barre des menus, puis

sur « image ». On choisi l‟option « à partir d‟un fichier » et on cherchera

dans le disque dur l‟image numérisée.

- Une fois l‟image insérée, il faut cliquer dessus et déplacer la flèche du

curseur sur les bords de la photo jusqu‟à ce qu‟il change de forme et

devienne une flèche à deux sens. On clique alors dessus et on garde le

doigt appuyé tout en déplaçant la souris pour changer la taille de la photo.

Il ne faut pas que la taille de la photo dépasse la taille de l’écran. Il est

souhaitable de ne pas trop agrandir la taille du fichier de ces images, car

plus elles sont grandes, plus elles prennent une longue période lors du

téléchargement.

- Il vaut mieux écrire sous ces images le commentaire souhaité.

- On enregistre en donnant à cette page un nom qui lui correspond.

- On retourne au texte et on insère une icône photo, qu‟on peut trouver

dans le dossier « Icônes », dans le texte destiné à insérer le lien vers

l‟image.

Page 59: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

59

- On sélectionne l‟icône et on tape « Ctrl+k », puis on choisi dans la fenêtre

qui s‟ouvrira comme destination la page de l‟image en question et comme

cadre « nouvelle fenêtre » pour voir l‟image en parallèle au texte (Fig.27)

- Enfin, on enregistre.

Fig.27 : insertion d‟une image dans le site.

4.1.3.2. Insertion d’une séquence vidéo numérique

La séquence vidéo n‟a pas besoin d‟être mise dans une page à part, le fait

qu‟elle s‟ouvre directement dans un lecteur facilite l‟opération de l‟insertion.

Donc pour commencer il faut :

- Enregistrer cette séquence sur votre disque dur dans le même dossier

prévu pour le Cd-rom sous un nom bien déterminé.

Page 60: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

60

- Insérer un logo vidéo au niveau du texte où l‟insertion est prévue. Pour le

faire cliquez sur « insérer » puis sur « image » puis « à partir d‟un

fichier » puis sur « icônes » et finalement sur « icône photo ».

- Taper OK.

- Sélectionner l‟icône sur votre page et cliquer sur Ctrl+K et indiquer le

fichier vidéo en précisant qu‟il soit présenté dans une nouvelle

fenêtre.(Fig.28).

- Tapez OK deux fois puis enregistrer.

Fig.28 :insérer une séquence vidéo à partir d‟une icône.

4.1.3.3. Insertion d’une bibliographie

Pour insérer une référence bibliographique dans un texte normal il faut

mettre entre parenthèses le numéro qui lui correspondra dans la page prévue.

On a essayé de garder le même esprit, lorsqu cliquera sur le chiffre en

Page 61: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

61

question, la page cours montrera la partie réservée aux bibliographies de ce

cours.

Il faut aller sur « FrontPage » en bas de la page « cours_n_xx », qui est la

partie réservée aux bibliographies et ne pas effacer les drapeaux qui y sont

inscrit mais le reste. Dans chaque case, on colle la référence adéquate que

l‟on a déjà copié sur « Word ».

En revenant, dans le texte (toujours sur « FrontPage ») où ce même chiffre

a été inséré, on sélectionne ce numéro puis on tape « Ctrl+k », on choisi la

page la page « cours_n_xx » correspondante au notre. Avant de fermer notre

fenêtre, dans l‟espace « signet » recherche le mot que l‟on a éffacé

correspondant à la cellule de notre référence (Fig.29)

Page 62: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

62

Fig.29 :sélection du lien hypertexte vers la page bibliographie du même cours dans l‟espace

« URL » et attribution du numéro de la référence dans l‟espace fléché « signet » qui doit être le

même que le numéro de la référence sur le texte et sur la page bibliographie.

4.1.3.4. Création d’un lien vers un site Web

Si la référence est un site web et si on est connecté, on peut grâce à un lien

aller visiter ce site. Il ne peut se faire que sur une page ouverte de FrontPage.

Une fois que l‟on a écrit le nom du site en question, il suffit dans ce cas de

taper « Ctrl+k » et d‟introduire l‟adresse complète du site à visiter dans

l‟espace prévus signalisé « URL » qui doit commencer par(

http:://www………)

4.2. En lecture

Dans ce mode d‟utilisation, on peut visiter cette application comme on visite

un site web. Dès la page d‟ouverture, le visiteur s‟oriente vers le seul choix

possible de progression, vu que le deuxième nécessite un mot de passe pour

y parvenir. Ce choix l‟oriente vers la page d‟accueil.

4.2.1. Consulter la page d’accueil

La page d‟accueil est la page d‟orientation vers les renseignements désirés

ou vers l‟enseignement attendu. Depuis cette page on peut consulter l‟aide

ou voir le programme des différents cours ou consulter le sommaire des

cours ou celui des évaluations.

Page 63: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

63

4.2.2. Consulter le sommaire des cours

On y arrive par deux chemins différents à travers la page d‟accueil, le

premier est le plus facile en cliquant sur enseignement. Le deuxième passe

par études ou les cinq classes sont représentées et en cliquant sur chacune

d‟elles on aboutit aux spécialités que l‟on étudie. Au bout on arrive au

sommaire des cours.

4.2.3. Consulter les mini modules

En cliquant sur le titre du cours dans le sommaire, la page du cours en

question s‟ouvre en donnant accès à trois fenêtres. Celle horizontale

renferme le titre du cours, celle à gauche contient le plan du cours et celle à

droite renferme le contenu du cours. Si on veut consulter le cours sans l‟aide

du plan, il n‟y a qu‟à descendre en utilisant l‟ascenseur et la totalité du cours

défilera.

4.2.4. Consulter les différents chapitres.

En cliquant sur les différents chapitres du plan dans la fenêtre de gauche, la

partie du cours correspondante s‟affiche à droite rendant ainsi facile la

compréhension de la structure générale du cours et de ces détails. La même

chose est à faire pour consulter les sous chapitres un à un.

4.2.5. Visionnement des images

Pour accéder à cette image il faut juste cliquer sur l‟icône représentant un

appareil photo et grâce au lien hypertexte une nouvelle fenêtre s‟ouvrira

montrant la photo ou l‟image.

Page 64: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

64

4.2.6. Visionnement des séquences vidéo

L‟accès aux séquences vidéo est similaire à l‟accès aux image, sauf que la

différence réside dans le fait que la fenêtre qui s‟ouvre est l‟interface d‟un

logiciel de décodage de séquences vidéo. Il est très facile à utiliser, il faudra

qu‟on clique sur lecture et que l‟on ferme la fenêtre après utilisation.

4.2.7. Consultation de l’évaluation

L‟évaluation est une partie intégrante de tout cours. Pour y parvenir, il suffit

de cliquer sur le bouton évaluation qui existe sous chaque titre de chacun des

cours pour accéder à l‟évaluation correspondante. La deuxième façon d‟y

parvenir est de cliquer sur le sommaire d‟évaluations et choisir le cours dont

l‟évaluation est souhaitée.

4.2.8. Consultation de l’aide

L‟aide est une rubrique consacrée aux utilisateurs de l‟application. Cette

dernière nécessite pour sa lecture quelques logiciels qui sont livrés avec le

CD. Pour les installer on clique sur l‟icône d‟exécution du logiciel demandé

après avoir ouvert le dossier concerné. Les autres titres représentent la façon

d‟utiliser le module pour les non habitués du PC.

4.2.9. Rubriques ressources

Les ressources représentent les différents supports pédagogiques ou

médiatiques sur les quels se sont reposés les enseignants pour concevoir les

cours. Chaque spécialité aura sa page de ressources séparément. Cette page

contient du haut vers le bas les références qui sont les nouveaux articles à

consulter à la bibliothèque. Plus bas on trouve les ressources de cette

spécialités en d‟autres formats( vidéo, diapo, audio, etc.) existants à la

médiathèques de la FMT. Encore plus bas, on retrouve les adresses des sites

Page 65: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

65

web qui traitent de la même spécialité et qui peuvent être immédiatement

reliés si l‟utilisateur est connecté à internet. Finalement, on a mis les moteurs

de recherche sur internet qui peuvent aider l‟utilisateur à sa quête d‟autres

renseignement sur le web.

5. Application du module à la réanimation

médicale.

C‟est en utilisant l‟application créée que la mise sur support multimédia du

module de réanimation a été faite. Grâce à cette méthode il est probablement

plus instructifs de consulter ces cours avec des images et des séquences

vidéo qui explicitent d‟une meilleure façon les gestes médicaux ainsi que les

complications que l‟on risque de trouver.

Pour pouvoir faire ce module nous avons contacter les différents

enseignants de la sections en leurs demandant de nous donner leurs cours sur

support électronique standard comme le Microsoft Word. Ces cours ont été

transformés secondairement en support multimédia et on en a fait un Cd web

en suivant exactement les instructions indiquées.

5.1. Collaborations

Nous remercions pour leurs collaborations à l‟élaboration de ce module de

réanimation médicale tous les enseignants qui nous ont aidé à donner la

dernière versions existante de leurs cours de DCEM3. On nommera pour

cela :

- Pr. Jerbi Zouheir chef de service réanimation et des urgences de

l‟hopital Habib Thameur.

Page 66: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

66

- Pr. Ag. Borsali Nabiha au service des urgences de l‟hopital Habib

Thameur.

- Pr. Ag. Besbes Mohamed Chef de service réanimation de l‟hopital

abderrahmène mami ariana.

- Pr. Ag. Ben Khalil Jalila au service réanimation de l‟hopital

abderrahmène mami ariana.

- Pr. Amamou Mouldi chef de service de réanimation au centre

d‟assistance médicale urgente et de réanimation.

- Pr. Ag. Hafedh Thabet service de réanimation au centre d‟assistance

médicale urgente et de réanimation.

5.2. Cours

Pour ce module de réanimation, l‟application informatique est enrichie de

dix cours :

- L‟arrêt cardio circulatoire

- Détresse respiratoire

- Les noyade

- Les comas

- L‟antibiothérapie en urgences

- L‟asthme aiguë grave

- La décompensation aiguë d‟une broncho-pneumopathie obstructive

chronique

- La nutrition parentérale

- Les intoxications aigues

Les différents cours sont mis sur support web en exécutant exactement toutes

les consignes. Les chapitres et les sous chapitres ont été respectés, sauf que

l‟on peut pas accéder à plus de division du cours dans le plan.

Page 67: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

67

Après avoir refait le cours en format web, on a inséré les icônes photo et

vidéo au niveau du texte dans les zones prévue, et on a créer les liens pour

ces dernières.

5.2.1. Séquences vidéo

Les séquences vidéo pour ce module de réanimation ont été tournée dans le

centre d‟assistance médicale urgente et de réanimation de Tunis par un

appareil photo numérique de marque SONY Cyber-shot. Le Cd de transfert

des séquences sur ordinateur est fourni avec lui (4). Le logiciel de

visionnement vidéo est le Quick time. Une fois que ces séquences ont été

transférées sur notre disque dur, on les a placées dans le dossier de

l‟application, puis on a créé les liens.

5.2.2. Images

L‟appareil photo numérique que l‟on a utilisé a permis la capture aussi bien

de séquences vidéo que de photos et la procédure de transfert est exactement

la même que pour les séquences vidéo.

5.2.3. Ressources

Aux références utilisées dans ce module de réanimations par les enseignants,

on a ajouté d‟autres adresses correspondantes à d‟autres sites internet

d‟autres facultés de médecine qui on leurs cours sur le web ou de sociétés

savantes spécialisées en réanimation ou d‟autres spécialités dont les cours

traitent sûrement de la question traitée.

6. Discussion :

Dans la première partie nous discuterons de l‟utilisation de l‟application et

des problèmes quelle risque de générer à son public cible. La deuxième

Page 68: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

68

partie sera consacrée à la mise en pratique de cette application évaluée par

les étudiant les internes et les résidents.

6.1. Expérimentation de l’application

Pour saisir les difficultés que les enseignants risque de trouver lors de

l‟utilisation de cette application, il a fallu présenter ce projet à son public

cible pour qu‟il puisse l‟évaluer et en faire des cours.

6.1.1. Public cible

Ce travail a été essayé par 4 enseignants de la faculté de médecine de Tunis

qui ont entendu vaguement des buts qu‟il pourrait avoir, sans jamais le voir

ni l‟essayer. Tous les enseignants ont déjà navigué sur Internet, mais aucun

d‟eux n‟a de formation sur « FrontPage » ni sur un autre logiciel « HTML".

Le test a été fait en utilisant les ordinateurs du centre d‟assistance médicale

urgente et de réanimation, d‟un ordinateur portable personnel tout deux des

Pentium 4 de 1,4 à 2,4 G Hz avec des écrans de 15 pouces et sur un portable

Pentium III.

6.1.2. Items Demandés

Les appréciations des enseignants qui ont utilisés cette application sont très

importante pour nous guider.

On a demandé à connaître leurs impressions et les difficultés qu‟ils ont

trouvés concernant des items précis :

- Ouverture du CD

- La copie du contenu sur le disque dur

- La présentation pour les cours : facilité de lecture

- Compréhension du plan du site

- Consultation de la rubrique d‟aide

- Consultation de la rubrique ressources

Page 69: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

69

- Insertion d‟image et de séquences vidéo

6.2. Critiques

Lors du test cette application n‟était pas munie d‟une exécution automatique

rendant l‟accès au CD plus que difficile. Une fois que la page d‟ouverture a

été trouvée trois enseignants sur quatre ont voulu voir l‟architecture des

cours et la façon dont on s‟en servait avant de passer à la création. Il y a eu

quelques difficultés pour la compréhension du plan et des liens qui le lient

aux différentes pages du cours, mais après une période d‟essai tous les

enseignants ont voulu créer leurs cours. Un des enseignants a dit « qu‟au

premier abord, la procédure paraît longue, mais en renouvelant l‟application

elle devient plus simple. Les instructions pour la démarche à suivre sont

détaillés et méthodiques simples à assimiler pour les utilisateurs non

familiarisés avec l‟informatique. L‟aide est bien fourni en cas de difficulté à

l‟utilisation. » Une fois que le cours multimédia est créé et enregistré ce

même enseignant a rajouté « la démarche est beaucoup plus simple, il suffit

de cliquer en « deux temps trois mouvements » pour visualiser le cours.

Un autre enseignants a dit que « la procédure est longue mais que le résultat

en valait la peine. On réussira a en faire des cours très intéressant». Un autre

enseignant n‟a pas du tout aimé la couleur. Il n‟a pas aimé le plan car il

fallait faire beaucoup de répétition. Il trouve aussi que l‟explication du

contenu du cours n‟est pas très claire et qu‟il faut insérer d‟autres

algorithmes ou schémas pour plus d‟éclaircissements ce qui facilite de loin

la création des cours multimédia. L‟insertion d‟images et de séquences vidéo

est simple.

Page 70: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

70

6.3. Observations

Nous avons remarqués que l‟ouverture du Cd n‟était pas évidente sans une

exécution automatique qui était prévue dès le début. Pour faciliter la copie de

tout le dossier sur le disque dur, on a opté pour son regroupement dans un

seul dossier nommé FMT qui est une copie de l‟application en question

existante sur le CD.

La remarque la plus importante c‟est que les utilisateurs ont négligé deux

éléments décisifs pour la création d‟un cours. La page ressources n‟a pas été

consultée malgré qu‟elle faisait partie, au même titre des autres boutons

sensitifs, du sommet de la page cours, et l‟accès vers Internet a été

complètement occulté.

6.4. Expérimentation du module de réanimation

Nous avons donné la possibilité à quelques étudiants, internes et résidents

d‟utiliser ce module. Les étudiants sont en cinquième année de leurs études

médicales, les internes sont passés au CAMU pour y faire des stages de

médecine pendant une durée de quatre mois. Les résidents sont

respectivement en première et en deuxième années de leur cursus et font des

spécialités différentes (réanimation, ORL).

Tous ont vite adopté le plan et trouvent beaucoup plus facile cette manière de

présenter pour retenir et apprendre les différents cours. Ils trouvent dommage

que le plan n‟est pas aussi détaillé que les sous chapitres qui existe dans le

cours.

La remarque qui reviens le plus est celle qui trouve que les cours ressemblent

beaucoup à ceux qui existe sur le polycopié et que le message à passer est

souvent « noyé »dans la totalité du cours.

Page 71: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

71

Tous les utilisateurs ont bien aimé les séquences vidéo des gestes médicaux

montrant l‟importance de ce genre de document pédagogique pour éclaircir

les doutes.

Tous ont aussi remarqué le manque d‟illustrations, d‟images, de séquences

vidéo pour exposer le cours.

Au total, utiliser l‟application pour crée des cours multimédia semble assez

facile moyennant un temps d‟adaptation qui est plus au moins lent en

fonction la pratique de l‟utilisateur.

7. Commentaires

7.1. Comparaison du travail

La différence qui existe entre nôtre travail et les autres travaux multimédia

qui ont été faits dans notre faculté (3,6) est la possibilité qu‟il donne aux

enseignants de toutes les spécialités ou sections de l‟utiliser, alors que les

autres travaux concernent juste une de ces dernières.

Ce module peut aussi englober les deux autres, mais par souci de

standardisation il serait préférable de les faire sur un même modèle.

Ces travaux utilisent plus d‟options technologiques que ce module mais en

changeant de navigateurs ces options ne seront plus disponibles. Même leurs

création par un simple utilisateur ne serait pas facile et elles peuvent être

confondues pour une tache qu‟il effacera quand il est en mode création.

Les menus déroulants et les menus en cascade (7) surtout pour le plan ont été

évités pour ce genre d‟inconvénients.

Page 72: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

72

7.2. Progrès à faire

La présentation de cette application reste basique, mais facilement à

comprendre et à manier par le simple utilisateur. Ceci n‟empêche pas le fait

est améliorable si l‟utilisateur est averti. Ce choix a été fait pour donner aux

enseignants qui n‟ont pas l‟habitude de ce genre de programmes la

possibilité de se familiariser à l‟application. Un changement ultérieur est

parfaitement possible toujours en utilisant le « Microsoft FrontPage ».

L‟autre point sensible reste que le plan ne se divise pas en plus de chapitres,

et si le cours à transformer en contient plus, le simple utilisateur ne pourra

pas le changer. Ceci dit, pour un utilisateur averti, le plan de l‟application est

simple et l‟ajout de chapitres ou de sous chapitres avec la création de leurs

liens ne devrait, en aucun cas, présenter un problème.

Lors de la création de cours, il est impératif de répéter l‟opération « copier

coller » dans la page cours, pour les chapitre, pour les sous chapitre. Ce point

est du à l‟utilisation de cellules dans ce site web pour pouvoir garder les mise

en page et la hiérarchie du cours écrit, et parce que la manipulation de

cellules visible est facile pour les utilisateurs. La même page de cours est

présente avec la présentation avec une autre hiérarchie de plan pour ceux qui

veulent l‟utiliser.

Le nombre de 40 cours par sommaire semble insuffisant pour certains, mais

l‟application permet de rajouter les cours à l‟infini, juste en copiant les

dossiers cours, en les rajoutant dans le module souhaité et en créant de

nouveau liens. Cette opérations est facile.

Dans cette application, la communication peut être favorisée par l‟insertion

des adresses électroniques des enseignants qui répondront aux questions de

leurs étudiants. L‟insertion d‟accès vers les forums de chaque spécialité peut

contribuer à la communications entre étudiants et enseignants mais aussi

entre étudiants seuls.

Page 73: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

73

Ce travail, finalement, répond aux attentes des enseignés en leur

proposant non seulement une autre façon d‟accéder à l‟apprentissage, mais

une façon de s‟instruire eux même car les modalités de la formation

médicale ont évolué parallèlement à l‟évolution des supports. L‟utilisation

des NTIC est le plus souvent vue comme une occasion d‟apprentissage

individuel, avec l‟acquisition par l‟apprenant d‟une autonomie de plus en

plus grande c‟est le renforcement du concept : autoformation(8).

Ces NTIC permettent l‟accès à un volume gigantesque d‟information, sous

des formes très variés, textuelles, graphiques, sonores… Elle représentent

une libération dans le mode d‟accès au savoir, libération de lieu, mais aussi

de temps et de manière d‟accéder à la connaissance.(1,8,9,10). Elles

représentent des moyens de communication extrêmement performants, qui

seront de moins en moins coûteux : messageries, transfert d‟images, vidéo

conférences…(8). L‟application des NTIC modifie fondamentalement le rôle

de l‟enseignant qui devient progressivement un facilitateur, un guide de

l‟apprentissage et plus uniquement un réservoir de savoir. Il faut noter que

cette évolution n‟est pas due aux nouvelles technologies elles mêmes mais à

l‟évolution de la pédagogie (8). Plusieurs modèles de pratiques pédagogiques

innovantes ont été créées en cinq ou six phases (3,8), et les applications

NTIC tendent à les employer. Nous en avons utilisés et espérons que ce

travail aide à les diffuser. Les spécialistes de « l‟ingénierie pédagogique »

insistent sur ces principes , surtout celui appelé APP ou apprentissage par

problèmes (8,9,10,11) que nous ne pouvons utiliser à ce stade de

l‟application.

D‟un autre coté il n‟y a pas que des aspects positifs à l‟utilisation des NTIC,

car elles coûtent cher non seulement parce que les ordinateurs coûtent cher

(de moins en moins) mais surtout parce que les développements

Page 74: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

74

pédagogiques nécessitent des personnes capables d‟utiliser des systèmes

complexes (les enseignants) et parce que le temps nécessaire pour un tel

développement est important. A ce jour, les NTIC restent instables vue les

évolutions technologiques rapides. Les grandes firmes luttent pour imposer

leurs propre standards, ce qui rend parfois les modules développés très

dépendants des plates-formes utilisées. Un autre danger est l‟isolement de

l‟apprenant, sa perte de contact avec les autres et avec l‟enseignants (1).

Etant donné l‟étendue du rôle de l‟enseignant(fig.30), même si les NTIC

prendront un ou plusieurs rôle dans l‟apprentissage des enseignés, c‟est lui

qui décidera de l‟impacte de celles-ci et de la manière de les utiliser a fin

d‟éviter les points négatifs.

Fig.30. Les douze rôles de l‟enseignants (A3).

Le fait d‟accorder que le savoir soit délivré par un média technique et que

l‟apprenant puisse y accéder directement, accorde déjà une nouvelle place à

l‟implication des deux parties, et libère l‟enseignant des tâches banales et

répétitives pour le laisser se consacrer à des rôles plus nobles. Dans la plus

part des cas, un enseignement efficace avec le concours des technologies est

d‟abord un enseignement efficace quelque soit le moyen utilisé (1).

Page 75: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

75

8. Conclusion

Les méthodes d‟enseignement connaissent une innovation

pédagogique certaine, mais leur utilisation reste limitée par le grand nombre

d‟étudiants. Pour combler ce manque, il devient impératif d‟avoir recours à

d‟autres méthodes d‟enseignement. Les nouvelles technologies de

l‟information et de la communication (NTIC), un domaine en pleine

croissance et en cours d‟évaluation, peuvent constituer une de ces méthodes.

Associées à l‟enseignement à distance (EAD) , ces techniques peuvent

répondre aux attentes des enseignants et surtout des étudiants.

Etant donné les difficultés et les limites de l‟enseignement actuel, de

nouvelles solutions peuvent être apportées par un support multimédia. En

effet, grâce à l‟utilisation d‟une application informatique, on aboutira à la

réalisation des objectifs pédagogiques et à suivre des modèles précis tels le

modèle transmissif ou celui d‟auto-formation. L‟évaluation formative, avec

toutes ses variantes possibles, sera une partie intégrante de cet outil .

Ces procédés d‟enseignements nécessitent un certain niveau de maîtrise

technologique. Pour pouvoir entreprendre ce genre d‟enseignement dans les

différentes institution, en particulier dans les faculté de médecine, il faudra

former au préalable les utilisateurs potentiels de ces moyens, en tant que

consommateurs de ces techniques, ou en tant que techniciens assurant

l‟entretien, la maintenance ou le bon fonctionnement des équipements.

Nous essayons par ce travail de donner aux enseignants et aux étudiants un

outil qui contribue à faciliter la préparation de documents pédagogiques

multimédia et leur utilisation à large échelle avec la possibilité

d‟interactivité.

Au terme de ce travail nous espérons que :

Page 76: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

76

- Tout enseignant, en temps que simple utilisateur, puisse trouver un outil

lui permettant de :

o Auto-concevoir et réaliser seul, sans l‟aide d‟un informaticien, un

module d‟auto enseignement multimédia incluant textes, images et

séquences vidéo numérisées.

o Produire des modules sur Cd-rom pour un enseignement non

présentiel.

o Produire des modules d‟auto apprentissage à mettre à la

disposition des enseignés sur un réseau local d‟une institution ou sur

le réseau internet.

- L‟enseigné sera à même de :

o Utiliser les modules d‟auto apprentissage multimédia sur Cd-rom

ou sur les réseaux intra et internet.

o Dialoguer et discuter avec les enseignants moyennant les réseaux

de communication.

o Apprendre à s‟auto évaluer.

Dans un but méthodologique, nous insistons sur le fait que dans le

cadre de ce travail le public cible est constitué par les enseignants de la

Faculté de médecine de Tunis en priorité ; mais cela pourrait aussi s‟étendre

aux enseignants d‟une manière générale. Nous espérons que les travaux sur

les nouvelles technologies, tels le présent travail, puisse fasciner ces mêmes

enseignants et les aider à obtenir plus d‟attention de leurs étudiants en

transformant leurs cours d‟un format électronique standard comme le

« Microsoft Word » en un cours sur support multimédia et aboutir aux

objectifs sus-cités.

Page 77: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

77

La présentation choisie de ce travail est un CD web pour sa maniabilité et la

facilité d‟y accéder, mais il peut facilement être exporté sur internet ou sur

un serveur intranet.

Pour parvenir à la conception de cette application nous avons choisi comme

matériel de travail différents outils dans l‟environnement « Windows » en

raison de sa très large utilisation tels le « Microsoft FrontPage » . Celui-ci est

le programme le plus important à utiliser pour la réalisation de ce travail. Cet

éditeur est un programme qui permet d‟avoir une interface entre l‟utilisateur

et le langage « HTML » qui signifie « Hyper Text Markup Language » qui

veut dire « langage de balisage hypertexte ». Il permet de transcrire les

changement que nous effectuons dans une page en « balises HTML » qui

sont en fait les codes et les repères de création des changements dans une

page Web. Ce genre de logiciel aide à gérer les cadres, à choisir les polices, à

régir les mises en page, à intégrer les bases de données et finalement à gérer

les sites. On a choisi « Microsoft FrontPage » parce qu‟il est parfaitement

compatible avec le navigateur web « Internet Explorer » et aussi bien l‟un

que l‟autre font partie des logiciels livrés avec le système d‟exploitation

« Windows ».

Internet Explorer est l‟un des plus diffusé des navigateurs web et joue un rôle

essentiel dans l‟activité de visite d‟un site web. Il interprète comme la

majorité des navigateurs, le code HTML, les couleurs, les graphismes et la

mise en page de l‟écran. On l‟a utilisé pour visualiser nos pages web, mais

on recommande son téléchargement et son installation pour ceux qui auraient

des difficultés avec un autre navigateur.

Pour les acquisitions d‟images et leur traitement nous avons eu recours

au logiciel « Adobe Photoshop ». Il est le plus connu des logiciels de

traitement d‟images chez les concepteurs professionnels quel que soit leurs

spécialisation. Il est choisi pour le grand nombre de fonctions et

Page 78: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

78

d‟approfondissement de presque toutes les modifications et rectifications que

l‟on peut faire pour une photo.

On a choisi pour le visionnement des séquences vidéo le « Quick

Time » qui est un logiciel conçu par « Apple Company » qui ne présente pas

en général de problème de compatibilité et qui fonctionne aussi bien sur les

PC, qui sont équipés en plus grande partie par le système d‟exploitation

«Windows », que les « Mac », qui sont équipés par le système d‟exploitation

« Mac OS ». Son utilisation permettra le visionnement de toutes les

séquences enregistrées par la plupart des nouvelles caméras numériques.

Nous avons choisi aussi comme matériel de developpement le logiciel

« Adobe Acrobat Reader » qui permet la fabrication et le visionnement de

documents de format « PDF » (Portable Document Format ). Ce format

numérique standard reproduit fidèlement l'aspect d'un document, y compris

les polices, les couleurs, les images et la mise en page.

Grâce à leur format compact, si les cours en format « HTML » ne sont

pas disponibles, l‟étudiant pourrait télécharger le cours en format « PDF ».

Etant donné que ce logiciel n‟est pas toujours disponible, on s‟est permis

d‟en proposer la partie gratuiciel qui est « Adobe Reader » avec

l‟application.

Dans le cadre des objectifs définis et dans les limites du matériel

choisi, on s‟est orienté vers un travail asynchrone pour l‟enseignement à

distance dont le résultat aboutit à la conception d‟un CD web qui contient un

site potentiel pouvant contenir les différents cours des différentes sections ou

spécialités. Le contenu de ce site web s‟ouvre sur une page d‟ouverture qui

différencie l‟entrée en tant qu‟enseignant ou en tant que simple lecteur

visiteur. Il contient aussi une page d‟accueil, une page de sommaire des

cours, une page sommaire d‟évaluation, 40 pages de cours, 40 pages

Page 79: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

79

d‟évaluations, une rubrique de ressources et une rubrique d‟aide. Leur

description à l‟aide d‟images d‟écrans annotés explicite leur différentes

spécificités.

Lors de l‟utilisation de cette application par les différentes sections ou

spécialités, les enseignants en tant que créateurs de cours peuvent remarquer

que par de simples instructions à suivre, par un simple utilisateur, on passera

d‟un cours classique vers un cours en format multimédia. D‟autres

instructions aussi simples, permettront d‟insérer des images ou des

séquences vidéo numérisée depuis une touche icône qu‟on active et qui est

visible dans le texte, ou enfin de créer des références vers une bibliographie.

L‟application prévoit aussi la création de nouvelles pages web avec des liens

hypertextes qui servent à approfondir certaines notions ou à donner des

explications ou à définir des mots ou des terminologies.

En ce qui concerne les visiteurs, ce CD web se visite comme un site

web. Ceux-ci pourront trouver les indications dans le document écrit ou dans

l‟aide concernant la procédure à suivre pour la visite du site.

Ils pourront bénéficier de la mise en pratique de cette application pour

transformer le module de la réanimation médicale de la DCEM3 en cours

multimédia. Cette dernière application a été faite de manière asynchrone en

utilisant les indications du module lui même et en insérant des séquences

vidéo et en ajoutant des images.

Un échantillon du public cible représenté par les assistants hospitalo-

universitaires exerçant au centre d‟assistance médicale urgente et de

réanimation de Tunis a essayé facilement ce module, mais il a trouvé que la

procédure est longue et qu‟elle devient facilement maîtrisable après la

première utilisation.

Ce travail se distingue par rapport aux autres travaux faits en EAD, par la

possibilité qu‟il offre à créer des documents illustrés, des sites web, des CD

Page 80: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

80

web en donnant les outils, l‟application informatique et la manière de le

concevoir et de le consulter. Nous avons choisi, par ailleurs, de ne pas

inclure dans cette application des options compliquées tels celles des

animations ou des menus déroulants, car ils risquent de compliquer la tâche

des enseignants créateurs de cours voir la simple lecture par les étudiants et

limitent ou bloquent la large utilisation de ce module. S‟engager à mettre ces

options revient à risquer aussi l‟incompatibilité d‟un navigateur à un autre.

L‟EAD est actuellement à ses débuts, bien que le contexte institutionnel lui

est intellectuellement favorable. Du point de vue technique et pédagogique,

la conception et la présentation de ce type de cours n‟a qu‟une dizaine

d‟années d‟ancienneté. Afin de surmonter les difficultés de début, il faudra

utiliser des moyens d‟acquisition plus professionnels, demander la

collaboration de spécialistes du multimédia et d‟informaticiens pour

l‟entretien et la protection du site.

Il faudra aussi grâce à ce nouveau matériel, enrichir la médiathèque en

images et en séquences vidéo en souhaitant la participation de tous les

enseignants pour fournir le matériel à numériser.

Pour terminer, ce travail permet aux enseignants de toutes les spécialités de

la faculté de médecine de Tunis de mettre leur cours en un format

multimédia sur son réseau intranet et sur son site internet. Aussi ces cours

deviennent accessibles à tous après l‟autorisation de la faculté.

Page 81: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

81

9. Bibliographie.

(1). Denef JF. Les nouvelles technologies de l‟information et de la

communication (NTIC) dans la formation médicale, au service de

l‟acquisition et du développement des compétences professionnelles.

Pédagogie Médicale 2001 ;2 :42-50.

(2). Weinman L. Conception graphique des sites Web, 3ème

édition, Paris :

Capuspress,1999.

(3). Ben Hamida A. L‟enseignement multimédia du module de neurologie de

DCEM1 : aspects conceptuels et pédagogiques. Thése de médecine. Tunis

2002.

(4). Microsoft office 2000 étape par étape Les ulis : Microsoft press,

1999:369-483.

(5) Müller P. Perfectionnez vos sites Web, Paris : Micro application, 2000.

(6) Nouira K. Apport de l‟imagerie dans les malformation de l‟oreille. Thèse

de médecine Tunis .

(7) Degoulet P,Fiechi M. Informatique médicale, 3ème

édition, Paris :

Masson,1998 :19-34.

(8). Lebrun M. Pédagogie et technologie : en marche vers « l‟autrement ».

Pédagogie Médicale 2000 ;1 :45-53.

(9).Bernard JL, Reyes P. Apprendre, en médecine. Pédagogie Médicale

2001;2:163-69.

(10). Gilkinson A. Techniques used by „expert‟ and „non-expert‟ tutors to

facilitate problem-based learning tutorials in in an undergraduated medical

curriculum. Médical Education 2003 ;37:6-14.

Page 82: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

82

(11). Harden RM, Crosby J. Amee guide N° 20 : The good teacher is more

than a lecturer- the twelve roles of the teacher. Médical Teacher

2000;22:334-47.

Page 83: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

83

Bibliographie.

3. Ben Hamida A. L‟enseignement multimédia du module de neurologie de

DCEM1 : aspects conceptuels et pédagogiques. Thése de médecine. Tunis

2002.

9.Bernard JL, Reyes P. Apprendre, en médecine. Pédagogie Médicale

2001;2:163-69.

7. Degoulet P,Fiechi M. Informatique médicale, 3ème

édition, Paris :

Masson,1998 :19-34.

1. Denef JF. Les nouvelles technologies de l‟information et de la

communication (NTIC) dans la formation médicale, au service de

l‟acquisition et du développement des compétences professionnelles.

Pédagogie Médicale 2001 ;2 :42-50.

10. Gilkinson A. Techniques used by „expert‟ and „non-expert‟ tutors to

facilitate problem-based learning tutorials in in an undergraduated medical

curriculum. Médical Education 2003 ;37:6-14.

11. Harden RM, Crosby J. Amee guide N° 20 : The good teacher is more

than a lecturer- the twelve roles of the teacher. Médical Teacher

2000;22:334-47.

8. Lebrun M. Pédagogie et technologie : en marche vers « l‟autrement ».

Pédagogie Médicale 2000 ;1 :45-53.

4. Microsoft office 2000 étape par étape Les ulis : Microsoft press,

1999:369-483.

5. Müller P. Perfectionnez vos sites Web, Paris : Micro application, 2000.

6. Nouira K. Apport de l‟imagerie dans les malformation de l‟oreille. Thèse

de médecine Tunis .

Page 84: Développement d’une application informatique … · par un examen écrit sur table lors d‟une session principale suivie d‟une session de contrôle ou de rattrapage en juillet

84

2. Weinman L. Conception graphique des sites Web, 3ème

édition, Paris :

Capuspress,1999.