Serious Games. 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: Weebly's terms of service:
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. 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 Tutoriel pour créer une classe inversée, un cours vidéo augmenté avec WebMedia2 de Scenari par Olivier Legay Dans ce projet de série documentaire qui répond à vos questions de sciences !
D'autres exemples : Le site de Webmedia2 : 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. Et (avancé) 2. 3. 4. Scratch - Imagine, Program, Share. HTML5 avec Construct2. 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.