web/enmi/index.php
changeset 19 1c2f13fd785c
parent 11 54d7f1486ac4
child 64 162c1de6545a
equal deleted inserted replaced
18:bd595ad770fc 19:1c2f13fd785c
       
     1 <?php
       
     2 
       
     3 /**
       
     4  * include some common code (like we did in the 90s)
       
     5  * People still do this? ;)
       
     6  */
       
     7 include_once './common.php';
       
     8 
       
     9 /**
       
    10  * Do we already have a valid Access Token or need to go get one?
       
    11  */
       
    12 if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
       
    13     /**
       
    14      * Guess we need to go get one!
       
    15      */
       
    16     $token = $consumer->getRequestToken();
       
    17     $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
       
    18 
       
    19     /**
       
    20      * Now redirect user to Twitter site so they can log in and
       
    21      * approve our access
       
    22      */
       
    23     $consumer->redirect();
       
    24 }
       
    25 
       
    26 ?>
       
    27 
       
    28 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       
    29    "http://www.w3.org/TR/html4/strict.dtd">
       
    30 
       
    31 <html lang="en">
       
    32   <head>
       
    33     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       
    34     <title>ENMI 2010 - Live Video and Annotation</title>
       
    35 
       
    36     <!-- Framework CSS -->
       
    37     <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     <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
       
    40 
       
    41     <!-- Import fancy-type plugin for the sample page. -->
       
    42     
       
    43 	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
       
    44 	<link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
       
    45 	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
       
    46 	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
       
    47 
       
    48 	<!-- JAVASCRIPT --> 
       
    49 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
       
    50 	<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
       
    51 	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
       
    52 	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
       
    53 	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
       
    54 	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
       
    55 	
       
    56 	<!-- FONT -->
       
    57 	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
       
    58 	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
       
    59 	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
       
    60 
       
    61 	<script type="text/javascript">	
       
    62 	$(document).ready(function() {
       
    63 
       
    64 			doTimer();
       
    65 			//$("txt").hide();
       
    66 			$(".loginbutton").click(function() {
       
    67 				document.location.href="<?php URL_ROOT ?>?CONNECT=true";
       
    68 			});
       
    69 			$("#IDENTIFIER").click(function() {
       
    70 				document.location.href="<?php URL_ROOT ?>?CONNECT=true";
       
    71 			});
       
    72 			
       
    73 			$("#messageSuccess").hide();
       
    74 			$("#messageFailed").hide();
       
    75 			$("#txt").hide();
       
    76 			
       
    77 			// BUTTONS
       
    78 			$("#positive").click(function(){
       
    79 				var MyValue = $('#status').attr("value");
       
    80 				 $('#status').attr("value",MyValue+"++ ");
       
    81 			});
       
    82 			$("#negative").click(function(){
       
    83 				var MyValue = $('#status').attr("value");
       
    84 				$('#status').attr("value",MyValue+"-- ");
       
    85 			});
       
    86 			$("#reference").click(function(){
       
    87 				var MyValue = $('#status').attr("value");
       
    88 				$('#status').attr("value",MyValue+"== ");
       
    89 			});
       
    90 			$("#question").click(function(){
       
    91 				var MyValue = $('#status').attr("value");
       
    92 				$('#status').attr("value",MyValue+"?? ");
       
    93 			});
       
    94 			
       
    95 			// SEND TWEETS 
       
    96 			$("#sendTweet").click(function(){
       
    97 				var MyStatus = $('#status').attr("value");
       
    98 				$.post('tweet_ajax.php', {status:MyStatus}
       
    99 				,function(data) {
       
   100 				
       
   101 					if(data=="true"){
       
   102 						$("#messageSuccess").show('fast');
       
   103 						$("#messageSuccess").delay(800).hide('slow');
       
   104 						$('#status').attr("value","#enmi ");
       
   105 						//$('#status').css("background-image","images/greenTweet.png");
       
   106 						//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
       
   107 					}else{
       
   108 						$("#error").text(data);
       
   109 						$("#messageFailed").show('fast');
       
   110 						$("#messageFailed").delay(800).hide('slow');
       
   111 						//$('#status').css("background-image","images/redTweet.png");
       
   112 						//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
       
   113 					}
       
   114 					
       
   115 				});
       
   116 				
       
   117 			});			
       
   118 			
       
   119 			$(".timeFrame").tooltip();
       
   120 			/*
       
   121 			*   Lightbox button 
       
   122 			*/
       
   123 			$("#About").fancybox({
       
   124 				'titlePosition'		: 'inside',
       
   125 				'transitionIn'		: 'none',
       
   126 				'transitionOut'		: 'none',
       
   127 				'enableEscapeButton': 'none',
       
   128 				'margin' 			: 1,
       
   129 				'padding' 			: 0
       
   130 			}<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
       
   131 			
       
   132 			
       
   133 			$("#Program").fancybox({
       
   134 				'width'				: '75%',
       
   135 				'height'			: '75%',
       
   136 				'autoScale'			: false,
       
   137 				'transitionIn'		: 'none',
       
   138 				'transitionOut'		: 'none',
       
   139 				'type'				: 'iframe'
       
   140 			});
       
   141 			
       
   142 			$("#ACCES").click(function() {
       
   143 				$.fancybox.close();
       
   144 			});
       
   145 			
       
   146 			// Buttons 
       
   147 			$("#tf0").click(function() {
       
   148 				
       
   149 				$(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
       
   150 				$(".videoLiveProgramDescription").html("En partant de la Loi de Moore, premier story-telling mondial, on analysera comment les road-maps, et notamment celles des  entreprises liées aux nanotechnologies, structurent le temps de  l’innovation en construisant des récits du futur. On examinera dans quelle mesure ces récits font émerger un nouvel imaginaire  industriel.<br><br><b>9h30-12h30</b><br>Introduction de Bernard Stiegler (IRI)<br>Intervenants : Sacha Loeve (Paris I),<br>Françoise Roure (Ministère de l’Industrie)<br><b>12h30-13h00</b><br>Table ronde animée par Sacha Loeve (Paris I)");
       
   151 			});
       
   152 			
       
   153 			$("#tf1").click(function() {
       
   154 				$(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
       
   155 				$(".videoLiveProgramDescription").html("");
       
   156 			});
       
   157 			
       
   158 			$("#tf2").click(function() {
       
   159 				$(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
       
   160 				$(".videoLiveProgramDescription").html("Les imaginaires scientifiques sont, dans le champ des nanotechnologies, une composante en soi de la recherche et héritent de généalogies différentes. Ces imaginaires ne sont pas qu’une affaire de « perception » des sciences et des technologies : ils s’élaborent dès le laboratoire par l’invention de nouvelles manières de produire des images de l’invisible. Nous proposons d’appréhender ces imaginaires : d’une part, par le truchement des objets de laboratoire, médiateurs obligés de nos rapports au « nanomonde » ; d’autre part, par  le vecteur de la production/diffusion des images.<br><br><b>Introduction : </b><br> Sacha Loeve (Paris I),<br><br><b>Dialogues : </b><br>Andrew Mayne (Univ. Paris Sud) et Catherine AllamelRaffin (Univ. de Strasbourg)<br>Christian Joachim (CEMES) et Sacha Loeve (Paris I)<br>Laurent Gouzènes (Consultant) et Jean-Luc Beylat (Alcatel Bell)");
       
   161 			});
       
   162 				
       
   163 			$("#tf3").click(function() {
       
   164 				$(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
       
   165 				$(".videoLiveProgramDescription").html("L’homme est un être prothétique : il s’est humanisé en se projetant dans des outils. Son évolution s’est faite dans le sens d’une extériorisation de ses différentes fonctions biologiques. Or, les nanobiotechnologies – vecteurs médicamenteux, nanodispositifs de type biopuce, nanoimplants – nous confrontent à une situation inédite : qu’en est-il du sens de l’évolution humaine dès lors que les artefacts investissent le corps ? On s’appuiera sur des recherches en cours pour interroger les représentations de l’homme futur et la prothéticité.<br><br><b>17h00-18h30</b><br>Introduction & Modération par  Xavier Guchet (Paris I)<br>Intervenants : Daniela Cerqui (Univ. de Lausanne), José-Alain <br>Sahel (Institut de la vision), Patrick Couvreur (Collège de France)<br><br><b>18h30-19h00</b><br>Table-ronde animée par Xavier Guchet et Bernard Stiegler");
       
   166 				
       
   167 			});
       
   168 			
       
   169 			$("#tf4").click(function() {
       
   170 				$(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
       
   171 				$(".videoLiveProgramDescription").html("<b>19h00</b><br>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
       
   172 				
       
   173 			});
       
   174 			
       
   175 			// ----
       
   176 			// day 2
       
   177 			
       
   178 			$("#tf5").click(function() {
       
   179 				$(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
       
   180 				$(".videoLiveProgramDescription").html("Les nanos posent des questions inédites aux designers. Ceux-ci sont confrontés, d’une part, à un renouvellement des rapports habituels entre forme et matière : en effet, si le design est l’art et la manière de donner forme aux objets, à la nano-échelle, la matière se présente comme un ensemble de formes, d’information et de processus qu’il faut associer à la démarche désignante.  D’autre part, les nanos posent à nouveau frais la question des usages : en effet, le nanomonde ne s’appréhende que par des outils de médiation du réel (instrumentation, discrétisation, représentation de données, simulation, transmodalité). Or, s’il ne peut pas y avoir, à proprement parler, de design d’objets nanométriques, mais de design d’objets intégrant des nanos, comment les designers donnent-ils sens à l’intégration de cette nouvelle dimension ? <br><br><b>9h30-10h45</b><br><br>Introduction de Alain Cadix (ENSCI)<br>Intervenants : Patrick Pajon (Centre de Recherche sur l’Imaginaire), Sylvie Tissot (Quantum design)<br><b>11h00-12h00</b><br><br>Projection du film Puissances de dix (1977) de Charles et Ray Eames <br>Modération par Jean-Louis Fréchin (ENSCI)<br>Intervenants : Gilles Belley et Jean-François Dingjian, Designers<br><b>12h00-12h30</b><br>Modération par Marie-Virginie Berbet, designer<br>Présentation du travail des élèves designers sur design/nano et <br>biotechnologies dans le cadre d’un studio expérimental à l’ENSCILes Ateliers");
       
   181 				
       
   182 			});
       
   183 
       
   184 			$("#tf6").click(function() {
       
   185 				$(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
       
   186 				$(".videoLiveProgramDescription").html("");
       
   187 				
       
   188 			});
       
   189 
       
   190 			$("#tf7").click(function() {
       
   191 				$(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
       
   192 				$(".videoLiveProgramDescription").html("On analysera ici la façon dont les recherches en nanotechnologies sont devenues un « terrain d’expérimentation » pour construire de nouveaux rapports entre science et société et faire émerger une « société de la connaissance ».  Or, Cap Digital a mis en place un groupe de travail sur l’innovation sociale et se mobilise sur le développement d’outils de gestion et d’échange de connaissances et de débat. Au-delà de la manière dont le débat sur les nanotechnologies a été géré (sur laquelle on pourra revenir), cette session vise à interroger en quoi le débat sur les nanos, mais, plus largement, la question du principe de précaution, nous obligent à repenser les outils de gestion de crise et de débat public ainsi qu’à poser à nouveaux frais la question fondamentale de la confiance (trust). <br><br><b>14h00-16h00 </b><br>Introduction de Bernard Stiegler<br>Intervenants : Brice Laurent (Commission Européenne), <br>Ermelinde Malcotte (Paris X), Philippe Aigrain (Sopinspace)<br><br><b>16h30-18h30</b><br>Intervenants : Dominique Boullier (Sciences-Po), Jean Sallantin <br>(LIRM), Dorothée Benoit (VivAgora)<br><b>18h30-19h00</b><br>Débat animé par Jean Sallantin");
       
   193 				
       
   194 			});
       
   195 		
       
   196 			$("#tf8").click(function() {
       
   197 				$(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
       
   198 				$(".videoLiveProgramDescription").html("<b>19h00</b>Présentation d’initiatives relatives au débat sur les nanotechnologies et de projets et outils innovants pour le débat public en ligne. Une collaboration IRI, VivAgora, Carrefours des possibles de la FING<br><b>20h30 Forum –1</b><br>Rencontres avec les porteurs de projets innovants.");
       
   199 				
       
   200 			});
       
   201 		
       
   202 		
       
   203 		});
       
   204 		
       
   205 		
       
   206 		<!-- LIMIT TEXTAREA:
       
   207 		function imposemax(Object)
       
   208 		{
       
   209 		  return (Object.value.length <= 140);
       
   210 		}
       
   211 		// End -->
       
   212 		
       
   213 		<!-- TIMER 
       
   214 		var c=0;
       
   215 		var t;
       
   216 		var timer_is_on=0;
       
   217 
       
   218 		function timedCount()
       
   219 		{
       
   220 			document.getElementById('txt').value=c;
       
   221 			c = c+1;
       
   222 			t = window.setTimeout("timedCount()",1000);
       
   223 			$(".twtr-ft").hide();
       
   224 			$(".twtr-hd").hide();
       
   225 			
       
   226 			//twtr-tweet
       
   227 			$(".twtr-tweet").each(colorTweetings);
       
   228 		
       
   229 		}
       
   230 
       
   231 		function colorTweetings (){
       
   232 			/*
       
   233 			efc1f0 > violet
       
   234 			c5e7cd > vert
       
   235 			f6ced0 > rouge
       
   236 			bfdbec > blue 
       
   237 			ecedc1 > yellow
       
   238 			*/
       
   239 				var tweettemp = $(this).html();
       
   240 				//alert(tweettemp);
       
   241 				//$(".videoLiveProgramDescription").text(tweettemp);
       
   242 				//$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
       
   243 				
       
   244 				/*
       
   245 				<a target="_blank" class="twtr-reply" href="http://twitter.com/?status=@LaurentChic%20&amp;in_reply_to_status_id=12411225795198976&amp;in_reply_to=LaurentChic">reply</a>
       
   246 				*/	//alert("tweettemp");
       
   247 				
       
   248 				if (tweettemp.search(/\x3F\x3F/)!=-1){
       
   249 				
       
   250 					 $(this).css({'background-color': '#ecedc1','color':"#000"});
       
   251 				}
       
   252 				
       
   253 				if (tweettemp.search(/\x2B\x2B/)!=-1){
       
   254 					 $(this).css({'background-color': '#c5e7cd','color':"#fff"});
       
   255 				}
       
   256 				
       
   257 				if (tweettemp.search(/\x2D\x2D/)!=-1){
       
   258 					 $(this).css({'background-color': '#f6ced0','color':"#fff"});
       
   259 				}
       
   260 				
       
   261 				if (tweettemp.search(/\x3D\x3D/)!=-1){
       
   262 					 $(this).css({'background-color': '#bfdbec','color':"#000"});
       
   263 				}
       
   264 		};
       
   265 			
       
   266 
       
   267 		
       
   268 		function doTimer()
       
   269 		{
       
   270 		if (!timer_is_on)
       
   271 		  {
       
   272 		  timer_is_on=1;
       
   273 		  timedCount();
       
   274 		  }
       
   275 		}
       
   276 
       
   277 		function stopCount()
       
   278 		{
       
   279 			clearTimeout(t);
       
   280 			timer_is_on=0;
       
   281 		}
       
   282 		//
       
   283 		
       
   284 		//-->
       
   285 		
       
   286 		
       
   287 	</script>
       
   288 
       
   289 	
       
   290   </head>
       
   291   <body>
       
   292     <div class="container">
       
   293       <img src="images/ENMI_2010_logo.gif" class="logo">
       
   294 	  <ul class="menu"> 
       
   295 	  <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 ><a href="http://amateur.iri.centrepompidou.fr/nouveaumonde/enmi/conf/" target="_blank" class="menuLink"> Archives</a></li>
       
   298 	  </ul>
       
   299 
       
   300 	  
       
   301 	  <div class="videoLive">
       
   302 		<div class="videoLivePlayer">
       
   303 		
       
   304 				<!-- START LIVE VIDEO STREAM -->
       
   305 			<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="allowfullscreen" value="true" /> 
       
   308 				<param name="allowscriptaccess" value="always" /> 
       
   309 				<param name="wmode" value="transparent" />
       
   310 				<param name="flashvars" value="autostart=true&live=true&image=images/bgd_player.jpg&provider=rtmp&streamer=rtmp://media.iri.centrepompidou.fr/ddc_player/&file=livestream&controlbar=none&autostart=true" /> 
       
   311 				<embed 
       
   312 					type="application/x-shockwave-flash"
       
   313 					id="player2"
       
   314 					name="player2"
       
   315 					src="res/mediaplayer/player.swf" 
       
   316 					width="500" 
       
   317 					height="375"
       
   318 					allowscriptaccess="always" 
       
   319 					allowfullscreen="true"
       
   320 					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 					
       
   323 				/> 
       
   324 			</object> 
       
   325 			<!-- END LIVE VIDEO STREAM -->		
       
   326 		</div>	
       
   327 	  </div>
       
   328 
       
   329 	  <div class="videoLiveProgram">	
       
   330 
       
   331 		<div class="timeline" style="width:499px;">
       
   332 				
       
   333 				<div class="bigTimeFrame" 
       
   334 					 
       
   335 					 style="width:253px;">
       
   336 					 <div style="padding-left:5px;">14 dec 2010</div>
       
   337 				</div>
       
   338 					 
       
   339 				<div class="bigTimeFrame"
       
   340 					 title="The tooltip text #1"
       
   341 					 style="border-right:none;">
       
   342 					 <div style="padding-left:5px;">15 dec 2010</div>
       
   343 				</div>
       
   344 				
       
   345 				<div class="timeFragment" style="width:253px;">
       
   346 				
       
   347 					<div id="tf0" 
       
   348 						 class="timeFrame" 
       
   349 						 title="<b>9h30- 13h00 :</b><br> Imaginaires Industriels et hyperminiaturisation"
       
   350 						 style="width:27%;background-color:#29b8ed;"></div> 
       
   351 						 
       
   352 					<div id="tf1"
       
   353 						 class="timeFrame"
       
   354 						 title="<b>13h00- 14h30 :</b><br> Repas"
       
   355 						 style="width:13%;background-color:#959595;"></div> 
       
   356 						 
       
   357 					<div id="tf2"
       
   358 						 class="timeFrame" 
       
   359 						 title="<b>14h30- 16h50 :</b><br> Imaginaires Scientifiques"
       
   360 						 style="width:14%;background-color:#29b8ed;"></div> 
       
   361 						 
       
   362 					<div id="tf3"
       
   363 						 class="timeFrame"
       
   364 						 title="<b>17h00- 19h00 :</b><br>Imaginaires Anthropologique"
       
   365 						 style="width:17%;background-color:#959595;"></div> 
       
   366 						 
       
   367 					<div id="tf4"
       
   368 						 class="timeFrame" 
       
   369 						 title="<b>19h00- 22h00 :</b><br> Soirée"
       
   370 						 style="width:25%;background-color:#29b8ed;"></div> 
       
   371 						 
       
   372 				</div>
       
   373 				<div class="timeFragment" style="width:245px;">
       
   374 				
       
   375 					<div id="tf5"
       
   376 						 class="timeFrame" 
       
   377 						 title="<b>9h30-12h30</b> <br>Design et outils de représentation"
       
   378 						 style="width:35%;background-color:#29b8ed;"></div> 
       
   379 						 
       
   380 					<div id="tf6"
       
   381 						 class="timeFrame"
       
   382 						 title="<b>12h30-14h00</b> <br>Repas"
       
   383 						 style="width:10%;background-color:#959595;"></div> 
       
   384 						 
       
   385 					<div id="tf7"
       
   386 						 class="timeFrame" 
       
   387 						 title="<b>14h00-19h00</b> <br>Imaginaire politique et ingénierie du débat public"
       
   388 						 style="width:50%;background-color:#29b8ed;"></div> 
       
   389 						 
       
   390 					
       
   391 				</div>
       
   392 				
       
   393 		</div>
       
   394 		<div class="arrowContainer">
       
   395 			<div class="arrow"> </div>
       
   396 		</div>
       
   397 		
       
   398 		
       
   399 		<!-- -->
       
   400 
       
   401 		<!-- -->
       
   402 		<div class="videoLiveProgramTitle"><b>Nanomondes et imaginaires 
       
   403 de l’hyperminiaturisation :</b></div>
       
   404 		<div class="videoLiveProgramDescription">
       
   405 		<br>
       
   406 		<b>Cliquez sur la ligne de temps ci dessus afin d'afficher les différentes sessions du programme.</b>
       
   407 <br><br>
       
   408 		<i>Impact des nanotechnologies et de l’hyperminiaturisation 
       
   409 sur les imaginaires, les méthodes de conception et les outils 
       
   410 de débat public du nouveau monde industriel. </i><br><br>
       
   411 <br>
       
   412 S’il faut parler de nouveau monde industriel – au sens où une industrie est en premier lieu un processus de transformation technologique 
       
   413 de la matière –, c’est bien avec les nanotechnologies et ce que l’on 
       
   414 appelle le « nano-monde » que cela s’impose.
       
   415 Lorsque Bill Clinton lança la National Nanotechnology Initiative, 
       
   416 c’était en posant que les technologies d’exploitation et de transformation de la matière à l’échelle nanométrique permettraient d’envisager 
       
   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>
       
   478 		
       
   479 		
       
   480 	</div>
       
   481 	  
       
   482 	  <div class="tweetWriter">
       
   483 		<h3 class="tweetWriterTitle">Annotations critique : </h3>
       
   484 		<form  action="tweet.php" method="post" id="statusform" >
       
   485 		<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
       
   486 				echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
       
   487 				Vous n'êtes pas connecté.<br>
       
   488 				Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
       
   489 			  }else{
       
   490 				echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#enmi</textarea>");
       
   491 			  }
       
   492 		?>
       
   493 
       
   494 
       
   495 				<div id="messageSuccess" style="background-color:lightgreen;">
       
   496 					Votre tweet a bien été envoyé !<br><br>
       
   497 				</div>
       
   498 				
       
   499 				<div id="messageFailed" style="background-color:red;">
       
   500 					Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error">&nbsp;</div><br/><br>
       
   501 				</div>
       
   502 
       
   503 			  
       
   504 			
       
   505 			<a class="button_w" href="#"  id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a> 
       
   506 			<!--<button name="s" type="button" id="sendTweet"
       
   507 					style="float:right;margin-right:15px;margin-left:35px;width:70px;"  >Envoyer</button>-->
       
   508 			<a 
       
   509 					
       
   510 					id="positive"
       
   511 					title="accord"
       
   512 					class="tweetButton">++</a>
       
   513 			<a 
       
   514 					
       
   515 					id="negative"
       
   516 					title="désaccord"
       
   517 					class="tweetButton">--</a>
       
   518 			<a
       
   519 					
       
   520 					id="reference"
       
   521 					title="reference"
       
   522 					class="tweetButton">==</a>
       
   523 			<a 
       
   524 					
       
   525 					id="question"  
       
   526 					title="question"
       
   527 					class="tweetButton"> ??</a>
       
   528 		</form>
       
   529 	  </div>
       
   530 	  
       
   531 	  <div class="tweetReader">
       
   532 			<script>
       
   533 				new TWTR.Widget({
       
   534 				  version: 2,
       
   535 				  type: 'search',
       
   536 				  search: '#enmi',
       
   537 				  interval: 1000,
       
   538 				  title: '',
       
   539 				  subject: '',
       
   540 				  width: 377,
       
   541 				  height: 450,
       
   542 				  theme: {
       
   543 					shell: {
       
   544 					  background: '#ffffff',
       
   545 					  color: '#ffffff'
       
   546 					},
       
   547 					tweets: {
       
   548 					  background: '#ffffff',
       
   549 					  color: '#444444',
       
   550 					  links: '#1985b5'
       
   551 					}
       
   552 				  },
       
   553 				  features: {
       
   554 					scrollbar: false,
       
   555 					loop: true,
       
   556 					live: true,
       
   557 					hashtags: true,
       
   558 					timestamp: true,
       
   559 					avatars: true,
       
   560 					toptweets: true,
       
   561 					behavior: 'default'
       
   562 				  }
       
   563 				}).render().start();
       
   564 			</script>
       
   565 	  </div>
       
   566 
       
   567       <div class="footer">
       
   568 		<hr>
       
   569 		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink"> IRI </a>
       
   570 		 |  <a href="http://www.capdigital.com/" class="footerLink"> Cap Digital  </a>
       
   571 		 |  <a href="http://www.ensci.com/" class="footerLink"> ENSCI </a>
       
   572 		 <?php 
       
   573 				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
       
   574 					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
       
   575 				}
       
   576 		 ?>
       
   577 		  <input type="text" id="txt" size="3"/>
       
   578 	  </div>   
       
   579 	
       
   580 
       
   581     </div>
       
   582 	
       
   583 	<!-- LIGHTBOX --> 
       
   584 	<div style="display:none;">
       
   585 		<div id="Aboutbox" >
       
   586 		<div class="lightBorder">
       
   587 			<div class="lightTitle">ENMI 2010</div>
       
   588 			<div class="lightSubTitle">Annotation critique 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.
       
   590 			</div>
       
   591 			<div>
       
   592 				<br/>
       
   593 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
       
   594 				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
       
   595 			</div>
       
   596 		</div>
       
   597 		</div>
       
   598 	</div>
       
   599 
       
   600 	
       
   601   </body>
       
   602 </html>