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
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.
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.
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 :
ThingLink Vous voulez rendre vos images plus dynamiques ? Alors vous ne pouvez pas passer à côté de ThingLink, non de Zeus ! Le concept est d’une insolente simplicité, vous placez des liens sur une photo qui, une fois cliqués, vous donneront des contenus complémentaires. Dans la pratique, c’est tout aussi simple ! Mais là où Thinglink se distingue de ses concurrents, c’est que la majorité des medias (vidéo Youtube, Spotify, Slideshare, Facebook, etc.) s’intègrent parfaitement au logiciel. Malheureusement, rien n’est gratuit (encore moins la qualité) ! Mais alors comment utiliser cet outil pédagogique (me direz-vous) ? 1 – Carte interactive C’est la base. 2 – Timeline Il est souvent assez compliqué de créer une frise chronologique sans tomber dans la surenchère de texte. 3 – Infographics Les infographics, c’est bien beau, mais quand on veut aller un peu plus loin dans l’explication d’un schéma, ça devient vite illisible ! 4– Restitution de contenu 5 – Décrire une photo 6 – Tutoriel logiciel
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!
carte récapitulative toutes les possibilités thinglink Dans la Rome antique, le mot curia, traduit en français par curie, est riche de sens. À l'époque républicaine, la Curie (en latin Curia) désigne le bâtiment où se réunissait le Sénat romain, bâtiment toujours visible sur le forum romain aujourd'hui. L'Arc de Septime Sévère est un arc de triomphe antique qui se trouve à Rome à une extrémité du Forum, au pied de la colline du Capitole. Il a été érigé en 203 ap. Le temple de la Concorde (en latin Templum Concordiae) est un temple romain dédié à la déesse Concordia et situé sur le Forum Romain, à Rome. Le temple de Vespasien et Titus (latin : templum Divus Vespasianus) est un temple romain situé sur le Forum Romain et dédié au culte impérial commémorant les empereurs Vespasien et Titus, déifiés par le Sénat peu après leur mort. Le Temple des Dioscures appelés aussi temple de Castor et Pollux, était un temple de type grec, situé sur le Forum romain. Le mont Palatin donne sur le Forum Romain au nord et sur le Circus Maximus au sud. The Roman Forum
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.
ViusalHunt. Plus de 350 millions d'images gratuites VisualHunt est un moteur de recherche de photos et d’images gratuites pour illustrer vos sites, blogs ou publications scolaires. VisualHunt est une véritable aubaine pour tous ceux et celles et ils sont nombreux qui passent beaucoup de temps à fouiller le Web à la recherche d’une photo réutilisable. VisualHunt propose un choix considérable d’images en Creative Commons ou du domaine public. Se basant sur l’API de Flickr, VisualHunt fait des merveilles avec un moteur de recherche particulièrement véloce et un choix immense d’illustrations avec une licence en Creative Commons. Autre option de recherche intéressante, la possibilité de filtrer les résultats par couleur. En cliquant sur une image, vous accédez à sa fiche d’identité complète. Pas mal du tout. VisualHunt est gratuit. Lien : VisualHunt
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
Vos photos en ligne, usages et protection | Carnet de bord de l'@telier Photos numériques et PC : débuter Tutoriels et ressources de l’atelier “Photos numériques et PC : les bases” ____________________________ La photographie numérique Les mystères de l'image numérique de l'appareil photo _______________________________________________ Tutoriels : atelier photos numériques des EPN de Montbéliard ____________________________ Initiation, photos numériques et PC, des informations _____________________________________________________ ( cliquez sur le lien afin d'ouvrir l'article )… Dans "images numériques" Photo numérique et PC : Initiation