<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>ENMI 2010 - Live Video and Annotation</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

    <!-- Import fancy-type plugin for the sample page. -->
    
	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >

	<!-- JAVASCRIPT --> 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>-->
	<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
	
	<!-- FONT -->
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>

	<script type="text/javascript">	
	$(document).ready(function() {

			
			$(".archivesVideoBox").mouseover(function() {
				//$(this).animate({'backgroundColor'});
				//$(this).css({'backgroundColor':'#d6d6d6'});
				$(this).css({'backgroundColor':'#fff'});
				$(this).cursor = "pointer";
			}).mouseout(function(){
				//$(this).css({'backgroundColor':'#f6f6f6'});
				$(this).css({'backgroundColor':'#f2f2f2'});
			});
			
			<!-- SLIDER -->
			$(".slidetabs").tabs(".images > div", {
				effect: 'fade',
				rotate: false,
				interval: 4000,
				clickable:false
			}).slideshow();		

		$(".slidetabs").data("slideshow").play();
		});



		
	</script>
	<script type="text/javascript">
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-9955524-3']);
	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
  </head>
  <body>
    <div class="container">
     <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
	  <ul class="menu"> 
	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" target="_blank" class="menuLink">S'identifier</a></li>
	  <li class="menuUnderline"><a href="index.php" target="_blank" class="menuLink">Accueil</a></li>
	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >Contact</a></li>
	  </ul>

	
	  
	  <div class="aboutBox">
	  <div class="archivesBoxHeader"></div>
		<div class="archivesBoxContainer">
			<!-- -->
			<h3 class="archivesTitle">A propos : </h3><br/>
			<div class="span-12 prepend-1 colborder">
						<div class="AVBtitle">Polemic Tweet : un dispositif tirant parti des dynamiques sociales</div>
				<br/><p>Le Web devient de plus en plus audiovisuel, dans ce contexte comment rendre visibles ces contenus avec des métadonnées synchronisées au flux ? Comment faire pointer les moteurs de recherche sur des segments précis et non sur la vidéo complète ? Comment partager des moments favoris sur les réseaux sociaux ? Tout ceci repose en partie sur l’évolution des standards du Web mais avant tout sur la capacité à indexer les contenus audiovisuels dans le flux.
				Pour cela, aujourd’hui, trois méthodes existent et peuvent cohabiter :
				<ul>
				<li>L’indexation manuelle qui est couteuse, </li>
				<li>L’indexation automatique (comme le speech to text) qui génère malheureusement beaucoup de bruit qu’il faut ensuite filtrer.</li>
				<li>Et finalement la dynamique sociale. </li>
				</ul>
				L’IRI mise sur cette dynamique en proposant Polemic Tweet, un dispositif qui permet aux spectateurs d’un événement de twitter en donnant une teneur polémique à leur propos. Mais aussi de visualiser cette polémique en synchronisant les tweets sur l’enregistrement vidéo de l’événement.
				Pour participer au Polemic tweet, un client twitter intégrant des fonctionnalités spéciales est disponible sur <a href="http://amateur.iri.centrepompidou.fr/live/ ">la page de live</a> , mais vous pouvez aussi utiliser votre client habituel. <br/><br/>
				Le plus simple est de se connecter avec son compte tweeter à la page Web de l’événement. Sur cette page le HashTag de l’événement est déjà inséré dans l’espace de rédaction du tweet, ensuite a l’aide du jeu  de boutons suivants vous pouvez positionner votre tweet dans l’espace polémique :<br/>
	<table><tbody>
	<tr><td>
		<a id="positive" title="accord" class="tweetButton">++</a> </td>
		<td>pour argumenter dans le sens du conférencier, ou simplement pour l’approuver</td>
	</tr>
	<tr><td>
		<a id="negative" title="désaccord" class="tweetButton">--</a></td>
		<td>  pour marquer une opposition avec le propos tenu par le conférencier</td>
	</tr>
	<tr><td>
		<a id="reference" title="reference" class="tweetButton">==</a></td>
		<td> pour poser une question au conférencier, au modérateur ou à la communauté.</td>
	</tr>
	<tr><td>			
		<a id="question" title="question" class="tweetButton"> ??</a></td>
		<td> pour signaler une source complémentaire, une référence d’ouvrage, un lien vers un site ou vers un autre tweet</td>
	</tr>
	</tbody></table>
				Si vous préférez utiliser votre propre client twitter il suffit d’ajouter à votre tweet le hashtag de la conférence ainsi que le jeu de caractères correspondants à votre position ("++","--","==","??").<br/><br/>
				A l’issue de la conférence, le dispositif Polemic Tweet produit un nouveau type d’interface qui permet de parcourir l’enregistrement vidéo en utilisant une représentation de la polémique qui s’est engagée sur le média social. Cette interface est une ligne de temps munie d’un diagramme en bâtons qui aggrège l’ensemble des tweets et permet de voir les « point chauds » de la  polémique durant l'événement.
				</p>
			</div>			
			<div class="span-7 last">
				<div class="AVBtitle">L’IRI et la contribution critique</div>
				<br/><p>
				En 2008, à l’initiative du philosophe Bernard Stiegler, l’IRI a été fondé par le Centre Pompidou, le Centre de Création Contemporaine de Barcelone et la société Microsoft France afin de développer des recherches théoriques sur la figure de l’amateur, l’écologie de l’attention et le design d’un nouveau monde industriel. 
				L’IRI poursuit également un programme de recherche et de développement technologique sur les technologies collaboratives qui vise notamment la conception de nouveaux espaces critiques numériques. Ces espaces permettent de combiner des métadonnées savantes (top-down) et des contributions amateurs (bottom-up), en portant une attention particulière aux dispositifs de synchronisation de ces contributions avec les contenus numériques produits durant l’événement. 
				Pour cela l’IRI a développé un lecteur de métadonnées qui offre une interface de visualisation adaptée et, une meilleure exposition des médias temporels aux moteurs de recherche et aux réseaux sociaux. 
				</p><br/>
				<div class="AVBtitle">Crédits : </div>
					<br/>
					Ce dispositif a été conçu et réalisé par Samuel Huron et Yves Marie Haussonne.
					Il a été expérimenté durant des événements organisés par l’<a href="http://iri.centrepompidou.fr/" target="_blank">IRI</a> et <a href="http://www.rslnmag.fr" target="_blank">RSLN</a>.
					Les développements sont open source et vont être sous licence <a href="http://www.cecill.info/" target="_blank">Cecil</a>.

			</div>


		</div>
		<div class="archivesBoxClear"></div>
		<div class="archivesBoxFooter"></div>
	  </div>
	 <!--
      <div class="footer">
		<hr>
		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
		est une expérimentation de l'
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">Institut de recherche et d’innovation </a>
		 <?php 
				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
				}
		 ?>
		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
	  </div>   
	-->

    </div>
	
	<!-- LIGHTBOX --> 
	<div style="display:none;">
		<div id="Aboutbox" >
		<div class="lightBorder">
			<div class="lightTitle">ENMI 2010</div>
			<div class="lightSubTitle">Annotation critique par tweet </div>
			<div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
			</div>
			<div>
				<br/>
				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
			</div>
		</div>
		</div>
	</div>

	
  </body>
</html>
