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