Utiliser le site Thinglink pour crer des images interactives

Le site Thinglink (http://www.thinglink.com/) permet de rendre interactives des images en leur adjoignant du texte,
des vidos, des liens vers des pages web, de quoi imaginer tout un tas dapplications. Le must : la possibilit
dintgrer ces images interactives dans nos ENT / BLOGs dtablissement.

Pour utiliser le site, il convient, dans un premier temps, de crer un compte. Procdez comme suit :

Rendez-vous
sur le site
Cliquez sur le
bouton rouge Join
now

Sinon, remplissez les

champs du formulaire ci-
contre.
Name : choisissez un
identifiant
Email : entrez une adresse
mail valide
Password : entrez un mot
de passe
Confirm password : entrez
Si vous disposez dun compte facebook, nouveau ce mot de
twitter ou google, vous pouvez utiliser ces passe
comptes pour vous inscrire (cliquez sur le
bouton correspondant votre situation). Validez votre inscription en cliquant sur le bouton bleu.

On vous propose
de construire un
flux. Cliquez
directement sur le
bouton gris Go to
your stream

Stphane RAYMOND
 Votre compte est cr, vous pouvez dsormais utiliser gratuitement le site. Commencez par charger sur le site
limage que vous souhaitez rendre active :

Cliquez sur le bouton

Create

(a) (b) (c) (d)

Vous pouvez (a) tlcharger une image depuis votre disque dur ou lamener sur la page par glisser-
dposer, (b) limporter depuis un album photos facebook, (c) limporter depuis la banque dimages
publiques de Flickr ou (d) la charger en indiquant son adresse web. Choisissons la 1re mthode.

Cliquez sur le bouton bleu (au survol, un petit

plus saffiche)

Rendez-vous dans le dossier o se trouve

limage que vous souhaitez rendre active.
Cliquez sur limage pour la rendre active

Validez votre choix en cliquant

sur le bouton Ouvrir

Stphane RAYMOND
 Votre image est charge, vous pouvez maintenant commencer travailler dessus et par exemple insrer une
vido :

Adaptez sa taille votre

Donnez-lui un titre
convenance (+ agrandit, - rtrcit)

Recherchez dventuels
contenus lis

Cliquez sur le contenu

qui vous intresse

Compltez le texte qui

saffichera sous licne de
vido

Un clic sur le bouton dicne vous permet de

slectionner licne de votre choix

La vido apparat en
miniature avec le texte que vous
avez dit. Vous pouvez
dplacer licne (on parle de tag
ici) o vous le souhaitez sur
limage.

Noubliez pas denregistrer

votre insertion en cliquant sur le
bouton vert

Stphane RAYMOND
 Vous pouvez galement utiliser limage en vue dun travail dcoute ou de lecture en introduisant du lexique par
tags :

Notez le lexique qui

Cliquez lendroit
devra safficher au
o vous souhaitez
survol de licne par la
insrer un tag
souris

Enregistrez votre
tag
Procdez de mme pour insrer dautres tags.
Vous pouvez tout moment modifier les tags
(texte ou icnes) en cliquant dessus

Imaginons que vous ayez cr en ligne une activit interactive lie au lexique introduit (quizlet, learningapps, ),
vous pouvez galement insrer des tags liens pointant vers ces activits :

Cliquez lendroit
o vous souhaitez Remarque : je peux, de cette
insrer le tag faon, pointer vers nimporte
quelle ressource sur la toile
(vido non trouve par la
fonction de recherche, image
en ligne, article wikipedia, ).
Lon pourrait donc trs bien
imaginer les lves raliser de
telles animations comme
supports par exemple
dexpressions orales en
Entrez ladresse de la page web
continu
en question (copier-coller)

Insrez ventuellement un commentaire

Sauvegardez

Une fois que lon a insr ses diffrents tags, il convient de sauvegarder le travail, cliquez, pour ce faire, sur le
bouton vert plac en bas droite de la fentre

Stphane RAYMOND
 Dsormais au survol de limage, les tags saffichent, rendant limage interactive :

Le menu plac sur la droite permet un certain nombre dactions :

Bascule en mode interactif

Permet de revenir ldition de limage

Permet de dfinir les proprits de partage de limage

Permet de visualiser les statistiques lies limage

Permet de supprimer limage et tous les tags qui lui

sont associs

Pour insrer limage dans un article ENT, on peut faire un

lien pointant vers limage

Cliquez sur le bouton dinsertion

Copiez - collez ladresse

Validez laide du bouton OK

Stphane RAYMOND
 On peut aussi insrer limage par iFrame

Cliquez sur le bouton Source

Cochez loption
Pour un iFrame

Modifiez ventuellement la taille de limage (par exemple : 650 x 472)

Cliquez sur le bouton bleu

pour copier le code iFrame

Collez le code iFrame

Validez la cration de larticle via le bouton Valider

Conseil : Pour un confort visuel maximum, ne pas hsiter masquer le menu de

gauche de lENT en cliquant sur licne place droite de licne de bote outils

Remarque : Il ne vous reste

plus qu imaginer les
diffrents usages que vous
ou vos lves pourront faire
de cette application
(prparation de supports
dexposs, webquest, )

Stphane RAYMOND