A/ UTILISATION PEDAGOGIQUE DE L'EXISTANT

B/ PRODUCTION D'UN DOCUMENT MULTIMEDIA

C/ ATELIERS DE PRODUCTION

N.B. Certains documents téléchargeables au format pdf nécessitent le logiciel gratuit Acrobat Reader

A/ UTILISATION PEDAGOGIQUE DE L'EXISTANT

1. Pour quoi faire ?

• A quelle phase utiliser une ressource multimédia ?
  - pour présenter une notion, la faire découvrir, l'illustrer, ...
  - pour faire des exercices, systématiser, automatiser, ...
  - pour effectuer une évaluation, ...
   
  
• A quelles fins ?
  - comme source d'informations (collecte, analyse, synthèse, comparaisons...) pour l'enseignant OU pour les élèves.
  - comme outil de communication, d'échange, pour l'enseignant OU pour les élèves.
  - comme outil de production pour l'enseignant OU pour les élèves (cf. partie B, "la production d'un document multimédia", ainsi que l'article distribué "Processus créatifs et apprentissage", consultable également à http://www.cemis-saglac.qc.ca/alire/processus_creatifs.htm).
   
  Pour faire le point sur ces 3 usages d'Internet et les conditions de réussite :
  http://www.crdp.ac-grenoble.fr/cddp38/preao/reseau/index.html
  
  
• Pourquoi le multimédia et pas un autre support ?
  - pour changer, diversifier les approches,
  - pour pouvoir faire faire du travail en autonomie (l'ordinateur servant les consignes, les feedbacks...),
  - parce ce que c'est le meilleur moyen vu l'objectif (visualisation des phénomènes, interactivité, rapidité, exhaustivité, actualité des données, malléabilité, ouverture... ou possibilités aisées de communication, de travail partagé),
  - parce que c'est le seul support disponible,
  - parce que c'est plus motivant, ça permet de "récupérer" certains élèves,
  - parce que ça peut générer de "nouvelles compétences" (techniques, mais aussi cognitives : plus d'attention, plus de soin, plus de structuration, plus d'écoute, de recul, d'autonomie, d'initiative, de confiance en soi, de partage...) ?,
  - pour être en phase avec le monde, ... Pour ce faire, le Ministère a mis en place le 10 août 2000, un dispositif d'aide à la production de ressources multimédia : cf. numéro 9 spécial du BO qui détaille les besoins prioritaires recencés, de la maternelle à l'université.
  
  Dernière minute du 23 novembre 2000 : toujours pour être en phase avec la "Société de l'Information pour Tous", le Ministère vient d'instaurer le B2i (Brevet Informatique et Internet) Ecole et Collège. L'objectif de ce brevet est de "spécifier un ensemble de compétences significatives dans le domaine des TIC et d'attester de leur maîtrise par les élèves concernés". Sa mise en place peut concerner l'ensemble des collèges dès 2000-2001. Il sera généralisé à l'ensemble des écoles en 2002-2003. Ce brevet est décrit dans le BO n°42 du 23 novembre 2000. De plus, depuis novembre 2000, un nouveau site web québéquois ("Je me situe" : http://www.cssmi.qc.ca/cgi-bin/profil/) permet aux enseignants d'identifier leur niveau de compétences techniques et pédagogiques en regard de l'intégration des TIC. Cet outil d'auto-évaluation permet de tracer son profil de compétence et propose également des pistes pour approfondir chacun des treize domaines testés ainsi que suggestions d'activités à réaliser avec les élèves.
  
  --> Depuis mars 2001, le Ministère propose un site Web appelé ESPACE B2i qui a pour but d'aider à la mise en oeuvre du B2i. On trouve sur ce site des fiches montrant des exemples concrets permettant de mettre en application les compétences requises par le Brevet : http://listes.educnet.education.fr/B2i/mode.php3
  
  
  Une petite citation pour réfléchir (D. Ruhlmann "Internet, Mode d'emploi pour l'enseignant" p.15) :"Internet n'est pas un outil pédagogique ! Arrêtons de laisser croire qu'en connectant tous les établissements, les élèves apprendront mieux ! Internet est un outil et aucun outil n'est a priori éducatif. C'est l'enseignant qui lui apporte sa dimension didactique en l'intégrant dans sa pratique au même titre qu'un rétroprojecteur, un tableau..."
   
  



---

2. Chercher les ressources existantes

• Endroits spécialisés en dur : CD-thèque, CDI, CDDP... personnes-ressources.
   
  
• Ces mêmes endroits spécialisés "en ligne" : espaces documentaires en ligne (IUFM, CRDP, CNDP...) et pour rencontrer des personnes-ressources, consulter les forums de discussion-enseignants (ie. les forums de http://www.educasource.education.fr, de http://www.education.gouv.fr, du portail éducation de France Télécom à http://www.wanadoo-edu.com/forums/forums.asp ou encore, le pédagoforum et le pédagochat in English de http://www.pedagonet.com), l'espace d'échanges (forum, chat, listes) de http://www.educnet.education.fr, ou les forums plus généraux consacrés à l'éducation (par exemple, mot-clé "Education" dans http://www.foorum.fr/). Il est également possible de s'abonner à des listes de discussion (pour en trouver une qui vous intéresse, consultez par exemple l'annuaire de toutes les listes francophones à http://www.francopholistes.com/ ou l'Universalistes du CRU à http://listes.cru.fr/wws/).
   
  
• Portails et Annuaires de ressources spécialisés "Enseignement" :
  - http://www.education.gouv.fr (liens sur Educnet, Educasource, Edufrance, Europedu, Educlic...)
  - http://www.educasource.education.fr/ (des milliers de références de ressources et de notices documentaires pour les enseignants issues de la fusion d'Educasource et de Didacsource. Rubrique "Autres Sites" intéressante)
  - http://educlic.education.fr/ (portail français des professionnels de l'éducation, EduClic couvre près de 300 serveurs sélectionnés pour leur contenu lié au domaine éducatif : sites institutionnels, académiques, culturels, scientifiques, associations d'enseignants)
  - http://www.education.fr/ (liste des sites édités par le Ministère de l'Education Nationale ou par des établissements publics qui lui sont rattachés)
  - http://www.cndp.fr (Ressources pour Ecoles, Collèges et lycées, produits édités, ...)
  - http://www.educnet.education.fr/res/bliste.htm (produits "Reconnus d'Intérêt Pédagogique" par le MENRT)
  - http://www.wanadoo-edu.com (portail de services de France Télécom pour la communauté éducative, avec échanges...)
  - http://www.education.com (portail éducatif de Vivendi : espace enseignant, espace enfant, espace parent et boutique)
  - http://ntic.org (portail canadien des TIC pour l'éducation : très complet)
  - http://vitrine.ntic.org (vitrine APO : Applications Pédagogiques de l'Ordinateur)
  - http://www.arfe-cursus.com//index.htm (Anneau des Ressources Francophones de l'Education)
  - http://cartables.net (très complet, avec recherche EncyclopeWeb et bourse d'échanges)
  - http://www.mirandole.tm.fr (annuaire de sites utiles pour la classe, aujourd'hui intégré dans le site pour les 7-14 ans http://www.apreslecole.fr, rubrique "Zigothèque -> Sites pour la classe")
  - http://www.momes.net/education/ (sites, exercices, documents et fiches de cours par niveau)
  - http://www.ecole-de-caussols.com/ (environ 200 fiches de prép., 30 progressions, des projets pour tous les niveaux du primaire)
  - http://www.ordiecole.asso.fr (diffusion de CD-Roms contenant des logiciels pour l'école)
  - http://www.pedagonet.com (base de données et échange de ressources)
  - http://www.epi.asso.fr (site de l'assocation Enseignement Public et Informatique, très complet)s
  - http://www.multimania.com/instits (site d'échange d'idées, de pratiques, d'outils)
  - http://trends.ac-rennes.fr/Francais/lessons/database/query.asp (base de sites évalués par enseignants)
  - http://www.ac-grenoble.fr/accueil.htm (rubique "Pédagogie" du serveur académique grenoblois, avec accès par discipline aux sites web hébergés)
  - http://www.ac-grenoble.fr/sitegm/ressourc/resommai.htm (quelques ressources locales...)
  - http://www.clemi.org/journauxscolaires.html (journaux scolaires et lycéens en ligne)
  - http://www.louvre.edu/ (service en ligne à destination des élèves et des enseignants des collèges et lycées, mettant à disposition des ressources sur les arts et civilisations représentés dans les collections du musée du Louvre : documentation sur 2000 œuvres du musée et les 350 salles du palais - sur abonnement)
   
  
• Moteurs de recherche sur Internet, généraux ou thématiques : la plupart des sites proposant des recherches par mots-clés ont également un classement de type "annuaire" avec une rubrique "Education" ou "Enseignement" (par exemple, www.voila.fr ou www.altavista.fr ou www.beaucoup.com). Un moteur http://www.google.com a actuellement le vent en poupe en raison de sa simplicité, rapidité, et de son mode d'indexation particulier. Pour en savoir plus sur les principaux moteurs, consulter ces deux sites : http://www.abondance.com/outils/index.html ou http://www.memoclic.com/net/moteurs/gate.php3.
   
  
• Moteurs de recherche spéciaux enseignement :
  - http://cartables.net/encyclopeweb/index.php3 (L'encyclopédie des connaissances sur le Web francophone)
  - http://isef.ntic.org (Index des sites éducatifs francophones)
  - http://www.wanadoo-edu.com/chercher/educadoc/home_educadoc.asp (Educadoc : Bibliothèque de liens vers les meilleures ressources du Web utilisables par les élèves)
  - http://www.cndp.fr/moteurrech/ (moteur de recherche Spinoo travaillant sur l'ensemble des sites éducatifs institutionnels français : Web et serveurs FTP des CRDP, des CDDP et des Académies, ainsi que ceux du CNDP, de l'INRP, du MENRT et de nombreux autres organismes)
   
  
• Sharewares ou freewares (partagiciels / gratuiciels) pour l'éducation :
  - Annuaires de logiciels à http://www.anshare.com (rubrique "Education" : intéressant car logiciels en français) ou à http://download.cnet.com/ (rubrique "Home & Education")
  - Compilations de logiciels (sur CD-Rom) effectuées par l'association OrdiEcole à http://www.ordiecole.asso.fr, ou catalogue en ligne de logiciels libres sur le site de l'EPI à http://www.epi.asso.fr/logilibr.htm
  - Certains sites proposent des téléchargements gratuits de logiciels utiles pour l'éducation (par exemple, toute une gamme de générateurs d'exercices, nommée "Hot Potatoes", est téléchargeable à http://web.uvic.ca/hrd/halfbaked/)
   
  



---

3. Analyser les ressources trouvées

• Analyse avec ses propres connaissances en fonction de ses propres objectifs
   
  
• Utilisation de grilles d'analyses générales :
  - de Cédéroms : http://www.grenoble.iufm.fr/cemafor/analizcd/default.htm ou en se servant de la fiche d'analyse distribuées ("Analyse de CD-ROM" analizCD.pdf 11 Ko)
  - de Sites Web Educatifs : http://vitrine.ntic.org/vitrine/veille/Textes/BIBgrille.html ou http://www.qbc.clic.net/~mephisto/evaluation.html

 

• Utilisation d'analyses spécifiques de ces ressources, accompagnées souvent de propositions d'utilisation en classe (séquences pédagogiques toutes faites) :
  - http://www.microtec.net/fbreton/distribuciel/ (CD-Rom)
  - http://www.crdp.ac-grenoble.fr/utiliser/ordi/log_cd/log_educ.htm (CD-Rom)
  - http://www.cndp.fr/tice/ (Rubrique "Animation pédagogique" -> "Scénarios pédagogiques", et surtout le guide d'utilisation de CD-Rom éducatifs à http://www.cndp.fr/tice/animpeda/guide.htm)
  - http://www.grenoble.iufm.fr/cemafor/analizcd/propboub.htm (CD-Rom)
  - http://www.crdp-poitiers.cndp.fr/crdp/cddp16/copy/ (revue COPIE D'ECRAN, relatant expériences d'utilisation des TICE et tests de logiciels)
  - http://www.epi.asso.fr/logi0.htm (analyses de logiciels et CD-Rom)
  - http://www.epi.asso.fr/utint0.htm (pleins utilisations pédagogiques d'Internet)
  - http://www.callisto.si.usherb.ca/~fbreton/lesprofs.html (sites Web + CD-Rom)
  - http://trends.ac-rennes.fr/Francais/lessons/accueil.htm (sites Web + CD-Rom)
  - http://presse.cyberscol.qc.ca/Scenarios.html (scénarios à partir d'articles en ligne du journal Cyberpresse)
  - http://darwin.cyberscol.qc.ca/Education/Scenarios/Oiseaux.htm (sites Web + 2 classes distantes en travail collaboratif)
  
  En bref, quand on analyse en vue d'une utilisation, faire attention :
   
  - à l'adéquation de la ressource avec le but poursuivi,
  
  - à la fiabilité de la ressource (cf. la fiche distribuée "Authentification de l'information" authenti.pdf 13 Ko, qui résume un site complet sur ce sujet http://users.skynet.be/ameurant/francinfo/).
  
  N.B. "Savoir évaluer de manière critique les ressources issues de l'Internet" constitue un objet d'apprentissage très important pour les enseignants ET pour les élèves. Des applications pédagogiques téléchargeables sont entièrement dédiées à cet apprentissage, comme par exemple le logiciel "Qui dit vrai ? La deuxième aventure des trois Cybercochons" (pour les enfants de 9 à 11 ans, logiciel monoposte développé par le Réseau Canadien Education-Médias) ou le cours interactif en ligne "Le détective de l'Internet" (cours individuel de 2 heures, issu du projet DESIRE subventionné par l'Union Européenne, utilisé aussi bien en lycées-collèges qu'à l'Université).
  
  - à la faisabilité par rapport à l'équipement informatique disponible (connexion requise, CD ou logiciel compatible, plantages éventuels ?) et par rapport à la gestion de la classe,
  
  - aux documents d'accompagnement à produire (consigne, fiche d'aide, fiche d'activité, suivi des résultats, questionnaire...),
  
  - et avant de décider d'utiliser, attention aux droits (consulter les nombreux liens de la rubrique juridique du site http://www.educnet.education.fr/juri/default.htm).
   
  



---

4. Les exploiter

• Prévoir la gestion de la classe :
  - Où : dans la classe, dans une salle informatique,...
  - Comment : travail individuel (rotations, plans de travail individuels, utilisation libre), travail en sous-groupes (coordination-collaboration, compétition), travail en ateliers, supervision par l'enseignant nécessaire ou non (ou supervision par un autre enfant, cf. http://www.cemis-saglac.qc.ca/cemis/guidenet/pourquoi.htm "utiliser les ressouces humaines informatiques de la classe", ou cf. les "brevets informatiques" de l'Ecole de Monthey distribués)
  - Quand : combien de temps,...
   
  
• Créer les documents nécessaires à la gestion de l'activité :
  - pour sa mise en route (consignes, objectifs)
  - pour son déroulement (fiches d'exploitation avec activités précises)
  - pour son évaluation (suivi du parcours, test des acquis,...)
  - pour son réinvestissement dans la classe (exposé, mise en commun,...)
   
  N.B. Si les ressources utilisées sont "en-ligne", il est plus économique et pratique lorsque cela est possible, d'aspirer ces ressources avant de les mettre à disposition des élèves (il existe beaucoup d'aspirateurs du Web ; consulter par exemple la rubrique "Internet -> Aspirateurs" de anshare.com à http://www.anshare.com/annuaire/pc/65.htm).
  
  



---

5. Conclure

• Comment améliorer ?
  - modifier les ressources elles-mêmes, en choisir d'autres,
  - modifier le suivi de l'activité, les documents d'accompagnement, la manière de se servir de ces ressources (ex. passer en hors-ligne),
  - modifier la gestion de la classe,...
   
  
• Le bénéfice escompté est-il au rendez-vous ? ceci dépend des objectifs définis dans la partie 1. "Pour quoi faire".
  Une petite citation pour réfléchir (tirée de l'article http://www.cemis-saglac.qc.ca/alire/Pedagogie_en_changement.htm) : "Un bon enseignant a de bonnes chances d’être encore plus performant avec la technologie et un mauvais enseignant sera malheureusement pire"...
  ou encore une autre (issue de l'article http://www.acelf.ca/revue/XXVII-2/articles/Liminaire.html) : "La seule raison d'utiliser les NTIC en éducation devrait être de compter améliorer la situation d'apprentissage de l'étudiant et nos relations avec lui".
   
  
• Les changements (+/-) impliqués par les TIC, les conditions d'une bonne intégration : une mine d'articles traitant de ces sujets est disponible sur le web (en plus des deux articles distribués)...
   
  - http://db.ntic.org/nouvelles/nouvelles_vitrine_veille.htf?q_type=2 ("Visions-Technologies à l'école", beaucoup d'articles intéressants)
  - http://www.cemis-saglac.qc.ca/cadre_alire.htm (pleins d'articles intéressants, dont celui distribué "Processus créatifs et apprentissage" et aussi "Une condition incontournable aux promesses des NTIC en apprentissage: une pédagogie rigoureuse", directement accessible à http://aquops.educ.infinit.net/colloque/14colloque/ouverture.html)
  - http://www.wanadoo-edu.com/decouvrir/usages/tice.asp (Sélection de sites apportant des éléments de réponse aux questions d'intégration des TIC dans les établissements scolaires)
  - http://www.epi.asso.fr/tic0.htm (La revue de l'EPI : articles de réflexion sur l'utilisation des TIC)
  - http://www.cndp.fr/tice/formation/usages.htm (liens sur les usages et pratiques des TICE)
  - http://db.ntic.org/nouvelles/nouvelles_vitrine_veille_affiche.htf?q_id=279 ("Les enjeux du multimédia dans l'éducation")
  - http://www.ipm.ucl.ac.be/marcel/marcel.html ("Pédagogie et Technologie")
  - http://www.crdp.ac-grenoble.fr/utiliser/reseaux/peda.htm ("Les Usages Pédagogiques d'Internet", Partie 2-Evaluation et perspectives)
  - http://www3.sympatico.ca/michel.morissette/ ("Enseigner par dessus l'épaule : site pédagogique dédié à la problématique de l'introduction des technologies de l'information et de la communication dans nos écoles")
  - La tribune libre des "Dossiers de l'Ingénierie Educative sur le Web" du http://www.cndp.fr/tice/ -> rubrique "Dossiers" (avec, par exemple, la tribune du mois de novembre 2000, intitulée "Internet pour tous ?")
  
  et dans quatre revues en ligne :
  - http://www.acelf.ca/revue/XXVII-2/ (Revue "Education et Francophonie" : Les technologies de l'information et de la communication et leur avenir en éducation, Volume XXVII, No 2, automne-hiver 1999)
  - http://thot.cursus.edu (Revue en ligne sur la formation à distance, très intéressante, dont est issu l'article distribué "les ordinateurs changent-ils le système ?" http://thot.cursus.edu/rubrique.asp?no=1500)
  - http://www.infobourg.qc.ca (Revue pédagogique en ligne, généraliste)
  - http://www.epi.asso.fr/epinet.htm (magazine électronique de l'E.P.I. Enseignement Public et Informatique)
  N.B. Il est possible de s'abonner gratuitement à ces trois dernières revues, et de les recevoir par mail.
   
  

B/ PRODUCTION D'UN DOCUMENT MULTIMEDIA

1. Exemples de documents produits

• Fiche de préparation, fiche d'activité.... avec WORD
  - Fiche d'activité-papier utilisée en 4ème à Villard-de-Lans ("Réaliser une présentation multimédia")
  - Carnets de "Brevets informatiques" utilisés à l'école de Monthey (Suisse)
  Curieux ? Demandez le mot "filigrane" au Compagnon Office...
   
  
• PREsentation Assistée par Ordinateur... avec Powerpoint (PPT)
  - Présentation à avancement manuel sur l'Intégration des TIC (IntegTic.ppt 80Ko)
  - Borne publicitaire à avancement automatique sur la Gastronomie (GastrFin.ppt 3,46 Mo ou GastrFin.zip 3,16 Mo)
  N.B. : Une PREAO peut se faire également en HTML (directement ou via le convertisseur de Powerpoint). Ces deux PREAO-HTML valent le clic :
  http://www.crdp.ac-grenoble.fr/cddp38/preao/reseau/index.html
  http://www.cemis-saglac.qc.ca/webecole/webagogie/sld001.htm
   
  
• Pages Web... en HTML, faites par des établissements :
  - Site de l'IUFM http://www.grenoble.iufm.fr
  - Sites d'écoles http://www.ac-grenoble.fr/telepole/index.htm
  - Journaux scolaires et lycéens en ligne http://www.clemi.org/journauxscolaires.html
  - Dossiers thématiques http://www.ac-grenoble.fr/telepole/st_sulp/boudin/index.html
  - Mots croisés http://www.ac-grenoble.fr/versoud/lesmots.htm
  - Ecriture et lecture interactive http://www.ac-grenoble.fr/telepole/voissant/arthur/
  - Divers exemples québéquois... http://www.cemis-saglac.qc.ca/webecole/webagogie/sld018.htm
  - ... en particulier, une fiche d'activité en HTML pour faire faire un PPT à partir de recherches Web et d'aides sur PPT en HTML (la boucle est bouclée !) http://www.cemis-saglac.qc.ca/cemis/projets/recherches/recherches.htm
   
  Objectifs : Analyser ces pages pour se faire une idée, en tant que producteur de ressources, de ce qu'il est possible de faire, mais aussi pour "sentir", en tant qu'utilisateur, ce qu'il vaut mieux éviter de faire...
   
  On peut aussi consulter deux grilles d'analyse de site à :
  http://vitrine.ntic.org/vitrine/veille/Textes/BIBgrille.html ou
  http://www.qbc.clic.net/~mephisto/evaluation.html
  
  ... mais avant tout, consultez des fiches-résumées de conseils pour créer un site à :
  http://www.auditweb.net/conseils/fondamentaux.html ou
  http://www.allhtml.com/astuces/erreurs.php3 ou
  http://www.cemis-saglac.qc.ca/cemis/webecole/trucsconseils.htm
  
  
• Exercices générés par Hot-Potatoes
  - Un petit QCM sur le mail, utilisé en 1999 à l'IUFM pour le module d'initiation à Internet
  - Des exemples d'exercice de compréhension de texte sur le site du CIEP : http://www.ciep.fr/langue/atelier/expolang/index.htm
  - Une liste des sites faits via Hot-Potatoes dans le monde entier : http://web.uvic.ca/hcmc/rnd/comprog.html
  - ...enfin, une liste de tels sites en français : http://ecolestjeanb.free.fr/hot_potatoes/liens.html
  
  HotPot en deux mots : Logiciel gratuit à la seule condition de s'enregistrer comme utilisateur et de ne pas "vendre" les exercices ainsi créés, Hot-Potatoes comprend 6 modules qui permettent de créer 6 types de questionnaires (QCM, exercices à trous, mots croisés, appariement, ...). Ces exercices peuvent ensuite être lus par tout navigateur qui supporte l'affichage de cadres. Hot Potatoes est bien adapté pour quelqu'un qui veut réaliser des auto-évaluations simples, dont le résultat n'a pas à être enregistré (pour voir un exemple de site d'activité où les résultats sont cette fois "envoyés" sur un serveur, consulter le très bon site Lire-Français, qui propose des tas d'exercices aux étudiants désireux d'apprendre le français et intéressés par le journalisme, à partir d'articles du journal Sud Ouest).
  
  
  N.B. général : ce n'est pas parce que des pages sont en HTML (ou en JavaScript, Java, ...) qu'elles sont obligatoirement hébergées sur un serveur Web ou un serveur Intranet. Il peut être tout à fait utile de faire des pages HTML et de les proposer uniquement en consultation "locale" sur le disque dur d'un ordinateur.
  
  



---

2. Analyser : faire le cahier des charges

• Définir le but du produit, une date de "sortie" et une équipe de production (pédagogique ET technique).
   
  
• Définir la cible : cette cible possède une "culture" dans le domaine abordé ET par rapport aux supports multimédia, une culture qu'il faut absolument prendre en compte...
   
  
• Découper l'information et l'organiser (architecture sur papier avec arborescence : définition des noeuds d'informations, travail important sur le "contenu").
   
  
• Choisir une charte graphique et une navigation adaptées à la cible : ces deux éléments d'interface ("contenant") sont très importants pour donner une identité, une cohérence au produit, et ne pas perdre l'utilisateur.
   
  
• Faire un story board (contenu précis de chaque page en terme d'images, de texte, de mise en page des boutons de navigation : première maquette-papier du site, cf. http://www.allhtml.com/langages/pratique03html.php3)
   
  
• Penser à la maintenance (mises à jour, réponses aux mails, ...)
   
  N.B. Les étapes décrites ici sont très bien détaillées dans plusieurs pages web consacrées à la création de sites d'établissement (cf. les adresses à la fin de ce document).
   
  



---

3. Produire

• Passer des sources aux ressources et intégrer le tout dans une interface ergonomique !
   
  - Création des ressources informatiques (ressource = fichier informatique) à partir de son "imagination" (créer des dessins, des textes directement dans les logiciels adéquats) ou/et acquisition des ressources à partir d'une source existante (via un scanner, un appareil photo numérique, un simple copier-coller, une copie d'écran,...).
  N.B. Attention aux droits : http://www.educnet.education.fr/juri/default.htm
   
  - Retouches éventuelles (avec un logiciel de traitement d'image ou de texte) pour retravailler le contenu ou pour mettre le fichier au bon format informatique (c'est-à-dire dans un format pouvant ensuite être importé dans le logiciel final d'intégration).
   
  - Intégration finale de tous les contenus au sein d'un même logiciel (Word, Powerpoint, Dreamweaver, ...). Cette intégration doit respecter le storyboard défini avant (... mais modifiable si nécessaire au vu des résultats !) et le produit fini doit être "ergonomique".
  Rapidité + Clarté + Cohérence + Esthétique + Navigation simple = Ergonomie
   
  
• Plusieurs tests sont nécessaires : à la fois pour tester l'adéquation de la conception et la bonne tenue "technique" du produit. Ces tests devraient être effectués avec un échantillon d'utilisateurs, sur des matériels variés (Mac ou PC, capacité de mémoire vive et rapidité de processeur minima, ...), et avec des configurations logicielles variées (type de système d'exploitation nécessaire, l'utilisateur aura-t-il besoin d'un ou plusieurs logiciels particuliers pour se servir de votre produit ?,...).
   
  



---

4. Diffuser

• Le support : son type (CD, disquette, borne, serveur...) et ses capacités (stockage, rapidité d'accès, ....). Attention : tous les supports ne sont pas "équivalents" et le choix du support joue souvent sur les choix de contenu et d'interface... il faut donc penser au support de diffusion dès le cahier des charges !
   
  
• L'équipement de l'utilisateur : son équipement matériel et logiciel (attention à la facilité d'installation de votre produit... mais c'est trop tard si vous n'y pensez que maintenant !).
   
  
• Toucher son public - visibilité : comment faire connaître son produit (réseaux institutionnels ou personnels, associations comme OrdiEcole www.ordiecole.asso.fr, publicité, référencement par mot clé et/ou descriptif dans les annuaires... un bon site expliquant le référencement et la promotion des sites wouaib en général : http://www.abondance.com).
   
  Mise en ligne d'un site d'établissement : le site peut être hébergé gratuitement sur le serveur académique (www.ac-grenoble.fr)... à condition d'y avoir été préalablement "téléchargé" (demander un login et un mot de passe pour effectuer le transfert par FTP depuis votre ordinateur) et d'avoir obtenu l'accord de mise en ligne par l'IEN.
  
  Conseil : consulter le site de la CNIL pour connaître les obligations liées à l'utilisation de l'informatique par rapport à la protection de la vie privée, particulièrement lors de la mise en ligne d'un site internet http://www.cnil.fr/thematic/tdoss2.htm
   
  

C/ ATELIERS DE PRODUCTION

1. Préliminaire sur l'organisation des dossiers
   
   Attention : avant toute production, il faut créer (en respectant la norme ISO 9660 pour les noms - 8 caractères max, sans signes, sans espaces, sans accents - norme importante pour garantir un transfert ultérieur entre systèmes, que ce soit pour le Web, pour graver un CD, ...) :
   
   
• un dossier pour le projet contenant tous les fichiers que vous allez créer.
• un sous-dossier "cahierch" contenant les éléments de votre cahier des charges (l'équipe, le but du projet, l'utilisation prévue du produit, les étapes de réalisation, la charte graphique, le type de contenu et son arborescence...)
• un sous-dossier "ressbrut", pour y sauvegarder les ressources "brutes" (images, textes, sons, ...) à partir desquels vous allez travailler.
• un sous-dossier "ressfini", pour y sauvegarder ces ressources une fois re-travaillées (mises au bon format, à la bonne taille, ...).
• un sous-dossier "prodfini" contenant les fichiers "intégrés" que vous allez diffuser auprès de votre cible (pour les pages Web, créez en plus dans ce sous-dossier "prodfini", un sous-dossier intitulé "images" dans lequel vous mettrez toutes les images utilisée dans votre site).
  
  



---

2. Trois exercices sur l'acquisition et la retouche d'images
   
   Avant toute de vous lancer dans votre projet, il est conseillé de vous faire la main sur des outils d'acquisitions et de retouche nécessaires pour produire des ressources de base (il est conseillé de faire tous les exercices).
   
   
• Exercice 1 : Scanner / Retouche
  
  
  • Scanner une image mais en 2 résolutions (75/150 dpi) : comparer à l'écran, sauver les deux au format bmp, imprimer et comparer les sorties papier.
    Ressources : Fiche "Paramétrer le scanner" (parascan.pdf 15 Ko) / Polycop. "Introduction à Fireworks" p. 3 (Fireworks.pdf 145 Ko) / Fiche "l'image numérique" (imagenum.pdf 21 Ko)
     
    
  • Puis retoucher sous Fireworks : ouvrir les deux images (en visualisation 50%), comparer les tailles écran, aller dans [Modification -> Document -> Taille de l'image], rééchantillonner la grande image en 75 dpi, comparer les deux images. En exporter une des deux en Gif ou Jpeg (comparer durant l'exportation 4 options de format différentes).
    Ressources : Polycop. "Introduction à Fireworks" (Fireworks.pdf 145 Ko)
    
    
    
• Exercice 2 : Appareil photo numérique / Retouche
  
  
  • Prendre deux photographies et en effacer une des deux, puis passer dans "Picture easy 3.0" (ou "Olympus Camedia Master", selon l'appareil numérique) pour transférer la photo sur l'ordinateur.
    Ressources : Fiche "Premiers pas avec l'appareil photo numérique"
     
    
  • Puis retoucher sous Fireworks : ouvrir l'image, la visualiser à 100% et aller dans [Modification -> Document -> Taille de l'image] pour éventuellement la rééchantillonner en 75 dpi. Rogner l'image pour n'en garder que la partie intéressante (et réduire ensuite encore éventuellement cette partie). Exporter l'image en Gif ou Jpeg (comparer durant l'exportation 4 options de format différentes).
    Ressources : Polycop. "Introduction à Fireworks" (Fireworks.pdf 145 Ko)
    
    
    
• Exercice 3 : Copie d'écran et Copie d'image Web/ Retouche
  
  
  • Piquer deux images sur la page d'accueil du site Web de l'IUFM (utiliser deux façons différentes). Faire également la copie d'écran d'une fenêtre sur un site qui vous plaît.
    Ressources : Le clic-droit / Polycop "Word : images et dessins" p. 2 (wordImag.pdf 248 Ko)
     
    
  • Puis retoucher sous Fireworks la copie d'écran : ouvrir un nouveau document sous Fireworks par [Fichier -> Nouveau]. Les paramètres proposés pour le nouveau document sont ceux de votre copie d'écran, donc acceptez-les. Coller le contenu du presse-papier. Visualiser à 100%. Rogner l'image pour n'en garder que la partie intéressante (et réduire ensuite encore éventuellement cette partie). Exporter l'image en Gif ou Jpeg (comparer durant l'exportation 4 options de format différentes).
    Ressources : Polycop. "Introduction à Fireworks" (Fireworks.pdf 145 Ko)
    
    ! Un plus -> la ScreenCam : il existe des logiciels qui peuvent capturer non seulement un écran (ou une partie d'écran), mais également une succession de ce qui se passe à l'écran pendant un temps donné. Ces caméras d'écran permettent de faire facilement de petits films (très utiles pour démontrer une procédure d'utilisation) auxquels on peut ajouter une voix-off pour le commentaire.
    Ressources : Télécharger la version d'essai 45 jours de la screencam PC snagit.exe (version 4.3.6 - 1,6 Mo ou pour une version plus récente, aller sur le site de la société http://www.techsmith.com) ou voir un petit film de 24 secondes (tableau.avi - 2,9 Mo) fait rapidement avec SnagIt pendant une formation...
    



---

3. Prise en main du logiciel d'intégration choisi

   Selon votre projet, tester rapidement les fonctionnalités principales du logiciel d'intégration qui vous intéresse parmi Word97 (rappel : il existe des ateliers de bureautique avancée commençant le 19/02/2001, donc Word peut-être acquis ailleurs !), Powerpoint97 ou Dreamweaver2 (de plus, Hot-potatoes4 devrait être rapidement survolé pour ceux qui désirent intégrer des exercices dans leurs pages WEB).
   
   
• Intégrer sous Word : Intégrer les images acquises précédemment dans Word en essayant plusieurs types d'habillage par rapport au texte. Sur certaines, ajouter des flèches pour les commenter, ainsi qu'une légende (vous pouvez encore modifier un peu les images avec les outils de la barre d'image de Word). Ajouter également dans ce document Word un clipart et un titre en WordArt. Essayer enfin d'intégrer des images dans un tableau... est-ce possible et à quelle condition ?
  Ressources : Polycop. "Word : images et dessins" (wordImag.pdf 248 Ko) / Sur le Web à http://www.multimania.com/inisan/word7/ ou à http://www.memoclic.com/soft/office/word/gate.php3 (voir aussi les forums de Memoclic à http://www.memoclic.com/forum/ ou ceux de Onlineformapro à http://www.onlineformapro.com/forum.htm)
   
  
• Intégrer sous Powerpoint : Faire deux diapositives sous Powerpoint (choisir "Nouvelle présentation" puis "Vide"). Y ajouter les deux images copiées sur le site Web de l'IUFM et la copie d'écran. Ces deux diapositives doivent comporter des hyperliens permettant de passer de l'une à l'autre (ainsi que du texte, apparaissant par des effets d'animation).
  Ressources : Polycop. sur "Powerpoint 97" (powerpt.pdf 269 Ko) qui reprend et complète le procédurier sur Powerpoint 97 mis sur le Web par un CEMIS (Centre d'Enrichissement en Micro-Informatique Scolaire) québécois à http://www.cemis-saglac.qc.ca/cemis/guidenet/ppt/ppt.htm
  
  
• Intégrer sous Dreamweaver : créer une première page, y écrire un texte d'une dizaine de lignes, et mettre le texte à droite d'une des images gif ou jpg exportée précédemment à partir de Fireworks (essayer avec et sans tableau). Dans le texte de cette page, faire un lien qui envoie dans une autre page (comportant uniquement du texte et un lien pour revenir à la page 1). La première page s'intitulera "default.htm" (ou index.htm), comme c'est de mise sur la plupart des serveurs web. La seconde page s'intitulera comme vous le souhaitez, mais son nom ne devra respecter la norme ISO 9960 (définie dans les préliminaires).
  Ressources : Polycop. "Création de pages Web" (DreamWb2.pdf 163 Ko) / Sur le Web à http://www.memoclic.com/site/dw/pres.php3 (voir aussi les forums de ALLHTML à http://www.allhtml.com/forum/index.php3 ou ceux de memoclic à http://www.memoclic.com/forum/)
  
  
• Générer des exercices avec Hot-Potatoes : Aller sur cette page : http://www.ac-nancy-metz.fr/enseign/languesLP/divers/hotpot/default.htm pour voir un exemple d'exercice généré par chacun des 6 modules de Hot-Potatoes (chaque exemple est assorti d'un petit mode d'emploi du module en question). Puis lancer le "tutorial" intégré dans Hot-Potatoes4 (en anglais !). Pour les allergiques à l'anglais, possibilité de se rabattre sur un petit tutoriel en français rapatrié sur le serveur de l'iufm (hotpot4.pdf 1,2 Mo).
  Ressources : le site de Hot-Potatoes à http://web.uvic.ca/hrd/hotpot/ qui propose, outre le téléchargement du logiciel, l'accès au tutoriel en français dont il est fait mention ci-dessus, et l'accès à un autre tutoriel en français (pour la version 3, mais plus didactique et avec plus d'exemples) sur http://ecolestjeanb.free.fr/hot_potatoes/accueil.html. Il existe également un forum dédié à Hot-Potatoes à cette adresse : http://megatron.uvcs.uvic.ca:8080/~hotpot (et Dieu sait si les forums sont utiles aux développeurs !)
  
  N.B. général : il existe toutes sortes de formations en ligne aux outils de bureautique ou à la conception/réalisation de sites web. Par exemple, si vous avez du temps, vous pouvez jeter un oeil dans le menu "Formations gratuites" du site http://www.onlineformapro.com/ ... plus alléchant que performant, donc uniquement si vous avez beaucoup de temps !!!
  
  



---

4. Faites donc votre produit !

   L'objectif de ce module est que vous produisiez, en équipe de préférence, un document multimédia à visée pédagogique. Ce document pourra être destiné à des collègues ou à des élèves. Dans tous les cas, vous devrez réfléchir à l'utilisation finale du document et à l'utilité d'une telle démarche dans votre pratique pédagogique (utilisation directe du document par les élèves ou création d'un tel document par les élèves, gestion pédagogique, coûts et bénéfices attendus, ...).
    
   Ce document pourra être intégré :
   
   • sous Word : fiche de préparation, fiche d'activité, fiche d'aide, fiche d'évaluation...
   • sous Powerpoint : présentation d'une notion, illustration d'un phénomène dynamique grâce aux animations, présentation d'un exposé... (N.B. à partir de Powerpoint, on peut exporter la présentation au format HTML, donc la transformer en pages HTML statiques visibles avec ou sans connexions à Internet)
   • sous Dreamweaver : dossier thématique, petit site d'école, journal de classe, exercices interactifs (dans ce dernier cas, vous pourrez vous servir du générateur d'exercices Hot-Potatoes pour ne pas avoir à programmer vous-mêmes l'interface et les scripts en Javascript)
    
   Pour parvenir à ces fins, vous possédez :
   • Toutes les documentations papier fournies.
   • Votre matière grise et quelques semaines (voir plus bas, le planning de travail PLC2 ou le planning de travail PE2) pour faire un cahier des charges, un découpage, un scénario, définir vos sources et en faire des ressources, réfléchir à la navigation.... et enfin produire, c'est-à-dire intégrer tout cela !
   • Mes coordonnées : vous pouvez me contacter au bureau C202, ou par mail à caroline.schreiber@grenoble.iufm.fr, si vous rencontrez des difficultés.
   • Des tas de ressources complémentaires sur le Web...
     Pour aller plus loin sur la compréhension des images numériques :
     http://www.sapie.fr/site_sapie/formation/scanner.htm
     http://tecfa.unige.ch/themes/FAQ-FL/ (plein de fiches d'aides multimédia, dont des fiches sur les images).
     http://www.crdp.ac-grenoble.fr/utiliser/reseaux/technique/imagnum.htm
     http://www.technosphere.tm.fr
     

     Pour trouver des images gratuites sur le Web :
     http://bips.cndp.fr (quelques scénarios d'exploitation sont aussi proposés)
     http://www.iconbazaar.com
     http://www.webgraphique.com
     http://www.imagif.com
     http://www.mediatheque.org/colle.htm

     Pour créer un site d'établissement :
     http://www.crdp.ac-grenoble.fr/utiliser/reseaux/technique/siteweb.htm
     http://www.cemis-saglac.qc.ca/cemis/webecole/webeco.htm (Très bien fait. Voir aussi ses pointeurs de sites)
     http://db.ntic.org/nouvelles/nouvelles_vitrine_veille_affiche.htf?q_id=279
     http://members.tripod.com/~educaweb
     http://www.cpm.ulaval.ca/GUIDEW3EDUCATIF/

     Pour créer un site Web en général :
     http://www.allhtml.com/
     http://www.memoclic.com/site/gate.php3
     http://www.ungi.com
     http://www.technosphere.tm.fr/
     http://webreview.com/
     http://chez.com/manager/20lecons.html
      
     ... et trois excellents sites d'audit et de conseil :
     http://www.useit.com
     http://www.auditweb.net
     http://www.axance.com
     

   

---

Retour

* Si l'archive (.zip) est supérieure à 1,5 Mo, ne pas l'envoyer par mail, et me signaler seulement dans le mail où je peux la consulter. Winzip vous permet de constituer facilement des archives (consulter son aide intégrée ou télécharger le polycop. winzip.pdf 194 Ko). Attention, si votre dossier "prodfini" contient lui-même des sous-dossiers, il faut penser lors de la création de l'archive, à cocher la case "Chercher sous-répertoire" dans la partie "Arborescence" de la boîte de dialogue "Ajouter" (et pour que l'arborescence se recrée automatiquement ensuite, il faut également faire attention à cocher "Utiliser noms de dossiers" au moment de l'extraction).

Retour

* Si l'archive (.zip) est supérieure à 1,5 Mo, ne pas l'envoyer par mail, et me signaler seulement dans le mail où je peux la consulter. Winzip vous permet de constituer facilement des archives (consulter son aide intégrée ou télécharger le polycop. winzip.pdf 194 Ko). Attention, si votre dossier "prodfini" contient lui-même des sous-dossiers, il faut penser lors de la création de l'archive, à cocher la case "Chercher sous-répertoire" dans la partie "Arborescence" de la boîte de dialogue "Ajouter" (et pour que l'arborescence se recrée automatiquement ensuite, il faut également faire attention à cocher "Utiliser noms de dossiers" au moment de l'extraction).

Nb accès depuis 9/5/01