web/rsln/index.php
changeset 25 47424997a3a5
parent 20 7e0a67a20e74
child 28 898be17f4ac2
equal deleted inserted replaced
24:71a4f21bc6fc 25:47424997a3a5
    29    "http://www.w3.org/TR/html4/strict.dtd">
    29    "http://www.w3.org/TR/html4/strict.dtd">
    30 
    30 
    31 <html lang="en">
    31 <html lang="en">
    32   <head>
    32   <head>
    33     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    33     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    34     <title>ENMI 2010 - Live Video and Annotation</title>
    34     <title>RSLN  - Live Video and Annotation</title>
       
    35 	<meta http-equiv="X-UA-Compatible" content="IE=8" /> 
    35 
    36 
    36     <!-- Framework CSS -->
    37     <!-- Framework CSS -->
    37     <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
    38     <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
    38     <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
    39     <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
    39     <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
    40     <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
   291   <body>
   292   <body>
   292     <div class="container">
   293     <div class="container">
   293       <img src="images/ENMI_2010_logo.gif" class="logo">
   294       <img src="images/ENMI_2010_logo.gif" class="logo">
   294 	  <ul class="menu"> 
   295 	  <ul class="menu"> 
   295 	  <li class="menuUnderline"><a href="#Aboutbox" class="menuLink" id="About"> À propos</a></li>
   296 	  <li class="menuUnderline"><a href="#Aboutbox" class="menuLink" id="About"> À propos</a></li>
   296 	  <li class="menuUnderline" ><a href="http://www.iri.centrepompidou.fr/wp-content/uploads/2010/12/Program_ENMI_2010.pdf" class="menuLink" target="_blank"> Programme</a></li>
   297 	  <li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/1/17/clay-shirky_-personne-n-est-titulaire-du-code-source-de-la-democratie_/" class="menuLink" target="_blank"> Programme</a></li>
   297 	  <li ><a href="http://amateur.iri.centrepompidou.fr/nouveaumonde/enmi/conf/" target="_blank" class="menuLink"> Archives</a></li>
   298 
   298 	  </ul>
   299 	  </ul>
   299 
   300 
   300 	  
   301 	  
   301 	  <div class="videoLive">
   302 	  <div class="videoLive">
   302 		<div class="videoLivePlayer">
   303 		<div class="videoLivePlayer">
   303 		
   304 		
   304 				<!-- START LIVE VIDEO STREAM -->
   305 
   305 			<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375"> 
   306 			<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375"> 
   306 				<param name="movie" value="res/mediaplayer/player.swf" /> 
   307 				<param name="movie" value="res/mediaplayer/player.swf" /> 
   307 				<param name="allowfullscreen" value="true" /> 
   308 				<param name="allowfullscreen" value="true" /> 
   308 				<param name="allowscriptaccess" value="always" /> 
   309 				<param name="allowscriptaccess" value="always" /> 
   309 				<param name="wmode" value="transparent" />
   310 				<param name="wmode" value="transparent" />
   320 					wmode="transparent"
   321 					wmode="transparent"
   321 					flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=images/bgd_player.jpg&controlbar=none&autostart=true" 
   322 					flashvars="autostart=true&live=true&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&image=images/bgd_player.jpg&controlbar=none&autostart=true" 
   322 					
   323 					
   323 				/> 
   324 				/> 
   324 			</object> 
   325 			</object> 
   325 			<!-- END LIVE VIDEO STREAM -->		
   326 
   326 		</div>	
   327 		</div>	
       
   328 		
   327 	  </div>
   329 	  </div>
   328 
   330 
   329 	  <div class="videoLiveProgram">	
   331 	  <div class="videoLiveProgram">	
   330 
   332 
   331 		<div class="timeline" style="width:499px;">
   333 		<!--<div class="timeline" style="width:499px;">
   332 				
   334 				
   333 				<div class="bigTimeFrame" 
   335 				<div class="bigTimeFrame" 
   334 					 
   336 					 
   335 					 style="width:253px;">
   337 					 style="width:253px;">
   336 					 <div style="padding-left:5px;">14 dec 2010</div>
   338 					 <div style="padding-left:5px;">14 dec 2010</div>
   388 						 style="width:50%;background-color:#29b8ed;"></div> 
   390 						 style="width:50%;background-color:#29b8ed;"></div> 
   389 						 
   391 						 
   390 					
   392 					
   391 				</div>
   393 				</div>
   392 				
   394 				
   393 		</div>
   395 		</div>-->
       
   396 		
   394 		<div class="arrowContainer">
   397 		<div class="arrowContainer">
   395 			<div class="arrow"> </div>
   398 			<div class="arrow"> </div>
   396 		</div>
   399 		</div>
   397 		
   400 		
   398 		
   401 		
   399 		<!-- -->
   402 		<!-- -->
   400 
   403 
   401 		<!-- -->
   404 		<!-- -->
   402 		<div class="videoLiveProgramTitle"><b>Nanomondes et imaginaires 
   405 		<div class="videoLiveProgramTitle"><b>Clay Shirky : « Personne n'est titulaire du code source de la démocratie »</b></div>
   403 de l’hyperminiaturisation :</b></div>
       
   404 		<div class="videoLiveProgramDescription">
   406 		<div class="videoLiveProgramDescription">
   405 		<br>
   407 		<br>
   406 		<b>Cliquez sur la ligne de temps ci dessus afin d'afficher les différentes sessions du programme.</b>
   408 		Journaliste américain spécialiste des nouvelles technologies de l'information et de la communication - NTIC, Clay Shirky est aussi consultant, écrivain, professeur.<br/><br/>
   407 <br><br>
   409 
   408 		<i>Impact des nanotechnologies et de l’hyperminiaturisation 
   410 Diplômé de l'Université de New York il écrit et enseigne, entre autres, sur les effets de corrélation de la topologie sociale et technologique de réseau, où comment nos réseaux forment la culture et inversement.<br/><br/>
   409 sur les imaginaires, les méthodes de conception et les outils 
   411 <br/><b> Dernier ouvrages :</b> <ul>
   410 de débat public du nouveau monde industriel. </i><br><br>
   412 <li> <a href="http://isbn.nu/9781594202537?asim" target="_blank">2010 : Cognitive Surplus: Creativity and Generosity in a Connected Age  </a></li>
   411 <br>
   413 <li> <a href="http://isbn.nu/9781594201530" target="_blank">2008 : Here Comes Everybody: The Power of Organizing Without Organizations</a></li>
   412 S’il faut parler de nouveau monde industriel – au sens où une industrie est en premier lieu un processus de transformation technologique 
   414 </ul>
   413 de la matière –, c’est bien avec les nanotechnologies et ce que l’on 
   415 <b>Source :</b> <a href="http://fr.wikipedia.org/wiki/Clay_Shirky" target="_blank"> Wikipedia.fr</a>
   414 appelle le « nano-monde » que cela s’impose.
   416 <br/> <b>Plus d'information : </b> <a href="http://www.shirky.com/" target="_blank">www.shirky.com</a>
   415 Lorsque Bill Clinton lança la National Nanotechnology Initiative, 
   417 <br/> <b>Crédit photo : </b> <a href="http://www.flickr.com/photos/poptech2006/2969510044/" target="_blank"> CC BY NA - Pop!Tech 2008</a>
   416 c’était en posant que les technologies d’exploitation et de transformation de la matière à l’échelle nanométrique permettraient d’envisager 
   418 
   417 une nouvelle économie, alors même que l’atteinte des limites à l’exploitation micro-électronique de la matière semblait avérée. 
       
   418 La « loi de Moore », aussi sujette à discussion qu’elle puisse être (et 
       
   419 ces nouveaux Entretiens en feront un sujet de débat), a mis la microphysique au cœur du développement économique depuis les premiers 
       
   420 transistors jusqu’aux microprocesseurs, c’est-à-dire aux puces 
       
   421 électroniques. Elle montre que loin d’être « immatérielle »,
       
   422 l’économie numérique est au contraire extrêmement liée aux 
       
   423 technologies de la matière.
       
   424 La micro-électronique est cependant réputée devoir atteindre ses 
       
   425 limites à une échéance prochaine. Or, c’est la réduction vertigineuse 
       
   426 des coûts de la mémoire électronique qui a permis l’expansion des 
       
   427 technologies numériques, en particulier depuis la constitution du 
       
   428 world wide web. Ceci a permis une pratique massive d’internet qui a 
       
   429 bouleversé les modèles industriels des télécommunications aussi bien 
       
   430 que de l’informatique et de l’audiovisuel et bien au-delà : 
       
   431 commerce, rapport à l’espace et au temps, savoirs, débat public, etc. <br><br>
       
   432 
       
   433 C’est d’abord de ce point de vue que la question a été posée de 
       
   434 passer d’une industrie de transformation de la matière à l’échelle du 
       
   435 millionième de mètre à la nano-industrie, c’est-à-dire aux matériaux 
       
   436 nanostructurés au milliardième de mètre.
       
   437 Bien au-delà du numérique, ce sont cependant les domaines des 
       
   438 matériaux (bâtiment, métallurgie, etc.), de la médecine, des 
       
   439 biotechnologies, notamment, qui sont concernés. Tous les domaines 
       
   440 du secteur industriel semblent en fin de compte impliqués par ce que 
       
   441 l’on décrit parfois comme la nouvelle convergence (après celle de 
       
   442 l’informatique, des télécommunications et de l’audiovisuel). 
       
   443 Tel est l’enjeu de ce que nous décrirons au cours de ces Entretiens 
       
   444 2010 comme un processus d’hyper-miniaturisation. Ce devenir qui 
       
   445 ouvre une série de possibilités inouïes, soulève autant de questions 
       
   446 économiques, politiques et épistémologiques.
       
   447 L’hyper-miniaturisation fait passer le monde industriel à l’échelle 
       
   448 quantique dont les propriétés sont tout autre qu’à l’échelle macrophysique (et relèvent d’une « hypermatière », c’est-à-dire d’un couple  énergie/information où l’opposition entre la matière et la forme 
       
   449 n’a plus cours : la matière s’y « présente » précisément comme une 
       
   450 forme). Et ce que l’on appelle les « nanoparticules » issues de cette 
       
   451 hyper-miniaturisation troublent les frontières par lesquelles les 
       
   452 organismes vivants se distinguent de leurs milieux extérieurs. <br><br>
       
   453 
       
   454 Le changement d’échelle est l’enjeu de nouveaux imaginaires où se 
       
   455 projette le « nano-monde » – parmi lesquels on peut distinguer :
       
   456  les imaginaires de l’industrie, et de l’histoire nouvelle qu’elle nous .
       
   457 raconte à travers la conquête de la nano-dimension, qui permettrait 
       
   458 de maintenir ouvertes les possibilités d’innovation industrielle et 
       
   459 l’activité économique dans son ensemble ;
       
   460  les imaginaires scientifiques tels qu’ils passent par une technologie .
       
   461 de l’imagination (au sens fort de la production d’images) de ce qui, à 
       
   462 l’échelle nanométrique, n’est pas visible, et que le microscope à effet 
       
   463 tunnel, par exemple, permet de manipuler, mais aussi de figurer par 
       
   464 des artefacts graphiques ; 
       
   465  les imaginaires sociaux traversés et surcodés aussi bien par les pratiques littéraires de la science-fiction que par les discours politiques et .
       
   466 les débats citoyens – dans un contexte de crise économique et morale 
       
   467 mondiale.<br>
       
   468 Nous faisons aussi l’hypothèse que des imaginaires économiques et 
       
   469 politiques nouveaux, tels qu’ils permettraient de projeter et de désirer 
       
   470 un avenir technologique et industriel raisonné, réfléchi, débattu et 
       
   471 partagé par la société, passent par l’intégration des questions nanotechnologiques avec celles que nous avions soulevées dans les éditions 
       
   472 précédentes des Entretiens du nouveau monde industriel : l’innovation ascendante, les technologies relationnelles réticulaires et les 
       
   473 objets communicants – opérateurs technologiques qui transforment 
       
   474 le monde quotidien en profondeur. 
       
   475 Cette transformation est déjà largement entamée. La quatrième 
       
   476 édition des Entretiens du nouveau monde industriel s’efforcera d’intégrer ces questions.
       
   477 		</div>
   419 		</div>
   478 		
   420 		
   479 		
   421 		
   480 	</div>
   422 	</div>
   481 	  
   423 	  
   482 	  <div class="tweetWriter">
   424 	  <div class="tweetWriter">
   483 		<h3 class="tweetWriterTitle">Annotations critique : </h3>
   425 		<h3 class="tweetWriterTitle">Annotations pol&eacute;mique : </h3>
   484 		<form  action="tweet.php" method="post" id="statusform" >
   426 		<form  action="tweet.php" method="post" id="statusform" >
   485 		<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   427 		<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   486 				echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
   428 				echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
   487 				Vous n'êtes pas connecté.<br>
   429 				Vous n'êtes pas connecté.<br>
   488 				Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
   430 				Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
   531 	  <div class="tweetReader">
   473 	  <div class="tweetReader">
   532 			<script>
   474 			<script>
   533 				new TWTR.Widget({
   475 				new TWTR.Widget({
   534 				  version: 2,
   476 				  version: 2,
   535 				  type: 'search',
   477 				  type: 'search',
   536 				  search: '#enmi',
   478 				  search: '#rsln',
   537 				  interval: 1000,
   479 				  interval: 1000,
   538 				  title: '',
   480 				  title: '',
   539 				  subject: '',
   481 				  subject: '',
   540 				  width: 377,
   482 				  width: 377,
   541 				  height: 450,
   483 				  height: 450,
   564 			</script>
   506 			</script>
   565 	  </div>
   507 	  </div>
   566 
   508 
   567       <div class="footer">
   509       <div class="footer">
   568 		<hr>
   510 		<hr>
   569 		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink"> IRI </a>
   511 		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
   570 		 |  <a href="http://www.capdigital.com/" class="footerLink"> Cap Digital  </a>
   512  IRI </a>
   571 		 |  <a href="http://www.ensci.com/" class="footerLink"> ENSCI </a>
   513 		 |  <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN  </a>
       
   514 		 |  <a href="http://www.slate.fr/" class="footerLink"  target="_blank"> SLATE.fr  </a>
       
   515 		 |  <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr  </a>
   572 		 <?php 
   516 		 <?php 
   573 				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   517 				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   574 					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
   518 					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
   575 				}
   519 				}
   576 		 ?>
   520 		 ?>
   582 	
   526 	
   583 	<!-- LIGHTBOX --> 
   527 	<!-- LIGHTBOX --> 
   584 	<div style="display:none;">
   528 	<div style="display:none;">
   585 		<div id="Aboutbox" >
   529 		<div id="Aboutbox" >
   586 		<div class="lightBorder">
   530 		<div class="lightBorder">
   587 			<div class="lightTitle">ENMI 2010</div>
   531 			<div class="lightTitle" style="height:45px;">&nbsp;  </div>
   588 			<div class="lightSubTitle">Annotation critique par tweet </div>
   532 			<div class="lightSubTitle">Annotation polémique par tweet </div>
   589 			<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.
   533 			<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.
   590 			</div>
   534 			</div>
   591 			<div>
   535 			<div>
   592 				<br/>
   536 				<br/>
   593 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
   537 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>