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
Groupe tice 85 Présentation générale de Didapages
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
Groupe tice 85 Présentation générale de Didapages
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".
Groupe tice 85 Présentation générale de Didapages
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.
Groupe tice 85 Présentation générale de Didapages
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.
Groupe tice 85 Présentation générale de Didapages
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
Utilisation de Didapages
Créer une page
Groupe tice 85 Créer une page avec Didapages
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
Groupe tice 85 Créer une page avec Didapages
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.
Groupe tice 85 Créer une page avec Didapages
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.
Groupe tice 85 Créer une page avec Didapages
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).
Groupe tice 85 Créer une page avec Didapages
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.
Groupe tice 85 Créer une page avec Didapages
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.
Groupe tice 85 Créer une page avec Didapages
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
Groupe tice 85 Créer une page avec Didapages
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
Groupe tice 85 Créer une page avec Didapages
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.
Groupe tice 85 Créer une page avec Didapages
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).
Groupe tice 85 Créer une page avec Didapages
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
Utilisation de Didapages
Créer un exercice
Groupe tice 85 Créer un exercice avec Didapages
Créer un exercice avec Didapages
�
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.
Groupe tice 85 Créer un exercice avec Didapages
Créer un exercice avec Didapages
�
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
Groupe tice 85 Créer un exercice avec Didapages
Créer un exercice avec Didapages
�
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.
Groupe tice 85 Créer un exercice avec Didapages
Créer un exercice avec Didapages
�
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
Groupe tice 85 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.
Groupe tice 85 Quelques fonctions complémentaires
Utiliser Didapages
��
Grille de mise en page
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.
Groupe tice 85 Quelques fonctions complémentaires
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.
Grille de mise en page
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.
Groupe tice 85 Quelques fonctions complémentaires
Utiliser Didapages
��
Le bouton multifonction
Cet outil permet de faire apparaître un bouton pouvant changer de couleurs
Grille de mise en page
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
Créer un CD-Rom 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
Créer un CD-Rom Didapages