{"id":333,"date":"2009-12-29T17:26:35","date_gmt":"2009-12-29T15:26:35","guid":{"rendered":"http:\/\/flaven.fr\/?p=333"},"modified":"2009-12-29T17:26:35","modified_gmt":"2009-12-29T15:26:35","slug":"analyse-technique-dun-webapplication-interactive-conflicthistory-com","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/12\/analyse-technique-dun-webapplication-interactive-conflicthistory-com\/","title":{"rendered":"Analyse technique d&#8217;un webapplication interactive &#8211; conflicthistory.com"},"content":{"rendered":"<p><!-- Analyse technique d'un webapplication interactive - conflicthistory.com --><br \/>\n<!--  Analyse, technique, documentaire, freebase, Sedan, conflits, guerre, T\u00e9l\u00e9vision, Google, Goolge Map, G\u00e9ographie, API, Histoire, Education --><\/p>\n<p><a title=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" class=\"bigpic\" href=\"https:\/\/flaven.fr\/2009\/12\/29\/analyse-technique-dun-webapplication-interactive-conflicthistory-com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/06\/conflicthistory_com_b.jpg\" width=\"600\" height=\"235\" alt=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" border=\"0\" \/><\/a><em>Copyright&copy; conflicthistory.com<\/em><\/p>\n<p>Pour cet article, on sort l\u00e9g\u00e8rement du cadre certes encore un peu ind\u00e9fini du <code>webdoc<\/code> pour se concentrer sur cet ovni web qu&#8217;est la <code>webapp<\/code> <b>conflicthistory.com<\/b>.<!--more--> Il faut faire preuve aujourd&#8217;hui d&#8217;une certaine ouverture d&#8217;esprit ne pas tomber dans la pose classique &#8220;Oui, mais ce n&#8217;est pas une \u0153uvre audiovisuelle avec un auteur&#8230;&#8221;, c&#8217;est  mieux c&#8217;est une oeuvre collective et interactive, \u00e0 forte teneur p\u00e9dagogique. Cette application repousse les limites de ce que l\u2019on a l\u2019habitude de voir et offre ce que la t\u00e9l\u00e9vision peine aujourd&#8217;hui \u00e0 produire. C\u2019est une cr\u00e9ation qui invente technologiquement et narrativement quelque chose de jamais vu auparavant que seul le web est en mesure d&#8217;offrir. Vous vous d\u00e9placez \u00e0 votre guise spatialement et temporellement dans l\u2019histoire des conflits connus de l\u2019humanit\u00e9. C\u2019est presque la promesse tenue de l\u2019\u00e9mission \u00ab La cam\u00e9ra explore le temps \u00bb qui fit les beaux jours de l&#8217;ORTF ! Il ne manque que la vid\u00e9o justement mais cela ne saurait tarder !<\/p>\n<h4>DESCRIPTION GENERALE<\/h4>\n<p>On l&#8217;a dit plus haut c&#8217;est le multim\u00e9dia interactif au service de la face obscure de l&#8217;histoire. Il reste \u00e0 faire une carte des \u00e9pid\u00e9mies et la boucle sera boucl\u00e9e. Voil\u00e0 une id\u00e9e quelle est bonne, ami Journaliste\/Photographe\/Ecrivain en tous genres\/D\u00e9veloppeur qui nous lisent, \u00e0 vos claviers !<\/p>\n<h4>Sedan l&#8217;AIR* !<\/h4>\n<p>On \u00e9tait parti sur les guerres russo-japonaises, qui marque aussi le d\u00e9but de la fin du r\u00e8gne des Romanovs, mais finalement pour un public Europeo-centriste mieux vaut se lancer le bataille de Sedan, si riche en cons\u00e9quence : naissance du 1er Reich allemand sous l&#8217;impulsion Bismarck au ch\u00e2teau de Versailles (avant d&#8217;\u00eatre un trait\u00e9 c&#8217;est aussi un ch\u00e2teau), fin du r\u00e8gne de Napoleon III et d\u00e9but de la commune et enfin publication de L\u2019\u00c9ducation sentimentale, histoire d\u2019un jeune homme&#8230; Une \u00e9poque charni\u00e8re donc qui d\u00e9termine notre monde encore d&#8217;aujourd&#8217;hui Non? Si Si !!!<br \/>\n<i>* Bien que l&#8217;application ne soit pas faite en Flex mais en Flash<\/i><\/p>\n<blockquote><p>\nTous les \u00e9l\u00e9ments disponibles dans cet article sont visibles sur le site de conflicthistory.com &#8211; <a href=\"http:\/\/www.conflicthistory.com\/\" target=\"_blank\">http:\/\/www.conflicthistory.com\/<\/a><br \/>\n<br \/>\nLes droits de propri\u00e9t\u00e9 intellectuelle sur l&#8217;ensemble des \u00e9l\u00e9ments (animations, photographies, illustrations, images, textes, recettes, fiches techniques, musiques etc&#8230;) composant les \u00e9l\u00e9ments de cet article sont la propri\u00e9t\u00e9 exclusive de leurs auteurs.\n<\/p><\/blockquote>\n<p>Source : <code><a href=\"http:\/\/conflicthistory.com\/#\/period\/1865-1871\/conflict\/+en+battle_of_sedan\" target=\"_blank\">http:\/\/conflicthistory.com\/#\/period\/1865-1871\/conflict\/+en+battle_of_sedan<\/a><\/code><\/p>\n<p><b>Une double lecture g\u00e9ographique et temporelle est \u00e0 votre disposition.<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/conflicthistory_com_1.jpg\" width=\"600\" height=\"235\" alt=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" \/><\/p>\n<p><b>Un zoom vous emm\u00e8ne de la vue globale de la carte \u00e0 une vue plus rapproch\u00e9e. A vue de nez, la valeur <code>zoom<\/code> passe de <code>0<\/code> \u00e0 <code>5<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/conflicthistory_com_2.jpg\" width=\"600\" height=\"235\" alt=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" \/><\/p>\n<p><b>Vous disposez d&#8217;une &#8220;timeline&#8221; pour vous d\u00e9placez dans le temps par bons de 5 ans environ.<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/conflicthistory_com_4.jpg\" width=\"600\" height=\"235\" alt=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" \/><\/p>\n<p><b>Lorsque vous cliquez sur <code><b>i<\/b><\/code>,  vous chargez la fiche du site wikip\u00e9dia. Dans notre exemple la fiche de la <b>Battle of Sedan (1870)<\/b> Cf <code>http:\/\/en.wikipedia.org\/w\/index.php?curid=325773<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/conflicthistory_com_5.jpg\" width=\"600\" height=\"235\" alt=\"Analyse technique d'un webapplication interactive - conflicthistory.com\" \/><\/p>\n<h4>Qui se cache derri\u00e8re ?<\/h4>\n<p>Un joli coup de projecteur sur le savoir-faire de cette soci\u00e9t\u00e9, Freebase, qui a bien compris la necessit\u00e9 de communiquer et de distribuer&#8230;<\/p>\n<blockquote><p>\nAbout Freebase<br \/>\nFreebase, created by Metaweb Technologies, is an open database of the world\u2019s information. It\u2019s built by the community and for the community \u2013 free for anyone to query, contribute to, build applications on top of, or integrate into their websites.<\/p>\n<p>Already, Freebase covers millions of topics in hundreds of categories. Drawing from large open data sets like Wikipedia, MusicBrainz, and the SEC archives, it contains structured information on many popular topics, including movies, music, people and locations \u2013 all reconciled and freely available via an open API. This information is supplemented by the efforts of a passionate global community of users who are working together to add structured information on everything from philosophy to European railway stations to the chemical properties of common food ingredients.<\/p>\n<p>By structuring the world\u2019s data in this manner, the Freebase community is creating a global resource that will one day allow people and machines everywhere to access information far more easily and quickly than they can today.<\/p>\n<p>Still have questions? Check out our FAQ on freebase.com.\n<\/p><\/blockquote>\n<h4>VIDEOS<\/h4>\n<p>N\u00e9ant<\/p>\n<p><code>VIDEO<\/code><br \/>\nN\u00e9ant<\/p>\n<p><code>AUDIO<\/code><br \/>\nN\u00e9ant<\/p>\n<p><!-- \nSedan\nLat: 49.702305\nLong: 4.94396 \n--><\/p>\n<p>\n[geo_mashup_map  height=&#8221;235&#8243; width=&#8221;600&#8243; map_type=&#8221;G_HYBRID_MAP&#8221; zoom=&#8221;15&#8243; add_overview_control=&#8221;true&#8221; add_map_type_control=&#8221;true&#8221;]<br \/>\n<\/p>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>Le site conflicthistory.com<br \/>\n<a href=\"http:\/\/www.conflicthistory.com\/\" target=\"_blank\">http:\/\/conflicthistory.com<\/a><\/li>\n<li>Le site de Freebase, les concepteurs du projet<br \/>\n<a href=\"http:\/\/www.freebase.com\/\" target=\"_blank\">http:\/\/www.freebase.com\/<\/a><\/li>\n<li>Sans doute un futur possible pour le droit d&#8217;auteur ! Creative Commons<br \/>\n<a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.5\/\" target=\"_blank\">http:\/\/creativecommons.org\/licenses\/by\/2.5\/<\/a><\/li>\n<li>Le m\u00eame conception appliqu\u00e9 \u00e0 l&#8217;application elle-m\u00eame ! Le GNU qui mene le troupeau<br \/>\n<a href=\"http:\/\/www.gnu.org\/copyleft\/fdl.html\" target=\"_blank\">http:\/\/www.gnu.org\/copyleft\/fdl.html<\/a><\/li>\n<li>Le code de la bataille de Sedan<br \/>\n<a href=\"http:\/\/conflicthistory.com\/#\/period\/1865-1871\/conflict\/+en+battle_of_sedan\" target=\"_blank\">http:\/\/conflicthistory.com\/#\/period\/1865-1871\/conflict\/+en+battle_of_sedan<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Le multim\u00e9dia interactif au service de la face obscure de l&#8217;histoire [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":8653,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Analyse technique de la webapp interactive conflicthistory.com. D\u00e9couvrez ses outils et r\u00e9sultats p\u00e9dagogiques innovants.","bf_ai_og_title":"Analyse technique webapp interactive","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,3454,1],"tags":[2183,717,682,718,719,720,2214,329,721,722,724,2243,550],"class_list":["post-333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-storytelling-webdocs","category-journalism-writing","category-miscellaneous-other","tag-api","tag-conflits","tag-documentaire","tag-education","tag-freebase","tag-geographie","tag-google","tag-google-map","tag-guerre","tag-histoire","tag-sedan","tag-technique","tag-television"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-5n","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/333","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=333"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/333\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}