un exemple : «Notre travail sur la préhistoire»

Transcription

1 Créer un livre numérique (interactif) avec Didapages un exemple : «Notre travail sur la préhistoire» Stage Préhistoire de la circonscription du Val de Siagne 15 et 22 octobre 2012 Intervention TICE Jean-michel BARONE MAI de la circonscription jean-michel.barone@ac-nice.fr Jean-michel BARONE page 1 / 14 21/10/12 : 12:09:35

2 Ce pas à pas présente en 2 étapes: la création d'un livre de 4 pages représentant une présentation possible grâce à un livre numérique d'un travail sur la préhistoire ; et la gestion des pages type (avec la création d'une page avec croquis lecteur) Didapages : est un logiciel gratuit, dans le cadre d'une utilisation non commerciale, qui permet de réaliser des livres numériques animés et pouvant être interactifs (maximum 50 pages). Ils peuvent intégrer du son, des images, des vidéos, des animations et encore quelques autres éléments forts intéressants. Votre projet sera lisible par tout navigateur internet. Ce programme peut être téléchargé à partir de l'adresse suivante : Attention concernant les différents types de multimédias pouvant être importés, ils doivent être sous certains formats: * Images : Seules les images au format JPG non progressif peuvent être importées. Si vous importez une image JPG et que celle-ci ne s'affiche pas, c'est sans doute qu'il s'agit d'un JPG progressif. Logiciels pouvant être utilisés pour traiter vos images en amont : PhotoFiltre, Ifranview * Sons : Vos sons et musiques doivent être au format MP3. Logiciel pouvant être utilisé pour traiter ou enregistrer vos sons en amont: Audacity avec le module «lame_encoder» * Textes : On ne peut pas insérer des fichiers texte en tant que tels. Par contre on peut préparer des textes (avec le bloc notes, note pad,... par exemple). Grâce à la fonction copier/coller, on intègre alors ces documents. Logiciels pouvant être utilisés : Bloc notes, Notepad * Vidéos : Seuls les fichiers FLV sont utilisables. AVI, MPEG, et autres MOV devront être convertis. De plus, contrairement aux autres médias importables, une même vidéo ne peut être utilisée qu'une seule fois dans le livre. Si vous placez plusieurs fois la même vidéo, une seule occurrence de la vidéo fonctionnera. Logiciels pouvant être utilisés : SUPER, RIVA * Animations : Les animations SWF (flash) s'intègrent parfaitement dans Didapages. Une barre de contrôle peut être ajoutée en configurant l'élément, pour les animations simples sans boutons de contrôle. Remarque : Ne nommer jamais vos fichiers avec des accents, des trémas, des traits d union. Jean-michel BARONE page 2 / 14 21/10/12 : 12:09:35

3 Etape 1 : création d'un livre de 4 pages composé : d'une couverture d'une page de garde (textes) d'une page compte rendu de visite (textes, image, son) d'une page de réalisation et légende d'un croquis (texte, images et croquis auteur) L'animation du croquis Génération du livre numérique Jean-michel BARONE page 3 / 14 21/10/12 : 12:09:35

4 A) Création d'un livre : 1) Ouvrir le programme Didapages soit via l'icône sur le bureau soit par démarrer tous les programmes, didapages 2) Dans la fenêtre qui s'ouvre, choisir de démarrer un nouveau projet 3) Nommer votre projet (= nom du dossier qui contiendra tout votre «livre numérique» attention pas d'accent ou trait d'union) ici «prehistoire» Renseigner le titre du livre «Notre travail sur la préhistoire» et le nom de(s) (l') auteur(s) Créer votre livre Il apparaît alors dans la fenêtre Jean-michel BARONE page 4 / 14 21/10/12 : 12:09:35

5 B) Création de la page de garde (création d'éléments textes) La page de garde va être composée de 2 éléments : des textes. 1) Cliquer sur la couverture pour ouvrir le livre. 2) Dans la fenêtre, est apparue la 2 de couverture et la 1 page. Cliquer sur éditer Cela va permettre de placer les éléments et de les paramétrer. 3) Créer un 1 élément texte Cliquer sur le contenu du 1 élément Sélectionner texte En haut à gauche, apparaît l'élément avec son numéro. Pour le déplacer, cliquer sur le numéro et faire glisser Pour le redimensionner, se servir l'étoile. de Dans le cadre, taper le texte suivant : «Notre travail sur la préhistoire» et le mettre en forme à votre discrétion 4) Faire de même avec un autre élément texte citant au moins les auteurs et la référence à l'expérience présentée. 5) Une fois la page finie, l'enregistrer (cf. edition de page) Jean-michel BARONE page 5 / 14 21/10/12 : 12:09:35

6 C) création de la page nos visites (création d'éléments textes, son et image) Cette page (celle de gauche) va comprendre 2 éléments textes, 1 élément son (visite) et 1 élément image (plan). 1) Cliquer sur 1 des 2 coins extérieurs de la page de garde. Une double page s'ouvre avec au dessus de chacune d'elles un bandeau permettant de gérer le projet, faire certaines actions, gérer la page de gauche, gérer celle de droite, créer des marque page, publier le projet, réduire à la barre de tâches et fermer l'application 2) Pour la suite du projet, il faut importer les 2 médias. Cliquer sur menu projet, Médias Jean-michel BARONE page 6 / 14 21/10/12 : 12:09:35

7 Importer l'image JPG«plan» qui est dans le répertoire du stage, le sous répertoire «image» Un aperçu apparaît. Importer alors le fichier. Poursuivre avec le son MP3 «visite» qui est dans le sous répertoire «sons» Conseil : pour un projet, importer tous les médias au départ même s'il est possible d'en rajouter au fur et à mesure 3) Editer la page (qui sera celle de gauche) (cf. Etape 1 B 2) 4) Créer les 2 éléments textes : ici le titre de la page et la présentation de la sortie (cf. Etape 1 B 3) 5) Insérer un élément son de la même manière que pour un texte mais en choisissant l'option son Sélectionner la clef (configurer) de l'élément Dans la nouvelle fenêtre sélectionner le fichier «visite» et valider 6) Insérer un élément image de la même manière que pour un texte mais en choisissant l'option image. Il s'agit du fichier plan. 7) Une fois la page finie l'enregistrer (cf. Etape 1 B 5) Jean-michel BARONE page 7 / 14 21/10/12 : 12:09:36

8 D) Création de la page ateliers (texte et zone de saisie) Cette page (celle de droite) va comprendre 3 éléments : 2 textes, 1 élément «zone de saisie» 1) Editer la page (de droite) et insérer les éléments suivants : les 2 textes : le titre et le descriptif de vos attentes 3) Insérer un élément Zone de saisie. (qui permettra au lecteur de faire part de ses représentations) 4) Une fois la page finie, l'enregistrer. Jean-michel BARONE page 8 / 14 21/10/12 : 12:09:36

9 E) Création d'1 page : dolmen de MAUVANS ( textes, image et croquis auteur ) Cliquer un des coins extérieurs de la page 3 pour faire apparaître les pages 4 et 5 qui sont vierges actuellement. La page 4 va contenir 2 textes, une image (dolmen_mauvans) et un croquis d'auteur 1) Comme précédemment, importer le média image ( cf. Etape 1 C 2) 2) Editer la page (de droite) et insérer les éléments suivants : 1. le texte titre 2. l'image 3. le texte de consigne 3) Insérer un élément croquis d'auteur. En se plaçant sur l'élément apparaissent les outils qui permettent de réaliser votre croquis. En cas d'erreur lors d'une action il suffit de revenir en arrière. 4) Une fois la page finie, l'enregistrer. Jean-michel BARONE page 9 / 14 21/10/12 : 12:09:37

10 F) Animer le croquis auteur 1) Editer la page 2) Pour animer un croquis, il faut sélectionner l'élément (soit directement sur la page soit sur l'édition de page). Le configurer (la clef) (cf. cf. Etape 1 C 5) et dans la fenêtre choisir d'animer le croquis Attention : les étapes du croquis s'animent dans l'ordre de sa création) 3) Une fois la page finie, l'enregistrer. G) Générer le livre final Une fois ce travail fini, pour générer votre livre numérique, 1) sélectionner cette fonction sur le bandeau 2) Après vérification des erreurs et correction 3) Laisser de côté le paramétrage et valider 4) sélectionner le répertoire où va se trouver le «livre» (ici le dossier du stage) 5) votre livre est généré. 6) Fermer l'application 7) Pour consulter le livre fini, aller sur le répertoire et double cliquer sur le fichier «Index» Jean-michel BARONE page 10 / 14 21/10/12 : 12:09:37

11 Etape 2 A partir du projet précédent, - Création de pages types Insertion de pages types Modifications de ces pages en vue d'interactions de la part de l'utilisateur (croquis lecteur) Le projet précédemment créé va être complété d'1page ayant une structure similaire à celle sur le dolmen mais sur laquelle le lecteur va pouvoir dessiner. A) Poursuivre un projet existant 1) Ouvrir le programme Didapages (Cf Etape 1, A 1) 2) Choisir de poursuivre un projet existant 3) Sélectionner le projet précédemment réalisé (i.e. prehistoire) 4) L'ouvrir Jean-michel BARONE page 11 / 14 21/10/12 : 12:09:37

12 B) Création de pages types 1) Feuilleter le livre jusqu'à la page 4 (celle sur le dolmen) 2) Editer la 3) Gérer les pages types 4) Enregistrer cette page comme page type sous le nom «dolmen» 5) Fermer la page Jean-michel BARONE page 12 / 14 21/10/12 : 12:09:37

13 C) Insertion de pages types 1) A partir du bandeau, insérer (+) à gauche une page type 2) Sélectionner le modèle «dolmen» et valider La nouvelle page a été créée et celle précédemment à gauche (et les suivantes) a été décalée d'une page (elle se trouve maintenant à droite) 3) En suivant ce type de procédure, insérer une page vierge à droite Jean-michel BARONE page 13 / 14 21/10/12 : 12:09:38

14 D) Modifications de la page en vue d'interactions de la part de l'utilisateur (croquis lecteur) La page «de réflexion» du lecteur a une structure voisine de celle d'origine. Elle a le même titre, l'image, une consigne voisine de la précédente et un croquis utilisateur à la place des croquis auteur. Pour obtenir ce résultat : 1) Editer la page 2) Modifier les éléments textes existants au niveau des contenus 3) Choisir un croquis Lecteur à la place d'un croquis auteur 4) Ne pas oublier d'enregistrer la page. Ne pas oublier d'enregistrer le projet et de générer le livre ainsi modifié Jean-michel BARONE page 14 / 14 21/10/12 : 12:09:35