10
Démarrez un nouveau cahier de vie numérique. 1 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... DIDAPAGES 2 Vous pouvez à tout moment modifier les paramètres ou changer le copyright sur la couverture. 3 Créer le cahier (l'enregistrement sera automatique) Modification après coup. Modification du copyright sur la couverture. . 4 Créer un nouveau projet

DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

Embed Size (px)

Citation preview

Page 1: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

Démarrez un nouveau cahier de vie numérique.

1

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...

DIDAPAGES

2

Vous pouvez à tout moment modifier les paramètres ou changer le copyright sur la couverture.

3Créer le cahier (l'enregistrement sera automatique)

Modification après coup.

Modification du copyright sur la couverture..

4

Créer un nouveau projet

Page 2: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

1

Enregistrer son projet

Cliquer sur « Enregistrer » pour valider les modifications sur la page.

2Générer le cahier.

3Didapages vous signale les erreurs éventuelles.

4

Par défaut passez ces options de liens et « Générez » le cahier.

5

Indiquez l'endroit où le cahier de vie numérique doit être enregistré sur votre ordinateur.

6

Et voilà le cahier de vie numérique est prêt !

7

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.

Page 3: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

2

1

34

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.

Important : les images sous didapages doivent être en format JPG.Important : les images sous didapages doivent être en format JPG.Tout autre format (Gif, Png...) devra être converti avec Photofiltre Tout autre format (Gif, Png...) devra être converti avec Photofiltre avant insertion dans le projet.avant insertion dans le projet.

Recherchez votre image sur votre ordinateur ou votre clé usb.

Si l'image correspond, importez la dans le projet avec le bouton.

Importer les images / médias

Page 4: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

Cliquer sur éditer pour accéder en modification d'une page.1

3

2

Disposer les éléments sur la 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.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.

4

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

Créer un croquis qui s'anime

Zone de texte

Faire créer au lecteur un croquis avec la souris

Image JPG

Fichier son en MP3

Créer un bouton pour imprimer, lien..

Cases, boutons radios, liste de saisie...

La touche « Shift » enfoncée permet de sélectionner plusieurs éléments sur la page.

Page 5: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

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 de textes pouroui/non

Interactivité : faire un « exerciseur »

1

Insérer 8 cases à cocher.2

Il faut maintenant paramétrer ces cases. N'oubliez pas d'indiquer les points en jeu pour chacune.

Niveauexpert

3

Insérer maintenant un bouton valider et le score. Il ne vous reste plus qu'à tester votre exerciseur.

4

Page 6: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

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.

Interactivité : Zone réactive

1

23

En indiquant +1 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 1.

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é.

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.

Interactivité : Bouton multifonction

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.

Il est possible mettre également -1 (enlever un élément si clic ou passage), ou 1,2 pour faire apparaître simultanément les éléments 1 et 2.

Page 7: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

En cliquant sur Marque-page, créer un repère pour accéder plus rapidement à la page.

Marque 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.

Animation d'élémentsJe 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 1er repère.

Je mets le curseur en fn de parcourspuis fais glisser l'image au point d'arrivée.Je clique sur le rond rouge.

1

2 3

L'image se déplacera du point de départ au point d'arrivée .

Page sommaireDidapage 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.

Page 8: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

Les zones cibles permettent de construire par exemple des jeux d'association / étiquettes.

Zones cibles

Mettre 3 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.

1

Indiquer les éléments corrects. (ici le mot 4)

Indiquer les éléments non corrects. (ici 3 et 5)

Mettre le message si la réponse est correcte ou fausse.

3

2

Sur les 3 éléments de texte, venir en modification et indiquer « déplaçable ».

Mettre la couleur de fond de la zone cible.

4 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.5

Page 9: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

Mettre en ligne son livre sur le site d'école académique 1/2

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é.

3

4

1

2

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.

Page 10: DIDAPAGES - ac-orleans-tours.fr · rédaction/administration de votre site internet ... Configuration, puis Gestion des Plugins. 5 Cliquer sur Tous pour afficher tous les plugins,

6 Il faut désormais Importer son livre didapages compressé sur le site. Cliquer sur le menu Edition en haut, puis Projet Didapages.

7

8

Cliquer sur Parcourir, et rechercher sur l'ordinateur le fichier .zip compressé, créé à l'étape 2.

Le fichier importé, je visualise le livre disponible à mettre en ligne. Je sélectionne le code puis fait Copier. (clic droit souris / copier)

910

11

J'écris un nouvel article en sélectionnant le répertoire puis le bouton Ecrire un nouvel article.

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.

Mettre en ligne son livre sur le site d'école académique 2/2

B.Chatelin -