background preloader

Inkscape et XIA permet de créer des images actives et des jeux sérieux en html5

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. Related:  Outils pour la formation à distanceCréer des ressources pédagogiques

Créer des livres interactifs SVT : Créer des ressources numériques encore utilisables demain Comment créer des documents compatibles avec tous les appareils mobiles (et les tablettes en particulier) ? Pour les plus équipés d'entre nous, la tablette numérique présente de nombreux atouts par rapport aux ordinateurs fixes : objet à la mode et apprécié en tant que tel par les élèves, léger, rapide à démarrer, son arrivée dans la classe pose de nouvelles et nombreuses questions. En particulier, il se pose rapidement le problème de la création de documents compatibles. Autant créer aujourd'hui des ressources qui seront utilisables à l'avenir sur n'importe quel appareil mobile (portable, tablettes ou smartphones). La démarche offrant le plus de liberté est celle consistant à réaliser son propre document HTML5. Pour réaliser son propre document HTML5, nous pouvons actuellement conseiller 3 possibilités : - QCM pour les SVT : cette « web-application » réalisée par Philippe Consentino (Académie de Nice) permet de créer et mutualiser les QCM . Arnaud Brévier

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. 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 Après avoir fait un tour rapide de Genially, mon ressenti était mitigé.

Animatron. Creer des animations en html5 Animatron est un outil de développement en ligne qui permet de créer très facilement des animations html5. Animatron est un véritable studio de création en ligne qui mise sur la simplicité d’utilisation pour vous permettre de créer avec une grande facilité et de manière intuitive des animations destinées à être publiées sur le Web. Infographies, animations, bannières… Animatron permet de créer en quelques minutes dans votre navigateur des éléments multimédia qui dynamiseront vos sites, blogs ou présentations. Cet outil qui cache bien sa puissance, sous des airs assez ludiques, se pilote à la souris, tout simplement. Toutes les étapes de votre création sont facilitées par une prévisualisation permanente et en temps réel de toutes les actions. Des tutoriels bien faits sont également là à votre disposition pour vous aider à prendre en main la plateforme. Une fois terminé, votre projet pourra être publié et intégré à votre site via iframe. Lien: Animatron.

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 :

Weebly Over 50M artists, makers and creative entrepreneurs around the world have already created a website or online store using Weebly. Enjoy the freedom to create, launch and grow your online business or website directly from your phone or tablet, wherever, whenever. Enjoy a simplified process of building your site with our easy drag and drop builder. Tell your unique story and build your brand with Weebly. "Weebly's clear, usable interface, attractive themes, strong commerce features, mobile capabilities, and site portability earned it a PCMag Editors' Choice for modern site builders." - PC Mag “They have extended their reach into a full-service platform that provides not only organization and design, but ecommerce, a new robust app center for third party plugins, analytics, cloud hosting, and most recently, completely new mobile apps for site editing on the go.” - Forbes Android Mobile and Tablet Features: Weebly's privacy policy:

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. 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

Robot dessinateur mDrawbot - MAKEBLOCK - TXRobotic Ce kit de robotique permet d'assembler 4 robots différents : mScara, ce robot s'apparente à un bras robotisé capable de faire des dessins ou de dessiner des figures au moyen d'un stylomSpider, comme son nom l'indique, ce robot va devenir une véritable araignée, en modifiant certains éléments mécaniques, il sera possible de dessiner de grandes figuresmEggBot, ce robot sera capable de dessiner sur des œufs ou encore des balles de ping-pongmCar, cette dernière version est un dessinateur mobile (sur roues), il sera donc capable de dessiner des figures au sol tout en roulant Ce kit de robotique est entièrement compatible Arduino, ce qui permet de développer ses propres programmes dans cet environnement open source. Remarque : A noter qu'il est possible d'équiper cette plateforme robotique d'un graveur laser. "Le déplacement du bras robotique est assuré par deux moteurs pas à pas, l'action de lever / abaisser le stylo est elle assurée par un servomoteur. Maël

Newsletter #30 du 1er février 2016 : L'immersive Learning, comment passer à la pratique ? Les nouvelles technologies de simulation d’environnements 3D temps réel permettent de compléter les formations par des simulateurs immersifs de situation. Cela donne la possibilité de s’entraîner autant qu’il le faut avant de se confronter à ces mêmes situations en conditions réelles. Quand enfin le droit à l’erreur devient une vraie activité pédagogique, l’expérience commence à se construire du bout de la souris. L’Immersive Learning, avec quelles technologies ? L’immersion virtuelle fait appel aux technologies de simulation de la réalité. Commençons ainsi par évoquer la 3D pré-calculée. Un cran au-dessus, la 3D temps réel s’appuie sur des moteurs 3D similaires à ceux des jeux vidéo. Quant à la #réalité augmentée, encore un cran au-dessus, elle permet de superposer à notre réalité des éléments 3D, graphiques, textuels et interactifs. L’immersive learning, pour quelle #pédagogie ? L’immersive learning présente plusieurs avantages en termes de formation.

Créez un Webdocumentaire enrichi et interactif gratuitement html5 Terminer les diaporamas, Créer un podcast augmenté, un cours vidéo augmenté, une vidéo enrichi…. gratuitement en html5. Prise en main, installation et création d'un projet deux heures avec le tutoriel ci-dessous. Le principe : 1- Titre du webdocumentaire enrichi 2- Titre séquence 3- Extras avec plusieurs options (infos, crédits…) 4- Vidéos, images, sons… 5- Compléments avec plusieurs options 6- Notes de marges avec plusieurs options 7- Miniatures de la partie 4 avec plusieurs options 8- Timeline avec durée, sommaire, bouton arrêt/marche et d'autres options Démonstration de la valeur ajoutée à une démonstration vidéo : Le CLEMI vous propose : Produire un podcast augmenté : le tutoriel de Scenari Webmedia 2, un logiciel libre et gratuit Webmedia : vidéo et podcast enrichis par Canope Strasbourg Dans ce projet de série documentaire qui répond à vos questions de sciences !

Outils et animation - Site de animehistoire ! Vous avez terminé d'écrire votre partie de texte et c'est maintenant le temps de penser à l'animation. Comme plusieurs, vous vous sentez probablement déstabilisé et craignez l'étape «réalité augmentée». Voici donc quelques trucs utiles pour vous aider à réaliser cette partie si intéressante du projet. 1- Réalisez votre film avec l'outil de votre choix. #AnimeHistoire ne cherche pas l'uniformité, mais vise à développer la créativité ! 2- télécharger Aurasma sur un appareil mobile. 3- Assurez-vous d'avoir une copie de votre film sur l'appareil mobile sur lequel vous avez installé l'application «Aurasma». 4- Faites la mise en page de la partie de texte que vous avez à animer et enregistrez-le en format PDF. 5- Utilisez la procédure «Aurasma pour les Nuls» que votre chef d'équipe vous a fait parvenir pour fixer votre film sur le PDF. Bon cinéma ! Merci à la Classe de 6e de M. Voici une liste des applications utilisées pour réaliser les films lors de l'édition 1.

Dossier : Les outils créateurs de vidéo-quiz

Related: