Didapages. Créer un livret interactif avec. Accompagnement à la pratique des TICE. Les ATELIERS TICE du MERCREDI au CDDP de la VENDEE

Transcription

1 Accompagnement à la pratique des TICE Les ATELIERS TICE du MERCREDI au CDDP de la VENDEE Créer un livret interactif avec Didapages Le contenu de cette présentation est soumis à la licence «Public Documentation Licence» dont le contenu peut être consulté à l'adresse : Cela signifie que vous êtes libre de la reproduire, la recopier, la réutiliser, la modifier et la distribuer à condition de lui attribuer les mêmes libertés de copie, d'utilisation et de mentionner l'origine du document modifié. CDDP de la Vendée 40 rue Ramon La Roche sur Yon Pôle Tice-tél: Fax: ou

2 Sommaire : Introduction : Didapages, un logiciel fait pour l'école 3 1-A la découverte du logiciel 5 1-A-L'interface d'accueil 1-B-Définir les propriétés du projet 1-C-L'interface principale du logiciel 1-D-La colonne d'édition de page 2-Créer du contenu pour le livret 7 2-A-Le texte 2-B-Les médias 2-C-Le croquis-auteur 2-D-Le lien hypertexte 3-Animer le contenu du livret 11 3-A-Les zones réactives 3-B-Les animations 4-Le lecteur/producteur de contenu 13 4-A-Le croquis-lecteur 4-B-La zone de saisie 5-Interagir avec le lecteur 15 5-A-Les éléments de question 5-B-Les éléments de résultats 6-Publier le livret Introduction au Petit Serveur Didapages 22 8-Sitographie 22 2/22

3 Introduction : Didapages, un logiciel fait pour l'école Didapages est un logiciel gratuit développé par Carlos Guedes. A l'origine le logiciel avait été développé dans le cadre de Fruits du Savoir, association d'enseignants et de formateurs. Depuis 2008, Carlos Guedes a créé sa société de création de logiciel éducatif : Didasystem. Le logiciel Didapages a évolué dans une version payante. Mais la version de départ reste gratuite pour une utilisation pédagogique. Didapages permet de créer des des livrets pédagogiques, pouvant supporter des médias et des activités interactives à destination d'apprenant. Pour télécharger Didapages, rendez-vous sur le site de Didasystem : Cliquez sur [Nos logiciels] dans la barre de menus, puis sur [Didapages 1]. Pour télécharger le logiciel cliquer sur [télécharger Didapages 1 ici]. Didasystem propose également à la lecture un ensemble très complet de tutoriaux pour Didapages si vous souhaiter aller plus loin que cette simple présentation. 3/22

4 Installez le logiciel sur le PC. L'icone suivante apparaît sur votre bureau. Didapages fonctionne sur la plupart des systèmes d'exploitation Windows. Sur Windows XP, il suffit de double-cliquer sur l'icone du logiciel pour le lancer. Sur Windows Vista et Seven, Didapages ne peut être lancé qu'en administrateur. Faites un clic-droit sur l'icone du logiciel et [Démarrer en administrateur] dans le menu contextuel. Didapages 1, est basé sur la technologie flash, les livrets ne sont donc pas lisibles sur ipad. 1-A la découverte du logiciel 4/22

5 1-A-L'interface d'accueil 1-B-Définir les propriétés du logiciel 5/22

6 1-C-L'interface principale 6/22

7 1-D-La colonne d'édition de la page 2-Créer de contenu pour le livret Didapages permet d'insérer quatre type de contenu dans le livret : du texte, des médias, des croquis, des liens hypertextes. 2-A-Le texte 7/22

8 2-B-Les médias Didapages ne supporte que 4 types de médias : -Les images au format jpeg. -Le son au format mp3. -La vidéo au format flv. -Les animations flash au format swf. 8/22

9 Pour pouvoir utiliser un média, il faut d'abord constituer la banque de médias du livret. Pour ce faire dans l'interface principale, cliquez sur [Menu Projet] => [Medias]. Sélectionnez le type de média à intégrer dans la banque et parcourez votre ordinateur pour sélectionner le fichier désiré. Cette interface sert également à supprimer des médias de la banque. Attention, l'intégralité de la banque médias sera exporté lors de la génération du livret final. Il faut donc y supprimer topus les médias que ne sont pas utilisés. 9/22

10 2-C-Le croquis-auteur Les croquis-auteur sont transformables en animation : en cliquant sur [Animer le croquis] et [Barre de contrôle], le lecteur verra le croquis se contruire au fur et à mesure et dispose d'une interface de contrôle de l'animation. 10/22

11 2-D-Les liens hypertextes Didapages permet d'insérer des liens internes et externes au livret. Tous les médias (sauf le son) peuvent porter un lien interne. Pour ce faire, dans l'interface-outil du média sélectionné, cliquez sur [Aller vers la page] et précisez le numéro de la page pointée. Pour créer un lien externe (vers une page Internet par exemple), il faut utiliser un «Bouton multifonction». Insérez un Bouton multifonction dans votre page. Cliquez sur [URL] et renseignez l'adresse du lien externe à pointer. 3-Animer le contenu du livret Didapages permet d'ajouter deux types d'animation aux contenus des pages du livret : des zones réactives qui permettent d'afficher/masquer des éléments sur la page au survol/clic de la souris ; et des animations qui permet de rendre mobile des éléments sur la page. 3-A-Les zones réactives 11/22

12 3-B-Les animations Tous les éléments d'une page peuvent être animés. Mais seulement deux types d'animation sont possibles : les mouvements, l'affichage/masquage. 12/22

13 4-Le lecteur/producteur de contenu Didapages permet au lecteur de produire lui même du contenu, sous deux formes : du croquis et du texte. 4-A-Le croquis-lecteur Pour récupérer le croquis-lecteur, on utilise le «Bouton multifonction» qui permet d'imprimer une page. Si vous disposez d'une imprimante virtuelle (ex : PDFCreator), vous pouvez même générer un fichier numérique. 13/22

14 4-B-La zone de saisie Pour récupérer le croquis-lecteur, on utilise le «Bouton multifonction» qui permet d'imprimer une page. Si vous disposez d'une imprimante virtuelle (ex : PDFCreator), vous pouvez même générer un fichier numérique. 14/22

15 5-Interagir avec le lecteur Didapages dispose de tout un ensemble d'outils permettant au lecteur d'interagir avec le contenu du livret et à l'enseignant d'évaluer la compréhension de l'élève. 5-A-Les éléments de question Six éléments de question sont à disposition : 1-Les boutons de sélection 2-Les cases à cocher 15/22

16 3-Les listes (déroulantes) 4-Les lignes de saisie 16/22

17 5-Les boutons muti-position 17/22

18 6-Les zones cibles Les zones cibles permettent de réaliser des activités de glisser/déposer sur d'élements sur la page jusqu'à une zone qui va (ou pas) déclencher le gain de point. Avant de définir ses zones cibles, ils faut positionner les éléments désirés sur la pages et les rendre «déplaçables» dans le menu-outils des éléments. Tous les élément (sauf le son) sont déplaçables sur la page. 5-B-Les éléments de résultats Les éléments de question ne sont rien sans les éléments de résultats qui permettent de valider les choix du lecteur et/ou de lui donner des indications complémentaires. Trois éléments de résultats sont à disposition. 18/22

19 1-Les boutons valider Les boutons «valider» permettent de «valider» le travail du lecteur sur la page. Les activités de quiz se construisent sur la page. Il faut donc insérer un bouton «valider» par page qui concerne toutes les questions d'une page. 2-Les zones messages Les zones messages permettent d'afficher les messages prédéfinis dans l'interface outils des éléments de question en cas de réussite ou d'échec. Les activités de quiz se construisent sur la page. Il faut donc insérer une zone messages par page qui concerne toutes les questions d'une page. 3-Les Scores 19/22

20 Les interfaces de score permettent de collecter le score du lecteur sur des activités quiz pour une page, pour plusieurs pages, ou pour l'intégralité du livret. Les activités de quiz se construisent sur la page. Vous pouvez multiplier les interfaces de score pour une page, plusieurs page ou tous le livrets. 6-Publier le livret Pour publier le livret final cliquez sur le bouton [Générer le livre] sur l'interface principale et suivez les trois étapes : 20/22

21 1-Etape 1 : l'inspecteur de bugs 2-Etape 2 : les paramètres de publication 21/22

22 3-Le choix du répertoire de destination Votre livret se présente sous la forme d'un dossier qui contient tous les fichiers nécéssaires à la lecture un navigateur Internet. Vous pouvez utiliser le livret en local en copiant/collant le dossier sur les machines utilisées par les élèves ; ou même si vous disposez d'un espace sur Internet, publier votre livret. Pour ouvrir le livret, cliquez, sur le fichier «index.html», dans le dossier. Attention le lecteur flash player doit être à jour. 7-Introduction au Petit Serveur Didapages (PSD) Si vous disposez d'un espace sur Internet, il est possible de récolter et compiler les résultats des élèves, à l'aide d'un petit logiciel en php, le PSD. Pour en savoir plus sur cette possibilité, nous vous renvoyons vers l'excellent tutoriel réalisé par l'académie de Nacy-Metz à cette adresse : 8-Sitographie - : le site d'un enseignant qui utilise régulièrement Didapage dans ses pratiques. - : Un tutoriel très riche réalisé par un enseignant de SVT de l'académie de Rouen 22/22