présentation générale de didapagesdsden02.ac-amiens.fr/.../Tutoriel_Complet.pdfGroupe tice 85 Présentation générale de Didapages Utiliser Didapages ¤ Préparation des objets

Groupe tice 85 Présentation générale de Didapages

Utiliser Didapages

�

♦ Préparation des objets (images, sons, animations, vidéos, textes) ♦ Démarrer un nouveau projet ♦ Grille de mise en page ♦ La navigation dans le livre ♦ Gérer les pages

Utilisation de Didapages

Présentation générale


Utiliser Didapages

�

Les différents types de multimédias pouvant être importés : Images : Seules les images au format JPG non progressif peuvent être importées. Si vous importez une image JPG et que celle-ci ne s'affiche pas, c'est sans doute qu'il s'agit d'un JPG progressif. Logiciel pouvant être utilisé : PhotoFiltre Sons : Vos sons et musiques doivent être au format MP3. Logiciel pouvant être utilisé : Audacity Textes : On ne peut pas insérer des fichiers texte. Par contre vous pouvez préparer des textes (avec le bloc notes par exemple). Avec la fonction copier/coller on intègre alors ces textes. Logiciel pouvant être utilisé : Bloc notes Vidéos : Seuls les fichiers FLV sont utilisables. AVI, MPEG, et autres MOV devront être convertis. De plus, contraire-ment aux autres médias importables, une même vidéo ne peut être utilisée qu'une seule fois dans le livre. Si vous placez plusieurs fois la même vidéo, une seule occurence de la vidéo fonctionnera. Logiciel pouvant être utilisé : SUPER ou RIVA Animations : Les animations SWF (flash) s'intègrent parfaitement dans Didapages. Une barre de contrôle peut être ajoutée en configurant l'élément, pour les animations simples sans boutons de contrôle. Remarque : Ne nommer jamais vos fichiers avec des accents, des trémas, des traits d’union.

Préparation des objets


Utiliser Didapages

�

Vous devez au minimum choisir un nom de projet, qui ne pourra plus être modifié. Un dossier portant ce nom sera créé dans le dossier d'installation de Didapages, et contiendra toutes les données de votre projet. Les autres paramètres du livre peuvent être modifiés à n'importe quel moment du projet : il n'est donc pas obligatoire de les remplir au démarrage, bien que ce soit recommandé. Le nombre de pages maximum est 50.

Démarrer un nouveau projet

Pour créer un nouveau livre, il faut cliquer sur le 2ème bouton, "Démarrer un nouveau projet".


Utiliser Didapages

�

Grille de mise en page

Le livre apparaît lorsque vous cliquez sur le bouton "Créer", avec les paramètres que vous avez définis.

Pour consulter le livre, il suffit de cliquer sur la couverture, qui rap-pelle notamment le titre du livre et le nom du ou des auteurs . Une fois le livre ouvert, la première page apparaît.


Utiliser Didapages

�

La navigation dans le livre

La navigation peut aussi se faire par le biais des marque-pages, que vous pouvez créer sur les cotés du livre. Ces marque-pages peuvent être positionnés sur les pages rectos, en cliquant sur le bouton "Marque-page" en haut de l'écran.

Enfin, il est possible d'inclure dans une page des liens vers d'autres pages du livre. Cette fonctionnalité sera développée dans un autre tutoriel.

La navigation dans le livre est simple : on tourne les pages en cliquant sur les coins ou sur les tranches. - Il est possible de faire tourner des groupes de pages en cliquant sur la tranche du livre. - Il n'est pas obligatoire d'attendre que la rotation d'une page ou d'un groupe de pages soit achevée pour en faire tourner d'autres, si la rotation se fait dans le même sens. - Les bords gauches et droits de la couverture permettent d'aller directement au début ou à la fin du livre.


Utiliser Didapages

�

Gérer les pages

Permet de modifier le contenu de la page, ce qui sera exposé en détail dans les chapi tres suivants.

Insérer une page Même chose que pour coller, sauf que la page actuelle n'est pas supprimée, elle est décalée avec toutes les pages suivantes. Comme le nombre total de pages ne change pas, la dernière page du livre est perdue.

Copier la page

M é m o r i s e temporairement la page, sans la modifier.

Couper la page

M é m o r i s e temporairement la page et la remplace par u n e p a g e vierge.

Coller la page

Un menu vous propose de remplacer la page actuelle par une page vierge, la dernière page mémorisée (copiée ou coupée), ou une page-type.

Supprimer la page

Supprime la page, et décale toutes les pages suivantes. Comme le nombre total de pages ne change pas, une page vierge est ajoutée à la fin du livre. Pour éviter le décalage, il faut couper la page ou copier une page vierge.

Groupe tice 85 Créer une page avec Didapages

Utiliser Didapages

��

♦ Editer une page ♦ Importer les éléments multimédias ♦ Commencer une page ♦ Insérer un objet : généralités ♦ Insérer un élément texte ♦ Insérer un élément image ♦ Insérer un élément son ♦ Insérer un élément vidéo ♦ Exemple de page ♦ Agencer les objets ♦ La page modèle ♦ Générer le livre


Créer une page


Utiliser Didapages

��

Editer une page.

En cliquant sur le bouton vous obtenez le mode Edition. Editer des pages c’est placer et configurer des éléments comme par exemple des textes, des images... Il y a environ 20 types d'éléments disponibles, et vous pouvez placer jusqu'à 50 éléments par page.

Défaire / Refaire les modifications de la page

Enregistrer / Annuler les modifications et quitter le mode Edition

Changer la couleur de la page et revenir à la couleur

par défaut

Voici le 3ème des 50 niveaux disponibles. Chaque niveau peut accueillir un élément.

Faites défiler ici les 50 niveaux. Le numéro du niveau est important: l'élément du niveau 2 est placé devant celui du 1, celui du 3 devant

le 2,...

Outils de positionnement des éléments


Utiliser Didapages

��

Voyons de plus près les boutons d'un niveau. - Le numéro est un bouton : un clic dessus sélectionne l'élément pour effectuer des opérations de groupe. - Le menu déroulant permet de choisir la nature de l'élément associé à ce niveau. "----------" signifie qu'il n'y a pas d'élément. - permet de cacher ou d’afficher un élément dans le mode édition. C'est très utile quand un élément en cache un autre. - pemet de configurer l'élément, pour lui donner une apparence ou un comportement précis. - Vous connaissez déjà les 4 boutons couper, copier, coller et supprimer. Il fonctionnent comme ceux des pages, sauf qu'ils agissent sur l'élément de leur niveau.


Utiliser Didapages

��

Importer les éléments multimédias

Vous devez importer l’ensemble des objets multimédias pour ensuite pouvoir les utiliser dans la création de vos pages.

Sélectionnez le bouton

Menu Projet puis Médias

Choisissez le du média que vous voulez importer en cliquant sur le bouton correspondant. L’explorateur apparaît alors.

Zone pour supprimer des éléments

Validez en cliquant sur Importer.


Utiliser Didapages

��

Commencer une page

Sélectionnez le mode Edition.

Insérer un objet : généralité

Sélectionnez un objet. Il apparaît alors sur la page. Chaque élément porte un numéro (ex : 1) et un intitulé en fonction de sa nature (ex : texte).


Utiliser Didapages

��

Pour déplacer cet élément, utilisez un cliquer-glisser.

Insérer un élément texte

Insérer un élément image

Remarque : En copiant un texte à partir d’un traitement de texte vous pouvez le coller dans le cadre en utilisant un clic droit souris puis coller.

En cliquant sur la clé vous pourrez sélectionner une image que vous aurez préalablement importée dans votre projet.

En cliquant dans le cadre un curseur apparaît. Vous pouvez alors taper votre texte. Quelques options de base de traitement de texte sont présentes. Remarque : on ne peut utiliser que la po-lice de caractère Arial.


Utiliser Didapages

��

Insérer un élément son

En cliquant sur la clé vous pourrez sélectionner un son que vous aurez préalablement importé dans votre projet.

Insérer un élément vidéo

En cliquant sur la clé vous pourrez sélectionner une vidéo que vous aurez préalablement importée dans votre projet.


Utiliser Didapages

�

Exemple de page

Objet image qui sert de lien. Pour cela cliquez sur la clé en mode édition.

Aperçu en mode édition

Aperçu en mode navigation


Utiliser Didapages

�

* Déplacer et redimensionner un élément

Déplacez cet élément en effectuant un glisser-déposer sur le bouton rond, en haut à gauche de l'élément.

Redimensionnez cet élément en faisant la même chose sur le bouton en bas à droite de l'élément.

Vous ne pouvez pas déplacer l'élément en dehors de la page, et chaque type d'élément a des dimensions minimum. La dimension maximum est la taille de la page.

* Mettre au premier plan

L’ordre des objets est déterminé par son numéro. Ainsi l’objet qui a le numéro 2, s’il est positionné au même niveau que le numéro 1, se retrouvera en arrière plan. Si vous voulez modifier cet ordre, il suffit d’utiliser un glisser-déposer (cliquer, maintenir, déplacer, relâcher) sur un autre niveau .

* Déplacer une sélection

- Pour déplacer un groupe d'éléments, il faut d'abord sélectionner les éléments, puis déplacer un des éléments. Les autres suivent, sauf si vous appuyez sur la touche "Ctrl" en effectuant les déplacements. - Vous pouvez aussi utiliser les flèches du clavier. La page fait 500 points de haut et 350 points de large. Les touches du clavier déplacent la sélection point par point, sauf avec la touche "Ctrl" (le pas est alors de 5 points).

* Sélectionner un groupe d’éléments

Pour aligner, déplacer et supprimer des groupes d'éléments, il faut d'abord les sélectionner. Pour sélectionner des éléments vous avez 2 possibilités : - Effectuer un rectangle de sélection à la souris autour de ces éléments (glisser-déposer d'un point vierge de la page à un autre point) - Cliquer sur les numéros des niveaux dans le menu ou sur les boutons de déplacement des éléments, en maintenant la touche "Ctrl" .

Agencer les objets


Utiliser Didapages

��

* Aligner les objets

La partie inférieure du Menu Edition (à droite) contient des boutons facilitant le positionnement d'éléments. Déplacez votre pointeur sur ces boutons. Un texte et une animation vous expliquent leur usage. Dans une sélection, il y a toujours un seul élément sélectionné en bleu. Il sert de référence pour certaines options d'alignement.

Si vous cliquez sur un élément rose ou désélectionnez en appuyant sur "Alt", il se sélectionne en bleu.

1 2 En choisissant l’option aligne-ment à gauche, les éléments 6, 7 et 8 seront alignés à gauche par rapport à la position de l’élément 7

L’élément 8 (en bleu) sert de référence et les éléments 6, 7 et 8 seront les éléments à aligner.


Utiliser Didapages

��

La page modèle

Lorsque vous avez créé une page, vous pouvez l’enregistrer en page modèle et ainsi la réutiliser sur une autre page.

Dans le menu d’édition sélectionnez Gestion des pages-types

Pour réutiliser cette page modèle sur une nouvelle page, cliquez sur

Deux remarques : - la page type remplace alors la page vierge - si vous aviez attribué une couleur de page à la page type, celle-ci n’apparaît plus. Vous devez alors utiliser la fonc-tion couleur de la page (cf. page 2).


Utiliser Didapages

��

Générer le livre

Lorsque votre projet est terminé, vous pouvez le générer. Cette action va permettre de créer des pages html. Votre projet pourra alors être lu sur votre navigateur (Internet Explorer, Firefox…).

Ne prenez pas en compte les cases à cocher. Ce sont des fonctionnalités utilisables pour une mise en ligne des projet.

Choisissez un répertoire

Un répertoire, portant le nom de votre projet, a été créé. En l’ouvrant vous trouverez un fichier « index ». En cliquant dessus vous ouvrirez votre projet.

Groupe tice 85 Créer un exercice avec Didapages

Créer un exercice avec Didapages

�

♦ Préparation de l’exercice ♦ Edition de la page ♦ Les paramétrages des boutons de sélection, de message et de validation


Créer un exercice



�

Préparation de l’exercice

Avant de commencer l’édition de l’exercice il faut au préalable penser à sa structure.

La question

Les réponses

Le bouton de validation de la

réponse

Eventuellement une image, un son...

Les 3 messages en fonction des

réponses choisies.



�

LES OBJETS TEXTE

OBJET 3 OBJET 8 OBJET 9 OBJET 10

LES OBJETS IMAGE

OBJET 2

LES OBJETS BOUTON DE SELECTION

OBJET 5 OBJET 6 OBJET 7

LES OBJETS VALIDER

OBJET 12

LES OBJETS MESSAGE

OBJET 13

Edition de la page



�

Les paramétrages des boutons de sélection, de message et de validation

Vous positionnez vos

messages correspondant à chaque réponse.

Dans ce type d’exercice

les fonctions « Sélectionné » et

« Déselectionné » impor-tent peu. Il en est de

même en ce qui concerne les points, les malus et les

bonus.

Ces fonctionnalités sont utilisés lorsque l’on veut attribuer des scores aux

réponses.



�

Dans cette fenêtre apparaîtront les messages.

Nommer le bouton

Vous pouvez donner un nombre de tentatives

Pour faire apparaître les messages cochez les deux dernières cases.

13 correspondant à l’objet 13 « + » fait apparaître l’objet « - » fait disparaître l’objet

Groupe tice 85 Quelques fonctions complémentaires

Utiliser Didapages

��

♦ La zone réactive ♦ Le bouton multiposition ♦ Le bouton multifonction

Quelques fonctions complémentaires


Utiliser Didapages

��

La zone réactive

Cet outil permet de faire apparaître ou disparaître un objet par un simple « survol » ou « clic » d’un autre objet. Vous le trouverez dans le menu déroulant. Un cadre apparaît alors comme un objet transparent.


Utiliser Didapages

��


Options de couleur de la zone

Zone de paramétrage si l’apparition doit s’effectuer

par un survol

Zone de paramétrage si l’apparition doit s’effectuer

par un « clic » Exemple

Dans cet exemple, la bouteille de lait apparaîtra suite à un survol sur le saladier.

Sélectionnez l’objet Zone réactive. Cliquez sur la clé. Les paramètres possibles apparaissent. Laissez les critères de couleurs par défaut ain-si votre zone restera transparente. Dans la zone « Visibilités liés au survol », saisissez « +2 » (le numéro 2 correspondant à l’objet image 2 de la bouteille de lait. Remarques

-si vous voulez faire apparaître plusieurs objets, saisissez leur numéro, précédé du signe +, en les sépa-rant par des virgules; -si vous voulez au contraire faire disparaître un objet, remplacez les « + » par des « - »; -vous pouvez aussi effectuer les deux actions simultanément sur plusieurs objets.


Utiliser Didapages

��

Le bouton multiposition

Cet outil permet de faire apparaître un bouton pouvant changer de couleurs

Un cadre apparaît alors comme un objet transparent.


Couleur de départ du bouton

Couleur après le 1er clic

Couleur après le 2ème clic

Couleur après le 3ème clic

Remarque : - en cliquant une 4ème fois vous retrouvez la position 1 (pour l’exemple : le bouton gris)

Les paramètres de cette zone, associer à un bouton de valida-tion, d’afficher des messages, des objets (en utilisant le prin-cipe du « + ») ou encore des scores.


Utiliser Didapages

��

Le bouton multifonction

Cet outil permet de faire apparaître un bouton pouvant changer de couleurs


Vous pouvez nommer le bouton (ex : IMPRIMER)

Faire un lien sur une adresse internet

Pour imprimer une ou plusieurs pages (il suffit de séparer les numéros de pages par une virgule)

Couleur après le 1er clic

Remettre à zéro une ou des pages (il suffit de séparer les numéros de pages par une vir-gule).

Groupe tice 85 Créer un CD-Rom Didapages 1

Utiliser Didapages

Créer un CD-Rom Didapages

qui démarre automatiquement

● Générer le projet Didapages

● Lecteur Didapages exécutable ● Création du fichier de démarrage

● Gravure du projet sur CD-Rom

Générer le projet Didapages

Vous avez créer un projet didapages. Il vous faut ensuite le générer en suivant la procédure. Notez bien où vous l’avez enregistré.

Il s’agit d’un dossier qui porte le nom de votre projet et qui contient :●L’ensemble des sons utilisés●L’ensemble des images utilisés●Le fichier data.xml●Le fichier lecteur.swf●Le fichier index.html

Utiliser Didapages

Groupe tice 85 2 Créer un CD-Rom Didapages

Lecteur Didapages exécutable

Par défaut votre projet didapages s'ouvre dans un navigateur Internet lorsque vous cliquez sur index.html .

Afin que votre projet s'ouvre en plein écran il faut copier dans ce même dossier le fichier lecteur.exe.(qui permet de lire les livres didapages)Celui-ci remplace les fonctions des fichiers index.html et lecteur.swf lesquels peuvent être supprimés.

Pour lire votre projet cliquer sur lecteur.exe : il s'ouvre désormais en pleine écran.

Groupe tice 85 3

Création du fichier de démarrage

Pour que le CD-Rom démarre automatiquement, il faut créer un fichier nommé Autorun.inf qui indique quella application ouvrir.

1 Ouvrez le bloc-notes de Windows :Démarrer ��Tous les programmes �� Accessoires �� Bloc-notes

2 Saisissez le texte suivant :[autorun]OPEN=lecteur.exe

3 Enregistrer le fichier dans votre projet Didapages (avec le fichier lecteur.exe) et nommez-le Autorun.inf

Utiliser Didapages


Gravure du projet sur CD-Rom

Groupe tice 85 4

1 Lancer votre logiciel de gravure et choisissez CD de Données .

2 Ajouter tous les fichiers de votre projet didapages. Ceux-ci doivent être à la racine du CD-Rom.Ne prenez pas le dossier lui-même.

3 Gravez le CD-Rom.Celui-ci doit normlement démarrer automatiquement lorsqu'il ser insérer.

Sinon, il faudra cliquer sur lecteur.exe

Utiliser Didapages


Documents

présentation générale de didapagesdsden02.ac-amiens.fr/.../Tutoriel_Complet.pdfGroupe tice 85 Présentation générale de Didapages Utiliser Didapages ¤ Préparation des objets