Actives
Get flash to fully experience Pearltrees
More Screencasts by jeanettebrooks Requiring learners to listen to slide audio in #Articulate #Storyline before clicking a menu button 6:02 pm Feb 14th
Images actives : create/combine/edit images
Une image mappée, sont dans mon vocabulaire perso des images dans lesquelles on a inséré des liens HTML, cliquables, et qui renvoient vers d’autres pages web donc. Je ne peux pas vulgariser davantage. On peut en avoir l’usage pour créer des menus stylés sur une image, du style sur une carte de France je clique sur un département pour aller sur une page web contenant des infos relatives à ce département… On est tous d’accord sur le vocabulaire? Alors, donc, si vous souhaitez réaliser un truc de ce genre (j’ai déjà eu à faire le truc de la carte de France il y a un petit moment) vous pouvez si vous êtes patient, que vous comprenez vite aller consulter le fabuleux site du zéro qui propose un tuto très explicite sur la question. Il faudra avoir quelques bases de HTML mais rien de bien méchant. Bon par contre si vous êtes fainéant il y a d’autres solutions qui vous permettrons de faire l’impasse sur pas mal de prises de tête.
Créer une image mappée ou cliquable en ligne
Marqueed. Discuter autour d'une image avec la classe. - Les Outils Tice
Marqueed est un outil en ligne qui permet d’échanger, de travailler et de discuter autour d’une image à plusieurs . Le concept de marqueed est assez simple à comprendre. Il permet sur une sorte de tableau blanc virtuel de discuter à plusieurs autour d’une image. Une image que vous pouvez capturer depuis n’importe quelle page Web ou uploader depuis votre ordinateur.
Comment insérerr des liens dans une photo ou une image
Insérer des liens dans une image est un vieux truc de codeur html. Comme je n’y connais rien en code, car ce n’est pas mon métier, je préfère externaliser le code avec des services en ligne ou si j’ai besoin d’un pro, je m’adresse à Bruno Bichet . Exemple ce service que je viens de tester html-map.com qui est, on ne peut plus simple d’utilisation. Il permet d’insérer des liens dans une image. A titre d’exemple voilà l’image suivante qui possède 4 liens.Innovation can be as simple as combining two tools such as iMindMap and ThingLink which were not initially designed to work together. Discover how to turn your mind maps (or any other image) into attractive, interactive and sharable online content using rich media tags from ThingLink. I was looking for an easy way to embed sound and video in my exported mind maps and make them more interactive on the web. My preferred mind mapping software has not feature this option (yet).
http://www.drawmeanidea.com/2012/05/interactive-mind-map-with-thinglink.html
Une image vaut mieux que 1000 mots, c’est bien connu ! Et une image interactive alors ? Rendre des pages Web dynamiques à travers des images, c’est facile mais saviez-vous que vous pouviez aussi rendre vos images dynamiques ? Thinglink permet de rendre vos images interactives grâce à des infobulles qui se dévoilent au survol de la souris.
Comment rendre ses images interactives sur le web ? | Outils
How to Create Interactive Images Using Thinglink
Thinglink is a neat tool for creating interactive images. I first wrote about it last summer and have since mentioned it in a couple of webinars and workshops. Every time I show it to people, it is well received. In the video below, I demonstrate how easy it is to create interactive images using Thinglink . Applications for Education One way that Thinglink could be used in a US History classroom is to have students upload pictures representative of concepts from the Industrial Revolution then tag different parts of the images to link out to further explanations and examples.
Tutoriels
Tutoriel : les étapes de la création d’une image active, pas à pas Animation Flash (cliquer sur l’image pour la lancer) Tutoriel : créer une image active, guide détaillé Cliquer sur afficher/imprimer le document pdf. Clic droit pour le télécharger.
Quand on fabrique des supports de cours ou des ressources de formation, on manipule forcément des objets graphiques, copies d’écran de logiciels ou de services Web, photographies d’œuvre.. toujours libres de droit il va de soi. Il existe tout un panel d’outils pour réaliser ces copies d’écrans, certains permettent même d’insérer des commentaires, des flèches, des bulles, je n’en citerai qu’un seul : S creenpresso , un freeware dont la version PRO est très vite rentabilisée ! Le CRDP de Versailles a développé une solution tout à fait intéressante : Images Actives , un logiciel sous licence GNU/PL publié fin novembre en version 1.0 et destiné à animer les commentaires des images mises en ligne ou projetées sur un écran. Le fonctionnement de cet outil fort bien pensé est particulièrement simple :
“Images Actives” pour des images vraiment attrayantes dans vos cours
Importer une image Dans le panneau « Image », cliquer sur le bouton « Importer une image » (équivalent : raccourci clavier ctrl ou cmd + i). Choisissez sur le disque de votre ordinateur un fichier image au format jpeg, png, gif ou tiff. L'image apparaît maintenant dans le logiciel Images actives. Vous pouvez ensuite choisir sa dimension selon la résolution de votre écran (voir dimensions de l'animation ).
Guide de l'utilisateur
Cet article présentait la version expérimentale d’Images Actives. La version 1.0 est lancée le 30 novembre 2011 et est disponible sur le site : http://images-actives.crdp-versailles.fr/ Du schéma statique au schéma interactif
Logiciel « Images Actives » - Nouveaux usages, nouveaux outils
Stipple est une pepite qui risque bien de faire parler d’elle dans les semaines ou mois à venir. Cette start-up basée à San Francisco propose un outil qui permet de raconter des histoires à l’intérieur d’une image . Stipple va en effet vous offrir la possibilité d’insérer à l’intérieur d’une image des points d’information. Lorsqu’un lecteur va passer sa souris ou cliquer sur un des points il aura accès à l’information que vous aurez inséré. Stipple permet d’ insérer du texte, une url, une localisation, mais aussi de la vidéo ou encore du son. Vous pourrez ensuite partager vos images par mail, sur les réseaux sociaux ou encore les installer sur vore site ou sur votre blog en recopiant un simple code fourni par Stipple.
Stipple. Créer des images interactives
Exemples avec différentes dispositions
Les différents modes et dispositions proposés par le logiciel permettent d’adapter l’animation générée aux objectifs poursuivis : mode quiz ou mode découverte : scénario sous forme de questions/réponses ou bien exploration de l’image ? faire parler une image : bulles ou commentaires audio ? respecter un ordre pour l’exploration/analyse de l’image : numéroter des boutons, déplier des onglets ? Ci-dessous, la même photo, déclinée sous les 2 modes (découverte/quiz) et 5 dispositions (accordéon, bulles, boutons, audio, tablettes), avec des variantes d’apparence (couleurs, transparence, polices de caractères,...). Mode ’découverte’ Disposition ’accordéon’Stick2 est une belle application qui permet à ses utilisateurs de créer des animations en ligne facilement et gratuitement.