STIC Discussion:STIC I - exercice 2 (Aegir)

De EduTech Wiki
Aller à la navigation Aller à la recherche

1 Question de Orfelis sur les images pour l'exercice -- Mattia A. Fritz (discussion) 14 octobre 2020 à 11:48 (CEST)

Bonjour,

Si j'ai bien compris, l'objectif de l'exercice2 et travailler sur les images vectorielles .svg. mais médiant des autres existantes. Ma question: j'ai créé ces deux images car je veux travailler sur le sujet les méthodes de design pédagogique. C'est valable pour les consignes de continuer avec ces images car il son très simples ou je dois prendre une autre existant et la modifie. Merci beaucoup. Bonne journée.

1.1 Re: Question de Orfelis sur les images pour l'exercice -- Mattia A. Fritz (discussion) 14 octobre 2020 à 11:55 (CEST)

Bonjour,

j'ai déplacé votre question ici dans l'onglet discussion.

Au niveau des consignes techniques il faut simplement :

  1. Que les images soient en format .svg
  2. Que vous avez apporté des modifications à au moins l'une de deux images avec un éditeur d'image ou dans le code

Après il y des critères d'évaluation liés à la complexité et originalité du dispositif, ainsi que à sa capacité pédagogique de répondre aux besoins que vous avez identifiés. Les dessins SVG permettent d'afficher des éléments graphiques plus ou moins complexes et c'est à vous d'identifier quels processus d'apprentissage vous pouvez activer à travers votre Flash card. Si vous imaginez le public cible de votre dispositif tourner les deux images, qu'est-ce qu'ils vont apprendre ? Quel est la plus-value du flip de l'image comparé par exemple à avoir une seule image ? Etc.

Dans l'exemple du cerveau, il y a l'avantage d'une représentation graphique des lobes du cerveau qui présentent des avantages au niveau visuo-spatial : vous avez les lobes et les labels qui s'affichent au même endroit pour maximiser une forme de double encodage de l'information.

J'espère que cela répond à votre question, Mattia

2 Problème d'affichage des labels -- Florent Dupertuis (discussion) 19 octobre 2020 à 09:19 (CEST)

Bonjour,

Lorsque je clique sur le bouton, l'affichage des labels ne correspond pas à mon image "avec labels": les flèches et les mots qui s'affichent ne se positionnent pas au bon endroit.

Probleme-affichage.png

Pouvez-vous m'orienter pour comprendre d'où vient le problème?

Lien vers mon dispositif: http://tecfaetu.unige.ch/etu-maltt/aegir/dupertf9/stic-1/ex2/

Bonne journée, Florent Dupertuis

2.1 Re: Problème d'affichage des labels -- Mattia A. Fritz (discussion) 19 octobre 2020 à 11:25 (CEST)

Bonjour,

il semble un problème avec votre image .svg. Parfois lorsqu'on travail avec les fonts, il peut y avoir des différences entre l'image que vous avez en Inkscape et l'image que vous avez après dans le navigateur. Vous avez deux options :

  1. Essayer avec un autre font
  2. Transformer chaque bout de texte en dessin en le sélectionnant et en utilisant le menu Path > Object to path

Cette deuxième opération à le désavantage que le texte après ne peut pas être modifié facilement (i.e., simplement en saisissant des nouvelles lettres ou lettres différentes). Par contre, la transformation en path permet de garder exactement l'aspect original.

J'espère que cela vous aide à résoudre le problème, Mattia

2.2 Re: Re: Problème d'affichage des labels -- Florent Dupertuis (discussion) 19 octobre 2020 à 12:08 (CEST)

Rebonjour,

Merci pour votre réponse. J'ai fait la 2ème option et cela fonctionne! J'ai aussi groupé tous les éléments de l'image sans être sûr que cela était nécessaire aussi.

Bonne journée, Florent

2.3 Re: Re: Re: Problème d'affichage des labels -- Mattia A. Fritz (discussion) 19 octobre 2020 à 13:04 (CEST)

Non, en effet le groupement n'a pas d'influence sur cet aspect. Mais c'est souvent pratique de grouper tous les éléments lorsque le dessin est considéré achevé, car cela diminue les chances de modifier/déplacer un élément par accident (on peut d'ailleurs bloquer aussi les niveaux à cet effet). De plus, cela facilite l'alignement de l'ensemble du dessin par rapport au stage.

Faites attention que vous avez publié le dispositif à l'URL qui est prévu pour le rapport. Essayez dans le futur de publier vos fichiers déjà à un endroit qui peut rester stable dans le temps ;)

3 Affichage différent de mon .svg sur inkscape et sur navigateur -- Franck G. (discussion) 21 octobre 2020 à 14:25 (CEST)

Bonjour,

J'ai créé un schéma au format svg sur inkscape pour ma flashcard. Je voulais présenter le triangle pédagogique en le montrant d'abord vide puis faire apparaître les légendes. Vous trouverez ci-joints des screenshots des différents affichages de mon svg.

Aperçu sur InkScape
Aperçu dans Chrome, depuis ma page html

Comment faire pour que tout ne soit pas décalé ?

Franck

3.1 Re: Affichage différent de mon .svg sur inkscape et sur navigateur -- Franck G. (discussion) 21 octobre 2020 à 14:56 (CEST)

Je remercie Florent pour m'avoir contacté en privé et proposer une solution qui fonctionne !

L'outil de zone de texte de InkScape écrit effectivement du texte, mais ne transforme pas par défaut les caractères écrits en "chemins" (paths). Pour ce faire, il faut sélectionner le texte dans InkScape puis aller dans Chemin > Objet en chemin (Maj+Ctrl+C). À ce moment, chaque caractère devient un chemin et cela résout le problème de positonnement sur Chrome.

3.2 Re: Re: Affichage différent de mon .svg sur inkscape et sur navigateur -- Mattia A. Fritz (discussion) 21 octobre 2020 à 15:05 (CEST)

Bonjour,

oui en effet il s'agit du même problème de votre collègue Florent (voir discussion précédent). Il existe d'autres alternatives, comme incorporer le font ou choisir un font plus conventionnel, mais en effet le passage en chemin est la solution la plus sûre.