{"id":2866,"date":"2011-03-17T17:27:42","date_gmt":"2011-03-17T15:27:42","guid":{"rendered":"http:\/\/flaven.fr\/?p=2866"},"modified":"2011-03-17T17:27:42","modified_gmt":"2011-03-17T15:27:42","slug":"webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/03\/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc\/","title":{"rendered":"Webdocumentaire, HTML5, Firefox 4, ONF &#8211; Un point sur les avanc\u00e9es du HTML5 dans le domaine du webdoc"},"content":{"rendered":"<p><!-- Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avanc\u00e9es du HTML5 dans le domaine du webdoc --><br \/>\n<!--  Webdocumentaire, HTML5, Firefox 4, ONF, avanc\u00e9es, webdoc, jQuery, Arte, Tristan Nitot, Firefox Web Store, Google Chrome webstore, Chrome, Bocoup, Brett Gaylor, A navalla suiza, Seneca College, Toronto, Canada, Wallaby, Apple, Adobe, Flash, AIR, JavaScript, Popcorn   --><\/p>\n<p><a title=\"Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avanc\u00e9es du HTML5 dans le domaine du webdoc\" class=\"bigpic\" href=\"https:\/\/flaven.fr\/2011\/03\/17\/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/03\/onf_mozill_b.jpg\" width=\"600\" height=\"235\" alt=\"Webdocumentaire, HTML5, Firefox 4, ONF - Un point sur les avanc\u00e9es du HTML5 dans le domaine du webdoc\" \/><\/a><em>Copyright&copy;ONF<\/em><\/p>\n<p>Le monde du HTML5 et des exp\u00e9rimentations dans le domaine du webdocumentaire est riche de bonnes nouvelles. Comme souvent, dans le domaine du web et du multim\u00e9dia, ces bonnes nouvelles nous viennent du Canada et plus sp\u00e9cifiquement de l&#8217;ONF (Office national du film du Canada).<!--more--><br \/>\nPuisque, ONF ouvre deux chantiers, l&#8217;un technologique avec Mozilla et l&#8217;autre, plus \u00e9ditorial, avec Arte dans le domaine de la production de webdocumentaires.<\/p>\n<ol>\n<li>Mozilla et l&#8217;ONF s&#8217;allient pour tenter des exp\u00e9rimentations en HTML5<\/li>\n<li>ONF et ARTE lancent un cycle de coproduction de documentaires \u00e0 destination des nouveaux m\u00e9dias comme on dit ! Le premier projet de cette collaboration se nomme Code barre, un vrai nom de code donc&#8230;<\/li>\n<\/ol>\n<p>C&#8217;est un peu comme si, en France, le CNC d\u00e9cidait de s&#8217;allier avec Mozilla Europe pour tenter des exp\u00e9riences en HTML5 !<\/p>\n<h4>Le projet ONF en HTML5<\/h4>\n<p>Rapidement, ce projet ONF Mozilla s&#8217;agr\u00e8ge autour d&#8217;un grand nombre d&#8217;acteurs internationaux du Web, en t\u00e9moigne cette extrait tir\u00e9 directement du blog de l&#8217;ONF.<\/p>\n<blockquote><p>\nCe projet a une port\u00e9e internationale. Il unit les forces de Mozilla, c\u2019est-\u00e0-dire : le producteur et r\u00e9alisateur Brett Gaylor (RiP : remix manifesto) et son projet Web Made Movies, des \u00e9tudiants du coll\u00e8ge Seneca de Toronto, des d\u00e9veloppeurs de Bocoup, des d\u00e9veloppeurs de la compagnie espagnole A navalla suiza et, bien entendu, l\u2019\u00e9quipe de d\u00e9veloppement de l&#8217;ONF.<\/p><\/blockquote>\n<p>Plus sp\u00e9cifiquement, dans le projet ONF HTML5, on retrouve les partenaires ci-dessous parmi lesquels il y a d&#8217;\u00e9vidence des experts pour chaque domaine propre \u00e0 la cr\u00e9ation d&#8217;objets multim\u00e9dias interactifs notamment en javascript via la librairie JavaScript Popcorn.<\/p>\n<ul>\n<li>Bocoup, <a href=\"http:\/\/bocoup.com\/\" target=\"_blank\">http:\/\/bocoup.com\/<\/a><\/li>\n<li>A navalla suiza, <a href=\"http:\/\/anavallasuiza.com\/\" target=\"_blank\">http:\/\/anavallasuiza.com\/<\/a><\/li>\n<li>Brett Gaylor, <a href=\"http:\/\/twitter.com\/remixmanifesto\" target=\"_blank\">http:\/\/twitter.com\/remixmanifesto<\/a><\/li>\n<li>Le Seneca College de Toronto, Canada, <a href=\"http:\/\/www.senecac.on.ca\/\" target=\"_blank\">http:\/\/www.senecac.on.ca\/<\/a><\/li>\n<\/ul>\n<h4>Et&#8230; le projet 3WDOC dans tout cela !<\/h4>\n<p>On ne d\u00e9sesp\u00e8re pas de vous surprendre avec notre projet en HTML5, bas\u00e9 sur JQuery nomm\u00e9 3WDOC Studio. Cette web application, on l&#8217;a dit, permettra de raconter des histoires interactives directement sur le web. Nous aussi nous avons bien parl\u00e9 avec Tristan Nitot, mais bon l&#8217;homme, comme on l&#8217;a dit plus haut, est accapar\u00e9 par la lancement de Firefox 4. On ne d\u00e9sesp\u00e8re pas non plus de faire quelques chose en ce sens. En t\u00e9moigne, le nombre de vid\u00e9os disponibles sur le web o\u00f9 Tristan Nitot parle avec gourmandise et enthousiasme de ce b\u00e9b\u00e9 collectif qu&#8217;est le nouveau Firefox 4. Tristan Nitot est un homme press\u00e9 et on lui souhaite bonne chance pour le lancement de Firefox 4 dont on se f\u00e9licite ici \u00e0 3WDOC. Quoiqu&#8217;il arrive, on s&#8217;emploiera \u00e0 ce que notre future web application 3WDOC Studio soit disponible comme application dans le futur Firefox Web Store comme dans le Google Chrome webstore.<\/p>\n<p>Ah, oui, il y a aussi Wallaby, une application AIR, de chez Adobe, qui permet d&#8217;exporter des animations Flash en HTML5. A suivre, c&#8217;est un d\u00e9but mais la version propos\u00e9e actuellement est plut\u00f4t tourn\u00e9e vers les utilisateurs les plus aguerris, dont nous faisons aussi parti chez 3WDOC en regard de nos heures sous Flash et c&#8217;est aussi un appel du pied d&#8217;Adobe en direction de Apple du genre enterrons la hache de guerre !<\/p>\n<p><b>Une liste compl\u00e9te des avantages de Firefox 4, \u00e9loquent, en fran\u00e7ais<\/b><br \/>\n<!--YouTube Error: bad URL entered--><\/p>\n<p><b>En anglais, sur un point technique, l&#8217;acc\u00e9l\u00e9ration mat\u00e9riel<\/b><br \/>\n<!--YouTube Error: bad URL entered--><\/p>\n<p><b>Un extrait du code source des pages de l&#8217;ONF, un clin d&#8217;oeil de l&#8217;\u00e9quipe<\/b><\/p>\n<pre lang=\"html\" escaped=\"true\">\n\t&lt;!--\n\t   _____\n\t  \/ ___ \n\t \/ \/ _  \n\t  (_)\/ \/\n\t  _   _\/\n\t   |   |   Equipe web ONF \/\n\t   |_|_|   NFB web team  \/ 2008-2011\n\t   =====\n\t--&gt;\n<\/pre>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>Le blog ONF sur la coproduction avec Arte<br \/><a href=\"http:\/\/blogue.onf.ca\/2011\/03\/08\/onf-arte-coproduction-documentaires-web-inedite\/\" target=\"_blank\">http:\/\/blogue.onf.ca\/2011\/03\/08\/onf-arte-coproduction-documentaires-web-inedite\/<\/a><\/li>\n<li>le blog ONF qui annonce la collaboration avec Mozilla<br \/><a href=\"http:\/\/blogue.onf.ca\/2011\/03\/01\/lonf-et-mozilla-sunissent-pour-explorer-le-html5\/\" target=\"_blank\">http:\/\/blogue.onf.ca\/2011\/03\/01\/lonf-et-mozilla-sunissent-pour-explorer-le-html5\/<\/a><\/li>\n<li>Office national du film du Canada \/ National Film Board of Canada<br \/>\n<a href=\"http:\/\/www.onf.ca\/\" target=\"_blank\">http:\/\/www.onf.ca\/<\/a><\/li>\n<li>Chrome Web Store &#8211; Apps, Extensions and Themes<br \/>\n<a href=\"https:\/\/chrome.google.com\/webstore\" target=\"_blank\">https:\/\/chrome.google.com\/webstore<\/a><\/li>\n<li>CNC (Centre National de la Cin\u00e9matographie )<br \/>\n<a href=\"http:\/\/www.cnc.fr\/\" target=\"_blank\">http:\/\/www.cnc.fr\/<\/a><\/li>\n<li>La &#8220;Release Candidate&#8221; de Firefox 4<br \/>\n<a href=\"http:\/\/www.mozilla.com\/fr\/firefox\/RC\/\" target=\"_blank\">http:\/\/www.mozilla.com\/fr\/firefox\/RC\/<\/a><\/li>\n<li>CNC (Centre National de la Cin\u00e9matographie )<br \/>\n<a href=\"http:\/\/www.mozilla.com\/fr\/firefox\/RC\/\" target=\"_blank\">http:\/\/www.mozilla.com\/fr\/firefox\/RC\/<\/a><\/li>\n<li>Convert Adobe Flash FLA files into HTML and reach more devices<br \/>\n<a href=\"http:\/\/labs.adobe.com\/technologies\/wallaby\/\" target=\"_blank\">http:\/\/labs.adobe.com\/technologies\/wallaby\/<\/a><\/li>\n<li>Le site officiel de la librairie Popcorn.js, an HTML5 Video Framework<br \/>\n<a href=\"http:\/\/popcornjs.org\/\" target=\"_blank\">http:\/\/popcornjs.org\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Copyright&copy;ONF Le monde du HTML5 et des exp\u00e9rimentations dans le domaine du webdocumentaire est riche de bonnes nouvelles. Comme souvent, dans le domaine du web&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2011\/03\/webdocumentaire-html5-firefox-4-onf-un-point-sur-les-avancees-du-html5-dans-le-domaine-du-webdoc\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Webdocumentaire, HTML5, Firefox 4, ONF &#8211; Un point sur les avanc\u00e9es du HTML5 dans le domaine du webdoc<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":8687,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"ONF et Mozilla unissent leurs forces pour des exp\u00e9rimentations HTML5. Code barre, premier projet, d\u00e9montre les avanc\u00e9es du HTML5 dans le webdocumentaire.","bf_ai_og_title":"Webdocumentaire HTML5 ONF","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,1,3451],"tags":[1039,299,1040,223,709,1041,1042,1043,804,372,1044,1045,256,1046,2185,226,2190,807,1047,1048,1049,1050,1051,2263,401],"class_list":["post-2866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-miscellaneous-other","category-web-design-front-end","tag-a-navalla-suiza","tag-adobe","tag-air","tag-apple","tag-arte","tag-avancees","tag-bocoup","tag-brett-gaylor","tag-canada","tag-chrome","tag-firefox-4","tag-firefox-web-store","tag-flash","tag-google-chrome-webstore","tag-html5","tag-javascript","tag-jquery","tag-onf","tag-popcorn","tag-seneca-college","tag-toronto","tag-tristan-nitot","tag-wallaby","tag-webdoc","tag-webdocumentaire"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-Ke","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/2866","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=2866"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/2866\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=2866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=2866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=2866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}