Les outils de création interactive #2 — Interactivité & Transmedia Les outils généralistes Pour conclure, cette liste ne serait pas complète sans deux outils comme Racontr et Klynt, tous deux nés de l’effervescence autour du format webdocumentaire et qui permettent aujourd’hui une grande liberté de création. Chacun a connu des cycles de développement différents mais les deux solutions semblent aujourd’hui converger en termes de fonctionnalités et de promesse faite à l’utilisateur. Leurs points communs Racontr et Klynt permettent de mixer toutes sortes de contenus (vidéo, photo, texte, son, embed…) et de créer une interface interactive grâce à un éditeur WYSIWYG (What You See is What You Get, c’est à dire que vous disposez vos éléments dans l’éditeur tels que vous souhaitez qu’ils apparaissent à l’écran pour l’utilisateur). Pour se faire, les deux outils permettent : Leurs modèles économiques Bien évidemment, les deux outils se distinguent par bien des aspects, et d’abord par leur modèle économique. Leurs fonctionnalités spécifiques
Popcorn.js | The HTML5 Media Framework Examples for All Your Online Form & Survey Needs | Typeform Forms The forms you've been looking for Online forms are an integral, if often unflattering, part of any modern business. By matching your style, both verbally and visually, typeforms transform the way you collect data, so you can put your stamp on what you ask. Surveys Turn questions into conversations Increase your completion rates dramatically with the right tool for the job. Contests Publish a ready to go contest in minutes What if there was a medium that can be both your promo flyer and your application form? Landing pages The ready-to-roll digital red carpet Time and resources for developing landing pages, microsites and product presentations are scarce. Tests Test to impress your classroom Bring life into the classroom. Payments Check out this checkout By bringing Stripe and Typeform together, you can quickly and easily make an online checkout with just a few clicks. Creative Create unforgettable experiences Let your imagination fly.
Balsamiq Mockups | Balsamiq Take a second. Let it sink in. The first impression might be disorienting. There are very few interface elements on the screen. Getting your ideas out should be effortless. Our sweet spot: the ideation phase Mockups really shines during the early stages of designing a new interface. Mockups is zenware, meaning that it will help you get "in the zone", and stay there. Mockups offers the same speed and rough feel as sketching with pencil, with the advantage of the digital medium: drag & drop to resize and rearrange elements, make changes without starting over, and your work is clear enough that you'll make sense of them later. See what you can build with Mockups Download the samples above, or find more on Mockups To Go, our community-contributed stencils site. Designed for collaboration Your whole team can come together around the right design using Mockups. Mockups intentionally makes your wireframes scream both This is not final! Learning UX Design Keyboard Shortcuts Go really, really fast.
Story.AM Simple long form L’idée de ce plugin est partie d’un besoin qui ne parvenait pas à être rencontré pour monter un #longform de manière simple, rapide, et indépendante du thème WP. Il est désormais disponible via le répertoire des plugins de WP. Scrollytellers, suivez le guide ! Réalisé avec l’aide (précieuse) du Codex de WordPress, le front-end intègre le jeux de polices de caractères iconiques Font Awesome et le framework Bootstrap.js. Deux thèmes sont disponibles. S’il n’est pas nécessaire de savoir coder pour l’utiliser, ceux et celles qui souhaitent aller plus loin peuvent intégrer des composants de Bootstrap pour booster leur page. Exemple 2 en 1 : <a href=”#mydiv” class=”scrollTo”><button class=”btn”>Texte du bouton</button></a> SLF est conçu pour être simple d’utilisation. Pour chaque section (pour l’instant, elles sont 5 au total, hors chapeau – intro – et pied de page – footer), il est possible d’ajouter une image et un titre qui se logera dans l’image. Aucun champ n’est obligatoire.
Games and news bricks: storytelling ideas from Hackastory Credit: Screenshot from Hackastory.com. Turning online stories into games and personalising the experience were two of the themes explored at the Hackastory hackathon in Amsterdam last week. The hackathon brought together six teams of journalists, developers, designers and filmmakers, who explored ideas and tools for storytelling in the digital age. “Online storytelling does not have a tradition yet,” wrote the organisers on the website, comparing it to filmmaking, which has had 100 years to develop a structure and a process. Journalist and documentary filmmaker Albertine Piels, one of the organisers of the hackathon, said the hackathon was intended as an opportunity not only to experiment with tools but also to connect with others in the industry. “We all know how to write a story and how to make a reportage for a TV show, but with online storytelling you need so much more,” she said. Here are three projects from Hackastory that want to shake up traditional storytelling: News Bricks Storyweb
pageflow.io „Digital Storytelling“ is a modern way of presenting multimedia stories on a web-based platform. Since 2012, more and more stories have been told in this way. The most well-known examples are “Snow Fall” from the NY Times and “Firestorm” by The Guardian. The stories show us what is possible in a new age of media coverage, where various aspects of a story can be presented through a combination of words, audios, images and videos. Inspired by these multimedia pioneers, Codevise and WDR developed their own tool for digital storytelling: Pageflow. In contrast to its predecessors, Pageflow can be used again and again, no matter what story is being told. Multimedia Pageflow combines videos, pictures, audios and text to form interactive stories. Responsive Pageflow is responsive. Teamwork Editorial teams can sign up for several user accounts and can therefore easily work together on their stories. open source Pageflow is available as an open source version under MIT-License.
FOLD: Coming February 1st Créer des histoires numériques autrement en mode collaboratif ou pas | Lisez, écrivez et partagez des histoires sur Wattpad. Cette application est disponible sous plusieurs supports (mobiles, tablettes et PC).On se repère relativement vite sur le site avec les principaux onglets mis à disposition : « Discover » qui permet de rechercher les lectures souhaitées par mots clés, « Create » qui permet de créer son histoire, avec un large choix de langue et quelques configurations similaires à Word (gras, italique, annuler, le nombre de mots, mettre en plein écran.). Il est possible de ranger ses écrits par catégories, d’ajouter des mots clés et de classer selon l’âge (tout public, etc). Il est également possible d’intégrer du contenu vidéo, des photos ou de télécharger un fichier déjà existant. Scribay bêta est un réseau social et une terre d'accueil pour tous les auteurs. Publiez, améliorez et diffusez vos textes ! Ecrire une histoire avec plusieurs suites ou chemins différents au choix de lecteur Application Web pour créer une histoire dont vous êtes le héros!
Digital storytelling: story types & best practices | MediaKar What is the future of storytelling and which possibilities are out there to cover stories with the help of data and multimedia? Gregor Aisch, a New York Times graphics editor, talked about different types of stories at the Netzwerk Recherche conference in Hamburg and shared his insights and best practices form across NYT and other publications. Here’s an overview (you will find links to all examples here). Articles with specially designed graphics In this format, graphics break the normal article structure and call attention to its contents like in this example (The Upshot: “To Protect its Empire, ESPN Stays on Offense”). Specially designed articles In this case, no traditional article template is used. Here, a lot of pictures were used for the article including two pictures placed side to side which is not usually the case with normal NYT articles (NYT: “Grand Visions Fizzle in Brazil”) Specially designed graphics with interactive elements Comics / Graphic Novels “Journalism” by Joe Sacco
Storehouse: Your stories, as they happen. Une nouvelle cellule Webcréation pour RTBF Interactive - RTBF Actualite La Webcréation de la RTBF s’articule dès aujourd’hui autour de 5 pôles : Les webséries proposent des histoires tous genres confondus (fictions, humour…) dans des capsules courtes à visionner et partager sans modération. Typique, Les Textapes d’Alice. Les expériences transmédias immergent les "expérienceurs" dans un univers global qui se décline sur différents médias développant chacun une narration propre. Les webdocumentaires explorent l’information pour approfondir des sujets d’actualité, de société ou encore historiques et invitent les internautes à prendre part au débat. Désireuse de stimuler la production francophone sur le web et d’être à l’initiative de productions originales, la RTBF est à l’affût des créateurs de demain. En dédiant un espace aux jeunes créateurs de la FWB, elle révèle et accompagne les jeunes humoristes, vlogueurs, geeks et autres créatifs en herbe nés sur la toile pour produire leurs contenus et leur offrir une plus grande visibilité.
for Teams managea team of authors followlearner success publishor embed anywhere Introducing Versal for Organizations Versal for Organizations is a complete online course creation and publishing platform, ideal for building a curriculum of educational courses, training programs, or product tutorials. Structure lessons, customize interactive exercises, collaborate with colleagues in real-time, and publish courses virtually anywhere. Learner success monitoring Track the success of your learners by monitoring their progress in a course. Author management Add team members to your account, assign roles, and review courses in progress. Create public or private courses Set your courses to public and send anyone a link, or create a private course and embed it in your website. Advanced embedding and pass-through authentication Embed a full-frame course into your website and empower your audience to sign-in using your site’s username and password. Sneak preview Versal for Organizations pricing plansFree 60-day trial