DIDAPAGES : CREER UN LIVRE INTERACTIF SOBOLEWSKI Nathalie professeur documentaliste Septembre 2012 1
DIDAPAGES : CREER UN LIVRE INTERACTIF SOMMAIRE Introduction : ETAPE 1 : Créer un nouveau projet..p 4 ETAPE 2 : Créer une page.p 6 ETAPE 3 : Insérer une image (format JPG)..p 9 ETAPE 4 : Insérer du son (format MP3).p11 ETAPE 5 : Insérer une vidéo (format FLV) p 12 ETAPE 6 : Insérer une animation Flash (format SWF) p 13 ETAPE 7 : Insérer un bouton multifonction.p 14 ETAPE 8 : Créer un exercice..p 15 ETAPE 9 : Créer un marque page p 25 ETAPE 10 : Générer le livre.p 26 ETAPE 11 : Exporter le livre sous SPIP p 27 2
Quelques informations avant de commencer Didapages : où le trouver? Didapages est un logiciel gratuit sous sa forme «didapages 1.2» Il est téléchargeable à l adresse suivante : http://www.didasystem.com/index.php?page=licence-dida1 Il peut être installé sur n importe quel poste et ne demande pas de connexion Internet pour être créé, ni pour être lu par les élèves. Il existe une seconde forme, mais celle-ci est en ligne et payante. Didapages : pour quoi faire? Il permet de créer et de lire des livres interactifs (les pages du livre se tournent, on peut insérer des médias comme des images, des vidéos, des sons). Didapages : les formats acceptés? - Du texte : saisie directe sur didapages ou utilisation de la fonction Copier/Coller à partir de textes déjà écrits. - Des images : JPG uniquement Les images sont redimensionnées à la bonne taille (moins de 600 pixels généralement) - Des vidéos : FLV uniquement. Il faut donc convertir les fichiers vidéos en AVI, MPEG, MOV. (Enregistrer votre vidéo directement en FLV, ou convertir votre vidéo en ligne avec médiaconvert par exemple). Attention : Une même vidéo ne peut être utilisée plusieurs fois dans votre «e-livre»! - Des sons : MP3 Limites : 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 Interactivité limitée entre 2 pages 3
DEMARRER UN NOUVEAU PROJET AVEC DIDAPAGES 1. Lancer le logiciel Didapages ETAPE 1 : créer un nouveau projet 2. Le logiciel s ouvre : une fenêtre apparait Cliquer sur NON 3. Démarrer un nouveau projet 4
4. Définissez les paramètres de votre livre (nom du projet, titre du livre, auteur, description, nombre de pages, couleurs de fond, couverture etc ) 5. Cliquer sur créer/ok pour générer le livre. Je peux toujours revenir à la page d accueil pour modifier les paramètres du livre Menu projet / Paramètres, 6. Ouvrir le livre en cliquant sur la couverture ou sur le coin du livre. 5
ETAPE 2 : Créer une page Le but : créer une page avec du texte 1. Se positionner sur la page 2. Cliquer sur Editer pour insérer ou modifier son contenu - La page apparaît en mode «Edition» (une grille apparaît sur la page). - Une boîte de dialogue intitulée «Edition de la page» apparaît. 6
Liste et nature des éléments que l on peut ajouter dans une page : Zone de texte, croquis auteur (modifiable en mode édition), croquis lecteur (modifiable en mode lecteur), zone de saisie, image JPG, son MP3, animation flash SWF, vidéo FLV, animation, zone réactive, bouton multifonction, bouton de sélection, case à cocher, liste, ligne de saisie, bouton multi-position, zone cible, bouton valider, zones messages et scores. Paramètres de l élément Couper Coller Supprimer Copier 3. Dans la zone : insérer une zone de texte 7
4. Sur la page s affiche un cadre texte vierge qui peut être déplacé. 5. Ecrire un texte dans votre zone de texte 6. Pour déplacer une zone de texte, cliquer sur le numéro, maintenir le clic et déplacer la zone 7. Pour modifier la taille de la zone, cliquer sur l étoile et étirer le cadre 8
ETAPE 3 : Insérer une image (format JPG) Le but : insérer une image dans une page - Avant d insérer une image il faut l importer dans didapages : 1. Cliquer sur le menu Médias 2. La fenêtre «import/suppression de médias» s ouvre 3. Cliquer sur «image JPG» et sélectionner l image que vous voulez importer 4. Le nom de l image apparait 9
5. Cliquer sur importer - Une fois l image importée, il faut la placer dans votre page : 1. Cliquer sur Editer pour insérer une zone 2. Dans la zone 2 : insérer une zone d image 3. Sur la page s affiche un cadre image qui peut être déplacé. 4. Pour insérer l image, cliquer sur la clé qui est à gauche du cadre 5. Choisir l image à insérer (uniquement celles déjà importées dans didapages) 10
ETAPE 4 : Insérer du son (format MP3) Le but : insérer du son dans une page - Avant d insérer du il faut l importer dans didapages : 1. Cliquer sur le menu Médias (idem étape 3) 2. La fenêtre «import/suppression de médias» s ouvre 3. Cliquer sur «son MP3» et sélectionner le son que vous voulez importer 4. Le nom du fichier son apparait 5. Cliquer sur importer - Une fois le son importé, il faut le placer dans votre page : 1. Cliquer sur Editer pour insérer une zone 2. Dans la zone : insérer une zone «son MP3» 3. Sur la page s affiche un cadre son qui peut être déplacé. 4. Pour insérer le fichier son, cliquer sur la clé qui est à gauche du cadre 5. Choisir le fichier à insérer (uniquement ceux déjà importés dans didapages) 11
ETAPE 5 : Insérer une vidéo (format FLV) Le but : insérer une vidéo dans une page - Avant d insérer une vidéo il faut l importer dans didapages : 1. Cliquer sur le menu Médias (idem étape 3) 2. La fenêtre «import/suppression de médias» s ouvre 3. Cliquer sur «Vidéo FLV» et sélectionner l image que vous voulez importer 4. Le nom de la vidéo apparait 5. Cliquer sur importer - Une fois la vidéo importée, il faut la placer dans votre page : 1. Cliquer sur Editer pour insérer une zone 2. Dans la zone : insérer une zone de vidéo 3. Sur la page s affiche un cadre vidéo qui peut être déplacé. 4. Pour insérer la vidéo, cliquer sur la clé qui est à gauche du cadre 5. Choisir la vidéo à insérer (uniquement celles déjà importées dans didapages) 12
ETAPE 6 : Insérer une animation Flash (format SWF) Le but : insérer une animation dans une page - Avant d insérer une animation il faut l importer dans didapages : 1. Cliquer sur le menu Médias 2. La fenêtre «import/suppression de médias» s ouvre 3. Cliquer sur «animation» et sélectionner l image que vous voulez importer 4. Le nom de l animation apparait 5. Cliquer sur importer - Une fois l animation importée, il faut la placer dans votre page : 1. Cliquer sur Editer pour insérer une zone 2. Dans la zone : insérer une zone d animation 3. Sur la page s affiche un cadre animation qui peut être déplacé. 4. Pour insérer l animation, cliquer sur la clé qui est à gauche du cadre 5. Choisir l animation à insérer (uniquement celles déjà importées dans didapages) 13
ETAPE 7 : insérer un bouton multifonction Ce bouton multifonction permet : - d insérer une zone qui permet d imprimer une page - d insérer une zone qui permet d ouvrir un lien internet 1. Dans la zone : bouton multifonction 2. Placer cette zone dans la page 3. A partir de l icône de la clé choisir la fonction de ce bouton (imprimer ou lien Internet) 14
- Des QCM ETAPE 8 : Créer un exercice Avec didapages on peut créer différents types d exercices interactifs, comme par exemple : - Associations d éléments - Questions ouvertes avec élément «ligne de saisie» - Liste déroulante 15
QCM Le but : créer un exercice où sont associés image, son et texte Sur une page créer et / ou importer les éléments suivants : - Une zone texte pour le titre de l exercice (créer) - Une zone texte pour la consigne de l exercice (créer) - 4 zones images (créer puis importer les images) - 4 zones textes (créer) variante: 4 zones sons (créer puis importer les sons) - 8 zones de texte pour les «oui/non» Disposer ces zones de cette façon : Zone pour le titre Zone pour la consigne Zone pour L image Zone pour le OUI Zone pour le son ou le texte Zone pour Zone pour le OUI L image Zone pour le son ou le texte Zone pour L image Zone pour le OUI Zone pour le NON Zone pour le son ou le texte Zone pour 1. L image Zone pour le OUI Zone pour le NON Zone pour le son ou le texte 16
2. Insérer maintenant des images 3. cases à cocher pour que l élève choisisse entre OUI ou NON : - Insérer dans 8 zones «case à cocher» - Paramétrer ensuite ces cases pour déterminer les réponses justes et indiquer le nombre de points par réponse juste Zone pour la consigne Zone pour L image Zone pour le OUI Zone pour le NON Zone pour le son ou le texte 17
4. Insérer une zone Validation 5. Insérer une zone Score 18
Le but : créer un exercice où sont associés image, son et texte Associations d éléments jeu de lecture images/mots Construction d un jeu d association images/étiquettes Soit la page construite avec les éléments suivants, Eléments 1,2,3 image JPG Eléments 7,8,9 zone texte déplaçable 19
Elément 4 zone cible Elément 5,6 zone cible Elément 10 score Elément 11 bouton validation 20
Le but : créer un exercice où sont associés image, son et texte Liste déroulante les mots contraires Elément 1 zone texte consigne Eléments 2,4,6 zone texte mots de référence Eléments 3,5,7 liste déroulante 3 21
5 7 Eléments 8,9,10 zone messages, bouton valid, scores 22
Le but : créer un exercice où sont associés image, son et texte Question ouverte avec élément ligne de saisie Construisons la page suivante, Elément 1 zone texte question «Quelle est la capitale de l Alaska?» Elément 2 ligne de saisie 23
Réponses justes : Juneau, juneau, La capitale de l'état d'alaska est Juneau, La capitale de l'état d'alaska est juneau. Les différentes propositions sont séparées par une virgule. Elément 3 bouton valid Elément 4 zone messages Autres exemples d exercices à partir de Didapages : http://monpsd.free.fr/livre-didapage/initiation/initiation/index.html 24
ETAPE 9 : Créer un marque page On peut rajouter plusieurs onglets ou marques pages dans le livre électronique. Exemple : je souhaite rajouter un marque page «début» sur la première page du livre afin de pouvoir naviguer sur cette page rapidement. Je crée, je nomme ce marque page «début» et j y attribue une couleur. Si je me trouve sur n importe quelle autre page, je peux revenir rapidement à la première page du livre en cliquant sur le marque page. 25
ETAPE 10 : Générer le livre Le but : permettre l utilisation du «e-book» en le déposant sur un site Internet, un cédérom. Vous avez la possibilité de mettre un Copyright : La boîte de saisie «Copyright» permet de définir le type de Licence qui caractérisera la distribution et la diffusion de mon livre électronique. 1. Une fois le livre terminé, il faut l exporter 2. Cliquer sur générer le livre. : En-tête droite Attention un rapport d erreurs peut apparaitre, il faut résoudre ces erreurs pour générer le livre. 3. Cliquer sur suivant puis sélectionner le répertoire d exportation 4. Le livre s exporte 5. Dans le répertoire didapages, il suffit de cliquer sur «index» pour voir le livre généré 26
ETAPE 11 : Placer le livre exporté sous SPIP 1- Ouvrir votre session sur le site du collège 2- Accéder à votre espace privé 3- Ouvrir «Edition» 4- Ouvrir «projets didapages» 27
5- Importer un nouveau projet (le fichier compressé en.zip) 6- et donner un nom (sans espace, ni accent, ni tiret) 7- Copier le code qui s affiche en bas de l écran 8- Créer un article. Mettre éventuellement quelques lignes de texte et coller le code. 28