{"id":5131,"date":"2011-07-28T11:15:58","date_gmt":"2011-07-28T09:15:58","guid":{"rendered":"http:\/\/flaven.fr\/?p=5131"},"modified":"2011-07-28T11:15:58","modified_gmt":"2011-07-28T09:15:58","slug":"cafes-trop-serres-realisation-dun-reportage-interactif-html5-avec-3wdoc-studio-au-cfpj","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/07\/cafes-trop-serres-realisation-dun-reportage-interactif-html5-avec-3wdoc-studio-au-cfpj\/","title":{"rendered":"Caf\u00e9s (trop) serr\u00e9s ? R\u00e9alisation d\u2019un reportage interactif HTML5 avec 3WDOC Studio au CFPJ"},"content":{"rendered":"<p><!-- Caf\u00e9s (trop) serr\u00e9s ? R\u00e9alisation d\u2019un reportage interactif HTML5 avec 3WDOC STUDIO au CFPJ --><br \/>\n<!--  Webdocumentaire, 3WDOC Studio, CFPJ, formation, R\u00e9alisation, b\u00eata, webdocu, personnalisation, CSS--><\/p>\n<p>Nous sommes fiers de mettre en ligne le reportage interactif <strong>&#8220;Caf\u00e9s (trop) serr\u00e9s ?&#8221;<\/strong>, un exercice r\u00e9alis\u00e9 par l&#8217;atelier <strong>&#8220;Webdocumentaire et narrations interactives&#8221;<\/strong> qui a eu lieu au <strong>CFPJ<\/strong> du 6 au 10 juin 2011. Une formation d&#8217;une demi-journ\u00e9e et 2 jours de post-production, seulement, ont suffit aux 12 stagiaires pour r\u00e9aliser le web-reportage avec 3WDOC Studio.<!--more--><\/p>\n<p><a class=\"bigpic\" title=\"Caf\u00e9s (trop) serr\u00e9s ? Initiation \u00e0 la r\u00e9alisation d\u2019un reportage interactif avec 3WDOC STUDIO au CFPJ \" href=\"http:\/\/demo.3wdoc.com\/studio\/he3Player.php?action=local.sequence.read&#038;sequence_id=40\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/07\/cafet_trop_serre_highlight.jpg\" alt=\"Caf\u00e9s (trop) serr\u00e9s ? Initiation \u00e0 la r\u00e9alisation d\u2019un Webdocumentaire avec 3WDOC STUDIO au CFPJ \" width=\"600\" height=\"235\" \/><\/a><br \/>\n<em><strong>L&#8217;objectif n&#8217;\u00e9tait pas la perfection mais l&#8217;exploration la plus pratique possible d&#8217;une d\u00e9marche journalistique prometteuse rendue possible par la naissance d&#8217;un nouvel outil de d\u00e9veloppement en HTML5.<\/strong><\/em><\/p>\n<p>\nAu d\u00e9but du mois de Juin, quelques jours avant de lancer notre version b\u00eata, lors de l&#8217;atelier &#8220;Webdocumentaire et narrations interactives&#8221; qui a eu lieu au CFPJ du 6 au 10 juin 2011, nous avons initi\u00e9 12 journalistes \u00e0 la r\u00e9alisation d\u2019un reportage interactif HTML5 avec 3WDOC STUDIO. <\/p>\n<p>Nous avions fait le pari de faire r\u00e9aliser aux stagiaires, en cinq jour seulement (production, post production et montage web), un reportage interactif lors de l&#8217;atelier con\u00e7u, coordonn\u00e9 et anim\u00e9 par <strong>Antonin Lh\u00f4te<\/strong> enseignant\/journaliste, et l&#8217;\u00e9quipe de <a href=\"http:\/\/webdocu.fr\"target=\"_blank\">Webdocu.fr <\/a><strong>Louis Villers<\/strong> et <strong>Alexis Sarini<\/strong>.<br \/>\n<\/p>\n<h2>La formation<\/h2>\n<p>Cette exp\u00e9rience a \u00e9t\u00e9 tr\u00e8s enrichissante pour l&#8217;\u00e9quipe, puisque ce fut la premi\u00e8re r\u00e9elle confrontation aux utilisateurs. Et elle fut concluante, la preuve : un reportage interactif, compos\u00e9 de vid\u00e9os, sons, images et textes a \u00e9t\u00e9 produit en une semaine seulement. Qui plus est, <strong>la post-production et le fine tuning avec 3WDOC Studio n&#8217;a dur\u00e9e que 2 jours!<\/strong><\/p>\n<p>Les deux premiers jours : les stagiaires ont \u00e9t\u00e9 initi\u00e9 aux narrations interactives et ont capt\u00e9 tout le contenu (photos, son, vid\u00e9o). Ensuite, nous sommes intervenus, pour pr\u00e9senter notre outil&#8230; une apr\u00e8s-midi d&#8217;initiation a suffit \u00e0 cr\u00e9er une trame g\u00e9n\u00e9rale du reportage interactif et \u00e0 prendre l&#8217;outil en main. Pendant les 2 matin\u00e9es suivantes, nous avons aiguill\u00e9 les stagiaires dans la conception de l&#8217;int\u00e9ractivit\u00e9.<br \/>\n<strong>Tout le contenu a donc \u00e9t\u00e9 cr\u00e9\u00e9, produit et mont\u00e9 par les douze stagiaires<\/strong>. Ils ont r\u00e9alis\u00e9 un bel exercice de style, et nous les en remercions. Enfin, notre graphiste s&#8217;est charg\u00e9 ult\u00e9rieurement d&#8217;harmoniser un peu l&#8217;interface utilisateur obtenue une fois le stage termin\u00e9, gr\u00e2ce \u00e0 l&#8217;Editeur CSS3 int\u00e9gr\u00e9 dans l&#8217;outils. <\/p>\n<p><\/p>\n<h2>Caf\u00e9s (trop) serr\u00e9s ? terrasses parisiennes comment se partager le trottoir ?<\/h2>\n<p>Le sujet a \u00e9t\u00e9 choisi en fonction \u00e0 la faisabilit\u00e9 du projet. Il est \u00e9vident que les terrasses parisiennes \u00e9taient une mati\u00e8re int\u00e9ressante et adapt\u00e9 au projet.<\/p>\n<p>Le pitch : <\/p>\n<blockquote><p>&#8220;La terrasse de caf\u00e9 parisienne est un symbole revendiqu\u00e9 d&#8217;un certain art de vivre fran\u00e7ais.<br \/>\nR\u00e9glementer l&#8217;installation et la multiplication des terrasses de caf\u00e9 revient \u00e0 poser la question de l&#8217;utilisation de l&#8217;espace public urbain. Son partage peut-il \u00eatre harmonieux, \u00e9quitable et satisfaisant pour tous ? Et comment ?<br \/>\nPour \u00e9clairer cette question, voici trois directions : <\/p>\n<ul>\n<li>Une piste destin\u00e9e \u00e0 comprendre ce que la nouvelle r\u00e9glementation va changer sur les trottoirs.<\/li>\n<li>Une piste qui permet de confronter les arguments des &#8220;forces&#8221; en pr\u00e9sence.<\/li>\n<li>Une piste qui explore le comportement des usagers des terrasses.&#8221;<\/li>\n<\/ul>\n<\/blockquote>\n\n<\/ul>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>Voir le reportable int\u00e9ractif<br \/>\n\t<a href=\"http:\/\/demo.3wdoc.com\/studio\/he3Player.php?action=local.sequence.read&#038;sequence_id=40\" target=\"_blank\">Caf\u00e9s (trop) serr\u00e9s ?<\/a><\/li>\n<li>Le CFPJ<br \/>\n\t<a href=\"http:\/\/www.CFPJ.com\/\" target=\"_blank\">www.CFPJ.com\/<\/a><\/li>\n<li>Webdocu.fr<br \/>\n\t<a href=\"http:\/\/webdocu.fr\/web-documentaire\/2011\/06\/05\/la-formation-webdocumentaire-du-CFPJ\/\"target=\"_blank\">La formation webdocumentaire du CFPJ<\/a><\/li>\n<\/ul>\n<p><strong> France, Paris<\/strong><br \/>\n[geo_mashup_map  height=&#8221;235&#8243; width=&#8221;600&#8243; map_type=&#8221;G_HYBRID_MAP&#8221; zoom=&#8221;14&#8243; add_overview_control=&#8221;true&#8221; add_map_type_control=&#8221;true&#8221;]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nous sommes fiers de mettre en ligne le reportage interactif <strong>&#8220;Caf\u00e9s (trop) serr\u00e9s ?&#8221;<\/strong>, un exercice r\u00e9alis\u00e9 par l&#8217;atelier <strong>&#8220;Webdocumentaire et narrations interactives&#8221;<\/strong> qui a eu lieu au <strong>CFPJ<\/strong> du 6 au 10 juin 2011.<\/p>\n","protected":false},"author":1,"featured_media":5135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Caf\u00e9s (trop) serr\u00e9s ? est un reportage interactif HTML5 r\u00e9alis\u00e9 avec 3WDOC Studio. 12 stagiaires du CFPJ ont cr\u00e9\u00e9 ce webdocumentaire en 2,5 jours.","bf_ai_og_title":"Caf\u00e9s (trop) serr\u00e9s ? Reportage interactif","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3436,3451],"tags":[1023,1106,1221,209,1223,193,1224,1225,401],"class_list":["post-5131","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-web-design-front-end","tag-3wdoc-studio","tag-beta","tag-cfpj","tag-css","tag-formation","tag-personnalisation","tag-realisation","tag-webdocu","tag-webdocumentaire"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-1kL","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/5131","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=5131"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/5131\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=5131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=5131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=5131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}