Quel outil utiliser pour vos images interactives ? Ajouter des éléments interactifs à une image permet souvent d’économiser de nombreux paragraphes d’explication et d’exploiter tout le potentiel visuel d’un article. Trois outils en ligne permettent aujourd’hui de créer des images interactives. Si vous n’êtes pas convaincu(e) par l’intérêt pour les journalistes d’utiliser l’image interactive, lisez notre liste des 7 raisons de le faire. ↑1 » Thinglink Thinglink a tout de l’outil idéal. C’est à dire qu’en indiquant l’adresse d’une vidéo Youtube, d’une photo Flickr ou d’une compte Twitter, l’outil embedde automatiquement leur contenu dans son infobulle. Deuxième avantage : la variété des icônes disponibles, qui permet au lecteur de différencier aisément une vidéo d’un lien Amazon ou d’un compte Facebook. Troisième point fort : la facilité d’utilisation. Quatrième atout : la dimension très sociale du service. Voilà ce que cela donne : Des utilisations de Thinglink par France Diplomatie, CNN, le HuffPost ou L’Echo. ↑2 » Stipple [/MàJ] Décevant :
Utiliser Thinglink en contexte pédagogique – Circonscription de Castelnau-le-Lez Thinglink est une plateforme web qui permet de rendre interactives des images en leur ajoutant texte, vidéos, et liens vers des pages web. De quoi imaginer tout un tas d’applications pédagogiques pour la classe. Les plus du service ? Qu’est-ce que c’est ? Il est gratuit en version basique enseignant (suivi de 100 élèves maximum) .Il est sécurisé (les élèves n’ont accès qu’à ce que l’enseignant souhaite, il n’y a ni pub ni images inappropriée).Il est multiplateforme (pc, mac, tablettes Apple ou Android).Il donne la possibilité d’intégrer les images interactives dans l’ENT académique ! Il est important de comprendre que l’avantage de cet outil est qu’il peut être autant utilisé par l’enseignant que par l’élève : l’enseignant l’utilisera pour créer du contenu interactif, attrayant et engageant ; l’élève l’utilisera pour enrichir ses productions, pour s’évaluer, pour approfondir son travail. Comment ça marche ? Des idées et des exemples d’utilisation
Créer une carte postale sonore | DocTICE – Site des document@listes de l'académie de Besançon Depuis plusieurs années, nous formons une équipe pluridisciplinaire que je coordonne afin de monter un projet d’action culturelle, “Lettres à ma ville”. L’idée est d’amener les élèves à porter un regard neuf sur leur environnement proche. La question a été en fin d’année du rassemblement et de la mise en forme des différents documents créés. Nous avons testé de nombreux outils mais aucun ne donnait la possibilité de créer, gratuitement, une forme qui comporte à la fois des images, du texte et des éléments sonores de façon fluide. J’ai donc donc proposé la création d’un album avec l’outil storify, qui permet une lecture chronologique du projet ainsi que la réalisation d’une carte postale sonore avec les élèves. Le travail a comporté plusieurs temps. Puis ils se sont enregistrés à tour de rôle avec un micro et les fichiers audio ont été posté sur le cloud pour une utilisation ultérieure. L’idée est d’utiliser une photo libre de droit comme support d’une présentation de documents multimédias.
Thinglink : l'outil qui dynamise vos pages web (Tuto vidéo) Bonjour ! Aujourd’hui je voudrais vous parler d’un outil web très bien pensé et simple d’utilisation. En 5 mn, il apportera du dynamisme aux pages de votre site web, en même temps que de l’interaction et une dimension partageable ! J’ai découvert cet outil il y a près d’un an, et j’ai eu l’occasion de le tester sur d’autres sites internet. Cet outil, c’est Thinglink. Dans cet article, je vous propose un tuto vidéo pour apprendre à s’en servir. Thinglink, c’est ça ! Thinglink permet d’ajouter de l’interaction à une simple image, en faisant apparaitre de petites infobulles cliquables. Vos images peuvent parler… Encore + ! Vous voyez le concept ? Vous pouvez insérer des vidéos, des google map, des sons, du texte, des badges de réseaux sociaux, des liens… Sans compter que chaque image dispose d’un code « embed », qui permet à n’importe quel internaute de placer l’image interactive sur son site web ! Pour le moment, je ne suis jamais tombé sur un site d’association incluant Thinglink.
Enrichir l’apprentissage et l’enthousiasme des élèves par l’image interactive | Images interactives ThingLink aider les élèves à développer des compétences du 21e siècle et d'enrichir leur enthousiasme pour l'apprentissage. Les enseignants peuvent utiliser des images ThingLink sous forme de modules d'apprentissage interactifs (ILM) qui activent la créativité des élèves par des expériences d'apprentissage efficaces. Si vous êtes un professeur ou un élève, vous pouvez vous inscrire à la rubrique éducation ; c'est GRATUIT. Nouveau applications pour IOs et Android. Le site Web : Un exemple en lien : Panorama de l'offre de services numériques disponibles à la rentrée 2013 Un exemple (intégration dns un blog, site, ENT) Mondial de foot 2014 – état des lieux des stades Créer d'authentiques histoires interactives autour d'événements historiques à l'aide des médias (vidéo, son, photos, mots écrits, etc) disponibles en ligne. Démo en vidéo :
Pictogon. Créer des images interactives facilement – Les Outils Tice Pictogon est un outil formidable qui va vous permettre d’injecter facilement une bonne dose d’interactivité à n’importe quelle image. Un service en ligne à découvrir pour créer des ressources pédagogiques pour vos cours de manière simple et même ludique. Pictogon de cartographier des zones dans une image pour ensuite pouvoir les rendre actives lorsque quelqu’un passe ou clique avec sa souris dessus. Pictogon vous fournit quatre exemples pour commencer et vous entraîner avant de vous lancer dans le grand bain et créer votre propre image. Une fois à l’écran vous allez pouvoir définir une ou plusieurs zones en les entourant des points pour en délimiter les contours. Pour chacune d’entre elles, une zone d’édition va vous permettre de définir toutes les interactions possibles. Une fois que vous avez terminé de créer les zones et les actions liées pour chacune d’entre elles, il ne vous reste plus qu’à sauvegarder. Lien : Pictogon
index Image #1 Feather shadow Drop an image into this field Features Native HTML5 & JavaScript background subtraction Client side image conversion MagicEdge and MagicWand tools Edge Feather NEW v1.1.0 Auto and Manual Crop NEW v1.1.0 Easy to use Undo and Redo for selection tools NEW v1.0.4 Crossbrowser support Auto conversion from JPG, GIF to PNG Preview before save Edge blur Zoom and Pan Easy integration - JS & CSS Include js and css files: <script type="text/javascript" src=". jQuery(document).ready(function() { initializeMagicEdge(); }); function initializeMagicEdge(){ var me = new MagicEdge(); me.init(document.getElementById("magicEdgeHolder")); } Testimonials " I bought News Ticker, FLV player and Navigation Pro components. " AWSSOFT has excellent components with many advanced features. " Yes, really a great support.
Travailler et améliorer le langage oral en maternelle en utilisant des tablettes tactiles Les enseignants de l’école maternelle Cologne située en REP+ à Besançon, utilisent les tablettes tactiles pour travailler le langage oral avec leurs élèves. Chacun d’entre eux possède un ipad sur lequel a été installé l’application BOOK CREATOR. En partant d’un support de langage (album, activité de psychomotricité ou sortie), la classe construit un livre numérique sur les pages duquel des pastilles audio, réalisées par les élèves, sont ajoutées. Après la visite, un groupe de 4 à 7 élèves est réuni pour commenter les photos qui ont été prises. On travaille dans ce cas essentiellement le langage d’évocation, un champ lexical spécifique auquel l’enseignante adjoint quelques tournures syntaxiques simples (ici on retrouve « il y a », « on voit » et « voici »). En préalable de l’activité, l’enseignante dit explicitement ce que l’on va faire : parler. Puis elle présente une image aux élèves et ceux-ci font des propositions de commentaires. Pour consulter le blog de l’école Cologne, cliquez ICI.
Comment trouver la taille des images de son blog? Ce qui fait la qualité visuelle d'un blog réside dans le fait qu'on a une impression de clarté. Ce qui participe à donner cette impression sont les images qui illustrent vos articles. Quand ces dernières sont de toutes les tailles selon vos articles et à l'intérieur même de ces derniers, l'impression de désordre règne. Afin de remédier à cela, il faut que vous connaissiez la taille exacte de la largeur de votre blog afin de pouvoir ajuster vos images en conséquence. C'est ce que je vous propose d'apprendre avec ce tutoriel. Comment connaître la largeur de sa colonne de blog? Le contenu de votre blog sur wordpress est en général défini par la taille de votre .entry-content dans votre feuille de style. Nous allons voir comment la trouver. Faites un clic droit là où se trouve votre contenu.Cliquez sur inspecter l'élément. Pour mettre vos images à la bonne taille vous pouvez utiliser n'importe quel logiciel éditeur d'images. Améliorez votre présence en ligne Encore une petite étape!
Image interactive : quels outils utiliser ? L’image interactive est un média très apprécié tant des élèves que des enseignants. Mais avec quels outils la réaliser et la diffuser auprès de vos apprenants ? Voici quelques conseils et quelques propositions d’outils pour vous aider. L’image interactive est un support pédagogique aussi simple qu’efficace : une image de fond présente des points ou des zones sur lesquelles l’apprenant clique pour : afficher une information textuellefaire surgir une autre image faire jouer un enregistrement audio ou un podcastdéclencher le démarrage d’une vidéoouvrir une visite virtuelle à 360°donner accès à un dispositif immersif (vidéo 3D, réalité virtuelle ou augmentée)etc. Et donc, à partir d’une image de fond, on peut explorer d’autres médias liés à la même thématique. 3 outils pour créer une image interactive Je vous propose d’explorer ici 4 outils différents pour créer une image interactive : ThinglinkGeniallyInteractiv-img Comparatif d’outils de création d’image interactive Thinglink Genially WordPress:
Thinglink. Creer des images interactives. Thinglink est un outil en ligne qui va vous permettre de créer des images interactives et de les partager facilement. Autant l’avouer tout de suite je suis un grand fan de ThingLink, dont j’ai déjà parlé ici sur Allweb2. ThingLink a de mon point de vue un gros potentiel pour un usage en classe et plus largement dans l’enseignement. Thinglink permet d’insérer des points multimédias dans une image fixe. Autrement dit dans une photo. Ainsi vous allez pouvoir raconter toute une histoire ou enrichir ce que dit une photographie avec des encadrés multimédias reconnaissables sur l’image par des points. Après vous être inscrit, vous devez ajouter une photographie pour créer votre première image interactive. Les visiteurs qui verront votre image pourront s’ils le souhaitent déclencher ces compléments multimédias à leur guise en cliquant sur les points. Dans la classe. Le potentiel est énorme. Très facile à prendre en main et à utiliser, Thinglink est un coup de coeur. Lien : Thinglink.
Outils web gratuits pour s'amuser à créer des logos & images Sur le web, on trouve toujours des tas de petites choses pour passer quelques instants en s’amusant à créer des images, illustrations et autres logos, ce gratuitement. Personnellement, j’aime bien découvrir de nouveaux sites qui sortent un peu de l’ordinaire, même s’ils ne valent pas forcément la peine qu’on y revienne plusieurs fois par la suite. L’idée, en ce dimanche pluvieux et gris sur Paris, c’est de prendre quelques minutes pour sourire en créant des petites illustrations pour animer ses comptes de réseaux sociaux ou pour ses articles de blogs. Récemment, je suis tombée en cherchant des sources sympas pour créer des logos et autres visuels, sur des sites parfois un peu kitsch. Textgiraffe.com : Voici un site qui ne paye pas de mine et qui sert à la base à customiser des petits logos qui sont destinés à différents supports comme des T-Shirts, Badges ou sacoche d’ordinateur portables. L’utilisation est simplissime. Vous l’aurez compris, Uncle Sam wants you to have fun on Sunday !
Free Image Optimizer - Compress and resize photos Using this free online service, you can resize, compress and optimize your image files. Using the service is as easy as clicking of button! Optimized images are better! They are more suitable for web pages, email attachments, or even storage on your disk. Give it a try now! Optimize Now Your Image Optimization Download Free! You can now download image optimizer on your computer and resize and compress your images with a single click! Why should I download? It's super fast! From the Creators of Image Optimizer Learn More
⇒ 10 points pour optimiser les images et booster vos performances Si vous voulez booster les performances de votre site, le premier point auquel faire attention est les images. Statistiquement, même si les débits augmentent, la taille des pages augmente également. Seulement les performances d’un site et plus particulièrement sa vitesse de chargement est importante dans la réalisation de vos objectifs. Le graphique ci-dessous est relativement éloquent. La taille moyenne des pages en Janvier 2015 atteint 1Mo dont les 2/3 sont représentés par les images du site. Réduire le poids des images revient donc à réduire le poids de 2/3 de tous les éléments que composent une page moyenne en 2015. Compresser les images sans perte de qualité Plutôt que de vous donner une astuce de sioux en ligne de commande pour ce premier point, je vais plutôt vous orienter vers le logiciel FileOptimizer pour Windows et Linux et ImageOptim pour OS X. Taille d’image adaptée C’est un peu plus problématique en responsive mais le même principe s’applique. Enregistrer pour le web Jérôme