Atelier DP #15 Lutilisation de loutil dessin et linsertion dimages dans le KF Présenté et animé...

Atelier DP #15

L’utilisation de l’outil dessinet

l’insertion d’images dans le KF

Présenté et animé par:Vincent Gagnon

Christian Perreault

Versions du KF visées : 4.8 et 4.8.1

Conditions technologiques

Modes Insertion de dessins et d’images dans une perspective

Insertion d’une image dans une note

Léger oui oui

Neuronal (déprécié) oui oui

Arborescence NON* on peut toutefois joindre une image, i.e. fichier joint

oui

Conditions technologiques

Privilèges \ Fonction Créer Effacer(Éditer → Effacer)

Supprimer(Éditer → Supprimer)

Scripteur(élèves)

Auteur de l’objet

oui non

oui

Autresnon

Éditeur(enseignants) oui oui oui

Gestionnaire(ÉRI) oui oui oui

Quelques raisons d’utiliser l’outil dessin ou d’insérer des images dans une perspective sur

le KF

• Améliore la facture visuelle• Développe l’intuitivité

• Facilite la navigation et le repérage• Personnalise son espace-enseignant

• Suscite l’intérêt des participants• Stimule l’imagination en situation de départ

• Mettre l’accent sur des éléments• Organiser les idées

Accéder à l’outil dessin

Pour accéder à l’outil dessin, il suffit de cliquer sur le bouton du pinceau dans la barre d’outils

verticale sur le KF

La barre d’outil dessin apparait:

Outil dessin – Le pointeur

La flèche ou le pointeur sert à sélectionner des éléments qui ont été créés à partir de l’outil

dessin. (formes, textes, traits, etc.)Si vous avez créé un élément et que vous voulez le

sélectionner dans le but de le déplacer, de le redimensionner ou de l’effacer, il faudra que vous

utilisiez le pointeur.

Outil dessin – Texte

Le bouton « T » de la barre de dessin sert à créer et insérer un texte dans sa perspective. On pourra choisir la police, la taille, le style et la couleur.

L’outil texte sera particulièrement utile pour identifier clairement la perspective. Il est aussi possible

d’identifier une portion de perspective ou de diviser sa perspective principale en sections (voir les

exemples à la page suivante).

Outil dessin – Texte

Outil dessin – Texte

Outil dessin – TextePour fixer l’apparence d’un texte

Important si vous utilisez une police non usuelle, c’est-à-dire non communes aux systèmes d’exploitation répandus (i.e. différente de Arial, Helvetica, Times New Roman, Verdana, etc.).

En fait, le texte ne peut être rendu de la façon conçue/souhaitée si l’utilisateur ne possède pas la police d’origine.

Par conséquent, pour fixer l’apparence d’un texte, il existe la fonction « Snapshot » (Objets → Snapshot). Celle-ci converti l’objet sélectionné en image (format PNG avec transparence).

À noter qu’une fois converti en image, le texte n’est plus modifiable.

Outil dessin – Pinceau

Le pinceau sert à effectuer des retouches « à la main » dans sa perspective. Travailler avec le pinceau donne un petit côté

humain à ce qui est ajouté. Il permet d’encercler, de souligner, de faire des flèches, etc. Bref, il vous est possible

de dessiner ce que vous désirez grâce à cet outil. (voir exemple à la page suivante)

Vous pouvez ajuster la dimension du trait, la couleur ainsi qu’ajouter l’option remplissage qui permet de créer des

formes pleines.

Outil dessin – Pinceau

Outil dessin – Ligne

Le trait permet de tracer des lignes verticale, horizontales ou obliques. Vous voulez effectuer des

flèches bien droites ou encore souligner un mot important dans le titre de votre perspective fait

précédemment avec l’outil TEXTE.

Vous pouvez ajuster la dimension du trait, la couleur ainsi qu’ajouter l’option remplissage qui permet de

créer des formes pleines.

Outil dessin – Ligne

Outil dessin – Formes

L’outil formes permet de tracer des carrés, des rectangles ou bien des cercles dans sa perspective. Un cercle peut aider à mettre l’emphase sur une discussion émergeante ou attirer

l’attention sur une portion de la perspective. Il est aussi possible d’envisager de définir un code couleur avec les

jeunes.

Vous pouvez ajuster la dimension du trait, la couleur ainsi qu’ajouter l’option remplissage qui permet de créer des

formes pleines.

Outil dessin – Formes

Outil dessin – Formes

Insertion d’images

Insertion d’images dans une perspective

Ajouter des images dans Knowledge Forum 4.6, 4.7, 4.8 et 4.8.1

Une image est d’abord considérée comme un fichier joint dans Knowledge Forum (KF). C’est un document créé à partir d’un logiciel d’imagerie externe à KF ou d’une image téléchargée sur le disque dur de votre ordinateur à partir d’Internet qui a comme format (extension) .jpg ou .jpeg, .png .gif, ou .bmp*.

*Attention : les images au format .bmp sont peu recommandables puisqu’elles sont souvent particulièrement lourdes, ce qui risque de ralentir considérablement l’accès au KF.

Une fois que l’image a été ajoutée à une perspective, il est possible d’afficher automatiquement son contenu en fond de perspective. C’est ce que nous allons présenter.

Insertion d’images dans une perspective

A. Télécharger une image dans une perspectiveNote au sujet des dimensions de l’image : vous devez la dimensionner dans un logiciel d’édition d’image (par ex. : Paint) avant de la télécharger sur KF, sinon elle s’affichera selon sa dimension originale.

Pour ajouter une nouvelle image dans une perspective:

1. En mode arborescence ou neuronale, cliquez le bouton Nouveau fichier joint. La fenêtre du nouveau fichier joint apparaîtra :

En mode léger, il faut glisser-déplacer le fichier de l’image de votre ordinateur vers la fenêtre de la perspective et passer à l’étape B.

Insertion d’images dans une perspective

1. Cliquez . La fenêtre de sélection s’ouvrira.

2. Sélectionnez le fichier à joindre à partir du disque dur de votre ordinateur.

3. Cliquez . Le fichier joint apparaîtra dans le champ Fichier de la

fenêtre Nouveau fichier joint.

4. S’il y a lieu, sélectionnez la perspective dans laquelle vous désirez ajouter le

fichier joint à partir du menu déroulant Perspectives. Par défaut, la perspective

dans laquelle vous étiez au moment de cliquer sur Nouveau fichier joint est

affichée.

5. Cliquez .

Insertion d’images dans une perspective

Une fenêtre de chargement apparaît pour présenter la progression du chargement du fichier joint en train d’être envoyé au serveur. Dépendamment du poids de l’image et de la vitesse de votre connexion Internet, le temps de chargement peut varier.

Une fois que le fichier joint est envoyé, il est ajouté à la perspective.

Insertion d’images dans une perspective

B. Afficher le contenu de l’image en fond de perspective.

Pour afficher une image:

1. Sélectionnez le fichier joint en cliquant une fois sur celui-ci à l’aide du bouton de

la souris.

2. À partir du menu déroulant Objets, sélectionnez Montrer en place.

Insertion d’images dans une perspective

3. Le contenu de l’image s’affichera en fond de perspective. Par exemple :

4. Pour Verrouiller l’image et ainsi éviter qu’elle soit déplacée par les autres utilisateurs, à partir du menu déroulant Objets, sélectionnez Verrouiller en place.

Il est à noter que toutes ces opérations sont réversibles. Pour ce faire, il vous suffit de sélectionner le fichier joint et de désélectionner les cases activées à partir du menu Objets.

Insertion d’images dans une perspective

Étape facultative

Modifier l’information d’un fichier joint

L’utilisateur qui a téléchargé un fichier joint peut éditer des informations relatives à ce fichier. KF permet de changer le titre du fichier joint et le nom de la personne qui l’a téléchargé.

Pour modifier l’information d’un fichier joint:

1. Sélectionnez le fichier joint avec la souris.

À partir du menu Objets, sélectionnez Obtenir info.

Insertion d’images dans une perspective

Pour modifier l’information d’un fichier joint:

1. Sélectionnez le fichier joint avec la souris.

2. À partir du menu Objets, sélectionnez Obtenir info.

La fenêtre d’édition du fichier joint apparaîtra.

3. Éditez le titre du fichier joint si nécessaire.

4. Ajoutez un auteur si nécessaire en sélectionnant un auteur à partir du menu

déroulant Sélectionnez un auteur.

5. Retirez un auteur au besoin en sélectionnant un auteur et en cliquant

.

Redimensionner une image

Exemple avec le logiciel Paint, fourni nativement dans Windows

Redimensionner une image

Redimensionner une image

Redimensionner une image

Redimensionner une image

Questions - discussion