Pédagogie numérique buissonnière avec la carte interactive pour raconter une histoire Avec StoryMap JS vous créez des diapositives qui sont disposés à des endroits sur votre carte. Chaque diapositive de votre histoire peut inclure des images ou des vidéos avec le texte. Lorsque vous faites défiler votre histoire, il y a des transitions simples entre chaque diapositive. Immersive : Créer des histoires depuis votre navigateur Chrome ou Safari par simple glisser déposer. Une sortie avec les élèves et les outils numériques (portables, tablettes, pc portables, gps) et de créer une histoire avec une carte à l'aide de mashups, plus ou moins utiles, combinant carte et données, et un certain nombre d’outils (traitement de texte, images…), en dehors de Google maps pour transformer ses cartes, deux outils Scribble et Everytrail avec un exemple pédagogique. - Tracez votre route pendant que vous vous déplacez - Ajoutez des photos sur votre carte instantanément - Partager vos itinéraires depuis votre mobile ou tablette - Trouver et suivre les itinéraires d'autres voyageurs. Enigmapp
Pour rendre vos images interactives 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. 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
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 :
Démo du Carto_Flash_SDLV Espace Mondial Sommaire (cliquez sur les boutons) Jacques MUNIGA Docteur en Géographie, aménagement et urbanisme Docteur de 3e cycle en géographie et aménagement D.E.S.S. en droit de l'urbanisme D.E.S.S. en Aménagement rural Diplômé ICH - Arts et Métiers Paris Auteur et co-Auteur de manuels scolaires (chez MAGNARD, NATHAN, HACHETTE, LE LIVRE SCOLAIRE) Des schémas de géographie pour le Bac Découvrez et téléchargez le Carto_Flash_Prof_SDLV Espace mondial qui vous permet de produire des schémas de géographie Démo Pour voir la démo, cliquez sur l'image Facile, non ? souhaitez-vous télécharger le Carto_Flash_Prof_SDLV Espace mondial ? Oui ? alors cliquez sur l'image ci-dessous
OUTILS WEB GRATUITS Scrollitelling : 3 applications de webdocumentaire au banc d'essai Scrollkit www.scrollkit.com L’application la plus prisée du moment est probablement Scrollkit. Son atout principal : la simplicité. Il suffit d'ouvrir un compte gratuit pour créer un projet via les outils mis à disposition des internautes : éditeur de textes, charte graphique, intégration d’images ou de vidéos, effets de transparence… Tous les blocs sont déplaçables à l’aide d’un simple glisser-déposer. Scrollkit a été choisi par plusieurs sites de presse (La Voix du Nord, Le Midi Libre, The New York Times…) pour diversifier et enrichir la présentation de leurs contenus. Ultime avantage : après avoir été créé sous Scrollkit, le récit peut être directement intégré dans votre site via une exportation au format HTML. Racontr www.racontr.com Réservée à quelques chanceux bêta-testeurs pendant plusieurs mois, Racontr s’ouvre progressivement au grand public. Racontr supporte l’intégration de nombreux flux extérieurs (vidéos, cartes issues de Google maps…). Creatavist www.creatavist.com/cms/
s Website | A complete list of responsive JQuery sliders 1. Elastic Image Slideshow with Thumbnail Preview DemoDownload A simple elastic slideshow with thumbnail preview. The slideshow can adjust automatically to its surrounding container and user can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. 2. DemoDownload An awesome, fully responsive jQuery slider toolkit. Simple, semantic markup Supported in all major browsers Horizontal/vertical slide and fade animations Multiple slider support, Callback API, and more Hardware accelerated touch swipe support Custom navigation options Compatible with the latest version of jQuery 3. DemoDownload With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. 4. DemoDownload The Nivo Slider is world renowned as the most beautiful and easy to use slider on the market. 5. DemoDownload 6. DemoDownload It's a free responsive slider created by Brice Lechâtellier. 7. 8. 9.
Dynamic QR Code with video, audio, image and document Personnalisez les vidéos YouTube avec un lecteur amélioré Intégrer des vidéos de YouTube sur un site ou sur un blogue est d'une facilité déconcertante. Après tout, il suffit de copier le code d'intégration dans le code HTML pour qu'il soit affiché sur la page. Or, que faire dans les cas où l'on veut mettre l'accent sur une partie précise de la vidéo ou ajouter des annotations soi-même sur une vidéo dont on n'est pas le créateur? Embed Plus offre aux webmestres un lecteur évolué pour les vidéos YouTube. Le lecteur, en plus de contenir le lecteur YouTube de base, propose quelques fonctionnalités fort utiles : Jouer la vidéo au ralenti (indispensable pour les vdéos d'apprentissage linguistique, par exemple)Rejouer un fragment ou la totalité de la vidéo en bouclePasser d'une scène à l'autreZoomer sur l'image ou la mettre plein écran (possibilité existant déjà sur le site YouTube) Vous avez bien lu : il est possible de sauter une scène ou de la rejouer, comme avec un lecteur DVD. Référence :
Apprendre à décrypter les images Ciclic, Agence régionale du Centre pour le livre, l'image et la culture numérique, née à l’initiative de la Région Centre et de l’État, crée le site Upopi.ciclic.frdestiné à tous les amateurs d’images et aux néophytes. Cet espace vise à répondre, selon les auteurs, à un enjeu de société, l’accès à la culture des images étant aujourd’hui « indispensable pour se forger un savoir libre et sensible sur le monde ». UPoPi enrichit l'écosystème web de l'agence déjà doté de Mémoire(site des images d'archives en région Centre) et du site dédié aux activités du Cinémobile, sans oublier les deux autres nouvelles communautés, à savoir Livre, dédié à la vie littéraire en région Centre, et Ciel , espace invitant à la découverte d'œuvres de cinéma indépendant ou de formats originaux. UPoPi décline son offre de contenus multimédias en 4 rubriques distinctes : Analyser, Apprendre, Transmettre et Voir. Sources et références complémentaires UPoPI :
L'école Photoshop, tout les tutoriaux pour apprendre Photoshop gratuitement Cette formation est destinée aux personnes désirant apprendre à utiliser le logiciel Photoshop. Lisez attentivement cette page avant de vous lancer dans la lecture des (...) Publié mardi 28 septembre 2010 Lorsque vous ouvrez la pour la première fois Photoshop sur votre ordinateur, vous arrivez surement sur un écran similaire à celui situé ci-dessous. Voici une explication (...) Publié vendredi 1er octobre 2010 Grâce à cette leçon vous apprendrez tous les détails pour bien créer un document avec le logiciel Photoshop. Publié mercredi 6 octobre 2010 Lisez cette leçon pour tout savoir sur les outils de la barre d’outils du logiciel Photoshop. Publié mercredi 13 octobre 2010 Dans cette leçon vous apprendrez absolument tout sur les fenêtres et les panneaux de Photoshop, les déplacer, les fermer, accéder à plus d’options etc. cliquez vite (...) Publié lundi 18 octobre 2010 Publié mercredi 27 octobre 2010 Publié vendredi 3 décembre 2010
Une trousse à outils audio-vidéo gratuite en ligne Voila en ce mardi un site ou plutôt comme j'aime souvent les nommer une trousse à outils audio - vidéo gratuite en ligne. Un site qui va vous donnez accès à six outils voir sept tous vraiment très intéressants, que ce soit, un découpeur audio, un convertisseurs multi formats audio, un fusionneur audio, un convertisseur multi formats vidéo, un enregistreur de voix et un découpeur vidéo, tous ces outils sont gratuits et disponible en ligne via un simple navigateur web. J'ai prit le temps de tous les tester et je doit avouer que même si cela ne révolutionne pas le genre c'est hyper pratique d'avoir tous ces outils sous la main en ligne et gratuitement via une seule adresse web ou presque. Voyons un peu en images tous ces outils. Un outil simple qui plus est comme tout les autre en Français qui va vous permettre de convertir un fichier présent sur votre PC ou bien sur des espaces de stockage dans le cloud comme Dropbox, OneDrive, Google drive ou bien une adresse web lien URL.