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:  animationPrésentations numériquesOutils pour la formation à distance

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 Dans ce projet de série documentaire qui répond à vos questions de sciences ! D'autres exemples :

Caractères Typographiques Pour l’Apprentissage de la Lecture Les polices de caractères destinées à l’apprentissage de la lecture et de l’écriture, que l’on appelle communément les polices de cahier, sont largement représentées sur la toile. Pour peu que l’on pousse la recherche au-delà des frontières de notre Éducation Nationale, l’impression vient tout à coup d’errer dans une forêt de signes ; comme l’enfant au seuil de l’apprentissage. Dans cet article, nous avons tenté de faire un recensement de fontes répondant à des critères strictement académiques ; mais également, nous avons voulu proposer un choix nouveau de familles typographiques appropriées puisés dans d’autres répertoires afin d’éveiller notre attention envers de nouvelles graphies. Éléments de compréhension Les polices académiques sont pour la plupart conçues par des professionnels de l’Éducation Nationale qui ont ainsi forgé leurs propres outils. Les polices à caractères d’imprimerie Script-École Designer : Henri RogeletLicence : Gratuite pour un usage privé ou scolaire Script-École 2

Créer des livres interactifs 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.

ffDiaporama | Montages vidéos ffDiaporama est une application de création de séquences vidéos constituées : de titres, fixes ou animées.d'images ou de photographies, fixes ou animées.de clips vidéode musiques Ces séquences sont assemblées en diaporama à l'aide de transitions de séquence pour constituer des vidéos complètes. Les options suivantes sont disponibles : 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é.

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

LOGICIELS GRATUITS cartes mentales, diagrammes, organigrammes I see regular inquiries on Twitter and in forums from people looking for free software to support visual thinking. To provide answers, InformationTamers have put together 14 pages to help you find the one for your needs. These show the platform, a screen thumbnail and a link for more information in each case. We built this article using the most complete source for details of information mapping software on the Web: Mind-mapping.org. Hat tip to Vic Gee who put Mind-mapping.org together and kept it up to date for years. Mind-mapping.org has a good capability for selecting software by map type and operating system (click on the 'Refine software list' tab at the top right of its web page). "Free" here is as in beer, not in freedom, though some of the software listed is open source, so is free in both senses. Of course a pencil and paper is always almost free. This used to be one long page, but as I updated and added to it, it became unmanageable, so now it's broken down by category.

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 :

Debing-debong Objectifs Amener chacun à prendre position sur un point précis Faire réfléchir chacun sur un thème Favoriser le débat Explication de la technique L’animateur du temps de formation détermine deux équipes et les positionne face à face. Il explique à l’une des équipes qu’elle devra être toujours pour ce qu’il va affirmer tandis que l’autre sera toujours contre. Il lance une affirmation se prêtant au débat, et donne la parole à chaque équipe à tour de rôle : Soit en laissant un petit temps de réflexion à l’équipe qui produit plusieurs arguments (nombre fixé au départ). De la même manière d’autres affirmations sont lancées autour du thème choisi. A la fin de ces échanges une synthèse est faite pour récapituler ce qui en est ressorti (avec apports éventuels pour compléter) et un débat peut commencer. L’animateur conclut en faisant une synthèse des échanges et du débat. Rôle de l’animateur Il constitue les équipes et explique la méthode en déterminant les « pour » et les « contre ».

Des animations Flash dans les documents LibreOffice Enfin, vous avez mis la main sur cette extraordinaire animation flash que vous cherchiez depuis si longtemps pour illustrer un point obscur de votre cours ! Comment mettre cette ressource à disposition de vos étudiants ? D’autant plus que vous êtes un tantinet exigeant, vous souhaitez didactiser cette ressource, quelques explications et une petite activité sous forme d’un exercice afin d’orienter la construction des connaissances. Prenons un exemple concret dans le domaine de l’optique, la synthèse additive des couleurs sur le site de la CNNAM : et cliquez sur le premier lien effet Doppler (en utilisant Firefox). Ce site a été choisi à titre d’exemple, pour télécharger réellement les ressources et les réutiliser, vous devez obtenir l’accord de ou des auteurs, c’est d’ailleurs la règle pour toute ressource en ligne. Etape 1 : Récupérer l’animation flash Dans le menu “Outils” activez “Informations sur la page” : Like this:

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

Related: