background preloader

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 : Related:  outils imageOutils pour la formation à distanceMOOC et Vidéo

Thinglink : 7 façons pour les journalistes d’utiliser l’image interactive Toute l'actualité amaytoisewww.lavenir.net Bloc Etat-Majorwww.lavenir.net Une salle de sport sera construite ici Bloc maintenance et instructionwww.lavenir.net Brigadier General Marshall B. Audrey Tomason, Director for Counterterrorism for the National Security Council Files containing the code NOFORN (= Not for release to foreign nationals) and is labeled "For use in the White House sit room only" Coffee mug with Presidential Seal Inspired by the originally tagged image by Berliner Morgenpost Watch a September 2012 description of the research and its purpose Read what I've writtenwww.mediabistro.com Watch video from The Hunt Browse the guide for The Hunt (which describes more about what it was)issuu.com Learn about the awardwww.connect2mason.com Learn more about mekevinloker.com Read about the award (and a hectic schedule)about.gmu.edu Follow the new Twitter account for the research Learn about my scholarship programhonorscollege.gmu.edu Visit Washington Post Livewww.washingtonpost.com

Genially In-ter-ac-ti-vi-té Genially est un outil auteur en ligne, qui permet de réaliser des ressources interactives sous forme d’images, de posters, de cartes ou même de mini sites. Pour ce faire, vous avez à disposition un espace de travail sur lequel vous allez importer différentes ressources, comme des images, des vidéos ou des sons. La bibliothèque intégrée contient déjà quelques images et formes géométriques, et vous pouvez importer des médias depuis les plus grands fournisseurs de services en ligne, comme YouTube ou Soundcloud. Il est même possible d’importer un site web existant ! Proposez du contenu à la carte Genially peut se révéler très pratique lorsqu’un contenu très dense doit être enseigné. L’interface d’édition Convivial et performant L’interface de Genially est plutôt agréable et bien conçue : à gauche, des boutons carrés et colorés qui rappellent les interfaces des nouveaux Windows, avec des pictogrammes percutants. Discret mais surprenant Voici notre chef d’oeuvre !

11 outils pour vos diaporamas multimédias Du simple portfolio d’images à la super-curation multimédia, les besoins en diaporamas des journalistes ne cessent d’augmenter. En cause : la nécessité de faire tenir en peu d’espace le maximum d’information et de donner au lecteur la possibilité d’accéder aux contenus qu’il désire en laissant de côté ceux qui ne l’intéressent pas. ↑1 » Pour insérer de multiples contenus du web : Projeqt : Cet outil ressemble fortement à Storify (voir ci-dessous), à la différence près qu’il a été originellement pensé pour les diaporamas. On peut y intégrer des titres, du texte, des images, mais surtout un grand nombre de services en ligne, de la vidéo Youtube à la Google Map, en passant par le document PDF : Les possibilités offertes pour personnaliser l’affichage sont très nombreuses : défilement horizontal classique, défilement vertical, format grille… Il est également possible de choisir sa palette de couleurs, ses polices, son logo et son arrière-plan. Storify : Rvl.io : Prezi : Storywheel : Soundslides :

Tubechop. Un outil de montage simple pour Youtube Mise à jour le 27 janvier 2015 Tubechop est un outil en ligne gratuit qui permet de réaliser des montages simples à partir de n’importe quelle vidéo YouTube. C’est un petit utilitaire en ligne qui mérite une petite place dans votre boite à outils multimédia. Un jour ou l’autre il vous sera utile. Tubechop est tout sauf une usine à gaz. Tubechop n’st pas à proprement parler un outil de montage vidéo, il permet surtout et avant tout d’extraire un passage d’une vidéo Youtube très facilement. L’utilisation se passe de mode d’emploi en trois étapes simples à la portée de tous : La première étape consiste à copier puis coller l’url de la vidéo Youtube qui vous intéresse dans la page d’accueil de TubeChop ou de taper un mot puis cliquez sur “search”. La vidéo s’affiche dans le studio de montage de Tubechop. Si vous êtes satisfait du résultat, il ne vous reste plus qu’à couper. Le service TubeChop est gratuit et ma foi bien pratique si vous avez l’habitude de manipuler des vidéos dans vos cours.

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 ! 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. Commencer avec Thinglink ? Thinglink : le tuto en vidéo Comme promis, je vous ai concocté un tuto vidéo qui vous dira tout 🙂 Que pensez-vous de cet outil web ?

Inkscape et XIA permet de créer des images actives et des jeux sérieux en html5 Xia est un logiciel libre développé par la délégation académique pour le numérique éducatif de l’académie de Versailles. Distribué sous licence GPLv3, (Windows, Mac, Linux) il est le successeur du logiciel « ImagesActives ». Xia est un convertisseur qui prend en entrée un fichier svg et fournit en sortie une image active en html5. Au-delà des templates d’export déjà connus des utilisateurs du logiciel ImagesActives (accordéon, boutons, etc.), Xia permet en outre de générer des activités interactives : jeux de glisser-déposer, discrimination, sélection, etc. Le site Web : Des exemples et une documentation sont sur le site. Cette vidéo ci-dessous montre comment réaliser un petit jeu html5 basé sur le principe du glisser/déposer. Utilisation pédagogique avec Éduthèque : Les 3 scénarios pédagogiques ci-dessous indexés pour Éduthèque dans les EDU'bases – (Histoire Géographie) Des ressources pour Inkscape : 1. 2. 3. 4.

Stipple. Créer des images interactives 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 est encore en version Alpha et il vous faudra demander une invitation. Vous pouvez découvrir Stipple ici sur le Web.

Institutions et enseignants face au tsunami des MOOCs MOOCS : depuis la fin 2013, le mot est sur toutes les lèvres. Il n’a pourtant été inventé qu’en 2011, et dans un secteur extrêmement confidentiel. Vingt-cinq étudiants seulement étaient présents la première fois où le terme a été utilisé, en 2011, lors de CCK08 – Connectivism and Connective Knowledge, un cours sur le connectivisme organisé par George Siemens et Stephen Downes, à l’université du Manitoba, Canada. Enfin, vingt-cinq dans la salle de cours… et cent fois plus, en ligne. Cette nouvelle manière d’enseigner a emprunté au monde des jeux en ligne « massivement multi-joueurs » ses acronymes qui sont tout aussi étranges en anglais, MOOC, pour Massive Online Open Courses, qu’en français, avec CLOM, pour Cours en ligne ouvert en masse. Les trois grandes plateformes qui proposent aujourd’hui les cours des plus grandes universités mondiales : Udacity, Coursera, edX, sont de création récente. Le MOOC d’Alberto Alemanno sur Coursera

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.

Créer des livres interactifs MOOC et classe inversée : Les défis pédagogiques posés par l’ère numérique On considère aujourd’hui l’arrivée du numérique et des nouvelles technologies comme un bouleversement culturel comparable à la découverte de l’écriture et à l’invention de l’imprimerie. Historiquement, chacune de ces révolutions a eu un impact majeur sur l’enseignement. La situation actuelle n’échappe pas à la règle et soulève des interrogations inédites sur les pratiques éducatives. Parmi les pédagogies actives ‘dernier cri’ inspirées par ce nouveau paradigme culturel figurent les MOOCs et les classes inversées. Le MOOC est un cours en ligne massivement ouvert, qui connecte et rassemble des étudiants (mais pas uniquement) qui décident de se former à un domaine de connaissances. La classe inversée est une démarche pédagogique qui s’appuie sur les nouvelles technologies pour transmettre les éléments de contenu de la matière avant la séance de cours afin de la rendre plus interactive et plus orientée sur la mise en application des connaissances (10). Qui est l’étudiant face à nous ? 1. 2.

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!

HUE | Studio d'animation HUE Tout ce que vous avez besoin pour créer vos propres films d’animation. Le kit d’animation image par image complet, parfait pour utilisation dans les écoles ou comme un cadeau. L‘animation en 5 étapes simples 1. Mise en place. 3. Caractéristiques et fonctions Facile à installer et à utiliserEnregistrez des effets sonores ou importez vos propres contenus audioAjoutez du texte, dessinez sur des imagesCopiez, dupliquez et supprimez des imagesAjustez la fréquence de lecture d’imagesEffet « pelure d’oignon » affiche une image transparente de la dernière photo que vous avez prise au cours de la caméra en directIncrustez vos objet, si vous animez un objet sur fond bleu/vert, vous pouvez ensuite importer vos photos dans le fond et les intégrer dans votre animationChronocinématographie, cette fonction vous permet de prendre une succession de photos à intervalles régulières pour étudier un mouvement Pourquoi utiliser Studio d’animation HUE? L’animation est une forme multi-facettes de l’art. Contenu

Related: