DIDAPAGES. B.Chatelin -

Transcription

1 DIDAPAGES. Créer un nouveau projet...p.. Enregistrer son projet...p.. Créer un nouveau projet...p.. Importer les images / médias...p. 5. Disposer les éléments sur la page...p.5 6. Interactivité : zone réactive...p.6 7. Interactivité : bouton multifonctions..p.6 8. Interactivité : «faire un exerciseur»...p.7 9. Animations d'éléments...p.8 0. Marque page...p.8. Page sommaire...p.0. Zones cibles...p.. Mettre en ligne sur le site d'école...p. B.Chatelin -

2 DIDAPAGES Créer un nouveau projet Démarrez un nouveau cahier de vie numérique. Saisir les informations générales du cahier de vie numérique. Ces dernières pourront être modifiées après coup. Couleur de fond de travail sur l'ordinateur. Couleur de fond de la couverture du livre. Couleur de police du titre sur la couverture. Couleur des pages dans le livre. Couleur de bordure des pages dans le livre. Effet ombragé dans la reliure et l'extrémité des pages. Un petit effet de texture sur la couverture... Créer le cahier (l'enregistrement sera automatique) Vous pouvez à tout moment modifier les paramètres ou changer le copyright sur la couverture. Modification du. copyright sur la couverture. Modification après coup. P.

3 Enregistrer son projet Cliquer sur «Enregistrer» pour valider les modifications sur la page. Générer le cahier. Didapages vous signale les erreurs éventuelles. Par défaut passez ces options de liens et «Générez» le cahier. Et voilà le cahier de vie numérique est prêt! 5 Indiquez l'endroit où le cahier de vie numérique doit être enregistré sur votre ordinateur. 7 6 P. Ouvrez votre explorateur windows et cliquez sur INDEX.html pour lancer le cahier de vie numérique dans votre navigateur Internet. Pour le transmettre aux parents, il faudra copier l'ensemble des éléments dans ce répertoire.

4 Importer les images / médias Sélectionner Le menu projet et Médias pour incorporer à la bibliothèque du projet, les photos souhaitées du cahier de vie numérique. A l'ouverture de la fenêtre, sélectionnez «image JPG» si vous souhaitez importer une image. Si l'image correspond, importez la dans le projet avec le bouton. Recherchez votre image sur votre ordinateur ou votre clé usb. Important : les images sous didapages doivent être en format JPG. Tout autre format (Gif, Png...) devra être converti avec Photofiltre avant insertion dans le projet. P.

5 Disposer les éléments sur la page Cliquer sur éditer pour accéder en modification d'une page. Choisir les éléments à mettre sur la page. Les médias auront été auparavant importés dans la bibliothèque projet. Un carré se place sur la page. Il indique l'élément à l'aide du N correspondant. Zone de texte Créer un croquis qui s'anime Faire créer au lecteur un croquis avec la souris Cliquer sur ce numéro pour déplacer l'élément. Cliquer sur l'étoile pour agrandir le cadre. Cliquer surtout sur la clé pour indiquer le média à placer à cet endroit. Image JPG Fichier son en MP Créer un bouton pour imprimer, lien.. Cases, boutons radios, liste de saisie... Sélectionnez le fichier déjà importé dans la bibliothèque. Un clic sur l'image peut permettre au lecteur d'ouvrir une autre page du cahier. Valider pour insérer un élément La touche «Shift» enfoncée permet de sélectionner plusieurs éléments sur la page. P.5

6 Interactivité : Zone réactive Une zone réactive permet de faire affiche une image, ou un texte en cliquant ou survolant par exemple sur une image. Très apprécié des élèves, il peut servir pour agrémenter ses livres numériques d'un effet dynamique. Insérer les éléments : la question, les choix, et l'image qui doit s'afficher si la réponse est exacte. Insérer un nouvel élément «Zone réactive» que vous allez afficher sur l'image à faire apparaître en cas de bonne réponse. En indiquant + dans visibilités lié au clic, un clic dans cet élément aura pour incidence de faire apparaître l'image qui se trouve dans l'élement. De la même façon, vous auriez pu le mettre dans la zone visibilités liés au survol. (un simple passage souris déclenche l'interactivité. Il est possible mettre également - (enlever un élément si clic ou passage), ou, pour faire apparaître simultanément les éléments et. Interactivité : Bouton multifonctions 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. P.6

7 Interactivité : faire un «exerciseur» Niveau expert Sur une nouvelle page,créer ou importer les éléments suivants : Une zone de texte pour le titre zones d'images et zones de sons correspondantes zones de texte correspondantes aux images 8 zones de textes pouroui/non Insérer 8 cases à cocher. Il faut maintenant paramétrer ces cases. N'oubliez pas d'indiquer les points en jeu pour chacune. Insérer maintenant un bouton valider et le score. Il ne vous reste plus qu'à tester votre exerciseur. P.7

8 Animation d'éléments Je peux faire bouger des éléments pour ajouter du dynamisme à mon livre numérique. (exemple : faire glisser des éléments d'une recette dans la casserole) Je sélectionne Animation. Je clique sur le numéro de l'élément que je souhaite faire bouger, puis sur le rond rouge pour créer un er repère. Je mets le curseur en fn de parcours puis fais glisser l'image au point d'arrivée. Je clique sur le rond rouge. L'image se déplacera du point de départ au point d'arrivée. Marque page En cliquant sur Marque-page, créer un repère pour accéder plus rapidement à la page. Indiquer marque-page à oui, Spécifier la couleur, Le nom du repère, ainsi que l'endroit où doit se fixer le repère de bordure. Page sommaire Didapage permet de créer des modèles types de page. Je peux ainsi créer un mise en page sommaire, où il me restera à revenir sur chaque élément texte, et indiquer Aller vers la page. P.8

9 Zones cibles Les zones cibles permettent de construire par exemple des jeux d'association / étiquettes. Mettre mots dont un correspond à un élémnt image. L'élève devra faire glisser le bon mot dans le rectangle solution. Créer un zone cible et la mettre au dessus du rectangle. Sur les éléments de texte, venir en modification et indiquer «déplaçable». Mettre la couleur de fond de la zone cible. Indiquer les éléments corrects. (ici le mot ) Indiquer les éléments non corrects. (ici et 5) Mettre le message si la réponse est correcte ou fausse. 5 J'insère un bouton valider. J'insère enfin une zone message pour faire apparaître le message dès que l'élève cliquera sur le bouton valider pour vérifier la réponse. P.9

10 Mettre en ligne son livre sur le site d'école académique / Les sites académiques permettent l'intégration de votre livre Didapages, renforçant ainsi la communication avec les familles. Après avoir exporté le livre sur Didapages (voir tuto), ouvrez l'explorateur Windows sur le répertoire généré. Sélectionner tous les fichiers puis faire clic droit de la souris et / Envoyer vers/dossier compressé. Se connecter en administrateur sur l'espace de rédaction/administration de votre site internet d'école, hébergé sur les sites académiques Vérifier que le plugin Didaspip soit activé. Si oui passer à l'étape 6. Si non (par défaut il n'est pas activé), cliquer en haut sur le menu Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins, Puis se diriger sur la ligne Didaspip, et cliquer sur le bouton Activer qui apparaît lorsque la souris passe dessus. P.0

11 Mettre en ligne son livre sur le site d'école académique / 6 Il faut désormais Importer son livre didapages compressé sur le site. Cliquer sur le menu Edition en haut, puis Projet Didapages. Cliquer sur Parcourir, et rechercher sur l'ordinateur le fichier.zip compressé, créé à l'étape. 7 Le fichier importé, 8 je visualise le livre disponible à mettre en ligne. Je sélectionne le code puis fait Copier. (clic droit souris / copier) 9 J'écris un nouvel article en sélectionnant le répertoire puis le bouton Ecrire un nouvel article. 0 Je colle le code de mon projet Didapages dans la zone texte de l'article en faisant clic droit souris / coller. Et voilà. En indiquant l'article publié en ligne, je le retrouve publié et affichant le livre Didapages. Un clic sur la miniature permet de l'afficher en grand. P. B.Chatelin -