Quelques outils TICE libres pour les SVT

Transcription

1 Quelques outils TICE libres pour les SVT Remarque importante L'utilisation d'images, de textes, de vidéos, ou toute autre production est soumise aux lois sur la propriété intellectuelle. Assurez-vous que vous disposez des droits sur les documents que vous possédez : vous en êtes propriétaire, le document est libre de droits, ou l'auteur vous a personnellement autorisé à l'utiliser. Ceci ne dispense pas de mentionner l'auteur du document. Tous les logiciels utilisés ici sont libres. Leur programmation est ouverte à quiconque souhaite les améliorer. Ils sont donc le plus souvent gratuits et téléchargeables légalement sur internet. Utiliser des logiciels libres est un choix idéologique et financier, ils permettent de montrer à nos élèves qu'on peut travailler avec les TICE sans être riche ou enfreindre la loi. L'enseignant peut aussi diffuser gratuitement ces outils à ses élèves. Le site framasoft.net est un annuaire très complet de logiciels libres. Tous les logiciels utilisés ici et bien d'autres y font l'objet d'une fiche descriptive qui signale les mises à jour et différentes documentations disponibles. La plupart de ces logiciels fonctionnent sous Linux, système d'exploitation libre. L'utilisation en toute légalité de leur version Windows nécessite donc d'être en règle avec Microsoft. XviD est une version libre de compression vidéo compatible avec le format DivX, qui lui est commercial. frederic.hamelin@ac-rouen.fr Version Janvier 2008

2 Sommaire Traitement des images Traitement simple des images Utiliser les calques d'images Créer des schémas animés Lire des vidéos Manipuler simplement une vidéo Transcoder une vidéo Effectuer des calculs Tracer un graphique Présenter une affiche ou un journal Schématiser à l'aide du dessin vectoriel Capturer des contenus internet Créer un intranet Publier un site Version Janvier 2008 Quelques outils TICE libres pour les SVT frederic.hamelin@ac-rouen.fr

3 Traitement simple des images Le GIMP Objectifs L'image du réel, souvent utilisée en SVT a besoin d'être acquise, recadrée, redimensionnée, améliorée, enregistrée. Ces opérations basiques sont décrites ici. Logiciel à installer Le Gimp est facile à installer : sous windows, il suffit de le récupérer à cette adresse ( ). Lors de la désinstallation de GIMP et l'installation d'une nouvelle version, vos paramètres et réglages ne sont pas effacés. Acquisition 1. A partir d'un fichier enregistré Ces réglages personnels sont enregistrés dans le dossier «Documents and Settings» «Nom de l'utilisateur» «.gimp-nom de la version». Vous pouvez donc récupérer ce dossier sur un ordinateur pour le recopier sur un autre et ainsi garder les réglages que vous aurez faits dans GIMP. «Fichier» «Ouvrir», ou plus simplement glisser le fichier jusqu'à la fenêtre «GIMP» 2. A partir du presse-papiers de windows Après avoir fait «copier» dans le logiciel où l'image est disponible, dans GIMP, faire «Fichier» «Acquisition» «A partir du presse papiers» 3. A partir d'un logiciel ne permettant pas la fonction «copier» «Fichier» «Acquisition» «Capture d'écran...» ouvre cette fenêtre: on peut alors capturer l'écran entier ou simplement un fenêtre en glissant la croix vers celle-ci. Voir également l'utilisation de «Gadwin Printscreen», logiciel gratuit (non libre hélas) en annexe. 4. A partir d'un périphérique «TWAIN» Capturer l'écran entier dans le presse-papiers de windows est également possible dans n'importe quel logiciel par la touche «Impression écran» du clavier. Il suffit alors de faire «Coller en tant que nouveau» dans GIMP. C'est le cas de tous les scanners, webcams, certaines cartes d'acquisition vidéo, dont la liste est proposée dans le menu «Fichier» «Acquisition» «TWAIN...» frederic.hamelin@ac-rouen.fr Traitement des images 1/10

4 Manipulations de base La sélection : c'est une zone entourée de tirets pointillés dans laquelle les modifications seront faites. Si aucune sélection n'est faite, c'est à l'ensemble de l'image (ou du calque) que les modifications s'appliqueront. Pour sélectionner, utiliser l'un des outils suivants : sélectionner une zone rectangulaire sélectionner une zone elliptique sélectionner une zone à main levée sélectionner une zone de couleurs voisines (seuil réglable en dessous) sélectionner les couleurs similaires dans l'image (seuil réglable en dessous) ciseaux intelligents (voir détourage ci-dessous) Pour désélectionner : «Édition»«Aucune» Pour sélectionner le calque entier : «Édition» «Tout» Pour sélectionner la zone non sélectionnée (et vice-versa) :«Édition»«Inverser» Comme pour beaucoup d'autres fonctions courantes, l'utilisation des raccourcis claviers permet de gagner un temps précieux... Le zoom : cette action permet de travailler à différentes échelles sur l'image, mais ne modifie pas sa taille réelle : l'affichage seul est modifié. Pour zoomer, le plus rapide est d'utiliser la molette de la souris en enfonçant la touche «Majuscule» Les options des outils : tout outil une fois sélectionner permet d'effectuer des réglages dans la fenêtre d'options. Les fenêtres peuvent être disposées comme vous le voulez à l'écran. Leur position est enregistrée à la fermeture du logiciel. Toutes les fenêtres peuvent être attachées sous forme d'onglets en les faisant glisser à côté des onglets des autres fenêtres. Sélection des couleurs de dessin : la couleur d'avant-plan et la couleur d'arrière-plan peuvent être changées de différentes façons : en double-cliquant sur ces couleurs, on obtient une fenêtre permettant de choisir dans la palette en utilisant l'outil «pipette» pour récupérer une couleur d'une image lorsqu'on utilise un outil de dessin, la touche «Ctrl» accède également à la pipette Les couleurs d'avant et d'arrière-plan peuvent être échangées en cliquant sur ces flèches Plein écran : afficher une image seule sans les menus, le bureau windows,... peut s'avérer utile en classe : «Affichage» «Plein écran» ou le raccourci F11 (comme pour les navigateurs internet...). 2/10 Traitement des images frederic.hamelin@ac-rouen.fr

5 Recadrage Pour ne garder qu'une zone rectangulaire «intéressante», utiliser l'outil découpage. Sélectionner la zone à conserver Un clic dans la zone recadre l'image. - Les poignées situées dans les coins permettent le redimensionnement - Cliquer-déplacer dans la zone centrale permet de déplacer la zone entière Détourage Pour ne garder qu'une zone «intéressante» de n'importe quelle forme, on utilise les «ciseaux intelligents». entourer point à point la zone à conserver. pour chaque nouveau point placé, le contour se dessine tout seul, mais en cas d'erreur, on peut déplacer les points ou en ajouter d'autres sur le contour a la fin du contour, il est important de bien cliquer sur le premier point (fermer le contour) cliquer à l'intérieur du contour fermé cette zone devient la sélection, on peut ensuite - la copier et la coller comme une nouvelle image «Édition» «Coller en tant que nouveau» - faire disparaître la «zone inintéressante» : «Sélection» «Inverser», puis «Édition» «Supprimer» Redimensionnement Cette fonction permet de donner à votre image la taille qui convient. La taille à donner à une image dépend beaucoup de son utilisation! Affichage à l'écran : le plein écran occupe environ 1200 pixels de large par 800 de haut, il est donc inutile de posséder une image plus grande. La moitié de ces valeurs donne encore une qualité suffisante. Impression : cela dépend de la qualité de l'impression souhaitée (support normal ou photo,...). Une excellente qualité d'impression photographique pleine page A4 requiert environ 3000 pixels dans la plus grande largeur. Des valeurs très inférieures suffiront le plus souvent à des images imprimées sur papier ordinaire sur des plus petites surfaces de la page. Attention : la compression d'une image lors de son enregistrement provoque également des pertes de qualité (voir «Enregistrement» ci-dessous) frederic.hamelin@ac-rouen.fr Traitement des images 3/10

6 «Image» «Échelle et taille de l'image...» conduit à la fenêtre ci-contre. Si la petite chaîne est cassée, l'image obtenue ne gardera pas les mêmes proportions. Elle sera aplatie. Taille du canevas Cette fonction permet d'ajouter des marges autour de l'image de départ, donc d'agrandir la zone éditable. On peut donc ainsi créer une zone sur un ou plusieurs côtés de l'image, pour y ajouter des légendes par exemple. Attention : tout calque existant avant cette opération garde sa taille, donc on ne peut pas dessiner dans la zone externe. Il faut pour cela agrandir le calque : «Calque» «Calque aux dimensions de l'image» 4/10 Traitement des images frederic.hamelin@ac-rouen.fr

7 Amélioration Le traitement des images numériques est une discipline à part entière. Le GIMP possède des filtres qui doivent être découverts petit à petit. Certains sont incontournables pour rendre une image plus lisible en SVT. Améliorer les contrastes de façon performante. Plus que le classique réglage de contraste, l'outil «Couleurs» «Niveaux...» permet de travailler sur l'histogramme de l'image : il donne la répartition des couleurs claires en foncées dans l'image. Grâce à cet outil, on peut augmenter le contraste à l'aide des trois curseurs du haut : - la flèche noire permet d'augmenter le nombre de pixels sombres - la flèche blanche permet d'augmenter le nombre de pixels clairs - la flèche grise permet de régler la luminosité moyenne de l'image Les 2 curseurs du bas permettent au contraire de diminuer les contrastes Augmenter la netteté Les «Filtres» «Amélioration» «Augmenter la netteté» et «Refocus» permettent de rendre à une image dont la mise au point est légèrement défectueuse une meilleure lisibilité. Éliminer les parasites Les images parasitées par des agrandissements, des compressions trop importants peuvent être améliorées en utilisant les «Filtres» «Flou gaussien». Ajuster la balance des couleurs Des images acquises dans des conditions de lumière artificielle ou sous un microscope possèdent souvent une mauvaise balance des blancs. Il est possible de remédier à cela grâce à l'outil «Couleurs» «Balance des couleurs». frederic.hamelin@ac-rouen.fr Traitement des images 5/10

8 Enregistrement L'enregistrement des images dépend une fois de plus de leur type et de leur usage. 1. Formats universels : ils pourront être lus par tous les logiciels d'image «bitmap» ainsi que par les navigateurs internet. Ils doivent donc être choisis pour l'enregistrement des images destinées aux intra- ou internets. Format.jpg : c'est le format à utiliser pour les photographies (sans calques). Il permet de réduire la taille des fichiers et de choisir la qualité et la compression. qualité = 0 équivaut à compression = 100 qualité = 100 équivaut à compression = 0 En pratique, - en dessous d'une qualité de 85, la compression devient visible, - en dessous de 60, elle devient gênante, - en dessous de 40, elle devient inutilisable. photographies sans calques Format.gif : c'est un format qui ne permet que 256 couleurs au maximum dans l'image, mais n'abîme pas les aplats de couleur. Il ne faut pas l'utiliser pour les photographies, mais pour les schémas ou peu de couleurs sont nécessaires. Il possède un autre avantage : l'une des 256 couleurs peut être définie comme «transparente» et permet donc de supprimer le fond de l'image (très utilisé sur les pages internet). Un autre avantage est qu'il permet de stocker plusieurs images dans un même fichier sous la forme d'animations (très utilisé sur les pages internet). schémas, images transparentes, animations Format.png : c'est un format qui a les avantages du gif (sauf l'animation), et permet de contenir plus de couleurs. schémas, images transparentes 2. Formats propriétaires : ils ne pourront être bien lus que par le logiciel qui les a créés (.psp pour PaintShopPro,.psd pour Photoshop,...) Pour GIMP, le format est.xcf. L'avantage de ces formats est qu'ils conservent tous les réglages effectués sur les images. En particulier, ils conservent les calques. Si vous n'utilisez pas ce format, les calques seront perdus : lors de son ouverture, l'image sera «aplatie», c'est à dire réduite à un seul calque. Dans cette fenêtre, on peut saisir le nom du fichier et son extension. Pour changer le dossier d'enregistrement, cliquer sur «Parcourir d'autres dossiers» Pour sélectionner une extension au lieu de la taper au clavier, cliquer sur «Sélectionner le type de fichier». 6/10 Traitement des images frederic.hamelin@ac-rouen.fr

9 Voici la fenêtre d'enregistrement complète, dans laquelle on peut parcourir les disques, créer des dossiers, renommer le fichier et choisir l'extension (format d'image, voir ci-dessus) : frederic.hamelin@ac-rouen.fr Traitement des images 7/10

10 8/10 Traitement des images

11 Annexe. Capture d'écran avancée Gadwin Printscreen Outil non libre, mais offrant plus de possibilités que la capture de l'écran entier ou d'une fenêtre entière. Objectif Acquérir comme image une portion d'écran, en vue d'éditer une fiche technique pour l'utilisation d'un logiciel. Logiciels à installer Gadwin Printscreen La version de base «non professionnelle» est suffisante. Procédure «Lancer au démarrage de windows» permet au logiciel d'être disponible à tout moment. Son icône apparaît à côté de l'horloge. Pour l'activer, on peut régler la touche de raccourci clavier à utiliser (par défaut : la touche «Impr. écran») Cette fenêtre permet de définir quel type de capture on souhaite. La «Zone rectangulaire» sera définie appuyer sur la touche de raccourci clavier choisie ci-dessus tracer le rectangle avec le clic gauche de la souris, valider par le clic droit cliquer sur De cette façon, l'image est dans le presse-papiers et également enregistrée (voir ci-dessous) frederic.hamelin@ac-rouen.fr Traitement des images 9/10

12 Avec cette fenêtre, on peut choisir ce que l'image capturée doit devenir. Dans le cas où la case «Copier la capture dans un fichier» de la fenêtre précédente est cochée, on peut ici choisir le format d'enregistrement des images. Il vaut mieux choisir une image JPEG, car le réglage par défaut (BMP) occupe beaucoup d'espace sur le disque. 10/10 Traitement des images

13 Utiliser les calques d'images Le GIMP Objectifs L'image réelle, à la base de l'observation en SVT est conservée intacte, mais sa lecture est facilitée par l'ajout de zones, de contours, de légendes qui s'y superposent : ce sont les calques. Logiciel à installer Le GIMP : voir paragraphe «Traitement simple des images» Format d'enregistrement Attention : les calques créés ne seront pas conservés par les formats d'enregistrement courants (.jpg.gif.png). Il faut utiliser le format de GIMP.xcf ou au moins le format.psd (Photoshop). La fenêtre des calques C'est la fenêtre située à droite de l'écran. Lorsqu'on ouvre une photographie au format.jpg, un seul calque est visible : c'est l'arrière-plan. On peut créer autant de calques qu'on le souhaite en cliquant sur l'icône «nouveau calque» Le calque actif (celui sur lequel on travaille) est surligné. L'oeil indique que le calque est visible (apparaître/disparaître en cliquant dessus). La chaîne indique que le calque est verrouillé (verrouiller/déverrouiller en cliquant dessus) Attention : le format.psp (PaintShopPro) est très mal supporté par le GIMP. Opérations simples sur les calques Transparence = «canal alpha» Chaque nouveau calque est vide, c'est à dire entièrement transparent. Le premier calque, lui, n'est pas transparent. Si on supprime une zone sur ce calque, elle apparaît avec la couleur d'arrière-plan. Pour permettre des zones transparentes sur le calque d'arrière-plan comme sur les autres calques, faire un clic droit sur ce calque, puis «ajouter un canal alpha». Ajout d'éléments à un calque Lorsqu'un calque est sélectionné, les outils de dessin permettent de dessiner sur ce calque. Le dessin cache alors les calques inférieurs sans les modifier. Attention à bien sélectionner le bon calque et non le calque inférieur, sous peine de l'abîmer! frederic.hamelin@ac-rouen.fr Utiliser les calques d'images 1/5

14 Suppression d'éléments d'un calque En sélectionnant des éléments d'un calque, on peut les supprimer (édition, supprimer, ou couper). La zone correspondante redevient alors transparente. Réglage de l'opacité d'un calque Le curseur d'opacité permet de régler la transparence de chaque calque, par exemple pour laisser apparaître l'image de départ située sur un calque inférieur. Modifier l'empilement des calques Les calques peuvent être déplacés les uns par rapport aux autres : ceci modifie la façon dont ils se recouvrent. Il suffit de les faire glisser avec la souris dans la fenêtre des calques Fusionner des calques Lorsque deux calques doivent être réunis, - cacher les autres (en cliquant sur les yeux) - faire un clic droit sur l'un des calques et choisir «Fusionner les calques visibles» Attention : les calques fusionnés ne deviennent plus modifiables indépendamment. Il est également possible de faire disparaître tous les calques pour obtenir une image unique : choisir «Fusionner tous les calques». 2/5 Utiliser les calques d'images frederic.hamelin@ac-rouen.fr

15 C'est ce qui se passe ici si on enregistre l'image dans un format qui ne conserve pas les calques (.jpg par exemple) Utiliser les calques d'images 3/5

16 Cas particulier des calques de texte Les calques de texte sont créés automatiquement lorsqu'on clique sur l'outil texte (T). Ces calques sont repérés par la lettre T et permettent la modification du texte en utilisant de nouveau l'outil texte. La fusion de plusieurs calques de textes ne permet plus la modification du texte par la suite. L'enregistrement dans un autre format que.xcf perd la possibilité d'éditer le texte par la suite. Taille des calques Suite à un redimensionnement des calques ou de l'image, il se peut qu'un calque soit plus petit que l'image : on ne peut donc pas dessiner sur toute la surface. Pour qu'un calque occupe toute la surface de l'image, faire un clic droit dessus, puis choisir «Calque aux dimensions de l'image» 4/5 Utiliser les calques d'images frederic.hamelin@ac-rouen.fr

17 Utiliser les calques d'images 5/5

18 Créer des schémas animés Le Gimp Objectifs Le schéma de SVT décrit des fonctionnements dans lesquels les actions sont figurées par des flèches. L'idée est de créer des schémas animés dans lesquels les actions sont figurées par des mouvements ou des transformations. Logiciel à installer Le GIMP : voir paragraphe «Traitement simple des images» Créer une image multicalque Pour créer des schémas animés simples, on ne va réellement créer que la première image dans un calque de Gimp. Les images suivantes seront construites une par une en recopiant ce calque et en le modifiant légèrement à chaque étape. 1. Créer une image de la taille souhaitée Comme l'animation pourra contenir beaucoup d'images, penser à ne pas prendre une taille trop importante. 2. Dessiner le premier calque 3. Dupliquer le calque Recommencer les étapes 3 et 4 jusqu'à la fin 4. Apporter une modification au calque dupliqué 5. Penser à enregistrer régulièrement son travail Attention : bien utiliser le format.xcf pour conserver les calques. frederic.hamelin@ac-rouen.fr Créer des schémas animés 1/2

19 Animer l'image (GIF animé) Un aperçu peut être obtenu en choisissant «Filtres» «Animation» «Rejouer l'animation». L'aperçu peut être visionné enchaîné ou pas à pas. Si la vitesse n'est pas adaptée, elle pourra être réglée plus loin. C'est le moment d'ajouter les calques qui manquent à l'animation, modifier l'ordre, retoucher,... Créer l'animation. Lorsque l'aperçu est satisfaisant, choisir «Filtres» «Animation» «Optimiser (pour GIF)» : une seconde image est créée, les calques sont renommés. Réglage de la durée. Par défaut, les images seront affichées pendant 100 ms. Pour régler leur durée, modifiez-la dans le nom du calque par un double-clic sur celui-ci. Réglage de la superposition des calques. On peut choisir si un calque doit - s'ajouter au calque du dessous (combine) - remplacer le calque du dessous (replace) Exemple : - le calque 2 remplace le 1 - puis le calque 3 s'ajoute au 2 Enregistrer l'image ainsi obtenue au format GIF. Dans la fenêtre suivante, ne pas oublier de choisir de créer une animation. Cette dernière fenêtre permet le ralentissement ou l'accélération : tous les calques dont le temps n'a pas été indiqué explicitement seront affichés pendant cette durée. On peut également choisir si l'animation doit être jouée une seule fois ou répétée indéfiniment. Dans ce dernier cas, il est bon de prévoir un temps beaucoup plus long pour le dernier calque, ce qui provoquera une pause avant que l'animation recommence. Visualisation du résultat Les GIF animés peuvent être visionnés par les navigateurs internet. Qualité : si les images sont des photos, la qualité de celle-ci est médiocre à cause des 256 couleurs maximum que peut contenir une image GIF. 2/2 Créer des schémas animés frederic.hamelin@ac-rouen.fr

20 Lire des vidéos Media Player Classic Objectifs Visualiser une vidéo sur l'ordinateur en mode fenêtré ou en plein écran à l'aide d'un logiciel léger et simple (utilisable sur des ordinateurs de conception ancienne là où Windows Media Player est lent voire impossible à utiliser). Capturer une image d'une vidéo sous forme d'image fixe Logiciels à installer Media Player Classic : : suivre «download guliverkli», puis chercher «Media Player Classic (transl.) dans la liste. Choisir la version française. Pour lire les vidéos, il faut que les codecs (logiciels de compression/décompression) soient présents sur l'ordinateur. Si le son ou l'image d'une vidéo ne s'affichent pas, c'est qu'il manque les codecs vidéo ou audio correspondants Ce site peut permettre de résoudre ce problème en installant une série des codecs les plus courants, téléchargeable à cette adresse : Visualiser une vidéo Le grand atout de ce lecteur est sa simplicité, ainsi que les raccourcis claviers rapides (utilisation collective devant les élèves facilitée) : espace : pause/lecture : avance image par image Alt-Entrée : plein écran Ctrl-Haut et Ctrl-Bas : accélération et ralenti Pour que la vidéo boucle indéfiniment (par exemple pour servir de support pendant la réalisation d'un travail par les élèves), aller dans «Affichage» «Options», puis «Lecture», et cocher «Répéter automatiquement» Capturer une image d'une vidéo Il est possible d'enregistrer une image fixe de la vidéo, en vue de son intégration à un document ou un travail ultérieur sur cette image : «Fichier» «Enregistrer l'image...». Choisir l'emplacement et de préférence le format JPEG qui donne des fichiers moins volumineux. Le fichier porte un nom qui rappelle la date et l'heure de la capture. Définir Media Player Classic comme lecteur par défaut de l'ordinateur Aller dans «Affichage» «Options» «Lecteur» «Formats». Cliquer sur «Tout», puis «OK». Media Player Classic sera utilisé dès que vous ouvrirez un fichier audio ou vidéo. frederic.hamelin@ac-rouen.fr Lire des vidéos 1/1

21 Manipuler simplement une vidéo VirtualDub Objectif Découper un extrait d'une vidéo au format Avi : format MPEG 1 ou 2, XviD (DivX). Voir la fiche «Transcoder une vidéo» pour mettre vos vidéos dans l'un de ces formats. sélectionner une séquence éliminer les passages pédagogiquement non pertinents supprimer le son effectuer des montages simples compresser la vidéo ou le son, modifier le format de la vidéo, améliorer l'image ou le son Logiciels à installer VirtualDub (utilitaire de transcodage) (ou une version française : Xvid (codec : compression de la vidéo) ou un paquet de codecs plus complet qui inclut entre autres ce format : Sélectionner une séquence 1. Après avoir lancé VirtualDub, ouvrir la vidéo («Fichier» - «Ouvrir un fichier vidéo...») ou en glissant son icône vers la fenêtre du logiciel. 2. Pour sélectionner l'extrait, utiliser les outils présents en bas de la fenêtre : positionner le curseur sur la première image de cette séquence et poser la balise de début positionner le curseur sur la première image de cette séquence et poser la balise de fin 3. Si vous ne souhaitez pas modifier le format de la vidéo ni du son (simple découpage) : Dans le menu «Vidéo», choisir «Copie de flux directe» Dans le menu «Audio», choisir «Copie de flux directe» 4. Enregistrer la vidéo ainsi sélectionnée : «Fichier» - «Enregistrer en AVI...» frederic.hamelin@ac-rouen.fr Manipuler simplement une vidéo 1/4

22 Éliminer les passages pédagogiquement non pertinents La procédure est la même que la précédente. Il suffit de sélectionner les passages à supprimer, puis de les éliminer («Suppr» au clavier). Supprimer le son La vidéo originale ne sera pas affectée par ces changements. Seule la vidéo finale, enregistrée par «Fichier» - «Enregistrer en AVI...» sera découpée. Pour supprimer le commentaire d'un vidéogramme, régler «Sans Audio» dans le menu «Audio» avant l'enregistrement final. Effectuer des montages simples Au moyen des opérations précédentes, on peut sélectionner des fragments de la vidéo, et les déplacer en tout point à l'aide d'un copier/coller. Penser au son qui peut devenir désagréable ou incompréhensible dans le cas d'un commentaire en «voix off». Pour les projets de montages plus complexes, il peut être plus facile de sélectionner une par une les séquences à monter, et les enregistrer dans des fichiers différents numérotés (séquence01.avi, séquence02.avi,...). Il suffit ensuite : d'ouvrir la première séquence (séquence01.avi) d'ajouter la seconde séquence en faisant : «Fichier» «Ajouter un segment AVI...) et ainsi de suite jusqu'à la dernière séquence. Cette méthode permet des montages rapides et évite d'avoir recours à des logiciels de montages complexes et lourds. Modifier la taille de l'image, apporter des améliorations grâce aux filtres. Il est possible de diminuer la taille de l'image affichée pour pouvoir diminuer le poids des fichiers. Choisir «Vidéo», «Filtres», puis «Resize» Il est préférable de choisir un des modes «precise bicubic» qui fournit une image de meilleure qualité. Dans la liste des filtres, il peut être utile d'améliorer l'image au moyen des options suivantes : grayscale : passe en noir et blanc levels : très utile pour augmenter ou diminuer les contrastes dans l'image sharpen : durcir les reliefs smoother : adoucir l'image Apporter des améliorations au son. Comme pour l'image, il est possible d'améliorer le son au moyen de filtres disponibles dans le menu «Audio», «Utiliser le filtrage avancé», puis «Filtres». Ceci est le plus souvent utile dans le cas de bandes-son de mauvaise qualité. 2/4 Manipuler simplement une vidéo frederic.hamelin@ac-rouen.fr

23 Modifier la compression d'une vidéo. Pour diminuer la taille d'un fichier vidéo, penser à régler le taux de compression : 1. de l'image 2. du son 1. Compression de l'image (au format Xvid) taux de compression élevé = «bitrate *» faible = fichier de petite taille = vidéo de qualité médiocre taux de compression faible = «bitrate *» élevé = fichier de grande taille = vidéo de bonne qualité * bitrate = c'est le débit, il s'exprime en kbps = kilo-octets occupés sur le disque dur par chaque seconde de vidéo Tout est donc affaire de compromis entre la taille du fichier et la qualité souhaitée. Selon le type de film de départ, sa qualité, la taille de l'image, des ajustements seront nécessaires. Un film de mauvaise qualité, numérisé à partir d'une VHS par exemple, nécessite un débit supérieur pour rester acceptable. exemple : 700 kbps donne en général une qualité acceptable en plein écran avec une vidéo de 320 x 240 pixels Pour régler la compression de la vidéo : 1. Vérifier que «Traitement complet» est coché dans le menu «Vidéo», puis choisir «Compression» 2. Choisir «Xvid...», puis «Configurer» 3. On peut alors régler le débit ici. frederic.hamelin@ac-rouen.fr Manipuler simplement une vidéo 3/4

24 2. Compression du son (au format MP3) De la même façon que pour l'image, on peut compresser le son au format MP3. 1. Vérifier que «Traitement complet» est coché dans le menu «Audio», puis choisir «Compression» 2. Le taux de compression à choisir dépend du résultat souhaité. Bien souvent, un son monophonique très compressé est suffisant pour les vidéogrammes utilisés en SVT. 3. Lancer la compression On lance la compression par «Fichier» «Enregistrer en AVI». On peut suivre le travail en direct grâce à cette fenêtre : La durée de traitement sera supérieure à une «Copie de flux directe» car la vidéo doit être recalculée. Ce temps dépend des réglages demandés, et de la machine utilisée. Si on ne doit pas continuer à travailler avec d'autres logiciels sur la machine pendant ce temps, on peut accélérer le traitement en augmentant la «Priorité de traitement des tâches». 4/4 Manipuler simplement une vidéo frederic.hamelin@ac-rouen.fr

25 Transcoder une vidéo Mediacoder Objectif Traduire une vidéo de format quelconque (DVD, mov, wmv...) au format XviD (DivX) (son MP3) : plus compact pour le stockage sur un support limité (disque dur, CD-Rom) format non propriétaire (pourra être découpé/monté grâce à VirtualDub) lecture : ordinateur, certains lecteurs DVD de salon (DivX) Logiciels à installer Mediacoder (utilitaire de transcodage) Xvid (codec : compression de la vidéo) ou un paquet de codecs plus complet qui inclut entre autres ce format : Procédure Ajouter le fichier vidéo à traduire. Il est possible d'en ajouter plusieurs à traiter les uns après les autres. Choisir un dossier qui contiendra le fichier traduit Ces réglages donnent de bons résultats. Plus le débit («bitrate») est grand, meilleure est la qualité, mais plus le fichier sera lourd. Pour une vidéo de bonne qualité en plein écran, ces réglages donnent de bons résultats. Si la vidéo est conçue pour être affichée dans une fenêtre réduite, on peut diminuer la taille («retailler» à 320x240 par exemple) et donc diminuer aussi le débit («bitrate») de la fenêtre précédente. frederic.hamelin@ac-rouen.fr Transcoder une vidéo 1/4

26 Le réglage «CBR» permet une meilleure synchronisation du son et de l'image. On peut encore diminuer la qualité du son si elle n'a pas d'importance. Cliquer sur «start» pour démarrer l'encodage. Le temps dépend des réglages de compression, de la durée du film, des performances de l'ordinateur... 2/4 Transcoder une vidéo

27 Stoik video converter Outil non libre, mais plus efficace pour les fichiers wmv (par exemple téléchargés sur lesite.tv) Objectif Traduire une vidéo de format wmv (format propriétaire Micro$oft) au format DivX format non propriétaire (pourra être découpé/monté grâce à VirtualDub) lecture : ordinateur, certains lecteurs DVD de salon (DivX) Logiciels à installer Stoik video converter Xvid (codec : compression de la vidéo) ou un paquet de codecs plus complet qui inclut entre autres ce format : Procédure Sélectionner le fichiersource au format wmf Sélectionner l'emplacement du fichier-cible Comme format de sortie, on peut prendre comme ici «AVI for PC» pour une meilleure qualité, mais le fichier sera très volumineux, ou plus simplement DivX AVI (PAL) On lance la conversion par ce bouton. frederic.hamelin@ac-rouen.fr Transcoder une vidéo 3/4

28 Objectif Super Outil non libre, regroupant les avantages des deux précédents. Traduire une vidéo d'un format quelconque (format propriétaire Micro$oft) au format DivX format non propriétaire (pourra être découpé/monté grâce à VirtualDub) lecture : ordinateur, certains lecteurs DVD de salon (DivX) Logiciels à installer Super : sur le site choisir «Super», puis «Download». Procédure La fenêtre principale du logiciel permet de régler les paramètres de la vidéo souhaitée : Par un clic droit dans cette fenêtre, on peut régler différents paramètres, dont le dossier de destination des vidéos. destination dans le même dossier que la vidéo-source. Ce réglage permet de retrouver la vidéo de Si vous ne trouvez pas la vidéo transcodée, regardez à la racine du disque dur (C:\) C'est là que le logiciel place les vidéos si vous n'avez pas fait le réglage ci-dessus. 4/4 Transcoder une vidéo frederic.hamelin@ac-rouen.fr

29 Effectuer des calculs Tableur d'openoffice.org Objectifs Les calculs identiques sur une série de données peuvent être avantageusement programmés pour être effectués et présentés dans un tableau. Cette fiche vous aidera à programmer vos premières formules Logiciel à installer La suite bureautique OpenOffice.org, qui contient un traitement de texte, un tableur, un logiciel de dessin vectoriel, un logiciel de présentation et une base de données, peut être téléchargée à l'adresse Présentation du tableur Créer une nouvelle feuille de calcul. 2 solutions sont possibles : 1. Cliquer avec le bouton droit sur l'icône d'openoffice.org dans la zone de notification de windows, puis choisir «Classeur» 2. «Démarrer» «Tous les programmes» «OpenOffice.org» «Openoffice.org Calc» Les feuilles de calcul seront enregistrées au format «Classeur OpenDocument».ods Dans les feuilles de calcul, les cellules ont toutes une adresse : une lettre et un nombre (ex. C13). Dans les cellules, on peut saisir du texte ou des nombres. Le logiciel reconnaîtra automatiquement les données comme des nombres si aucune lettre, symbole, espace n'est saisi. Toutes les données contenant des espaces, lettres, symboles seront donc considérées comme du texte par le logiciel, et donc aucun calcul ne sera possible. Pour les données numériques, il ne faut donc pas faire suivre le nombre d'une unité (pour afficher une unité, voir «Formatage» ci-dessous. Formatage des nombres Une cellule qui contient un nombre affiche celui-ci par défaut sans décimales. Pour changer la façon dont les nombres s'affichent, sélectionner la plage (ensemble de cellules), puis faire un clic droit, et choisir «Formater les cellules». Ici, on peut régler le type de nombre, le nombre de décimales, et même rajouter une unité qui s'affichera automatiquement dans les cellules. exemple : 0,00 [$lux] dans la zone de description de format indiquera la luminosité en lux avec deux décimales, suivie d'un espace et de l'unité 'lux'. frederic.hamelin@ac-rouen.fr Effectuer des calculs 1/3

30 Les formules de calcul Une cellule peut contenir une formule de calcul. Pour indiquer au logiciel qu'on saisit une formule, commencer par le symbole «=». Ensuite, il suffit de cliquer dans les cellules contenant les données du calcul, et de les séparer par les opérateurs usuels : +, -, / (division), * (multiplication), ^ (puissance), parenthèses... Une fois la formule saisie, valider par «Entrée». exemple : Après avoir cliqué dans la cellule D1, on a entré la formule suivante : «=» clic-dans-a1 «*» «(» clic-dans- B1 «+» clic-dans-c1 «)» «Entrée» La formule reste affichée dans la zone située au dessus, et le résultat du calcul apparaît dans la cellule D1. Les fonctions de calculs De nombreuses fonctions permettent d'enrichir les calculs. Elles sont accessibles en cliquant sur le bouton L'assistant qui apparaît alors permet de choisir les fonctions à utiliser dans l'onglet «Fonctions». Elles sont classées par type. Dans la zone de droite, les différents termes des fonctions peuvent être saisis ou pointés avec la souris ( ). L'onglet «structure» fournit un résumé de la structure très utile lors de la saisie des fonctions complexes. Copier-Coller les formules Lorsqu'une cellule contenant une formule est copiée et collée, les adresses des cellules qu'elle contient sont automatiquement décalées. exemple : la formule D1 : =A1*(B1+C1) a été copiée en D2. Elle est devenue : =A2*(B2+C2) 2/3 Effectuer des calculs frederic.hamelin@ac-rouen.fr

31 Si on souhaite que ce décalage n'aie pas lieu, il faut forcer le logiciel à garder l'adresse de départ, en l'accompagnant de symboles $. Dans cet exemple, le grandissement calculé en B3 doit être utilisé dans les formules de la colonne C, mais en recopiant la formule C7 dans les cellules du dessous, elle serait décalée. Pour éviter ceci, on remplace B3 dans cette formule par B$3 : le 3 ne sera donc pas décalé. frederic.hamelin@ac-rouen.fr Effectuer des calculs 3/3

32 Tracer un graphique Tableur d'openoffice.org Objectifs La formation des élèves au tracé de graphique passe nécessairement par le tracé-papier. Dans les petites classes, les critères de choix du type de graphique, choix des axes, légendes des axes, titre... peuvent néanmoins être travaillés en évitant l'obstacle du choix de l'échelle ou de la graduation des axes : utiliser le tableur permet une première approche du graphique. Logiciel à installer La suite bureautique OpenOffice.org, qui contient un traitement de texte, un tableur, un logiciel de dessin vectoriel, un logiciel de présentation et une base de données, peut être téléchargée à l'adresse Procédure Pour tracer un graphique, il faut se placer dans le module «Tableur» (voir fiche «Effectuer des calculs»). 1. Dans une feuille de calcul, on a saisi les valeurs dont on souhaite tracer un graphique. 2. Sélectionner la plage contenant les données à transformer en graphique. 3. Cliquer sur le bouton. Le logiciel attend alors qu'on trace un rectangle à l'endroit souhaité pour le graphique. Dans cette fenêtre, cochez les cases si la première ligne et la première colonne contiennent des données à afficher comme étiquettes frederic.hamelin@ac-rouen.fr Tracer un graphique 1/3

33 4. Dans cette fenêtre, choisissez le type de graphique, ainsi que la disposition des données dans le tableau. L'aperçu de gauche donne une idée du résultat. 5. Cette fenêtre permet de choisir le type exact de graphique, ainsi que les lignes de quadrillage visibles. 6. Ici, on peut renseigner le titre du graphique et de ses axes, et choisir si on souhaite un cartouche de légende. Tous ces paramètres pourront être modifiés par la suite. 2/3 Tracer un graphique

34 Le résultat, s'il n'est pas entièrement satisfaisant, a un gros avantage sur la version papier du tracé de graphique : il peut être modifié. Le graphique peut être redimensionné Tous les éléments du graphique peuvent être sélectionnés, puis supprimés ou édités : - contenu, police de caractères, style des zones de texte - style des lignes -... Ces boutons permettent d'effectuer différentes modifications Un clic droit dans le graphique permet aussi de changer la plage de données choisie au départ frederic.hamelin@ac-rouen.fr Tracer un graphique 3/3

35 Présenter une affiche ou un journal Scribus Objectifs Permettre aux élèves de mettre en page une affiche ou un journal en utilisant un outil plus performant qu'un simple traitement de textes. L'impression en grand format sera notamment de meilleure qualité pour des affiches d'exposition. Logiciel à installer Scribus est un logiciel libre qu'on peut télécharger à l'adresse suivante : (choisir la dernière version stable). Comme indiqué sur la page de téléchargement, il est préférable d'installer Postcript : cela permettra une exportation des fichiers à imprimer au format PDF, lisible par le célèbre visualiseur gratuit Acrobat Reader (disponible ici : ). Bien qu'en constante amélioration, Scribus pour windows plante quelquefois. Des sauvegardes régulières du travail s'imposent donc. Création d'un document Dans cette fenêtre, on choisit le type de document. La case «cadres de texte automatiques» crée automatiquement un nouveau cadre de texte sur chaque page. «Page simple» convient pour une affiche, «Pages en regard» pour un journal. Zoom dans le document Pages Utiliser les loupes de la barre d'outil ou de la barre d 'état, ou utiliser la molette de la souris avec la touche «Ctrl» enfoncée. Pour ajouter une page, choisir «Insérer» dans le menu «Page» Pour naviguer d'une page à l'autre, utiliser la barre d'état. frederic.hamelin@ac-rouen.fr Présenter une affiche ou un journal 1/5

36 Les cadres de texte Pour créer un cadre de texte, cliquer sur puis tracer le rectangle du cadre sur la page. Le nombre de colonnes du cadre peut être réglé dans l'onglet «Forme» de la fenêtre «Propriétés». La gouttière désigne la marge entre les colonnes Pour insérer du texte dans un cadre, il est possible de l'importer d'un logiciel de traitement de texte, ou de le saisir directement dans Scribus. Il est possible d'éditer le texte directement dans son cadre, mais il est plus confortable d'utiliser l'éditeur interne. L'éditeur interne permet plus facilement de saisir, mettre en forme, copier/coller... Pour revenir à la mise en page en validant le texte modifié, cliquer sur Lier des cadres de texte : si un texte est plus long que son cadre, on peut le poursuivre dans un autre cadre (en page suivante par exemple). 1. Sélectionner le premier cadre 2. Cliquer sur le bouton «Lier les cadres de texte» 3. Cliquer sur le second cadre, puis dans l'ordre sur les suivants. 2/5 Présenter une affiche ou un journal frederic.hamelin@ac-rouen.fr

37 Les cadres d'images Créer un cadre d'image : cliquer sur puis tracer le rectangle du cadre sur la page. Placer une image dans son cadre : cliquer avec le bouton droit sur ce cadre, puis «Importer une image» L'image n'a pas directement la taille du cadre (elle garde sa taille enregistrée). Attention : penser à garder une qualité adaptée à l'impression, notamment si une impression en grand format est prévue (affiches). Pour adapter l'image au cadre, choisir «Mettre l'image aux dimensions du cadre» dans l'onglet «Image» de la fenêtre «Propriétés». Inversement, si c'est le cadre qui doit être adapté, cliquer avec le bouton droit sur ce cadre, puis «Adapter le cadre à l'image» Habillage : le texte peut suivre les contours de l'image. Cocher «Habillage» dans l'onglet «Forme» de la fenêtre «Propriétés». La forme peut être - celle définie au dessus (bouton «Forme») - celle du cadre (rectangle) - celle d'un contour déterminé par l'option «Modifier la forme» au dessus frederic.hamelin@ac-rouen.fr Présenter une affiche ou un journal 3/5

38 Mise en forme du document Position d'un cadre sur la page et par rapport aux autres. Ces paramètres sont modifiables dans l'onglet «Position» de la fenêtre «Propriétés» 1. La chaîne permet de redimensionner un cadre sans modifier ses proportions. C'est utile pour une image qu'on ne souhaite pas déformer. 2. Le Point de référence est l'endroit où le cadre est ancré dans la page. 3. La Disposition est l''empilement des cadres les uns sur les autres. Ce cadre disposé en 5 ème position recouvre les cadres de numéros inférieurs, (donc les cache) si la case «Habillage» de l'onglet «Forme» n'est pas coché. Forme d'un cadre. La forme peut être choisie dans l'onglet «Forme» de la fenêtre «Propriétés», et personnalisée par l'option «Modifier la forme». Les objets peuvent également être pivotés grâce au bouton de la barre d'outils. Lignes (filets). Leur épaisseur, extrémité etc. sont modifiables dans l'onglet «Filet»de la fenêtre «Propriétés». 4/5 Présenter une affiche ou un journal frederic.hamelin@ac-rouen.fr

39 Couleurs. Cet onglet permet d'effectuer les réglages : de la couleur des lignes (filets) de la couleur du remplissage d'un cadre de la saturation de la couleur choisie de l'opacité (ou transparence) d'un cadre La couleur peut être unie, ou dégradée : Les couleurs peuvent être sélectionnées dans la liste, ou choisies n'importe où dans la page au moyen de la pipette de la barre d'outils. Exportation ou impression Les documents créés par Scribus sont vectoriels, c'est à dire que leur qualité restera excellente même agrandis (hormis les photographies qu'il faut donc prévoir de qualité suffisante au moment de leur importation). On peut utiliser l'outil pour vérifier que tous les éléments seront imprimés correctement. Scribus permet d'imprimer directement ou d'exporter au format PDF au auprès des professionnels de l'impression., diffusable sur internet Il est également possible d'exporter les pages dans différents formats : «Fichier» «Exporter» Attention : «Enregistrer en tant qu'image» produira une image bitmap qui perdra donc le bénéfice de la qualité d'un document vectoriel. Les impressions passant par ce format sont de bien moins bonne qualité. frederic.hamelin@ac-rouen.fr Présenter une affiche ou un journal 5/5

40 Schématiser à l'aide du dessin vectoriel Objectifs OpenOffice.org, module «dessin» La formation des élèves à la schématisation est complexe car elle fait intervenir des opérations mentales nombreuses et complexes. Pour les y aider, le dessin vectoriel possède quelques avantages : permettre des essais-erreurs plus nombreux et moins décourageants fournir les objets du schéma sous la forme de vignettes préparées à l'avance relier de façon durable les objets par des connecteurs, qui resteront reliés même lors du déplacement des objets autoriser une amélioration de la mise en page au fur et à mesure de la construction Logiciel à installer La suite bureautique OpenOffice.org, qui contient un traitement de texte, un tableur, un logiciel de dessin vectoriel, un logiciel de présentation et une base de données, peut être téléchargée à l'adresse Manipulations élémentaires Créer une nouvelle page de dessin. 2 solutions sont possibles : 1. Cliquer avec le bouton droit sur l'icône d'openoffice.org dans la zone de notification de windows, puis choisir «Dessin» 2. Passer par le menu «Démarrer» «Tous les programmes» «OpenOffice.org» «Openoffice.org Draw». L'enregistrement de ces pages se fera au format «Dessin OpenDocument».odg Zoom avant et arrière. Un double-clic dans la barre d'état à cet endroit permet ce réglage. Plus rapidement, la molette de la souris, touche «Ctrl» enfoncée permet de modifier le zoom. Tracer un objet La barre d'outils de dessin permet de choisir les formes. Pour sélectionner plusieurs objets en même temps, on peut Utiliser l'outil de sélection pour encadrer les objets à sélectionner Sélectionner un premier objet, puis ajouter les autres par un clic gauche, en maintenant la touche «Majuscule» enfoncée. frederic.hamelin@ac-rouen.fr Schématiser à l'aide du dessin vectoriel 1/4

41 Déplacer/redimensionner les objets L'intérêt du dessin vectoriel est que chaque objet reste modifiable (taille, position,...) indépendamment des autres. Pour cela, il faut le sélectionner en cliquant dessus avec l'outil. Cliquer en dehors de la page désélectionnera l'objet sélectionné. Écrire du texte dans un objet Lorsqu'on double-clique sur un objet, le curseur de saisie de texte apparaît. On peut ensuite définir la position du texte en sélectionnant l'objet, puis en choisissant avec le clic droit «Texte» : Écrire du texte comme un objet indépendant Le bouton indépendant. permet de saisir du texte comme ci-dessus, mais comme un objet Dans ces deux cas, le texte peut ensuite être sélectionné, puis son style modifié à l'aide de la barre d'outils «Texte». Changer les couleurs des objets La barre d'outils «Lignes et remplissage»permet de définir pour les lignes : leur style (trait plein, pointillés,...), leurs extrémités (flèches par exemple), leur épaisseur et leur couleur pour les objets «pleins» : leur remplissage (couleur, dégradé, vide) 2/4 Schématiser à l'aide du dessin vectoriel frederic.hamelin@ac-rouen.fr

42 Importer une image de type photo (bitmap) Ces images peuvent servir de base au schéma sous la forme de vignette préparées. Elle ne sont pas éditables dans ce logiciel (utiliser un logiciel de traitement d'image comme GIMP). Penser à diminuer la taille des images venant du scanner ou de l'appareil photo numérique pour éviter les fichiers.odg trop volumineux. Modifier la superposition des objets Les objets s'empilent sur la page dans l'ordre du dessin. Il est souvent nécessaire de modifier cet ordre pour éviter qu'un objet plus récent en cache un plus ancien. Pour modifier la position de l'objet sélectionné, utiliser les outils «Disposition» Outils avancés Les connecteurs Ils permettent de relier deux objets (en général par une flèche) en conservant ce lien même si les objets sont ensuite déplacés. Cet outil est donc particulièrement adapté aux actions d'un schéma. Lorsque les connecteurs sont «bien attachés» aux objets, leurs extrémités sont représentées par des sphères rouges. Schématiser à l'aide du dessin vectoriel 3/4

43 Aligner verticalement ou horizontalement plusieurs objets 1. sélectionner les objets (voir «sélectionner plusieurs objets» cidessus), 2. avec un clic gauche, choisir «Répartition». Répartir les objets à égale distance 1. sélectionner (voir «sélectionner plusieurs objets» cidessus), 2. avec un clic gauche, choisir «Répartition». Grouper des objets Si plusieurs objets doivent être regroupés pour être sélectionnés et déplacés en même temps, il faut les sélectionner (voir «sélectionner plusieurs objets» ci-dessus), puis avec un clic gauche, choisir «Grouper». Des objets groupés peuvent toujours être modifiés indépendamment : il suffit par un clic gauche de choisir «Entrer dans le groupement» L'opération i»dissocier» est l'opération inverse du groupement : elle libère les objets groupés en objets indépendants. 4/4 Schématiser à l'aide du dessin vectoriel frederic.hamelin@ac-rouen.fr

44 Capturer des contenus internet Objectifs Sélectionner les ressources internet accessibles aux élèves : Capturer et d'organiser une liste de pages internet Capturer et organiser un site internet entier Scrapbook, HTTrack, Spiderzilla Logiciels à installer Scrapbook est une extension du navigateur Mozilla, qui permet d'effectuer de façon simple la capture et l'archivage des pages visitées. Il faut donc installer Mozilla Firefox ( ) et aller à cette adresse pour installer Scrapbook : (taper «Scrapbook» dans la zone de recherche) HTTrack est un aspirateur de site libre disponible à cette adresse : Pour lancer directement une capture de site à partir de Mozilla Firefox, il est commode d'installer l'extension «Spiderzilla» pour Firefox : (taper «Spiderzilla» dans la zone de recherche) Capturer des pages isolées et les organiser avec Scrapbook Présentation Scrapbook se présente sous la forme d'un panneau latéral qu'on peut ouvrir comme ceci : Il est plus rapide de l'ouvrir en cliquant sur un bouton qu'on peut placer dans la barre de boutons de la façon suivante : clic droit sur la barre de boutons, puis «Personnaliser». Glisser ensuite le bouton «Scrapbook» à l'endroit voulu de la barre. Les pages capturées seront donc présentes dans ce panneau latéral, et aussi dans le menu scrapbook de la barre de menus. frederic.hamelin@ac-rouen.fr Capturer des contenus internet 1/4

45 Capture Il suffit de visiter la page à capturer, puis : soit cliquer sur «Scrapbook», «Capture de la page» soit faire glisser l'icône située à côté de l'adresse vers le panneau latéral Organisation Les pages capturées seront faciles à organiser grâce au panneau latéral qui permet de : créer des dossiers déplacer les pages dans les dossiers renommer les pages Dans ce panneau latéral, le menu «Outils» «Paramètres» permet de régler l'emplacement des sauvegardes des pages capturées. Dans l'exemple ci-contre, on choisit un dossier réseau, ce qui permet que tous les postes d'une même salle puissent accéder aux mêmes pages alors que celles-ci n'ont été capturées que sur un ordinateur. 2/4 Capturer des contenus internet frederic.hamelin@ac-rouen.fr

46 Capturer un site avec HTTrack Capture simple Lors du lancement, le logiciel propose la capture d'un site. Dans cette fenêtre, donner un nom explicite à la capture, et indiquer le dossier qui recevra la copie. la copie peut être effectuée dans un dossier de travail, ici sur le bureau, puis ensuite déplacée Dans cette fenêtre, entrer l'adresse de la page d'accueil du site (l'adresse peut être copiée/collée depuis le navigateur internet). Pour un premier essai, laisser les options de base. Cette fenêtre permet de surveiller la capture : si le nombre de liens restant à parcourir semble trop important, ou que la capture s'éternise, ou que le nombre d'octets écrits semble démesuré, il faudra annuler la capture, puis définir des options plus restrictives avant de la relancer. frederic.hamelin@ac-rouen.fr Capturer des contenus internet 3/4

47 Réglages supplémentaires Dans l'un des cas précédents, il faudra diminuer le nombre de liens à capturer, en utilisant la fenêtre d'options. Cet onglet permet de régler le nombre de liens capturés depuis la page d'accueil (profondeur) : le premier réglage concerne les pages internes du site capturé (en général, il est souhaitable de les conserver). Le second réglage concerne les liens externes vers d'autres sites : ce sont ces liens qui peuvent être la source d'ennuis et conduire à des captures énormes et non pertinentes. On peut également fixer une taille ou un temps à ne pas dépasser, mais ceci coupera la capture avant des pages souhaitables. Ici, on peut exclure certains types de fichiers. Il peut être utile et plus économique de ne pas capturer les vidéos et les sons (mov, mpg,...), ainsi que les fichiers archives (zip,...) Capturer un site avec Spiderzilla Dans Mozilla Firefox, il suffit de lancer la capture par un clic droit, puis Une fenêtre permet ensuite d'effectuer les mêmes réglages que précédemment. 4/4 Capturer des contenus internet frederic.hamelin@ac-rouen.fr

48 Créer un intra- ou internet simple KompoZer Objectifs Être capable de créer un mini-site destiné à servir de source d'information aux élèves. Ce site sera disponible en intranet (accès réservé à un réseau interne) ou en internet. Logiciels à installer KompoZer est un logiciel dont l'intérêt est d'être simple et facile à prendre en main. La version actuelle est suffisante pour atteindre l'objectif ci-dessus, mais pas très stable. Il faudra penser à enregistrer régulièrement votre travail car le logiciel «plante» de temps en temps dans sa version Windows. La version actuelle peut être téléchargée ici : Comme les autres logiciels de la suite Mozilla, des extensions permettent d'ajouter des fonctionnalités. Le dictionnaire français permet d'effectuer une correction des fautes de frappe. Préparatifs : structure du site et organisation des dossiers Tout site internet possède une structure, le plus souvent arborescente qu'il convient de prévoir avant sa création. Elle peut se résumer par un organigramme du type suivant qu'il est bon de tracer rapidement au brouillon. En voici un exemple. page d'accueil : l'érosion présentation, tâche (construire un tableau) et liens vers 6 agents d'érosion nom : index.html images : icones/eau.jpg, gel.jpg, glaciers.jpg, vagues.jpg, vent.jpg gel/dégel éclatement... nom : gel.html image : gel2.jpg glaciers creusent vallée en U nom : glaciers.html image : vallee-glaciaire.jpg vagues creusent la base... nom : vagues.html image : vagues.jpg vent le vent projette... nom : vent.html image : vent.jpg ruissel t 1 l'eau arrache nom: eau1.html image : ravin2.jpg lien dans la même fenêtre lien dans une nouvelle fenêtre ruissel t 2 l'eau dissout nom: eau2.html image : karst.jpg Pour chaque page, on résume son contenu, le nom qu'on donnera au fichier, et le nom et l'emplacement des images et autres ressources (sons, vidéo,...). frederic.hamelin@ac-rouen.fr Créer un intra- ou internet simple 1/4

49 Il faut donc réunir dans un dossier tout le contenu nécessaire pour le site (images notamment). Si celui-ci est petit, on peut rester dans un même dossier. S'il devient important, il faut organiser les pages, images et autres contenus dans des dossiers aux noms explicites et ne pas hésiter à créer de nombreux sous-dossiers afin de faciliter les modifications futures. L'exemple à droite développe une partie de l'arborescence d'un site. Éviter les espaces, caractères accentués et majuscules dans les noms de dossiers et de fichiers. Les images devront avoir la taille de leur affichage sur la page internet correspondante. Utiliser Le Gimp pour les redimensionner. 1. La taille utile d'une fenêtre de navigateur est d'environ 1000 pixels de large par 700 de haut. 2. Conservez toujours vos images originales dans un autre dossier afin de ne pas perdre la qualité de vos photos en les réduisant pour le site que vous créez! 3. Même si l'adsl se généralise, évitez les trop gros fichiers d'images qui ne donnent pas un meilleur résultat à l'écran et ralentissent le chargement des pages. Créer une page Dans KompoZer, pour chaque nouvelle page, définir les couleurs de texte et de fond. Ici, on a préféré choisir une image très pâle comme fond de page. 2/4 Créer un intra- ou internet simple frederic.hamelin@ac-rouen.fr

50 Pour chaque nouvelle page, cette option permet de lui donner un titre (qui apparaîtra dans la barre de titre du navigateur) Ensuite, il convient d'enregistrer la page dans le répertoire déjà créé (voir paragraphe précédent). Organiser le texte et les images La encore, éviter les majuscules, espaces et accents dans les noms de fichiers. Même si elle ne permet pas autant de choix qu'un traitement de textes, la disposition du texte et des images dans la page utilise des outils semblables. Les images sont insérées en cliquant sur l'icône La fenêtre suivante permet de définir l'image à afficher. «Vignette» désigne le texte qui s'affiche lorsqu'on survole l'image avec la souris. Si l'image, comme ici, deviendra un lien vers une autre page, un court message indique vers quelle page ce lien nous guide. Cet onglet permet de régler le positionnement du texte par rapport à cette image (de quel côté et avec quelles marges). L'onglet «Lien» sera décrit dans le paragraphe suivant. Créer un intra- ou internet simple 3/4

51 Si on désire positionner l'image à un endroit fixe dans la page, on peut la sélectionner, puis cliquer sur. L'image acquiert alors des poignées qui permettent de la déplacer et de changer sa taille. Définir les liens Il est déconseillé de changer la taille d'une image de cette façon : sa qualité d'affichage sera moindre de celle d'une image enregistrée par un logiciel de traitement d'image (Gimp) à sa taille d'affichage. Une fois les pages créées et enregistrées dans les «bons» dossiers, on va pouvoir créer les liens de navigation (les flèches de l'organigramme). Si le lien est du texte, sélectionner ce texte, puis cliquer sur Cette fenêtre permet alors de choisir le nom du fichier et de régler dans quelle fenêtre la page doit s'ouvrir : si on ne choisit rien, elle s'ouvrira dans la même fenêtre (donc il faudra penser au lien de retour!) Si le lien est une image, double-cliquer dessus permet d'ouvrir la fenêtre de propriétés de cette image. L'onglet «Lien» permet de choisir le nom du fichier. Pour changer la fenêtre de destination du lien, c'est ici un peu plus compliqué : un clic droit sur <a> dans la barre d'état, puis «propriétés avancées». Régler alors l'attribut «target» sur «_blank» comme ci-dessous si on souhaite ouvrir une nouvelle fenêtre. 4/4 Créer un intra- ou internet simple frederic.hamelin@ac-rouen.fr

52 Publier un site Windows (intranet), Filezilla (internet) Intranet Dans une salle en réseau où les ordinateurs sont dans un même groupe de travail, il est facile d'économiser le transfert de notre site sur chaque poste. La procédure est ici décrite pour XP. Sur le poste qui servira de serveur : Créer un dossier «intranets», puis à l'aide d'un clic droit sur ce dossier, choisir «Partage et sécurité» Dans la fenêtre qui suit, cocher la case «Partager...» sans cocher «Autoriser...» permettra aux autres postes d'accéder à l'intranet sans pouvoir le modifier. Transférer cet intranet (et tous les autres dans l'avenir) dans ce dossier. Sur chacun des autres postes, on ne fera qu'une seule fois la manipulation suivante : Ouvrir les «favoris réseau», puis «voir les ordinateurs du groupe de travail» Ouvrir l'ordinateur où on a installé les intranets Le dossier «intranets» partagé précédemment doit être visible Créer un raccourci (par exemple sur le bureau) de ce dossier Les élèves trouveront donc dans l'avenir dans ce dossier les intranets qui seront installés sur le premier poste sans avoir d'autre manipulation à effectuer. frederic.hamelin@ac-rouen.fr Publier un site 1/2

53 Internet Pour publier le site sur internet, il vous faut un hébergeur où vous allez envoyer votre dossier. Celui-ci vous fournira une adresse de connexion, un identifiant et un mot de passe. Il vous faut un logiciel de transfert sur ce serveur appelé «Client FTP». Dans le monde libre, il existe Filezilla ( ) qui fonctionne très bien. Après avoir lancé le logiciel, cliquez sur Dans la fenêtre ci-contre, cliquez sur «Nouveau site», puis renseignez les champs suivants à l'aide des informations de votre hébergeur. De retour dans la fenêtre principale, celle-ci est scindée en deux : à gauche, votre disque dur, que vous pouvez parcourir pour retrouver le dossier contenant votre «Site Local» à droite, le «Site Distant» de l'hébergeur Il vous suffit de faire glisser les dossiers ou fichiers pour les publier. 2/2 Publier un site frederic.hamelin@ac-rouen.fr