Formation webdoc
Video Design Formation - 19 juin 2017
Déroulé DU STAGE
Semaine 1
- Lundi Klynt prise en main, découverte
- Mardi Klynt fondamentaux
- Mercredi Klynt fonctionnalités avancées
- Jeudi Photoshop CC bases, rappels, exports web, préparer une interface pour Klynt
- Vendredi Final Cut Pro X bases, exports, préparer médias vidéo pour Klynt
DÉROULÉ DU STAGE
Méthode de travail
- Exercices pratiques pas à pas
- Travail en autonomie
- parfois en binôme
- démonstration pour le groupe et reformulation
- dynamique d'échanges, partage, conversation
- visionnage d'exemples de webdocumentaires
- Exercices pratiques pas à pas
- Travail en autonomie
- parfois en binôme
- démonstration pour le groupe et reformulation
- dynamique d'échanges, partage, conversation
- visionnage d'exemples de webdocumentaires
Déroulé du stage
Semaine 2
- Atelier individuel Webdoc avec Klynt
- mais aussi Photoshop et FCP X
- à son rythme, pas d'obligation de résultat, pas d'éval
- en binôme/sous-groupe sur certaines phases de création
- Présenter son projet en cours, échanger avec le groupe
- Visionnage de webdocs, analyse, discussion
Documentaire ?
Au commencement était le cinéma...
- le geste documentaire naît avec le cinéma (ou l'inverse :)
- 2 tendances d'emblée: naturaliste vs artifice
- Lumière vs Méliès (cocorico!) // documentaire vs fiction
- documentaire de création: démarche d'auteur
- à distinguer du reportage, de l'enquête ou magazine tv
- sur le fond (intention, écriture, art et essai)...
- ...comme dans la forme (traitement, liberté vs codes)
- (souffrant heureusement quelques exceptions /-)
- à lire: Doc/Webdoc: esquisse d'une filiation
- background image: L'homme à la caméra, Dziga Vertov
Cinéma, cinéma, tchi-tcha!!
Les frères Lumière / Méliès
webdocumentaire ?
un film documentaire sur le web ?
Plus que ça: un film documentaire fait pour le web,
par le web et avec le web !
"par" et "avec": David Dufresne
"Medium is the message", Marshall McLuhan
Cinéma > télévision > web
"Chronologie" des médias.
Après la salle de cinéma, puis la télévision,
un nouvel "espace" de diffusion: le web.
Pas seulement un lieu...
I. Révolution structurelle: l'interactivité
Narrations
- délinéarisées
- enrichies / augmentées
-
participatives
- personnalisées
Narrations délinéarisées
Avant le webdoc, la littérature...
Rayuela, Julio Cortázar, Cent mille milliards de poèmes, Raymond Queneau, Les livres dont vous êtes le héros,
Narrations délinéarisées
Avant le webdoc, le CD-Rom...
Immemory, Chris Marker
cinéaste libre, artiste défricheur
1998
NARRATIONS DÉLINÉARISÉES
le CD-Rom:
pas encore sur le web,
mais déjà sur ordinateur...
amène les questions:
- écriture / langage multimédia
- design d'interface
- interaction design
nous y reviendrons...
Narrations délinéarisées
par
Florent Maurin
émergence d'une forme
Thanatorama, Ana Maria de Jesús, 2007
- documentaire de création
- matériau documentaire (photos, enquête)
- tonalité singulière, décalée
- traitement: écriture multimédia: sound design...
- narration: convergence avec le jeu vidéo: playercentrism, le spectateur devient le héros de la narration (M.Reilhac)
- "condoléances": participation de l'internaute 2.0
Thanatorama
FILM augmenté
In Situ, Antoine Viviani, 2011
- documentaire de création, essai
- narration linéaire, mais...
- le web comme espace de liberté éditoriale et formelle
- et surtout: touches d'interactivité ludiques et poétiques ! Rare...
- soit, un film "augmenté", enrichi
- carte participative: complément au film
IN SITU
entrées multiples:
narration éclatée
La Zone, Bruno Masi et Guillaume Herbaut, 2011
- mode de navigation: cartographique, les "zones"
- narration déconstruite, aléatoire, accidentelle
- la structure, désarçonnante, exprime le concept
- dimension transmédia: webdoc + livre + installation
la Zone
régime participatiF
L'interactivité
- (pas juste le clic de navigation diégétique
- certes, principe du web: lien hyper-texte (langage HTML)
- la plus grande invention récente pour l'écriture, dixit Alexandre Brachet)
- mais le web: aussi un moyen de communication !
- dimension humaine, sociale primordiale
- voire contributive: web 2.0 (condoléances, carte insitu)
- et même "constitutive" de ( l'expérience de) l'œuvre...
échanges, participation,
engagement
Prison Valley, David Dufresne et Philippe Brault, 2010
- étape/tournant dans le webdocumentaire
- discussion et conversation au cœur du webdoc: chats, forums, échanges avec les personnages du film
- le web: outil de communication, outil social
- "plus-value" au film non-linéaire
- échanges et débats: effet engageant et impliquant
- + gamification/ludification, convergence avec jeu vidéo, on y reviendra...
Prison Valley
Participation: réaction
Julien Goetz et Jean-Marc Manach, 2013
- documentaire TV 90 min
- dimension "webdoc": contributions et discussions web
- contributions en plus du film, à côté, pas constitutives
- un forum est-il un webdocumentaire ?
- mais succès: beaucoup de contributions !
- surtout du texte...
- rien d'évident: règle de la pyramide de la participation
LA CONTRE-HISTOIRE...
Pyramide de la participation
Changement de paradigme
- le webdoc comme base pour appel à témoignages
- fonction psychologique et sociale de l'œuvre
- plateforme de témoignages et échanges
- architecture et agencement de l'information l'expriment
- // approche anglo-saxonne où le documentaire est souvent perçu comme devant être porteur de social change, ambition amplifiée par le support web
BI-MÉDIA, LIVE & PARTICIPATIF
#24hJérusalem, Upian, 2014
- expérience de 24 heures successives de documentaire (magazine tv plutôt...) sur Jérusalem, à l'antenne sur Arte
- simultanément 1 site web complémentaire (2nd screen)...
- ...enrichi en temps réel des contributions des internautes (vidéos Vine de 6 secondes sur des thèmes prédéfinis)
#24HJÉRUSALEM
Ma contribution Vine
Les modérateurs ne l'ont pas publiée sur le site !
Pas tant hors-sujet mais peut-être à contre-courant /-)
BI-Média/transmédia:
Série DOC + expérience WEB
Manipulations, une histoire française
BI-MÉDIA
DOC TV + JEU DE RôLES WEB
Jeu d'influences, Julien Goetz & Luc Hermann, 2014
- un jeu de rôles web "dans la peau" d'un responsable qui doit faire appel à un spin doctor de la comm de crise
- approche complémentaire ludique du doc tv didactique
- où l'expérience web, en dépit de son réalisme, n'a plus grand-chose à voir avec le "documentaire"...
constitutiF
Journal d'une insomnie collective, ONF, 2013
- 4 portraits documentaires (forme originale)
- mur d'images: contributions d'internautes sur l'insomnie
- œuvre collective (dans le titre) enveloppante, immersive
- d'autant plus que visible uniquement la nuit,
- stratégie de distribution aussi, car mode de diff original
Insomnia
"The coder is an artist"
Dominique Willieme
Producteur ONF Interactive, Québec / Arte, France
jeu documentaire
Fort McMoney, David Dufresne, 2013
- pousser la logique de l'interaction...
- ...de l'internaute avec le webdoc (mécanique gaming: points, progression, tableau de bord...)
- ...des internautes entre eux (interaction sociale, politique)
- MMOG (massively multiplayer online game)
- ludification du contenu sur un sujet politique
- serious game: s'informer et nourrir/participer au débat
En "mode" gamification
Are Vah!, Sarah Irion et Micha Patault, 2014
- beaucoup de similitudes avec FMM:
- mécanique gaming: points, vote, simulation 2022...
- ...+ qu'une véritable projection ou prospective
- exploration progressive environnement: investigation
- reportage et jeu sérieux, + que documentaire de création
De l'art de prêcher les convaincus ?
L'opinion... est-ce le geste documentaire ?
JEU DOCUMENTAIRE + "PUZZLE"
Hors-jeu, David Dufresne / Upian, 2016
- à la croisée de Manipulations, l'expérience web et FMM:
- collectionner cartes: tisser des liens entre les contenus, créer des relations = reconstituer puzzle // pinboard Manipulations, l'expérience web, en moins graphique
- collectionner cartes: aspect ludique, évocation enfance
- interaction sociale poussée, encouragée: véritable plateforme web, réseau pratiquement, autant qu'idoc
- réserves sur la fragmentation totale du contenu docu...
Expérience personnalisée...
The [ ] and.us, Topaz Adizes, 2014
- "quizz" qui vous propose un contenu audiovisuel différent selon vos réponses: customized experience
- dispositif clair: courte durée, mise en scène quasi-télévisuelle (on pense à la télé-réalité)
- produit dérivé: jeu de cartes, l'Amérique du Nord ne perd pas le nord /-)
...Avec vos données !
In Limbo, Antoine Viviani, 2015
- film 30 min utilisant vos données disponibles sur le web
- réflexion sur le monde d'aujourd'hui + avec vos propres données pour que vous, spectateur, en soyez plus (directement) conscient; amplification/impact
- Rappel: " par et avec le web" / "Medium is the message"
...AVEC VOS DONNÉES ! (bis)
Do Not Track, Brett Gaylor, 2015
- série webdocumentaire sur le tracking en ligne...
- ...mettant aussi "en scène" vos données !
- démarche citoyenne, politique, presque militante
- coprod internationale Upian, Arte, ONF, ONG partenaires
- films courts complétés d'une abondante documentation
...AVEC VOS DONNÉES ! (ter)
Digital Me, Sandra Gaudenzi and Mike Robbins, 2015
- sur le même thème des données publiques en ligne...
- ...comme révélateur de ce que je suis ?
- Made in England, production BBC
- version Beta: essayé 2 fois, ça a planté 2 fois...
- anyway: Sandra et Mike: gens à suivre...
- (mais au fait: est-ce encore du documentaire ??)
"SOUnd-driven"
Quipu Project, Rosemarie Lerner and Mike Robbins, 2015
- des femmes et des hommes amérindiens stérilisés contre leur gré au Pérou dans les années 90
- leurs témoignages recueillis par une ligne téléphonique...
- ...mis en ligne dans ce webdoc...
- ...dont l'audio est donc le matériau principal
- enjeu/visée sociale, politique
- démarche adéquate, pertinente
- place et rôle de l'image dans ce régime/dispositif ?
- déclinaison radio de l'œuvre ?
- mesure de l'impact ?
"SOUND-DRIVEN"
After The Storm, Andrew Grace and Mike Robbins, 2015
- une "lettre" multimédia à une personne du futur...
- ...dont le son est le "liant" entre les moments/séquences.
- aspect technologique et formel à la fois
- démarche d'auteur, documentaire de création...
- ...tout en n'étant plus une écriture (seulement) filmique
- encore une production du formidable Helios Design Labs
II. révolution formelle: webdesign
Esthétique de l'interface
- questions de navigation, d'agencement de l'information, d'écriture multimédia, de graphisme
- meilleurs cas: questions de mise en scène, de cinéma
- l'esthétique est politique
- "code is politics" / "code is poetry"
Figure du splitscreen 1
Gaza/Sderot
, Upian, 2008
-
figure cinématographique du splitscreen
- splitscreen gauche ET droite
- splitscreen interactif, liberté de navigation
- ligne de séparation au potentiel métaphorique
- idée graphique: valeur éditoriale, sens
Gaza/sderot
Architecture de l'information
Navigation dans l'œuvre par:
- chronologie, comme un vidéo-blog (par défaut)
- personnages
- cartographie
- thèmes (mots-clefs)
Gaza/Sderot
FIGURE DU SPLITSCREEN 2
Alma, Miquel Dewever-Plana et Isabelle Fougère, 2012
- splitscreen haut OU bas, question de cinéma
- questionne la nature même du montage: le choix
- ère tablettes: navigation tactile: glisser, toucher Alma
"Partie confession, partie évocation", Alexandre Brachet, producteur
Figure du splitscreen 3
Le Grand Incendie, Samuel Bollendorff et Olivia Colo, 2013
- 2 récits en parallèle; 2 voix, 2 façons de traiter un phénomène, l'internaute/spectateur crée lui-même les points de montage entre ces 2 fils pour "faire" son film
- production Honkytonk Films qui a développé Klynt ;-)
"Less is more. Simple is hard (enough)".
Arnaud Dressen, producteur
Figure du splitscreen 4
Last Hijack, Submarine Channel, 2014
- sur la piraterie aujourd'hui au large de la Somalie
- 2 points de vue, 2 personnages: pirate et capitaine
- approche bi-media: webdoc + documentaire cinéma
questions de mise en scène,
de montage: de cinéma
"Interactions are the new edits", Webdoc Manifesto
"Navigation is to web what editing is to cinema", Hugues Sweeney, NFB Canada
"The best interface is... no interface"// montage "invisible", "interdit",
idée du théoricien du cinéma André Bazin
Tendance "scrollytelling"
Hollow, Elaine McMillion, 2013
- navigation scroll (ou glisse sur tablette):
- design d'interface + interaction design
- soit: forme d'écriture !
- dynamique, agréable, élégant, "fresh"
- tendance graphique, mode ou écriture durable ?
- by the way, idoc à ambition social change...
- ...sceptique
SCROLLYTELLING
NSA Files: Decoded, The Guardian, 2013
- même type de navigation, d'écriture
- appliqué à un travail journalistique, d'investigation, avec le web (datavisualisation interactive, live data, docs pdf)
- grand format reportage d'aujourd'hui // "longform"...
- ... forme si populaire qu'elle a maintenant ses templates
SCROLLYTELLING !?
Pregoneros de Medellín, 2015
-
proposition originale de navigation web !
- avancer/reculer dans la rue en vue subjective...
- ...au scroll de la souris !
- immersif, enrichi par un sound design 360° léché
- eu le plaisir d'être tuteur de ce projet :)
en "mode" gamification 2
ReConstruire Haïti, Jean Abbiateci et Florent Maurin, 2014
- un récit longform avec des modules gaming
- // Are Vah!, FMM: simulation sur l'avenir: 2020...
- ...en fonction des choix dans les modules gaming
- hybride: récit journalistique + jeu sérieux = newsgame
- interactivité minimale mais assez juste
- digression: pas du tout un "documentaire"...
- "reportage-fiction multimédia"
USER EXPERIENCE DESIGN
The UX Series, Sandra Gaudenzi
- au-delà du design d'interface et de l'interaction design...
- => globalement: le design d'expérience de l'utilisateur
- User Xperience Design (UX)
- un idoc n'est plus juste un film mais un product, mieux: une expérience.
- série d'entretiens vidéo avec auteurs, designers...
"Design is a point of view", David Dufresne
NOUVELLE FRONtière:
la "web-création" ?
(exemple:
Dada-Data, Anita Hugi et David Dufresne, 2016)
- le "webdoc" déjà caduc ? terme réducteur ? restrictif ?
- on parle de plus en plus de "web-création"...
- (mot plus générique tu meurs...)
- ...face à variété et éclectisme des "nouvelles écritures"
- il faut bien le dire: beaucoup de projets sont assez éloignés de la démarche de documentaire de création, de l'essai cinématographique...
- en un mot: soyons LIBRES dans nos propositions !
NOUVELLE FRONTIÈRE: "VR"
VIrtual reality
- le nouveau medium, le truc du moment...
- ...durable ?
- (quand) va-t-il atteindre sa masse critique ?
- un autre langage, un nouveau langage, balbutiant
- des technologies et dispositifs en gestation
- des nouveaux coûts aussi, pour tous... prod et public
-
voulez-vous en être ? pourquoi ?
- nouveau soft issu de Klynt: Wonda VR, depuis avril 2016
- 2017: nouvelles formations VR à Video Design: 5j ou 10j
métiers
C'est bien beau tout ça, mais... qui le fait ?
DOCUMENTAIRE
Producteur
Dir. et assist. de prod
Auteur/Réalisateur
Cadreur
Ingé son & Mixeur
Monteur & Étalonneur
Musique originale
MÉTIERS
C'est bien beau tout ça, mais... qui le fait ?
DOCUMENTAIRE WEB CRÉATION
Producteur Producteur
Dir. et assist. de prod Chef de projet
Auteur/Réalisateur Concepteur/Réal
Cadreur Graphiste
Ingé son & Mixeur Sound Designer
Monteur & Étalonneur Développeur/Inté
Musique originale Ergonome
BUDGET
C'est bien beau tout ça, mais... combien ça coûte ?
- modèles économiques et budgets en progrès (sauf 2016)
- initiative récente PXN pour avoir un soutien + important
- 2 types de projets:
- 1. budgets conséquents
- ( Alma: 500 000 € env, Fort McMoney: 700 000 € env,
- Do Not Track: 640 000€ env)
- soit: budget doc tv + budget développement web
- 2. économie précaire: qq milliers d'euros... (bcp projets) et des échelles budgétaires très variables
DO it yourself! #DIY
Nouveaux outils codefree pour réalisation autonome:
premiers pas vers l'écriture et la réalisation interactives
Klynt 3 Racontr Hype 3
KLYNT
Développé par Honkytonk Films
Atelier imminent !
Financement
Modèle économique
- CNC Nouveaux Médias (écriture / dév / production)
- Diffuseurs: France TV Nouvelles Écritures, Arte Web
- part (co)producteur(s), dont aides privées, régions...
- soit: 1/3 CNC, 1/3 diffuseur, 1/3 producteur // doc tv
- coproductions internationales, de plus en plus
- crowdfunding
-
aides régions répertoriées par
Le Blog Documentaire
Diffusion & Communication
Partenariats, réseaux sociaux et <iframe>
- partenariats presse, sites de presse
- projets peu de moyens mais finalement bonne visibilité
- community management: audience vivante sur le web
- réseaux sociaux, recommandation, longue traîne
- embarquez-le ! <iframe>: intégration du programme
- à plus grande échelle: stratégie transmédia 360°
quelques liens...
Veille / Actu
Interactive Narratives [english]
Blogs & Références
MIT Open Doc Lab [english]
MIT Moments Of Innovation [english]
Tribeca Film Institute Interactive [english]
Inter-Doc [español]
Quelques liens... (bis)
Où voir de bons webdocs ?
Docubase [english]
IDFA Doc Lab Netherlands [english]
Comprendre Internet...
Merci !
hello@simonduflo.com
Webdoc Video Design 10
By Simon Duflo
Webdoc Video Design 10
Formation Webdocumentaire Simon Duflo, Video Design, Paris, juin 2017.
- 674