Outils sans code pour réaliser des narrations web multimédia et interactives
whut?
Nouveau(x) genre(s)
Depuis 2008/09, on trouve de plus en plus de nouvelles œuvres audiovisuelles en ligne: "webdocs", reportages multimédia...
- journalistes
- réalisateurs
- documentaristes
- photographes...
veulent investir le web, mais...
Flash!
À cette époque ces créations web sont réalisées avec Flash,
logiciel de scénarisation multimédia + animation + interactivité
flash...
Programme Adobe très complet et sophistiqué:
le
flasher devint un métier à part entière,
une compétence recherchée et... assez chère.
Flash...
Or beaucoup de projets ont une économie précaire.
Pour le "créateur de contenus" apprendre Flash:
- long
- coûteux
- complexe et difficile: apprendre du code ActionScript
(En plus Flash est presque obsolète, aujourd'hui HTML5)
apparition de nouveaux outils web codefree
Destinés aux auteurs/réalisateurs:
-
usage facile, sans code
- accessibles économiquement
1. hypervidéo
Hyper-vidéo, vidéo interactive, augmentée, enrichie...
HYper?
Soit le même principe que l'hyper-texte.
Bref rappel...
Internet: réseau d'ordinateurs et de serveurs
www: world wide web
langage du web: HTML (Hyper Text Markup Language)
nativement interactif et non-linéaire:
passer librement d'une "page" web à une autre.
popcorn, MADVIDEO, SMADEO, Storygami, Taggled, HAPYAK, zentrick, metta, zaption
Synchroniser et enrichir
Popcorn maker
un media master: vidéo (ou audio)
"enrichi" avec des plugins synchronisés sur la time line
("évènements" interactifs, ou pas)
-
texte
-
image
- Wikipédia
-
Google Map
- objet 3D
Tout est gratuit et en ligne
né de popcorn.js
Initiative de la Mozilla Foundation:
Web Made Movies que a développé un framework
gratuit et collaboratif, libre et ouvert.
Ensuite développement de Popcorn Maker, codefree.
Philosophie de Mozilla: web gratuit et ouvert:
"Remix the web!"
Happy World, 2011
deux mots de BERTO
Berto Yáñez
Développeur A Navalla Suíza / Popcorn.js
MadVideo
"Tag your videos, make them interactive"
Basique...
Pas très convaincant: UX discutable
Seulement avec des vidéos Youtube, Vimeo, Brightcove
Formaté, limité mais customizable, disent-ils.
Publication Facebook
Tout en ligne: SaaS (Software as a Service)
Gratuit, 10$ / mois, 60$ / mois
Business oriented
Fait en Espagne et aux États-Unis
SMADEO
"HyperMedia Management System"
"smart videos"
Principes similaires à Popcorn Maker:
contenus additionnels (bonus) accessibles à un Time Code,
le clic met en pause la vidéo,
tout est dans le même video player.
Contenu enrichi.
Publication Facebook.
Pay as you go... ou 4800€/an!
Fait en France. Toujours actif?
Interactive video Creator
Initiative assez discrète du Orange Transmedia Lab
J'ai demandé 2 fois à tester, pas de réponse...
Toujours actif?
Interface semble pas très user-friendly...
Fait en France
Gratuit
Storygami
"Keep your audience engaging with your content"
storygami
Vidéo Youtube, Vimeo, Brightcove enrichi avec:
- texte et PDF
- images (galerie)
- autre vidéo
- Google Maps
-
fil Twitter
- sondages
- stats "détaillées" sur l'audience
En version Beta, prix?
Fait en Angleterre
Wirewax
"Create shoppable or information overlays"
Wirewax
- Player video Wirewax ou Youtube/Brightcove
- "Objects automatically motion-tracked": comment??
- Tout en ligne: uploader votre vidéo
- Toujours gratuit: "we will always be free"...
- ...mais aussi 750 $ ou... 15 000 $!!
- Pas réussi à créer mon compte wirewax...!
- Fait en Angleterre et aux États-Unis
TAggled
"Product/Place/People/Music tags"
Taggled
- Fonctionnalités très similaires à Madvideo:
- gens, produits, lieux avec l'API Google Map, musique
- Gratuit pour l'utilisateur individuel, combien Pro?
- utilisateur indiv: commission sur produits vendus...
- Fait en Irlande du Nord
Hapyak
"If you can watch a video, you can make it interactive"
Hapyak
- video player fragile
- dessiner sur la vidéo!
- "quizz"
- chapitrer la vidéo (ils disent: "over 2 min: no viewers")...
- stats "détaillées"
- Gratuit, 100 $/mois, on demand
- Fait aux États-Unis
zentrick
"Intelligent interactive video"
zentrick
- enrichi avec multimedia + shopping + jeux?
- Templates: Blueprints
- Publication Facebook et réseaux sociaux
- Essai gratuit, prix ensuite?
- Fait en Belgique
Metta
"Keep them interested!"
Metta
- usage pédagogique: vidéos interactives pour enseigner
- "quizz" et sondages
- SaaS
- Gratuit, 60 $/an, 108 $/an
- Fait en Hongrie
Zaption
"Don't just watch. Learn"
Zaption
- plateforme éducative de vidéos interactives
- MOOC interactif: "Massive Open Online Course"
- trim youtube, vimeo + sync. multimédia, quizz et dialogue
- stats visiteurs
- Essai gratuit, 79 $/an (prof), 1195 $/an (école)
- Monde de l'éducation: marché énorme...
- Fait aux États-Unis
TouchCast
Minority Report like
WOW!
Principes de Popcorn: contenu vidéo enrichi...
...à l'époque de la tablette et du mobile device,
soit: le touch.
Nouveau sens: vue + ouïe + toucher!
Pour les tablettes, par les tablettes:
application iPad avec des video-apps: vApps
(version desktop aussi)
Gratuit... aujourd'hui.
Fait aux États-Unis
Blindspot
Coming soon...
Blindspot
- Nouvel outil interactif de Bjarke Myrthu...
- ...après StoryPlanet (que nous évoquerons)
- App iPad et tablette, semble-t-il.
- Aussi pour les ordinateurs?
- Mixer les contenus, créant des liens
- Dimension importante: sélection/curation, remix
- Sortie en"octobre 2014". Imminente!
- Prix?
- Fait au Danemark
2. Récits, histoires... enfin!
Outils plus développés pour la narration
Honneur aux vaincus !
Tout n'est pas rose dans le monde des start-ups...
Juin 2011 - Décembre 2013 // 2012 - Oct 13
KORSAKOW
-
Conçu par Florian Thalhofer, artiste de Berlin
- avec Macromedia Director en...2000!
- Précurseur
- Un outil autant qu'un concept:
- Navigation sémantique // association d'idées
- Programme libre et open source
- Jamais commercialisé, esprit de chercheur universitaire
- Florian parcourt des universités du monde entier, ateliers
- Logiciel geek, pas très user-friendly, développé en Flash
- Application de bureau desktop, pas en ligne (SaaS)
- Fait en Allemagne
Korsakow system
Editeur
KLYNT
Premier soft du genre commercialisé, octobre 2011
Logiciel de bureau, local: stable
User-friendly, intuitif, ergonomique:
Storyboard: construction architecture narrative
Éditeur de sequences // Final Cut Pro, Adobe CS
Flash, puis HTML5:
Compatible tous devices + responsive design
Multi-interactions
Code-source accessible et modifiable, personnalisable
Prix: Lite: 150€, Pro: 500€, Entreprise: 2500€
Étudiant: 49€, Prof: 249 €, Université: 2500€/an
Fait en France
Deux mots d'Arnaud
Arnaud Dressen
Producteur Honkytonk Films / Créateur Klynt
Racontr
Programme HTML5 en ligne, SaaS
En 2011 Djehouti, en 2014 évolua en Racontr
Narration multimédia + animation
Potentiel interactif: multi-action (et mobile)
Scrollytelling et templates
"Administrateur embarqué"
Ambition: plateforme, "réseau social" de créateurs
Storyboard moins userfriendly que Klynt
Éditeur plus ergonomique que l'ex Djehouti
Customizable avec des "briques" de code JS
Prix: Gratuit, 290 €/mois, 490 €/mois, 990 €/mois
Fait en France
Deux mots de Grégoire
Grégoire Sierra
Fondateur Djehouti / Racontr
Memoways
Ovni, conceptuel: collaboratif et mémoriel
Version Beta, demander l'accès
Vídéos géolocalisées accessibles sur mobile, en déambulant
Fait en Suisse
Interlude
Soft en ligne: SaaS (Software as a Service)
Gratuit, 99 $/mois, 349 $/mois, ou on demand
Peu de documentaires, surtout des clips et pubs
Tutoriel: "recette" ludique et engageante
Flash, puis HTML5
Templates et publication Facebook
Stats
Fort: tout se déroule de façon très fluide dans le player
Éditeur de l'architecture narrative: tree
Fait en Israel
RAPT MEDIA
- SaaS, Cloud: tout en ligne
- Simple et efficace: choix, liens, contenus additionnels
- Business oriented:
-
"how companies engage with their customers"
- Stats
- Projets personnels: gratuit, entreprises: on demand
- Fait aux États-Unis
3. Tendance
"scrollytelling"
Shorthand Aesop Creatavist
"scrollytelling"
Navigation "scroll" / glisse
design d'interface + design d'interaction
soit: une
nouvelle forme d'écriture!
dynamique, agréable, élégante,
"fresh"
tendance graphique, mode, ou écriture durable?
Webdocs mais surtout des articles longforms.
Forme si populaire qu'elle a déjà ses outils codefree!
4. Animation et interactivité
Softs d'animation qui implémentent vidéo et interactivité
HYPE
Animation & narration
Au départ un programme d'animation HTML5,
pour remplacer Flash, mais plus simple.
Timeline / scénario multimédia:
texte, image, photo, audio, vidéo
Personnalisable avec des "briques" de code JS
Pas de storyboard, un peu plus geek que Klynt
Application de bureau, local
Uniquement pour Mac OS!
Très bon marché: 30 $
Fait aux États-Unis
Edge Animate CC
- Niveau super avancé
-
Pour les animators, webdesigners, programmeurs...
- ...+ que pour réalisateurs, mais puissant, prometteur
- Soft de Adobe, de la Suite, aujourd'hui Creative Cloud
- Remplaçant progressif de Flash
- Animation et interactivité (et mobile), avec du code JS
- Depuis juin 2014 intègre audio et video, responsive aussi
- Prix: vendu séparément?, tout CC: 30 $/mois, 60 $ mois
- Fait aux États-Unis
Google Webdesigner
- Tout HTML5: tous devices
- Animation et interactivité (et actions de tablettes)
- Sans code, ou code ouvert pour customizer // Klynt
- Composant vidéo
- Connecté avec services Google: Drive, Admob...
- Logiciel de bureau
-
Gratuit
- Fait aux États-Unis
Quelques liens en plus
Article récent sur Korsakow
[anglais]
Merci !
hello@simonduflo.com
Outils Webdoc Master Journalisme Gennevilliers
By Simon Duflo
Outils Webdoc Master Journalisme Gennevilliers
Panorama des outils sans code pour réaliser des webdocs et narrations multimédias interactives, Simon Duflo, Master Journalisme Gennevilliers, janvier 2015.
