Tutoriel Didapages. Départ : configuration du livre et importation des média (images, sons, vidéo)

Transcription

1 Tutoriel Didapages Départ : configuration du livre et importation des média (images, sons, vidéo) Tout d'abord, télécharger Didapages 1,1 ici et l'installer : Ouvrir ensuite le logiciel par cette icône : Par «Présentation», vous avez accès à 4 livres interactifs de formation : livre 1: présentation, livre 2 les fonctions de base, livre 3 fonctions plus avancées, livre 4 : conseils et «à savoir». 1) Choisir «Démarrer un nouveau projet» («Poursuivre un projet existant» par la suite) 2) Compléter : Nom du projet, titre, auteur(s), les couleurs, nombre de pages... (il sera possible de modifier ceci par le Menu Projet (voir ci-dessous) 3) «Créer» => le livre apparaît. Il faut préalablement importer les «objets» qui seront placés sur les pages : images, sons, vidéos... (sauf textes). On passe par le Menu Projet ==> Media Cliquer ici par exemple pour importer une image, aller chercher l'image par la fenêtre de navigation qui s'ouvre, bouton «Importer». L'image s'affiche. Cliquer ici. L'image est alors disponible pour être insérée dans une page. Procéder de la même façon pour des sons, vidéo... Plus simple : Les images, sons... sont copiés dans un sous-dossier de Didapages, nommé selon le nom du projet. Il sera par la suite plus simple de préparer ses images, sons, vidéos et de tout placer dans le dossier qui sera donc dans C:\Program Files\Didapages et nommé selon le nom du projet IMPORTANT Les noms de fichiers (images, sons, vidéos) sont de préférence courts, sans espaces ni accents. Les images sont redimensionnées à la bonne taille (moins de 600 pixels généralement) à l'aide de photofiltre par exemple. On peut se procurer l'utilitaire Jruler (règle graduée en pixel s'affichant à l'écran) pour évaluer la taille nécessaire d'une image. Les sons sont au format mp3, les images au format jpeg, les vidéos au format flv. Il existe des convertisseurs pour convertir des vidéos au format.flv (Riva flv encoder ou TaKa FLV Encoder, chercher sur internet...). Pour les sons, on peut enregistrer et exporter en mp3 grâce à Audacity (Ce programme demande un fichier à récupérer sur internet (lame encoder) ; contacter l'animateur informatique si besoin d'aide pour tout ça)

2 Tutoriel Didapages Edition des pages 1) Ouvrir le livre. A chaque page correspond une barre d'outils. 2) Ouvrir la fenêtre d'édition à partir de laquelle on compose sa page Insérer une page Icônes visibles tout à droite : Réduire et Quitter Insérer un marque-page Couper, copier, coller, supprimer la page Utilisé seulement à la fin pour créer le livre (crée un dossier qu'on peut placer dans un CD, sur un site... La fenêtre d'édition de la page C'est depuis cette fenêtre qu'on insère les images, sons, vidéos... Rendre l'objet visible/invisible (ex : objet qui doit être préalablement invisible et qui sera apparent sur un clic) Annuler la dernière modification Couper copier En cliquant sur la flèche, on affiche un menu déroulant dans lequel on choisit l'objet qu'on va placer sur la feuille : texte, image, vidéo... Ouvrir la fenêtre de configuration de l'objet Coller supprimer Icônes permettant de disposer des objets sur la page : (centré, à gauche, à droite...)

3 Tutoriel Didapages - Les fenêtres de configuration Configuration d'une image Choix du fichier (il est présent s'il a été importé Préalablement (voir page 1 de ce tutoriel) «Si on clique sur l'image, on doit aller à la page n...» Usage avancé : l'image est déplaçable et se fixera Sur certaines zones de la page (ex : création de jeu ou exercice où il faut déplacer des images sur des zones données, comme remettre en ordre des syllabes) Configuration d'un texte Mêmes paramètrage que ci-dessus, plus le choix de la couleur de fond et la couleur du bord Configuration des zones réactives Une zone réactive sera une forme dans la page (ellipse ou rectangle), invisible par défaut, (ou visible selon couleur du fond), qui permettra de faire apparaître ou disparaître un objet de la page (texte, image, vidéo, son...), par clic ou survol. Exemple : superposé à un texte, il permet de faire apparaître une image si on survole ou clique sur ce texte. Ici, au survol de cette zone, l'objet 8 apparaît (+8) tandis que l'objet 7 disparaît (-7). => L'objet 8 deviendra, par défaut, automatiquement invisible sur la page, de part ce choix, pour pouvoir redevenir visible après un clic. Ex. : faire apparaître une image au survol d'un texte par la souris...

4 Tutoriel Didapages Finalisation du projet Lorsque le projet est vérifié et terminé, il peut être généré. On obtient un dossier qui contiendra différents fichiers dont les images, sons, vidéos éventuelles + un fichier index.html sur lequel on pourra cliquer pour ouvrir le livre dans un navigateur (mozilla firefox ou internet explorer). Ce dossier peut être gravé sur un CD ou installé sur un site internet (il suffira de créer un lien vers le fichier index.html du livre pour l'ouvrir. Cliquer ici Les erreurs sont souvent des objets non utilisés (images, sons, vidéos). On règle le problème en les supprimant dans le dossier C:/ Program Files/Didapages/nom-du-projet. On peut généralement ignorer cette étape... Cliquer sur «Générer» et choisir où sera placé le dossier obtenu Contenu du dossier : Les images, sons, vidéos, le fichier index.html sur lequel on double-clique pour voir le livre dans le navigateur. Pour placer ce livre sur un site internet Exemple pour le CMS Guppy : Il suffit de charger le dossier généré dans le dossier File du site, ou mieux dans un sous-dossier de File où seront placés les livres créés (/File/livres (à l'aide de Filezilla par exemple). Créer ensuite le lien (dans un article par ex.), vers le fichier index.html du livre. Ce lien ouvrira le livre.

5 1- Exercice de Questions à Choix Multiples 1- Préparation de l'exercice Avant de commencer l'édition d'un exercice, il faut penser à sa structure et rédiger un plan de construction. Image élément image JPG Questions éléments textes Choix multiples bouton de sélection bouton valider bouton score bouton multifonction Réponses éléments textes 2- Edition des pages Les exercices peuvent se construire sur une simple page ou sur une double page. On peut paramétrer le cadre texte : couleur, taille, transparence... Le cadre peut-être Fixe (sans interactivité), renvoyer à une page, ou être déplaçable sur une zone cible ou non. Quand on a plusieurs éléments (texte ou autres) il est judicieux d'utiliser le "copiercoller" afin de gagner du temps On peut même "copier-coller" la page entière. 1/4 Bruno Guillard, AML-TICE Châteauroux 1 et 2 déc 2007

6 3- Paramétrage des boutons Bouton de sélection Pour que les réponses soient indépendantes (pour le calcul des scores, il faut indiquer à quel groupe appartiennent les boutons (ici, il y a 5 groupes de 3 boutons) On indique comment doit être le bouton pour cette réponse : sélectionné ou désélectionné. On peut indiquer un message qui apparaîtra lors de la réponse. Le nombre de points pour cette question. Bouton valider Le Label du bouton permet de le nommer. On peut : 1. donner un nombre de tentatives de l'exercice 2. comptabiliser les scores 3. afficher les messages 4. afficher ou cachet d'autres éléments : +10 on affiche l'élément n 10 Bouton multifonction -11 on cache l'élément n 11 Le Label du bouton permet de le nommer. On peut 1. imprimer les pages dont on indique le numéro 2. recommencer l'exercice de la page numérotée 3. ouvrir une adresse électronique... Zone réactive Au clic Choix de la couleur de fond, de la couleur du bord, et de la forme. La souris en passant sur la zone réactive a la forme d'une main, on peut la rendre indétectable dans certains exercices. 2- Affichage ou cache d'éléments On note les éléments qui doivent être visibles au survol ou au clic de souris (ici l'élément 3 sera visible en cliquant). 2/4 Bruno Guillard, AML-TICE Châteauroux 1 et 2 déc 2007

7 Au survol Ici une zone réactive n 19 est placée sous l'élément image JPG n 21 (œil). Cette zone est sensible au survol de la souris et rend visible l'élément image JPG n 20 (couverture de l'album) Zone cible 3- Puzzle On crée des zones cibles de la taille des morceaux de puzzle. On compte juste si la cible est en contact avec le n de puzzle : ici la zone cible n 22 doit être en contact avec le morceau n 23. On indique le nombre de points attribués pour chaque élément de puzzle bien placé. On peut choisir également les couleurs de fond, de bord... Animation On choisit la durée de l'animation. Le bouton rouge à droite crée les marques de position. 1- Chaque marque rouge de l'animation indique la position de l'élément qui est sélectionné (n 2 en bleu). 2- Pour indiquer la position suivante, on place une marque un peu plus loin avec la position de l'élément n 2. 3/4 Bruno Guillard, AML-TICE Châteauroux 1 et 2 déc 2007

8 4- Exercice : choix parmi plusieurs solutions Bouton multiposition Dans cet exercice, les élèves doivent trouver les conjonctions de coordination dans le texte. Le survol des mots à trouver est indétectable à la souris. L'exercice serait trop facile. Quand on peut sélectionner un mot, il se surligne en vert. Si c'est une bonne réponse, on marque un point, si le mot sélectionné est incorrect, il y a un malus de 1pt. Le n 10 (pendant) doit rester blanc (position correcte), car ce n'est pas une conjonction de coordination. Le n 4 (mais) doit être sélectionné en vert (position correcte) puisque c'est une conjonction. La navigation peut se faire grâce aux marque-pages. Ils peuvent être crées sur les pages rectos, en cliquant sur le bouton "marque-pages" en haut à droite du livre. 5- Marque-pages Ils ne sont pas liés aux pages, ils ne bougent pas si l'on insère ou si l'on supprime une page, il est donc préférable de les créer à la fin du projet. On peut déterminer : 1. La couleur 2. La taille 3. La distance du haut du livre 4. Le nom du marque-page 4/4 Bruno Guillard, AML-TICE Châteauroux 1 et 2 déc 2007

9 Utiliser Didapages Quelques fonctions complémentaires La zone réactive Le bouton multiposition Le bouton multifonction Groupe tice 85 Quelques fonctions complémentaires

10 Utiliser Didapages La zone réactive Cet outil permet de faire apparaître ou disparaître un objet par un simple «survol» ou «clic» d un autre objet. Vous le trouverez dans le menu déroulant. Un cadre apparaît alors comme un objet transparent. Groupe tice 85 Quelques fonctions complémentaires

11 Utiliser Didapages Grille de mise en page Options de couleur de la zone Zone de paramétrage si l apparition doit s effectuer par un survol Exemple Zone de paramétrage si l apparition doit s effectuer par un «clic» Dans cet exemple, la bouteille de lait apparaîtra suite à un survol sur le saladier. Sélectionnez l objet Zone réactive. Cliquez sur la clé. Les paramètres possibles apparaissent. Laissez les critères de couleurs par défaut ainsi votre zone restera transparente. Dans la zone «Visibilités liés au survol», saisissez «+2» (le numéro 2 correspondant à l objet image 2 de la bouteille de lait. Remarques -si vous voulez faire apparaître plusieurs objets, saisissez leur numéro, précédé du signe +, en les séparant par des virgules; -si vous voulez au contraire faire disparaître un objet, remplacez les «+» par des «-»; -vous pouvez aussi effectuer les deux actions simultanément sur plusieurs objets. Groupe tice 85 Quelques fonctions complémentaires

12 Utiliser Didapages Le bouton multiposition Cet outil permet de faire apparaître un bouton pouvant changer de couleurs Un cadre apparaît alors comme un objet transparent. Grille de mise en page Couleur de départ du bouton Couleur après le 1er clic Couleur après le 2ème clic Les paramètres de cette zone, associer à un bouton de validation, d afficher des messages, des objets (en utilisant le principe du «+») ou encore des scores. Couleur après le 3ème clic Remarque : - en cliquant une 4ème fois vous retrouvez la position 1 (pour l exemple : le bouton gris) Groupe tice 85 Quelques fonctions complémentaires

13 Utiliser Didapages Le bouton multifonction Cet outil permet de faire apparaître un bouton pouvant changer de couleurs Grille de mise en page Pour imprimer une ou plusieurs pages (il suffit de séparer les numéros de pages par une virgule) Vous pouvez nommer le bouton (ex : IMPRIMER) Remettre à zéro une ou des pages (il suffit de séparer les numéros de pages par une virgule). Faire un lien sur une adresse internet Couleur après le 1er clic Groupe tice 85 Quelques fonctions complémentaires

14 Utiliser Didapages Créer un CD-Rom Didapages qui démarre automatiquement Générer le projet Didapages Lecteur Didapages exécutable Création du fichier de démarrage Gravure du projet sur CD-Rom Groupe tice 85 1 Créer un CD-Rom Didapages

15 Utiliser Didapages Générer le projet Didapages Vous avez créer un projet didapages. Il vous faut ensuite le générer en suivant la procédure. Notez bien où vous l avez enregistré. Il s agit d un dossier qui porte le nom de votre projet et qui contient : L ensemble des sons utilisés L ensemble des images utilisés Le fichier data.xml Le fichier lecteur.swf Le fichier index.html Lecteur Didapages exécutable Par défaut votre projet didapages s'ouvre dans un navigateur Internet lorsque vous cliquez sur index.html. Afin que votre projet s'ouvre en plein écran il faut copier dans ce même dossier le fichier lecteur.exe.(qui permet de lire les livres didapages) Celui-ci remplace les fonctions des fichiers index.html et lecteur.swf lesquels peuvent être supprimés. Pour lire votre projet cliquer sur lecteur.exe : il s'ouvre désormais en pleine écran. Groupe tice 85 2 Créer un CD-Rom Didapages

16 Utiliser Didapages Création du fichier de démarrage Pour que le CD-Rom démarre automatiquement, il faut créer un fichier nommé Autorun.inf qui indique quella application ouvrir. 1 Ouvrez le bloc-notes de Windows : Démarrer Tous les programmes Accessoires Bloc-notes 2 Saisissez le texte suivant : [autorun] OPEN=lecteur.exe 3 Enregistrer le fichier dans votre projet Didapages (avec le fichier lecteur.exe) et nommez-le Autorun.inf Groupe tice 85 3 Créer un CD-Rom Didapages

17 Utiliser Didapages Gravure du projet sur CD-Rom 1 Lancer votre logiciel de gravure et choisissez CD de Données. 2 Ajouter tous les fichiers de votre projet didapages. Ceux-ci doivent être à la racine du CD-Rom. Ne prenez pas le dossier lui-même. 3 Gravez le CD-Rom. Celui-ci doit normlement démarrer automatiquement lorsqu'il ser insérer. Sinon, il faudra cliquer sur lecteur.exe Groupe tice 85 4 Créer un CD-Rom Didapages

18 Didapages Comment Faire? Préalable : Démarrer un projet Quelques incompatibilités se sont révélées entre l utilisation des dernières versions d Acrobat Reader et didapages notamment lors de l utilisation du module d importation des images de la version 1.0 de didapages. Pour le faire fonctionner correctement, il peut s avérer nécessaire de désinstaller acrobat reader le temps de son utilisation. Le mieux est d utiliser la version 1.1 qui ne pose pas de problème Téléchargement du logiciel : L adresse du blog de diffusion de Didapages est la suivante : Télécharger ensuite Didapages 1.1 sur votre ordinateur. Installer Didapages. (environ 30 S). Mise en œuvre Lancer didapages avec son icône : Indiquer la langue à utiliser (Français) et vous êtes sur le menu de démarrage : Cliquer sur [démarrer un nouveau projet] pour commencer votre Album Remplir les rubriques de la boite de dialogue pour décrire votre album Nom du dossier de l album Titre du livre affiché sur la couverture Titre du livre affiché sur la couverture Description facultative de l album Choisir le nombre de pages de votre album Choix des couleurs des différents éléments du livre électronique Options esthétiques Informatique Allier 21/06/2007 Didier Geoffroy

19 Didapages Comment Faire? Cliquer sur créer pour continuer La couverture de l album à compter apparaît : Avant de créer les pages il est fortement conseiller d importer les images, sons et films à utiliser. Cliquer avec le bouton [Menu Projet] Puis sur l option [Médias] Cliquer sur le bouton [image JPG] Dans la boite de dialogue ouverte choisir : le répertoire dans lequel se trouvent les images et sélectionner l image à importer (une image à la fois) Cliquer sur le bouton [Importer] L image apparaît dans la fenêtre d importation, Cliquer à nouveau sur le bouton [importer] pour importer définitivement l image Lorsque toutes les images et les sons sont importés vous pouvez retourner à la création de l album en cliquant sur [retour]. Informatique Allier 21/06/2007 Didier Geoffroy

20 Didapages Comment Faire? Mise en œuvre Insérer une zone de texte Pour imprimer l album Pour animer la rotation des pages Pour modifier la page de gauche Pour modifier la page de droite Pour ajouter un marque page à droite Cliquer sur le bouton [Editer] de la page dans laquelle on veut insérer le texte : Une boite de dialogue sur la page opposée Dans la zone «Eléments» cliquer sur la première liste déroulante : Choisir l option «texte dans la liste» Une zone de texte apparaît en haut à gauche avec un numéro d ordre Pour déplacer la zone : Cliquer glisser le numéro d ordre de la zone Pour agrandir la zone cliquer sur l étoile placée en bas à droite de la zone Informatique Allier 21/06/2007 Didier Geoffroy

21 Didapages Comment Faire? Pour saisir le texte : Cliquer dans la zone. La barre d outils texte apparait puces retraits Gras Italique Souligné Caractères spéciaux Couleur de l écrit La police est fixe : Arial Saisir le texte dans la zone Pour changer la taille du texte : Sélectionner le texte puis choisir la taille dans la liste Si on clique sur la clef à molette : une nouvelle boite de dialogue s ouvre Elle permet de modifier : l opacité du texte sur d autres objets Les couleurs du fond de la zone et de la bordure L interactivité de la zone Pour terminer l édition cliquer sur le bouton [enregistrer] Informatique Allier 21/06/2007 Didier Geoffroy

22 Didapages Comment Faire? Mise en œuvre Insérer une zone image Pour imprimer l album Pour animer la rotation des pages Pour modifier la page de gauche Pour modifier la page de droite Pour ajouter un marque page à droite Cliquer sur le bouton [Editer] de la page dans laquelle on veut insérer le texte : Une boite de dialogue sur la page opposée Dans la zone «Eléments» cliquer sur la première liste déroulante : Choisir l option «image JPG» dans la liste Une zone image apparaît en haut à gauche avec un numéro d ordre Pour déplacer la zone : Cliquer glisser le numéro d ordre de la zone Pour agrandir la zone cliquer sur l étoile placée en bas à droite de la zone Informatique Allier 25/10/2007 Didier Geoffroy

23 Didapages Comment Faire? Pour insérer l image cliquer sur la clef à molette placée à côté du numéro d ordre de la zone : Une boite de dialogue s ouvre Dans la liste Fichier choisir l image à insérer Attention! les images doivent avoir été importées dans le menu : «menu projet / médias» L image apparaît lorsqu on valide les options de la boite de dialogue en cliquant sur le bouton : [OK] Pour terminer l édition cliquer sur le bouton [enregistrer] Informatique Allier 25/10/2007 Didier Geoffroy

24 Didapages Comment Faire? Mise en œuvre Insérer un son dans didapages Pour imprimer l album Pour animer la rotation des pages Pour modifier la page de gauche Pour modifier la page de droite Pour ajouter un marque page à droite Cliquer sur le bouton [Editer] de la page dans laquelle on veut insérer le son : Une boite de dialogue sur la page opposée Dans la zone «Eléments» cliquer sur la première liste déroulante : Choisir l option «son MP3» dans la liste Une zone son apparaît en haut à gauche avec un numéro d ordre Pour déplacer la zone : Cliquer glisser le numéro d ordre de la zone Pour agrandir la zone cliquer sur l étoile placée en bas à droite de la zone Informatique Allier 25/10/2007 Didier Geoffroy

25 Didapages Comment Faire? Pour insérer le son cliquer sur la clef à molette placée à côté du numéro d ordre de la zone : Une boite de dialogue s ouvre Dans la liste Fichier choisir le fichier son à insérer Attention! les fichiers son doivent avoir été importés dans le menu : «menu projet / médias» La barre de commande son apparaît lorsqu on valide les options de la boite de dialogue en cliquant sur le bouton : [OK] Lire le son Revenir au début Enregistrer la position d un objet pour une animation temporisée par la bande son Supprimer un point d enregistrement de position Pour terminer l édition cliquer sur le bouton [enregistrer] Informatique Allier 25/10/2007 Didier Geoffroy

26 Créer un exercice avec Didapages Utilisation de Didapages Créer un exercice Préparation de l exercice Edition de la page Les paramétrages des boutons de sélection, de message et de validation Groupe tice 85 Créer un exercice avec Didapages

27 Créer un exercice avec Didapages Préparation de l exercice Avant de commencer l édition de l exercice il faut au préalable penser à sa structure. La question Les réponses Le bouton de validation de la réponse Eventuellement une image, un son... Les 3 messages en fonction des réponses choisies. Groupe tice 85 Créer un exercice avec Didapages

28 Créer un exercice avec Didapages Edition de la page LES OBJETS TEXTE OBJET 3 OBJET 8 OBJET 9 OBJET 10 LES OBJETS VALIDER OBJET 12 LES OBJETS IMAGE OBJET 2 LES OBJETS BOUTON DE SELECTION OBJET 5 OBJET 6 OBJET 7 LES OBJETS MESSAGE OBJET 13 Groupe tice 85 Créer un exercice avec Didapages

29 Créer un exercice avec Didapages Les paramétrages des boutons de sélection, de message et de validation Vous positionnez vos messages correspondant à chaque réponse. Dans ce type d exercice les fonctions «Sélectionné» et «Déselectionné» importent peu. Il en est de même en ce qui concerne les points, les malus et les bonus. Ces fonctionnalités sont utilisés lorsque l on veut attribuer des scores aux réponses. Groupe tice 85 Créer un exercice avec Didapages

30 Créer un exercice avec Didapages Dans cette fenêtre apparaîtront les messages. Nommer le bouton Vous pouvez donner un nombre de tentatives Pour faire apparaître les messages cochez les deux dernières cases. 13 correspondant à l objet 13 «+» fait apparaître l objet «-» fait disparaître l objet Groupe tice 85 Créer un exercice avec Didapages

31 Didapages Livres numériques Didapages est un logiciel simple et puissant qui permet très simplement : - de créer des livres multimédias et interactifs, avec texte, image, son et vidéo ; - de créer et proposer suivant le même principe des exercices en direction des élèves. Ces livres peuvent être ensuite visualisés en local sur un ordinateur, mis en ligne sur un site Web ou gravés sur un CD-Rom lisible par tout ordinateur sans logiciel particulier. Les fonctionnalités de Didapages sont très nombreuses. Dans ce tutoriel ne sont décrites que les fonctions de base pour créer un livre multimédia et interactif (insertion de textes, d images, de sons, de vidéos). Pour les autres fonctionnalités (affichage d éléments au clic, au survol, liens, création d exercices, zone de dessin, ), se reporter aux tutoriels proposés ici : Les formats multimédias supportés sont jpg pour les images, mp3 pour les fichiers audio, flv pour les fichiers vidéos et swf pour les animations. Limites du logiciel : * 50 éléments maximum par page * 50 pages maximum par livre * une seule police de caractère disponible (Arial) * impossible de faire pivoter les éléments Pour pouvoir visualiser un livre numérique conçu avec Didapages, il est nécessaire que le plugin Adobe Flash Player soit installé sur votre ordinateur. Si tel n est pas le cas, le plugin est téléchargeable gratuitement ici : Sommaire : Télécharger et installer Didapages... page 2 Préparer les éléments multimédias... page 3 Réduire la taille des images... page 3 Convertir un fichier audio au format mp3... page 4 Convertir un fichier vidéo au format flv... page 6 Créer un livre (insertion des éléments, disposition, page-type, marque-pages )... page 8 Imprimer le livre... page 10 Générer le livre... page 11 Reprendre le travail effectué sur un livre... page 11 Mettre en ligne un livre numérique sur un site d école... page 12 Visionner le livre... page 14 Créer un CD-Rom... page 14 DIDAFUSION : fusionner plusieurs livres numériques... page 15

32 Didapages Télécharger et installer Didapages Enregistrer le fichier Didapages-1-2.zip sur le bureau de votre ordinateur par exemple. Double-cliquer ensuite sur le fichier Didapages-1-2.zip, puis sur, puis Remarque : un raccourci a été placé sur le Bureau de votre ordinateur :. Le fichier téléchargé, Didapages-1-2.zip, peut alors être supprimé. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 2/16

33 Didapages Préparer les éléments multimédias Réduire la taille des images avec le logiciel PHOTOFILTRE Pour télécharger le logiciel : ou Commencer par créer un nouveau dossier dans lequel on enregistrera les photos réduites (afin de ne pas perdre les photos originales). Par exemple, cliquer-droit sur un endroit «vide» du Bureau, puis «Nouveau/Dossier». Un nouveau dossier est créé. Son nom est en surbrillance : Saisir un autre nom (ex : Photos réduites) puis touche Entrée au clavier : Lancer Photofiltre. Choisir le menu «Outils» puis «Automatisation» : En cliquant sur le bouton, choisir le dossier contenant les photos à réduire. 2 En cliquant sur le bouton 2, choisir le nouveau dossier que vous venez de créer dans lequel seront enregistrées les photos réduites. 3 Cliquer alors sur l onglet «Image». Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 3/16

34 Didapages 4 Cocher «Taille de l image». Cliquer ensuite sur l onglet «Action» : Cliquer sur «Ok» et patienter A la fin, cliquer sur «Fermer». Convertir un fichier audio au format mp3 avec FormatFactory Pour télécharger le logiciel de conversion FormatFactory : Installer le logiciel (lors de l installation, penser à décocher la case qui vous propose «Ajouter la Toolbar Softonic»). Lancer Format Factory. Dans la zone «Audio», choisir «Tout type vers mp3» : Tout en bas, cliquer sur «Ajouter un dossier» : Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 4/16

35 Didapages Puis, sur le Bureau par exemple, cliquer sur «Créer un nouveau dossier». Un dossier apparaît avec «Nouveau dossier» en surbrillance : Saisir le nom du dossier (fichier mp3) par exemple : Cliquer alors sur le dossier créé pour le sélectionner, puis sur «OK» : Cliquer sur «Ajouter un fichier» : Rechercher et sélectionner le fichier audio à convertir, puis sur «OK» : De retour dans la fenêtre principale, cliquer sur «Démarrer» : La conversion débute et est achevée quand dans «Etat de la conversion» s affiche «Complet» : Votre fichier converti se trouve alors dans le dossier «fichier mp3» sur le bureau. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 5/16

36 Didapages Conversion du fichier Vidéo au format FLV (FormatFactory) Pour télécharger le logiciel de conversion FormatFactory : Installer le logiciel (lors de l installation, penser à décocher la case qui vous propose «Ajouter la Toolbar Softonic»). Lancer Format Factory. Dans la zone «Vidéo», choisir «Tout type vers FLV» En bas de la page, cliquer sur «Ajouter dossier» : un Puis, sur le Bureau par exemple, cliquer sur «Créer un nouveau dossier». Un dossier apparaît avec «Nouveau dossier» en surbrillance : Saisir le nom du dossier (fichier mp3) par exemple : Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 6/16

37 Didapages Cliquer alors sur le dossier créé pour le sélectionner, puis sur «OK» : Cliquer sur «Ajouter un fichier» : Rechercher et sélectionner le fichier vidéo à convertir, puis cliquer sur «OK» : De retour dans la fenêtre principale, cliquer sur «Démarrer» : La conversion débute et est achevée quand dans «Etat de la conversion» s affiche «Complet». Votre vidéo convertie se trouve dans le dossier VideoFLV sur le bureau. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 7/16

38 Didapages Créer un livre contenant du texte, des images, des sons, des vidéos Lancer Didapages et cliquer sur «Démarrer un nouveau projet» : Renseigner les différents champs, modifier les paramètres. A la fin, cliquer sur En haut à gauche, cliquer sur, puis sur : Cliquer sur le média à importer Choisir le fichier sur l ordinateur, puis cliquer sur Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 8/16

39 Didapages Cliquer sur la couverture pour «entrer» dans le livre. Pour passer d une page à l autre, il faudra cliquer sur les coins inférieurs des pages. Pour insérer du texte, une image, un son, une vidéo, cliquer sur en haut de la page. Vous pouvez éditer jusqu à 50 objets par page. Cliquer sur JPG) :, et choisir le type d objet (exemple : image Un cadre apparaît sur la page. Pour choisir l image, cliquer sur sur le cadre de la page). (sur la barre d outils ou Choisir l image et cliquer sur OK : L image est alors toute petite sur la page : Pour redimensionner et déplacer l image : Pour redimensionner, utiliser l étoile en bas à droite de l image. Pour déplacer l image sur la page, cliquer sur le numéro de l objet en haut à gauche. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 9/16

40 Didapages Pour insérer du texte, Choisir «Texte» dans la liste des éléments. Un cadre apparaît alors sur la page. En cliquant dans ce cadre, un curseur apparaît. On peut alors saisir du texte et lui appliquer quelques éléments simples de mise en forme (mais la seule police disponible est Arial). Quand vous avez inséré tous vos éléments, cliquer alors sur Remarques : Le déplacement des objets (éléments) s effectue lors de l édition en cliquant sur le n en haut à gauche L insertion de fichiers audio ou vidéo s effectue sur le même principe. Pour passer à la page suivante (ou précédente) cliquer sur le numéro des pages dans les coins inférieurs des pages. Vous pouvez créer une page-type en cliquant sur. Ensuite, pour utiliser le modèle créé, cliquer sur le puis Page-type : Vous pouvez insérer des marque-pages dans votre livre. Pour cela, se placer sur la page sur laquelle doit figurer le marque-pages, puis cliquer en haut sur Marque-page Imprimer le livre Pour imprimer le livre, enregistrer vos pages et cliquer en haut à gauche sur mais pas la couverture). (les pages seront imprimées, Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 10/16

41 Didapages Générer le livre Lorsque votre livre est terminé, cliquer sur en haut à droite, puis : Cliquer sur le Bureau puis sur «OK» Un dossier portant le nom du projet a été créé sur le Bureau. Une fois votre projet Didapages généré, vous pouvez visionner le livre numérique en cliquant sur le fichier index.html qui se trouve dans le dossier où a été généré le projet. Le livre est alors visionné à l aide de votre navigateur internet. Reprendre le travail effectué sur un livre Au lancement de Didapages, cliquer sur, puis choisir le projet dans la liste et cliquer sur ouvrir. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 11/16

42 Didapages Mettre en ligne le livre numérique sur un site d école Un plugin spécifique est installé sur votre site d école qui permet d insérer facilement des projets créés avec le logiciel Didapages. Compresser les fichiers : Se placer dans le dossier dans lequel vient d être généré le livre. Sélectionner tous les fichiers (CTRL + A). Faire un clic-droit sur cette sélection, puis «Envoyer vers» / «Dossier compressé» Renommer éventuellement ce dossier et le déplacer (l enlever du dossier qui contient tous les fichiers) : Envoyer les fichiers sur votre site : 1 ère solution, si votre dossier compressé fait moins de 2 MO : RV sur le site de votre école. Dans l espace privé, cliquer sur le bouton «Edition» puis «projets didapages» : Cliquer sur «Parcourir» pour rechercher votre dossier compressé, lui donner un nom, et cliquer sur «Importer». Votre projet apparaît dans la liste : Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 12/16

43 Didapages 2ème solution, si le dossier compressé est supérieur à 2 MO : faire appel à l animateur informatique de votre circonscription, ou lancer le logiciel Filezilla et se connecter à l accès Ftp de l école. Sur la partie droite de l écran, double-cliquer sur «IMG» : Puis double-cliquer sur «didapages» : Dans la partie gauche de l écran, rechercher le dossier qui contient le projet Didapages sur votre ordinateur, puis clicdroit sur le dossier et «Envoyer». Création d un article qui contient le livre. Cliquer sur. Dans le corps de l article, saisir : didapages@nomduprojet@ Dans notre exemple, cela donnerait : didapages@oiseaux@ Penser à publier l article!!! Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 13/16

44 Didapages Visionner le livre Une fois votre projet Didapages généré, vous pouvez visionner le livre numérique en cliquant sur le fichier index.html qui se trouve dans le dossier où a été généré le projet. Le livre est alors visionné à l aide de votre navigateur internet. Créer un CD ROM Pour que votre projet puisque être lu à partir d un CD ROM, il convient d ajouter à ces fichiers le fichier lecteur.exe. Celui-ci est téléchargeable sur Copie du fichier lecteur.exe et suppression des fichiers index.html et lecteur.swf Copier le fichier lecteur.exe dans votre dossier. Vous pouvez alors supprimer les fichiers index.html et lecteur.swf. 2 Création d un fichier de démarrage Pour que le CD ROM démarre automatiquement, vous devez créer un fichier de démarrage. Ouvrir le bloc-notes de Windows : Menu Démarrer / Programmes / Accessoires / Blocnotes et saisir le texte suivant (en respectant scrupuleusement les caractères, espaces, ) : [autorun] OPEN=lecteur.exe Enregistrer ce fichier dans le dossier du projet didapages sous le nom Autorun.inf. Le contenu de votre dossier est maintenant le suivant : 3 Gravure du projet sur CD ROM Sur un CD vierge, graver tout le contenu de votre dossier contenant le projet à la racine du CD-Rom (ne pas prendre le dossier lui-même). Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 14/16

45 Didapages DIDAFUSION : fusionner plusieurs livres numériques DidaFusion est un outil permettant de fusionner le contenu de plusieurs livres réalisés avec Didapages. De ce fait, on peut se permettre de faire travailler plusieurs élèves en même temps sur différents ordinateurs. Attention : les noms des médias utilisés dans les livres à fusionner ne devront pas comporter de caractères accentués! 1 - Téléchargement Télécharger le logiciel Didafusion en cliquant sur ce lien Enregistrer le dans C:\Program Files \Didapages. 2 - Création du fichier «fusion.txt» Ouvrir le bloc-notes de Windows : Menu Démarrer / Programmes / Accessoires / Bloc-notes Ecrire les lignes en respectant la syntaxe suivante : <nom du dossier Didapage>VIRGULE(ESPACE)<numéro de page> ENTRER Exemple pour fusionner les pages 1,2 et 3 du livre nommé didasand, les pages 1, 2 et 3 du livre nommé livre1 et les pages 1, 2 et 3 du livre nommé livre2 : Enregistrer ce fichier (Fichier/Enregistrer sous), dans C:\Program Files\Didapages en le nommant «fusion.txt». Remarque : dans C:\Program Files \Didapages, on trouve les dossiers crées par les différents projets des élèves, le fichier DiDafusion.exe et le fichier fusion.txt 3 Invite de commandes Cliquer sur «Démarrer» - «Tous les programmes» - «Accessoires» - «Invite de commande». Une fenêtre s ouvre : On peut lire sur la dernière ligne : C:\Users\mai Toulon 1 > Ecrire CD.. puis touche «Entrer» Le faire autant de fois que nécessaire pour que la dernière ligne affiche : C:\>_ Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 15/16

46 Didapages Maintenant écrire : C:\cd Program Files puis touche «Entrer» La fenêtre affiche : C:\Program Files> Maintenant écrire : C:\Program Files>cd Didapages puis touche «Entrer» La fenêtre affiche : C:\Program Files\Didapages> Ecrire : Dir On obtient la liste des dossiers et fichiers présents dans C:\Program Files\Didapages> Vérifier que la liste comporte bien les différents dossiers des projets, le fichier «DidaFusion.exe» et le fichier «fusion.txt». Imaginons que l on veuille que le nouveau livre (fusion des autres) s appelle «fuze». Ecrire : DidaFusion.exe fusion.txt fuze Puis «Entrer» Chaque commande sera séparée par un espace : DidaFusion.exe(ESPACE)fusion.txt(ESPACE)fuze Un nouveau dossier est créé appelé «fuze» 4 Générer le nouveau livre Lancer Didapages. Dans «Poursuivre un projet existant», vous trouverez un dossier nommé «fuze». Générer ce nouveau projet. Le livre fusionné est créé. Annabelle Dewever M.A.I. Circonscription de Fréjus/Saint-Raphaël Novembre 2011 Page 16/16