background preloader

XIA permet de créer des images actives et des jeux sérieux en html5 (exemples…)

XIA permet de créer des images actives et des jeux sérieux en html5 (exemples…)
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. Créer une image Xia en 7 tutoriels par Christine Fiasson – TraAM Histoire-Géographie 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) Le site Web de Snap.svg : 1. 2. 3.

https://canope.ac-amiens.fr/cddpoise/blog_mediatheque/?p=14982

Related:  mllev3nusCréer une apps mobile sans coderCréer des jeuxTablettesImage - Son

Snip Editor Snip est un outil de capture d'écran basique, similaire à l'outil de capture inclus dans Windows. Il est livré avec un éditeur permettant d'ajouter des annotations à l'écran, plus une fonction de partage par e-mail. L'option la plus intéressante, est la possibilité d'ajouter des voix à votre capture d'écran. Appuyez sur le bouton d'enregistrement pour capturer une vidéo - vous pouvez alors dessiner sur l'écran et utiliser votre voix pour expliquer vos idées, votre concept. Les 16 meilleurs outils pour créer votre application mobile Voilà plus de cinq ans que nous suivons le marché des éditeurs de site Internet en ligne. Créer un site web simple n’est plus vraiment un problème aujourd’hui. Mais peut-on dire la même chose des applications mobiles ?

Serious Game Project Dans un serious game, il y a le « serious » , ça, c’est l’aspect pédago, mais il y a surtout le « game » . Si nous sommes compétents dans le premier domaine, preuve est de constater que nous sommes plutôt novices dans le second. Certes, nous jouons. De Candy Crush à Clash of Clans, d’Asphalte 8 à Farm Heroes Saga, les styles et les gameplays se suivent mais ne se ressemblent pas. Pour Inimaginable, il a fallu y réfléchir à plusieurs reprises et on réfléchit encore. Extrait (de nos réflexions).

Créer une image Xia en 7 tutoriels Pour réaliser l'activité proposée par votre professeur, vous avez besoin de savoir utiliser les logiciels Inkscape et Xia. Les tutoriels vidéos ci-dessous ont pour objectif de vous permettre de créer facilement une image Xia. Cliquer sur le schéma pour accéder directement aux vidéos. Grâce aux logiciels Inkscape et Xia il est possible de travailler sur une image pour créer des zones interactives. Les détails sélectionnés deviennent cliquables. Créer des contenus interactifs en HTML5 directement depuis votre site avec H5P Du contenu interactif dans vos pages web H5P est un fabuleux système à intégrer à un site pour ensuite créer directement depuis l’interface de votre blog, toute une série de contenus interactifs : qcm, glisser/déposer, champs à compléter etc… mais aussi des images ou des vidéos interactives, des jeux, des lignes du temps… bref, le service propose plus d’une vingtaine d’activités du plus bel effet, il est même possible de créer les vôtres. Des exercices interactifs et bien plus encore Lorsque l’on édite un site d’école, il n’est pas rare de chercher à y intégrer différents types de contenus, notamment des leçons et des exercices interactifs.

​Dossier : pour ou contre les Web Apps, les applications dérivées de site Web Depuis quelques années, de plus en plus de Webmasters développent des sites Web en « responsive ». Ce mot, qui ne vous dira probablement rien si vous ne travaillez pas dans le monde du Web, veut simplement dire que le site s’adapte en fonction du type d’appareil utilisé. Le meilleur exemple que je peux vous donner est le site Web de MonWindowsPhone qui s’affiche désormais de manière optimale sur mobile, tablette ou PC tout en étant développé « une seule fois ». Si j’ai envie de créer aujourd’hui ce débat, c’est tout simplement parce que de plus en plus d’applications dérivées de sites Web voient le jour sur Windows Phone. Je pense par exemple à l’application Fnac publiée il y a peu qui se « contente » d’afficher le site Web mobile dans un navigateur intégré à l’application. Même si cette solution peut déplaire à certains et que dans le cadre de Fnac, cela aurait pu être mieux réalisé, ce type de solution peut présenter des avantages autant pour l’utilisateur que l’éditeur.

Le réseau Ludus : jouer en classe » Faites vos jeux Après avoir parcouru sans relâche ce site, vous avez pris une grande décision : créer votre jeu pour votre classe. Mais comment s’y prendre ? La tâche est en effet complexe et parfois décourageante, ne sachant pas par où commencer… 7 applications pour iPad à privilégier en classe inversée Le concept de classe inversée est au centre des attentions du milieu enseignant et tend à aller au-delà, largement relayé par l’information médiatique et par les acteurs du marché numérique. Lier le concept à la pratique Afin de laisser du temps à l’interaction au sein de la classe, il est nécessaire de proposer aux apprenants les ressources nécessaires pour découvrir et construire leur parcours d’apprentissage de façon autonome. Ce temps « d’étude » qui se fait principalement à la maison autorise de privilégier les techniques pédagogiques centrées autour d’activités, de projets de groupe et des échanges lorsque les élèves sont de retour en classe. Mais pour que ce processus puisse fonctionner, il devient nécessaire de créer un environnement propice à cette autonomie et de favoriser la curiosité et l’appétit des apprenants.

Filmstory. L’histoire à travers le cinéma – Les Outils Tice Filmstory est une intéressante ressource en ligne qui permet d’aborder l’enseignement de l’histoire à travers le cinéma. Le 7e art comme support pour aborder une période historique ou un thème d’histoire. De nombreux enseignants utilisent ce biais pour introduire un chapitre du programme. Filmstory va vous aider à trouver le bon film. Filmstory est un site de passionnés cela se voit mais c’est aussi une source sérieuse développée par une équipe d’historiens et de cinéphiles. Le site qui se présente sous la forme d’une sorte de moteur de recherche permet de naviguer à travers une carte du monde pour dénicher les films qui sont centrés sur les principaux évènements historiques de chaque pays.

15 listes de comptes Twitter incontournables à suivre en éducation Twitter est sans contredit un outil pertinent et intéressant de développement professionnel, un service pour faciliter le réseautage. La création d'un compte Twitter est la première étape à compléter, mais après l'avoir créé, comment l'utiliser? Qui suivre pour maximiser son potentiel? Cette question a été posée à Marc-André Girard (@magirard) et Jean-François Houle (@jiefhoule) lors d'un atelier qui portait sur l'usage de Twitter en éducation.

Créez des applications pour Android Bonjour à tous et bienvenue dans le monde merveilleux du développement d'applications Android ! Android est un système d'exploitation mobile, c'est-à-dire que, tout comme Windows ou OS X, c'est un gros programme qui gère le matériel sur lequel il s'exécute (smartphone, tablette, ordinateur ou d'autres) ainsi que les logiciels qu'il permet d'exécuter. Par exemple, Windows permet d'exécuter Internet Explorer, et pour ce faire, il doit faire le lien entre la souris et le curseur à l'écran, entre le clavier et les champs de saisie, etc. Et avec l'explosion des ventes de smartphones ces dernières années, Android a pris une place importante dans la vie quotidienne de millions de personnes, au point qu'il s'agit du système d'exploitation mobile avec le plus d'applications en circulation.

De l’Art de la Structure dans un Scénario ! Voici un article intéressant à lire Structure et scénario sont sur un bateau et qui expose de façon très claire les avantages de différentes structures narratives dans un scénario de jeux de rôle, applicables pour les jeux vidéos, mais aussi utilisable comme outil ou guide afin de bâtir n’importe quel type de récit. La structure d’un scénario dépend de nombreux facteurs, tel que le genre de l’histoire, sa longueur ou encore les enjeux narratifs, voici les avantages et fonctions de six structures types pour l’auteur ou le maître de jeu : S’il cherche une immersion forte, avec une histoire et un enjeu simple (d’aller de A en B par exemple), et qui favorise l’identification aux personnage, une structure linéaire sera plus appropriée. S’il désire montrer l’importance des choix des personnages ou joueurs face à différents cas dramatiques, une structure arborescente conviendra mieux : au fur et à mesure que les conséquences des choix apparaissent et les enjeux grandissent.

S’équiper en tablettes dans un contexte pédagogique : Guide méthodologique et... Migrer des ordinateurs aux tablettes dans un contexte pédagogique, c’est l’intitulé d’un guide de 42 pages librement téléchargeable (en pdf) complètement remanié pour cette version 2015. Dossier conçu comme un guide d’équipement en tablettes et de possibles utilisations pour apprendre Ce dossier sous la forme d’un rapport dresse un état des lieux objectif du marché des tablettes et de l’édition numérique (sans publicité ni promotion), avec un accent particulier sur le contexte « éducation » et pédagogique. Mp3Cutter. Obtenir un extrait d'un fichier son Mp3Cutter est un petit utilitaire en ligne qui va vous permettre d’extraire un passage d’un fichier son au format Mp3. Je présentais ici même il y a quelques jours Vibby qui permet de monter et de partager des passages d’une vidéo. Mp3Cutter fait à peu de choses près la même chose mais avec beaucoup moins de fioritures.

Related: