Vous êtes sur la page 1sur 3

DIDAPAGES

Se connecter sur votre page de classe :

1

Se rendre sur le site : http://edu1.didasystem.com/

2

Cliquer sur « connexion apprenant »

2 Cliquer sur « connexion apprenant » 3 renseigner les codes : Responsable : « chdasomme

3 renseigner les codes :

sur « connexion apprenant » 3 renseigner les codes : Responsable : « chdasomme » (pour

Responsable :

« chdasomme »

(pour tous)

Nom utilisateur :

« jmartin » pour Jean Martin

(initiale de votre prénom suivie de votre nom attaché en minuscules)

Mot de passe :

testhda »

(pour tous)

4

Ouvrir le cahier histoire des arts :

» (pour tous) 4 Ouvrir le cahier histoire des arts : 5 On peut alors :

5 On peut alors :

Ouvrir le livre pour le compléter

: 5 On peut alors : ∑ Ouvrir le livre pour le compléter ∑ Télécharger le

Télécharger le livre pour le sauvegarder ou le consulter hors connexion

le livre pour le sauvegarder ou le consulter hors connexion Pour ajouter des ressources descendre en
Pour ajouter des ressources descendre en bas de page.
Pour ajouter des ressources descendre en bas de page.
Pour ajouter des ressources descendre en bas de page. ∑ Ajouter des ressources , en bas

Ajouter des ressources , en bas de page

(textes, images, sons, animations, vidéos)

Etape préalable à la rédaction d’une page.

NB : les ressources doivent respecter des formats supportés par le logiciel :

doivent respecter des formats supportés par le logiciel : Groupe départemental IA 80 « cahier numérique

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

1

Travail en classe de production Didapages : quelques conseils.

Des groupes de travail sont constitués dans la classe au besoin.

PRÉ-REQUIS :

Présentation aux élèves des possibilités offertes par Didapages.

Appropriation par les élèves du logiciel : créer une page, explorer les possibilités.

PRODUCTION d’une page :

ETAPE 1 : Séance histoire des arts mise en place par le maître.

ETAPE 2 : Trace écrite dans le cahier personnel d’histoire des arts (cahier, classeur, pochette, ordinateur…)

ETAPE 3 : Sélection des données (textes, images, sons, vidéos) pour créer une double page dans le cahier Didapages numérique de la classe. (voir tutoriel sur le cahier départemental)

ETAPE 4 : Mise en page avec Didapages

1.

Insérer les ressources (textes, images, sons, vidéos…)

2.

Composer les pages avec les ressources.

3.

Ajouter l’interactivité (les boutons).

4.

Sauvegarder souvent.

Précautions techniques :

Créer un dossier dans l’ordinateur de la classe« HDA-ecole-classe »

dans l’ordinateur de la classe« HDA-ecole-classe » D ans ce dossier créer des sous-dossiers, pour y
dans l’ordinateur de la classe« HDA-ecole-classe » D ans ce dossier créer des sous-dossiers, pour y

Dans ce dossier créer des sous-dossiers, pour y placer : textes, images, sons, vidéos éventuels :

pour y placer : textes, images, sons, vidéos éventuels : Groupe départemental IA 80 « cahier
pour y placer : textes, images, sons, vidéos éventuels : Groupe départemental IA 80 « cahier

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

2

Création de la page : 1 Vos ressources sont prêtes, ouvrir le cahier didapages :

Création de la page :

Création de la page : 1 Vos ressources sont prêtes, ouvrir le cahier didapages : (voir

1 Vos ressources sont prêtes, ouvrir le cahier didapages :

(voir page 1 du tutoriel) Ici nous sommes en page 32 et 33 du cahier.

NB : dans le cahier départemental des arts, Frise et icônes la composent déjà.

2 Pour écrire une page,

se placer en mode « Editer une page »

cliquer sur le bouton en haut de page.

« Editer une page » cliquer sur le bouton en haut de page. La page apparaît

La page apparaît quadrillée comme un cahier. On peut commencer.

La page de droite comporte les éléments qui composent la page de gauche.

Important :

Il faut « valider » bouton vert pour sortir du mode édition.

La page de gauche est quadrillée, C’est elle qui va être remplie.
La page de
gauche est
quadrillée,
C’est elle qui va
être remplie.
est quadrillée, C’est elle qui va être remplie. PRINCIPE IMPORTANT : Une page est composée de
est quadrillée, C’est elle qui va être remplie. PRINCIPE IMPORTANT : Une page est composée de

PRINCIPE IMPORTANT :

Une page est composée de cadres, 1 cadre par ressource ou action. Chaque cadre est numéroté ; liste des cadres dans la pile des éléments.

3 créer un texte :

N’importe où sur le quadrillage, cliquer gauche

texte : N’importe où sur le quadrillage, cliquer gauche Un nouveau cadre (de texte) apparaît avec

Un nouveau cadre (de texte) apparaît avec son numéro.

Un nouveau cadre (de texte) apparaît avec son numéro . Ce cadre apparaît choisir « texte
Un nouveau cadre (de texte) apparaît avec son numéro . Ce cadre apparaît choisir « texte

Ce cadre apparaît choisir « texte »

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

3

On peut alors créer le texte :

Cliquer dans le cadre et saisir le texte

Ou copier un texte dans un traitement de texte (word, open office…) et copier dans didapages

La mise en forme du texte est basique :

Lors de la saisie du texte des outils apparaissent au-dessus du cadre texte :

du texte des outils apparaissent au-dessus du cadre texte : Taille et position du cadre :

Taille et position du cadre :

Agrandir et faire une rotation du cadre texte ; cliquer hors du cadre pour sortir du mode écriture du texte, les outils ci-dessus disparaissent.

Outil rotation : Cliquer et Numéro du bouger… cadre : que l’on retrouve dans la
Outil rotation :
Cliquer et
Numéro du
bouger…
cadre :
que l’on retrouve
dans la pile
d’éléments qui
composent la
Outil
agrandissement
du cadre :
Cliquer et glisser.
Cliquer hors du cadre texte pour finir.
IMPORTANT : valider sur le bouton vert de l’autre page.
Le quadrillage disparaît.
Cela vous permet de revenir au mode lecture et de tester votre travail.
Procéder de même pour insérer des images, des sons, des vidéos…
Agrandissement et rotation des images se font de la même manière.
Sons, vidéos et images ne peuvent être insérés que s’ils ont été
préalablement importés dans le didapages (voir page 1) et s’ils respectent les
formats didapages :

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

4

Créer de l’interactivité :

Faire apparaître des textes ou images lors du passage de la souris.

Placer un lien pour se rendre à une page du cahier.

Placer un lien sur un site internet.

Trouver la bonne réponse à une question.

Déplacer des éléments dans un certain ordre…

Outre l’aspect multimédia (texte, images et sons), le grand intérêt de didapages est de permettre l’interactivité : des éléments peuvent être cachés ou actifs… C’est la créativité qui guide !

Principe :

Créer une zone ou bouton, une forme qui se superpose à un texte ou image, qui est transparent et qui est actif au clic, au passage de la souris…

Voici une page qui paraît simple :

passage de la souris… Voici une page qui paraît simple : Passer la souris sur l’image

Passer la

souris sur

l’image de

Chagall

simple : Passer la souris sur l’image de Chagall La souris change de forme sur l’image

La souris

change de

forme sur

l’image une

main

apparaît

et …

change de forme sur l’image une main apparaît et … … Les représentations d’œuvres de Chagall

… Les représentations d’œuvres de Chagall ont disparu, remplacées par du texte

Intérêt :

Augmenter la surface d’affichage, Rendre lisible la page en évitant la surcharge d’information.

Comment faire ? L’idée est de cacher des éléments de la page. Il faut connaître les numéros des cadres qui devront disparaître

La disparition des éléments est obtenue en superposant un « bouton » transparent que l’on programme pour faire disparaître les cadres choisis.

l’on programme pour faire disparaître les cadres choisis. Clic gauche sur le quadrillage, Choisir : Bouton

Clic gauche sur le quadrillage,

Choisir :

Bouton

choisis. Clic gauche sur le quadrillage, Choisir : Bouton Groupe départemental IA 80 « cahier numérique

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

5

A Choisir le bouton invisible

B L’effet se passe :

« Au survol de la souris »

C Cliquer sur :

« Afficher / cacher »

Puis cliquer sur l’icône « œil bleu » pour choisir le numéro des cadres à cacher.

D En cliquant successivement sur la ligne choisie :

Afficher

Cacher

Rien

successivement sur la ligne choisie : Afficher Cacher Rien Dans l’exemple, 32 / 31 / 21

Dans l’exemple, 32 / 31 / 21 / 20 / 19 sont « cachés » ils apparaissent avec un « - » devant 16 apparaît avec « + » devant pour « afficher » On aurait pu faire le même effet « Au clic ».

afficher » On aurait pu faire le même effet « Au clic ». Pour la flèche
afficher » On aurait pu faire le même effet « Au clic ». Pour la flèche

Pour la flèche verte « retour au sommaire » choisir « aller à la page… »

Liens entre pages ou liens internet :

La même double page propose un lien internet et un retour au sommaire.

page propose un lien internet et un retour au sommaire. Comme précédemment : superposer un bouton

Comme précédemment :

superposer un bouton invisible sur un cadre texte cette fois.

un bouton invisible sur un cadre texte cette fois. Cadre texte en bleu et gras «

Cadre texte en bleu et gras « visiter un site internet… »

Bouton invisible avec le lien

visiter un site internet… » Bouton invisible avec le lien TRES IMPORTANT pour finir : 1

TRES IMPORTANT pour finir : 1 valider la page puis 2 enregistrer votre travail en ligne Cliquer sur les icônes verts.

TRES IMPORTANT pour finir : 1 valider la page puis 2 enregistrer votre travail en ligne
TRES IMPORTANT pour finir : 1 valider la page puis 2 enregistrer votre travail en ligne
TRES IMPORTANT pour finir : 1 valider la page puis 2 enregistrer votre travail en ligne

Groupe départemental IA 80 « cahier numérique Histoire des Arts » 2011-2012

6