CRÉER UN LIVRE INTERACTIF AVEC DIDAPAGES

Transcription

1 Didapages : pour quoi faire? Il permet de créer et de lire des livres interactifs. Il est : Interactif : les pages se tournent, on peut insérer différents médias Facile et gratuit Illimité : contenus variables à l infini Didapages : quel contenu? Textes Saisie directe ou utilisation de la fonction copier/coller Images JPG non progressif Sons MP3 Vidéos FLV uniquement (AVI, MPEG, MOV... doivent être convertis. Une même vidéo ne peut être utilisée qu'une seule fois dans le livre Animations SWF (flash) Ne nommer jamais vos fichiers avec des accents, des trémas, des traits d union. Exercice 1 : Démarrer un nouveau projet 1.Lancer Didapages1. 2.Démarrer un nouveau projet et définissez ses paramètres. 3.Cliquer sur créer auto-générer le livre. pour 4.Ouvrir le livre en cliquant sur la couverture, puis sur le coin ou sur les tranches pour tourner les pages. 1 Didapages est téléchargeable à l'adresse suivante : 1/10

2 Exercice 2 : Éditer une page de garde Sur la première page, nous allons intégrer un titre, du texte et une image 1. Se positionner sur la première page et cliquer sur Éditer pour la modifier. 2. Insérer une première zone de texte pour le titre, puis une autre pour la description du projet. Inscrire le texte en cliquant sur la zone. 3. Pour déplacer une zone, cliquer, maintenir cliqué et déplacer le numéro. Pour modifier la taille d'une zone, cliquer, maintenir cliqué et déplacer l'étoile. 4. Afin d'insérer une média, il faut au préalable l'importer dans la projet depuis le Menu Projet 2/10

3 5. Il suffit ensuite d'ajouter une zone image à la page et de choisir le bon fichier. 6. Enregistrer le livre (ne pas mettre de caractères spéciaux, d'accents ou d'espaces). Exercice 3 : Insérer du son Chaque média doit être importé avant d'être intégré à une page. 1.Dans Firefox, installer le module Embedded Objects2 qui permet de télécharger de nombreux médias 2.Télécharger un son au format mp33 depuis internet et l'intégrer à la nouvelle page. 3.A l'aide du logiciel Audacity, enregistrer un son et l'inclure dans la page. 2https://addons.mozilla.org/fr/firefox/addon/5258 3http:// 3/10

4 Exercice 4 : Insérer des vidéos 1.Dans Firefox, à l'aide du module Embedded Objects, télécharger plusieurs vidéos et les intégrer dans une nouvelle page de Didapages. Exemples de sites téléchargement direct: Exemples de sites avec Embedded objects: Seul le format flv est supporté. Si vos vidéos ne sont pas à ce format (avi, mpeg, mob...), il faut télécharger un logiciel vous permettant de les convertir. Vous pouvez utiliser le logiciel suivant : Free Video to Flash Converter4 2.Télécharger une vidéo à l'adresse suivante : La convertir en flv et l'intégrer à Didapages. 4http:// 4/10

5 Exercice 5 : Insérer des animations flash Les animations Flash ont une extension particulière :.swf. Nous allons donc chercher ce type de fichier sur internet. 1. Dans votre navigateur internet, se rendre sur le moteur de recherche Google. 2. A droite de la zone de saisie, sélectionner Recherche avancée. Saisir les expressions recherchées, puis en face de format choisir Shockwave Flash. 3. N'apparaissent alors que les animations flash correspondant à la recherche. 4. Télécharger une ou deux animations et les insérer dans Didapages. 5/10

6 Exercice 6 : aligner des objets Il est possible d'aligner plusieurs éléments sur une page. 1.Insérer 4 images et les aligner verticalement au centre et horizontalement en haut. Penser à ne pas laisser une partie de la zone image vide. Exercice 7 : Créer un modèle de pages Si vos pages doivent avoir toutes le même contenu, il est possible de créer un modèle de page. 1. Créer une nouvelle page qui vous servira de page de modèle. Y insérer les différentes zones souhaitées. 2. Dans l'édition de la page, cliquer sur Gestion des pages-types. Lui donner un nom et enregistrer. 3. Sur une nouvelle page, dans la barre du haut, cliquer sur le Puis choisir le modèle crée précédemment. La nouvelle page possède alors les mêmes attributs que la page de modèle. Si le nombre de pages identiques est limité, on peut également copier la page et la coller sur une nouvelle page vierge. 6/10

7 Exercice 8 : Créer un exercice Nous allons créer un exercice de type QCM sur l'identification du son [a] dans différents mots. 1. Sur une nouvelle page, créer ou importer les éléments suivants : Une zone de texte pour le titre 4 zones d'images et 4 zones de sons correspondantes 4 zones de texte correspondantes aux images 8 zones oui/non de textes pour 2. Insérer maintenant 8 cases à cocher. 3. Il faut maintenant paramétrer ces cases. N'oubliez pas d'indiquer les points en jeu pour chaque case. 4.Insérer maintenant un bouton validation et le score score. Il ne vous reste plus qu'à tester votre exerciseur. 7/10

8 Exercice 9 : Insérer une zone réactive La zone réactive permet de faire apparaître ou disparaître un objet par survol ou par clic. 1. Sur une nouvelle page, dans l'édition, insérer une zone réactive. 2. Insérer ensuite une image (qui apparaitra de suite) et un texte (qui apparaitra au survol). 3.Éditer la zone de survol et en face de l'option Visibilité au survol, indiquer + et le numéro de la zone. Placer la zone de survol au dessus de l'image. 4.Tester le résultat 8/10

9 Exercice 10 : Utiliser le bouton multifonction Le bouton multifonction permet d'imprimer une sélection de pages, de réinitialiser une page ou de créer un lien vers une page internet. 1. Insérer un bouton multifonction et lui attribuer un lien vers le site internet de votre choix. Exercice 11 : Générer le livre Une fois le livre terminé, il faut l'exporter. 1.Cliquer sur Générer le livre. Un rapport d'erreurs peut apparaître. 2.Cliquer sur suivant puis sélectionner le répertoire d'exportation. Le livre s'exporte alors. 3.Dans le répertoire, cliquer sur index.html pour ouvrir le livre. L'ensemble du dossier peut être placé sur internet pour une consultation en ligne. 9/10

10 Exercice 12 : Créer un CD-ROM auto-exécutable du projet 1. Faire une copie de votre dossier exporté 2. Sur internet, télécharger le lecteur flash intitulé : lecteur.exe5 ou lecteur9.exe, puis le copier dans le dossier généré de votre livre. 3. Supprimer les fichiers lecteur.swf et index.html Le projet s'ouvre maintenant en grand écran lorsqu'on clique sur lecteur9.exe Il faut maintenant crée un fichier de démarrage pour l'autoexécution du futur CD-ROM. 4.Dans le bloc-note de Windows, saisir les informations suivantes: 5.Enregistrer le fichier dans votre projet généré sous le nom : Autorun.inf Il ne vous reste plus qu'à graver votre projet sur CD-rom à l'aide d'un logiciel de gravure. 5http:// 10/10