RoadMovie en et hors la classe pour raconter votre imagination 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. StoryMap JS s'intègre à votre compte Google Drive. Immersive : Créer des histoires depuis votre navigateur Chrome ou Safari par simple glisser déposer. D'autres outils pour continuer vos promenades pédagogiques : Créer votre visite ou itinéraire, insérer à chaque étape images, informations, sons, des quiz et d'autres choses (voir exemple dans l'Oise ci-dessous) De nombreuses possibilités en et hors classe : découverte d'établissement scolaire, enquête mystère, défis, de chasse au trésor, jeu de piste, parcours découverte, carnet de bord, des histoires racontées… Apprendre : Audio, texte et images se combinent pour vous révèler le site visité sous un nouveau jour. Voir démo : Enigmapp Candide et Coquebin
Comment créer, classer, ranger, organiser un livre, carnet, journal, revue, travaux de classe, en ligne SpringPad s’utilise trés facilement à partir d’un bouton "Spring It!" à installer sur votre navigateur préféré dans la barre de marque-pages. Vous pourrez ainsi y faire glisser des liens de façons à les retrouver dans votre espace SpringPad. Le site Web : Exemple d'utilisation en classe : Votre inscription gratuite, vous permettra d'accéder à un outil simple pour réaliser individuellement, par groupe ou classe entière un carnet de voyage en ligne ! Nos créations Usages TICE dans l'Oise et Une sélection de nouvelles ressources en librairie : <a href=" onclick="javascript:_gaq.push(['_trackEvent','outbound-article',' target="_blank">View cddp.oise’s notebooks on Springpad</a> Démonstration en vidéo : Aucun trackback pour l'instant
Outils de conception de scénarios interactifs Deux solutions (payante et Open source) : Pour réaliser un scénario, le concepteur commence par définir les environnements graphiques. Ceux-ci peuvent être des photographies ou des vidéos des lieux dans lesquels l'action va effectivement se dérouler, des cartes (par exemple extraites de Google Map), des vues satellites ou des scènes 3D. Ces environnements constituent les lieux de l'action. Les participants pourront de déplacer d'un lieu à un autre durant la session. Le site Web : iScen est un outil dédié spécialement aux secteurs de la sécurité et de l'éducation, pour la formation, l'entraînement et la simulation de crise. iScen intègre 12 scénarios exemples dont 10 tutoriels simples et progressifs. Tout utilisateur d'iScen a la possibilité de partager et de publier ses propres scénarios sur le site officiel pour qu'ils soient mis à disposition des autres utilisateurs. Scénarisation pédagogique dans le contexte d'une plate-forme de formation.
Digital Storytelling in the Cloud - Plus d'info “Le web atteint désormais sa pleine maturité et légitimité comme source d'information. Une source pourtant encore regardée de loin, ou de haut, par les médias traditionnels, Presse écrite, Radio ou Télévision. De la méfiance, de l'incompréhension, des questions d'éthique journalistique et d'économie de nos métiers. Des interrogations souvent légitimes, mais une évidence: notre métier doit se réinventer et explorer les pistes qui lui donnent du sens et de l'air. HELP | Add a show event (show) In any user scenario, it is very convenient that elements appear or disappear at the click or at the mouseover of the mouse's user. This is the purpose of this article, we'll see how we can control the appearance of an invisible element from another element on the mouseover, in our example, a track article calls another track article on mouseover. This action is to add an event occurrence (show) on an item by setting the source element that is the source of the event and the destination element of the event. In our example, this is a track article which will call another track article. You must select in the dialog box, the destination element of the event. For the action is complete, we must also change the duration of the destination element of the event by selecting it from the player. Once our track article containing the text First step, that is our destination element. What is 3WDOC Learn more about 3WDOC
HELP | All steps for creating and publishing a ... In a few steps, is how to create a project from A to Z, sending media to the creation of sequences through the final stage of publication. One of the principles of creation under 3WDOC is often what we call the principle of "Russian dolls": media are included in the tracks, the tracks are included in the sequences, the sequences are included in a project. o we will see step by step how to create, edit and publish a project. The first steps with this new version of 3WDOC. 1 - Send your media: 1.1- Click on MEDIA in the main navigation or "header" 1.2- Click on UPLOAD FILE(S) 1.3- Send your first media at once (photo/video/audio) 1.4- Check that your videos and audios have been encoded (Menu > My Projects > Refresh (Alt+Ctrl+r)In the main navigation or in the "header", you go to tab MEDIA, by clicking on this button Upload file (s), you will be able simultaneously send the following media: photos, videos, audios. You select your media on your computer, in our example, we select a photo.
HELP | Create a new sequence The sequence is one of the basic elements of 3WDOC. A sequence is attached to a project. Each project can contain as many sequences as you like. A sequence contains tracks, tracks that contain media. It is therefore essential to understand how to create sequences, that is the subject of this article. You are in a project. In the dialog box, you must enter the name of your new sequence. The newly created sequence is available in all the sequences in your project. What is 3WDOC Learn more about 3WDOC 3WDOC is the first authoring web tool that let anyone use it to create and broadcast interactive stories on the Web and on any mobile platform and connected TV.3WDOC is a revolutionary approach for digital communication.
HELP | Add an image An essential action in creation with 3WDOC since 3WDOC is a multimedia authoring software. How in a very simple way, add photos or photo's tracks to your creations with 3WDOC. In media grabber, when you click on the icon of camera you access to all photos available in the media manager of 3WDOC. Photos that you've sent on our platform. By dragging and dropping them on the player in edit mode, a track image is created automatically. In our example, repeating the same action to add a photo, we have created a gallery of 6 photos, 3 photos of 3 lines. What is 3WDOC Learn more about 3WDOC 3WDOC is the first authoring web tool that let anyone use it to create and broadcast interactive stories on the Web and on any mobile platform and connected TV.3WDOC is a revolutionary approach for digital communication.
Digital Storytelling in the Cloud Webdocumentaires et nouvelles formes de narration - Web-Documentaire.org Digital Storytelling in the Cloud - A propos 3WDOC, un outil de montage universel, dont tout le monde peut désormais se servir pour raconter des histoires interactives pour les diffuser partout sur le web, sur tout type de plate-forme mobile ou prochainement sur la TV connectée. Pourquoi HTML5 ? L'HTML5 est le nouveau format web, universel et lisible par toutes les plates-formes, qui permet de nouvelles capacités multimédia, de nouvelles fonctionnalités, une accessibilité à tous les internautes et un référencement optimisé. Pour qui 3WDOC ? Outil grand public, 3WDOC a été particulièrement conçu pour les professionnels : de l'information : photographes, journalistes, réalisateurs... de la communication : agence web, conseils en marketing, entreprises... et de l'enseignement : enseignants, chercheurs, étudiants... 3WDOC pour quoi faire ? Site web rich-media, digital storytelling, brand content, cours en ligne, tutoriels, CV, mémoires, Webdocumentaires, webreportages, datajournalisme... L'intérêt du tout-en ligne ? Qui est derrière 3WDOC?
Liens vers les outils et technologies des webdocs Clics : 3486 Djehouti est un outil en ligne destiné aux journalistes, documentaristes, réalisateurs, graphistes, professionnels ou amateurs, souhaitant réaliser une expérience interactive sans connaissances en développement web. Clics : 2136 Klynt,est un logiciel de montage interactif destiné aux producteurs de contenus pour les nouveaux médias.Cet outil a été développé dans le but de faciliter la création d'histoires en Rich media destinées à être distribuées via Internet sur les nouveaux supports de diffusion. Clics : 1501 Popcorn.js est un framework HTML5 écrit en JavaScript pour les réalisateurs, développeurs web, et tous ceux qui veulent créer des médias synchronisés interactifs pour le Web. Popcorn.js fait partie du projet Popcorn de la fondation Mozilla. Clics : 1367 Avec Popcorn Maker, il est facile d'enrichir, de remixe et de partagé des vidéos sur le web.
Framework CSS – Blueprint, YAML, Elastic… Effet de mode ou Lame de fond ? Comme une tendance qui s’impose désormais massivement pour le PHP notamment, l’apparition des frameworks gagne aussi les feuille de style CSS. Après le déferlement déjà ancien des CSS à la Zen Garden qui éradiqua les table du code html, voilà donc l’étape suivante qui est celle de concevoir ses CSS à l’aide d’un framework. Vous pourrez éventuellement tirer profit des mêmes avantages que des frameworks que vous pouvez connaître par ailleurs dans un autre langage: PHP, Python, Ruby on Rails, Javascript…etc. A ce titre, si le PHP est votre langage de prédilection, je vous invite à lire un article de ce blog que nous avons consacré à notre framework php favori : CodeIgniter. Framework PHP – Quel framework choisir entre CodeIgniter, CakePHP, Symphony, Zend… Plus doctement, l’effervescence dans le monde de la CSS est le reflet d’interrogations plus large sur la conception des IHM et leur portabilité sur des supports existants ou futurs. Le choix du framework CSS La notion de reset. Deux scripts
5ème Appel à Projets de l’ERA-NET CHIST-ERA L’ANR s’associe au 5ème Appel à projets (AAP) de l’ERA-NET CHIST-ERA (Recherche Européenne Coordonnée sur les Défis à Long-terme dans les STIC), réunissant 12 pays européens ainsi que le Québec : Autriche, Belgique, Espagne, France, Irlande, Lettonie, Pologne, Québec (Canada), Roumanie, Royaume-Uni, Suède, Suisse et Turquie. L’AAP est dénommé Call 2014 sur le site officiel de CHIST-ERA : www.chistera.eu L’AAP propose aux chercheurs deux nouveaux thèmes émergents des STIC : Systèmes cyber-physiques résilients et sûrsCompréhension du langage humain : Apprendre dans le monde réel L’objectif de l’AAP est de soutenir des projets de recherche transformative et innovants dans le domaine des STIC, internationaux et multidisciplinaires avec un fort impact scientifique et technique potentiel. La procédure de soumission d’une proposition de projet comporte une seule étape.