Академический Документы
Профессиональный Документы
Культура Документы
3. Maquette
3.1 Organisation et rdaction finales
du contenu
3.2 Structure hypertextuelle et structure
des menus
4. Production
4.1 Ralisation de linterface
2. Analyse
2.1 Objectif - Contexte
2.2 Profil utilisateur et besoins
2.3 Contenu
baucher la structure du contenu
Inventorier les matriaux intgrer
(audio, vido, texte, visuel, figure,
graphiques)
Acqurir les droits de
reproduction sil y a lieu
Complter les lments de
contenu
2.4 Aspects pdagogiques
Dfinir les objectifs
pdagogiques du site
Dfinir les stratgies dapprentissage
Dfinir les problmatiques
dapprentissage (sil y a lieu)
Faire l'ntgration du site dans la
squence denseignement
2.5 Aspects technologiques
Hbergement du site.
Scurit
Utilisation de modules
dextension, java, javascript, etc.
tape 1 : Dmarrage
On amorce le projet en dterminant le cadre gnral de production, lchancier et lorganisation du travail
Collaborateur(s)
chancier
Fin de ltape
2. Analyse
Fin de ltape
3. Maquette
Fin de ltape
4. Production
Fin de ltape
5. valuation
Fin de ltape
6. Implantation/entretien
Fin de ltape
Votre chancier est-il bien dfini ?
Vos dates de livraison sont ralistes ?
Les membres de lquipe sont au courant de lchancier ?
Les activits raliser et les documents produire sont connus de tous ?
Les activits raliser et les documents produire assurent un bon suivi au projet ?
1.3
Contenus ou rubriques
Plan de cours
Messages
Calendrier actualis
Interactif
Dynamique
1.4
Temps requis
Frquence de la
tche
Temps requis
Frquence de la
tche
Plan de cours
Messages
Calendrier
actualis
lments de
matire
Travaux et
corrigs
Diapositives
(PowerPoint)
Documents divers
Affichage de notes
Liens externes
Babillard
Forum
FAQ
Bavardage
(Chat)
Moteur de
recherche
Simulations
Exerciseurs
Logiciel-outil
Fonctionnalits
volues
Outils pour
activits
collaboratives
Ensemble du site
Refonte majeure
volution technique
Responsable
entretien
technique
Responsable
entretien contenu
tape 2 : Analyse
2.1
Objectif Contexte
noncer lobjectif gnral de votre site.
2.2
2.3
Contenu
Inventorier les matriaux de toutes formes intgrer (audio, texte, vido, figures, graphiques) et acqurir
les droits de reproduction sil y a lieu.
Droits de
reproduction
(oui ou obtenir)
Format
(papier, Word, etc.)
effectuer
(ex : numriser)
Vous avez des questions sur les droits de reproduction ? Vous ne savez pas comment les obtenir ? Vous pouvez
consulter xxxx xxxx, charg de la gestion des droits dauteur la Bibliothque.
xxx
Courriel : xxxxxxx@courriel.com
Tl. : xxxx
Local : xxxxx
7
Faire l'intgration du site dans la squence denseignement.
Tableau 10 Scnario dintgration du site la squence denseignement du cours
Type de site Importance pdagogique
Comment intgrer le site la squence de
formation du cours ?
Interactif
Le site est le support exclusif pour une
partie du matriel et des activits
pdagogiques lies au cours.
Les tudiants sont obligs de consulter le
site rgulirement pour suivre le cours.
Dynamique Le site est le support exclusif d'une
grande partie, sinon de la totalit, du
matriel et des activits pdagogiques
lis au cours.
Les tudiants sont obligs de consulter
plusieurs fois par semaine le site pour
suivre le cours. Une partie de leur
valuation est lie aux activits
implantes sur le site.
2.5
Aspects technologiques
Vous devez probablement prendre rendez-vous avec le Service informatique afin de vrifier les impacts technologiques
de votre projet.
2.6
tape 3 : Maquette
3.1
3.2
9
- La stratgie 2 semble la meilleure approche pour certains. Mme si les utilisateurs disent quils dtestent se
servir de la barre de dfilement, leurs actions dmontrent le contraire. La plupart des utilisateurs sont prts
faire dfiler sur quelques pages sans faire de commentaires dfavorables.
3.3
10
Tableau 14 Maquette fonctionnelle de linterface du site
123-
4-
56-
78-
3.4
En-tte de la page
Identification du
cours
Menu dorientation
dans le site.
Plan ou carte
Aide
propos de
crivez-nous
Menu dorientation
dans le site.
Menu de structure
du contenu
Rappel du menu
(longue page)
Zone daffichage de
linformation
Axe de lecture dune
page cran
Zone morte de
lecture.
Test dutilisabilit
Il est bon de tester la structure des menus et lergonomie de linterface avant de commencer la production. Vous
pouvez utiliser la procdure dcrite ltape 5 du prsent document en ce qui a trait lvaluation. Une erreur dcele
ltape de conception de la maquette est beaucoup moins coteuse corriger qu ltape de production.
11
tape 4 : Production
4.1
Ralisation de linterface
4.2
Vrifier que linterface respecte bien la maquette selon les rsultats des tests.
Vrifier que lchancier pour la ralisation graphique respecte la date tablie au dpart.
Prvoir des tapes de validation intermdiaire avant la livraison finale.
Ralisation technique
Vrifier que lchancier pour la production du site respecte la date tablie au dpart.
Prvoir des tapes de validation intermdiaire avant la publication du site.
Grer les contraintes de production.
Tableau 15 Liste des problmes de production.
Problmes
Solutions
Ex. : Lanimation graphique dmontrant le
Un graphique fixe ? Aucun graphique ?
sujet ne sera pas prte temps.
4.4
Ajustements
12
tape 5 :valuation
5.1 Mise lessai : 3 mthodes
Il est important de mettre lessai votre site Web auprs de votre public et ce, avant la publication finale. Voici 3
mthodes pour le faire.
Tests d'utilisabilit scnaris.
On demande aux utilisateurs d'effectuer une tche bien prcise (scnario) et on mesure le pourcentage de russite, le
temps de ralisation, la vitesse de raction de l'application, etc. Ce genre de test implique la prsence dobservateurs et de
participants.
Tableau 18 laboration dun scnario de test dutilisabilit.
Planification
Prparation
Administration du test
- tablir les objectifs.
- Trouver les participants - Orient utilisateur.
- Identifier public cible.
et les observateurs
- Protocole voix haute
- Crer des scnarios de
- Prparer les scnarios.
- Prendre des notes sur les
test.
- Prparer les
vnements pertinents
observateurs.
observs .
- Prvoir lquipement
ncessaire.
valuation
- Rviser les notes.
- Identifier les problmes
systmatiques
- Identifier les causes.
- Apporter les corrections
5.2
Commentaires
13
Yahoo
(www.yahoo.com)
14
Aprs ces formalits, une araigne du Web viendra sur votre site afin de relever les meta names de votre site et
vous serez rpertori par les moteurs de recherche.
3.
Vous pouvez galement inscrire votre site dans des rpertoires de cours sur Internet.
Rond-point
http://rond-point.org/cours/
Word Lecture Hall
http://www.utexas.edu/worl
d/lecture/index.html
6.3
6.4