logo Federation cegeps

Create a clickable diagram

This resource is in French. For a translation in English, please contact us.

Contexte

Mon appel à tous est en lien avec l’élaboration du Guide pour planifier, réaliser et évaluer l’impact d’une activité pédagogique TIC sur la réussite (les travaux vont très bien, soit dit en passant). Le guide sera incorporé dans Profweb.

De façon à alléger la présentation, les membres de l’équipe ont décidé d’offrir un schéma TPaCK-E cliquable à chaque étape du guide (1. spécifier les déclencheurs 2. formuler les objectifs 3. planifier-réaliser 4. faire le bilan). Les enseignants cliqueront sur les éléments qui les intéressent et obtiendront l’information en fonction de leurs besoins.

  • Par exemple, à l’étape Spécifier les déclencheurs, en cliquant sur Contenus, de l’information apparaîtra et cette information pourra éventuellement contenir des liens cliquables (voir image plus bas).

Question

Est-ce que vous connaissez des logiciels ou des façons de faire permettant de créer un schéma cliquable ?

Actions à la suite de cet appel à tous

J’ai essayé LucidChart et ThingLink. Ces deux applications sont intéressantes, mais je n’ai pas été en mesure de produire ce qui correspondait à mes besoins. Par exemple, avec Thinglink, je n’ai pas pu personnaliser l’affichage (voir essai ThingLink que j’ai fait : affreux !)   D’autres solutions ont été proposées, mais je n’ai pas l’expertise et le temps me permettant d’aller plus loin.

Je crois que nous devrons faire affaire avec une personne qui possède une expertise dans le domaine, à moins que quelqu’un du Réseau REPTIC soit à l’aise avec cela et lève une main virtuelle pour nous accompagner !

Détail des réponses

ÉTABLISSEMENT/REPTIC

RÉPONSES

Bois-de-Boulogne
Jessika Groleau

Il est possible de le faire avec des canevas dans Excel (diagramme de flux) ou encore de cette manière https://www.youtube.com/watch?v=Fy1GZ6LcCbI

Chicoutimi
Michèle Deshaies

Thinglink  https://www.thinglink.com/

Genially (en français)  https://www.genial.ly/

Drummondville
David Pellerin

Genially (en français)  https://www.genial.ly/

Édouard-Montpetit
Julie Dessureault

Thinglink  https://www.thinglink.com/

Lanaudière – L’Assomption
Jean-Luc Trussart

PowerPoint avec des URLS internes. On peut par la suite tout transférer en PDF: https://support.office.com/en-us/article/add-a-hyperlink-to-a-slide-239c6c94-d52f-480c-99ae-8b0acf7df6d9

Sinon, en HTML, il est possible de « mapper » une image à

https://www.image-map.net/

<map name=”image-map”>

    <area target=”” alt=”” title=”” href=”” coords=”405,376″ shape=”rect”>

</map>

O’Sullivan – Québec
Michelle Deschênes

J’ai fait quelques recherches et je crois qu’il y a deux options :

●      Utiliser une application comme Thinglink (tu peux le faire toi-même, c’est gratuit, mais tu ne peux pas personnaliser l’affichage)

●      Ou faire faire l’intégration « personnalisée » dans une page par un développeur web (tu peux tout personnaliser avec un coût associé, mais la maintenance peut être plus laborieuse).

Comme tu peux voir, les deux ont des avantages et des inconvénients, je pense que tu es la mieux placée pour choisir…

Outaouais
Jean-François Nadeau

 Lucidchart  www.lucidchart.com

Rimouski
Nelson Jean

 Lucidchart  www.lucidchart.com

Valleyfield
Myriam Arsenault

https://www.thinglink.com/edu

https://www.genial.ly/fr .

●      Tutoriels : https://www.google.ca/search?q=genially+tutoriel&rlz=1C1GCEA_enCA782CA782&oq=genially+tutoriel&aqs=chrome..69i57j69i60.9293j0j7&sourceid=chrome&ie=UTF-8

Vieux Montréal
Daniel Bourry

 Avec GIMP, il est possible de générer facilement le code HTML <MAP>

http://www.supinfo.com/articles/single/2823-creer-une-image-interactive-html-avec-gimp

 

Écrire une réponse