web/enmi/index.php
author Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
Fri, 11 Mar 2011 15:05:35 +0100
changeset 64 162c1de6545a
parent 19 1c2f13fd785c
child 122 4c3a15877f80
permissions -rw-r--r--
Google analytics and small code reorg
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
5
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     1
<?php
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     2
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     3
/**
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     4
 * include some common code (like we did in the 90s)
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     5
 * People still do this? ;)
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     6
 */
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     7
include_once './common.php';
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     8
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
     9
/**
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    10
 * Do we already have a valid Access Token or need to go get one?
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    11
 */
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    12
if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) && isset($_GET['CONNECT']) ) {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    13
    /**
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    14
     * Guess we need to go get one!
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    15
     */
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    16
    $token = $consumer->getRequestToken();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    17
    $_SESSION['TWITTER_REQUEST_TOKEN'] = serialize($token);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    18
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    19
    /**
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    20
     * Now redirect user to Twitter site so they can log in and
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    21
     * approve our access
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    22
     */
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    23
    $consumer->redirect();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    24
}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    25
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    26
?>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    27
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    28
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    29
   "http://www.w3.org/TR/html4/strict.dtd">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    30
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    31
<html lang="en">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    32
  <head>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    33
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    34
    <title>ENMI 2010 - Live Video and Annotation</title>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    35
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    36
    <!-- Framework CSS -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    37
    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    38
    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    39
    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    40
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    41
    <!-- Import fancy-type plugin for the sample page. -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    42
    
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    43
	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    44
	<link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    45
	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    46
	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    47
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    48
	<!-- JAVASCRIPT --> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    49
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    50
	<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    51
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    52
	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    53
	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    54
	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    55
	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    56
	<!-- FONT -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    57
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    58
	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    59
	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    60
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    61
	<script type="text/javascript">	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    62
	$(document).ready(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    63
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    64
			doTimer();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    65
			//$("txt").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    66
			$(".loginbutton").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    67
				document.location.href="<?php URL_ROOT ?>?CONNECT=true";
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    68
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    69
			$("#IDENTIFIER").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    70
				document.location.href="<?php URL_ROOT ?>?CONNECT=true";
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    71
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    72
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    73
			$("#messageSuccess").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    74
			$("#messageFailed").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    75
			$("#txt").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    76
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    77
			// BUTTONS
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    78
			$("#positive").click(function(){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    79
				var MyValue = $('#status').attr("value");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    80
				 $('#status').attr("value",MyValue+"++ ");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    81
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    82
			$("#negative").click(function(){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    83
				var MyValue = $('#status').attr("value");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    84
				$('#status').attr("value",MyValue+"-- ");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    85
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    86
			$("#reference").click(function(){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    87
				var MyValue = $('#status').attr("value");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    88
				$('#status').attr("value",MyValue+"== ");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    89
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    90
			$("#question").click(function(){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    91
				var MyValue = $('#status').attr("value");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    92
				$('#status').attr("value",MyValue+"?? ");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    93
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    94
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    95
			// SEND TWEETS 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    96
			$("#sendTweet").click(function(){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    97
				var MyStatus = $('#status').attr("value");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    98
				$.post('tweet_ajax.php', {status:MyStatus}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
    99
				,function(data) {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   100
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   101
					if(data=="true"){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   102
						$("#messageSuccess").show('fast');
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   103
						$("#messageSuccess").delay(800).hide('slow');
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   104
						$('#status').attr("value","#enmi ");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   105
						//$('#status').css("background-image","images/greenTweet.png");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   106
						//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   107
					}else{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   108
						$("#error").text(data);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   109
						$("#messageFailed").show('fast');
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   110
						$("#messageFailed").delay(800).hide('slow');
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   111
						//$('#status').css("background-image","images/redTweet.png");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   112
						//$('#status').delay(800).css("background-image","images/tweetWriterBgdTxtArea.gif");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   113
					}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   114
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   115
				});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   116
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   117
			});			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   118
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   119
			$(".timeFrame").tooltip();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   120
			/*
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   121
			*   Lightbox button 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   122
			*/
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   123
			$("#About").fancybox({
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   124
				'titlePosition'		: 'inside',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   125
				'transitionIn'		: 'none',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   126
				'transitionOut'		: 'none',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   127
				'enableEscapeButton': 'none',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   128
				'margin' 			: 1,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   129
				'padding' 			: 0
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   130
			}<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){echo(").trigger('click');");}else{echo(");");} ?>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   131
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   132
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   133
			$("#Program").fancybox({
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   134
				'width'				: '75%',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   135
				'height'			: '75%',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   136
				'autoScale'			: false,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   137
				'transitionIn'		: 'none',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   138
				'transitionOut'		: 'none',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   139
				'type'				: 'iframe'
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   140
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   141
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   142
			$("#ACCES").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   143
				$.fancybox.close();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   144
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   145
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   146
			// Buttons 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   147
			$("#tf0").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   148
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   149
				$(".videoLiveProgramTitle").html("<b>9h30- 13h00 :</b> Imaginaires Industriels et hyperminiaturisation");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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)");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   151
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   152
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   153
			$("#tf1").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   154
				$(".videoLiveProgramTitle").html("<b>13h00- 14h30 :</b> Pause déjeuner");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   155
				$(".videoLiveProgramDescription").html("");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   156
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   157
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   158
			$("#tf2").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   159
				$(".videoLiveProgramTitle").html("<b>14h30- 16h50 :</b> Imaginaires Scientifiques");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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)");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   161
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   162
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   163
			$("#tf3").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   164
				$(".videoLiveProgramTitle").html("<b>17h00- 19h00 :</b> Imaginaires Anthropologiques");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   166
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   167
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   168
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   169
			$("#tf4").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   170
				$(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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.");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   172
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   173
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   174
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   175
			// ----
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   176
			// day 2
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   177
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   178
			$("#tf5").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   179
				$(".videoLiveProgramTitle").html("<b>9h30- 12h30 :</b> Design et outils de représentation");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   181
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   182
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   183
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   184
			$("#tf6").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   185
				$(".videoLiveProgramTitle").html("<b>19h00- 14h00 :</b> Repas");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   186
				$(".videoLiveProgramDescription").html("");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   187
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   188
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   189
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   190
			$("#tf7").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   191
				$(".videoLiveProgramTitle").html("<b>14h00- 19h00 :</b> Imaginaire politique et ingénierie du débat public");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   193
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   194
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   195
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   196
			$("#tf8").click(function() {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   197
				$(".videoLiveProgramTitle").html("<b>19h00- 22h00 :</b> Soirée");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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.");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   199
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   200
			});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   201
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   202
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   203
		});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   204
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   205
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   206
		<!-- LIMIT TEXTAREA:
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   207
		function imposemax(Object)
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   208
		{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   209
		  return (Object.value.length <= 140);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   210
		}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   211
		// End -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   212
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   213
		<!-- TIMER 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   214
		var c=0;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   215
		var t;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   216
		var timer_is_on=0;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   217
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   218
		function timedCount()
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   219
		{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   220
			document.getElementById('txt').value=c;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   221
			c = c+1;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   222
			t = window.setTimeout("timedCount()",1000);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   223
			$(".twtr-ft").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   224
			$(".twtr-hd").hide();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   225
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   226
			//twtr-tweet
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   227
			$(".twtr-tweet").each(colorTweetings);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   228
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   229
		}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   230
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   231
		function colorTweetings (){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   232
			/*
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   233
			efc1f0 > violet
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   234
			c5e7cd > vert
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   235
			f6ced0 > rouge
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   236
			bfdbec > blue 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   237
			ecedc1 > yellow
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   238
			*/
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   239
				var tweettemp = $(this).html();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   240
				//alert(tweettemp);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   241
				//$(".videoLiveProgramDescription").text(tweettemp);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   242
				//$(".videoLiveProgramTitle").text(tweettemp.search(/\x2D\x2D/));
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   243
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   244
				/*
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   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>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   246
				*/	//alert("tweettemp");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   247
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   248
				if (tweettemp.search(/\x3F\x3F/)!=-1){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   249
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   250
					 $(this).css({'background-color': '#ecedc1','color':"#000"});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   251
				}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   252
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   253
				if (tweettemp.search(/\x2B\x2B/)!=-1){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   254
					 $(this).css({'background-color': '#c5e7cd','color':"#fff"});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   255
				}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   256
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   257
				if (tweettemp.search(/\x2D\x2D/)!=-1){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   258
					 $(this).css({'background-color': '#f6ced0','color':"#fff"});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   259
				}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   260
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   261
				if (tweettemp.search(/\x3D\x3D/)!=-1){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   262
					 $(this).css({'background-color': '#bfdbec','color':"#000"});
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   263
				}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   264
		};
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   265
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   266
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   267
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   268
		function doTimer()
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   269
		{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   270
		if (!timer_is_on)
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   271
		  {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   272
		  timer_is_on=1;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   273
		  timedCount();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   274
		  }
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   275
		}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   276
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   277
		function stopCount()
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   278
		{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   279
			clearTimeout(t);
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   280
			timer_is_on=0;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   281
		}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   282
		//
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   283
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   284
		//-->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   285
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   286
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   287
	</script>
64
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   288
	<script type="text/javascript">
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   289
	
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   290
	  var _gaq = _gaq || [];
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   291
	  _gaq.push(['_setAccount', 'UA-9955524-3']);
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   292
	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   293
	  _gaq.push(['_trackPageview']);
5
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   294
	
64
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   295
	  (function() {
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   296
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   297
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   298
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   299
	  })();
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   300
	
162c1de6545a Google analytics and small code reorg
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 19
diff changeset
   301
	</script>
5
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   302
  </head>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   303
  <body>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   304
    <div class="container">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   305
      <img src="images/ENMI_2010_logo.gif" class="logo">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   306
	  <ul class="menu"> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   307
	  <li class="menuUnderline"><a href="#Aboutbox" class="menuLink" id="About"> À propos</a></li>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   308
	  <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>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   309
	  <li ><a href="http://amateur.iri.centrepompidou.fr/nouveaumonde/enmi/conf/" target="_blank" class="menuLink"> Archives</a></li>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   310
	  </ul>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   311
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   312
	  
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   313
	  <div class="videoLive">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   314
		<div class="videoLivePlayer">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   315
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   316
				<!-- START LIVE VIDEO STREAM -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   317
			<object id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="500" height="375"> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   318
				<param name="movie" value="res/mediaplayer/player.swf" /> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   319
				<param name="allowfullscreen" value="true" /> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   320
				<param name="allowscriptaccess" value="always" /> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   321
				<param name="wmode" value="transparent" />
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   322
				<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" /> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   323
				<embed 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   324
					type="application/x-shockwave-flash"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   325
					id="player2"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   326
					name="player2"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   327
					src="res/mediaplayer/player.swf" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   328
					width="500" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   329
					height="375"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   330
					allowscriptaccess="always" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   331
					allowfullscreen="true"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   332
					wmode="transparent"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   333
					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" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   334
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   335
				/> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   336
			</object> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   337
			<!-- END LIVE VIDEO STREAM -->		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   338
		</div>	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   339
	  </div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   340
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   341
	  <div class="videoLiveProgram">	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   342
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   343
		<div class="timeline" style="width:499px;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   344
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   345
				<div class="bigTimeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   346
					 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   347
					 style="width:253px;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   348
					 <div style="padding-left:5px;">14 dec 2010</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   349
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   350
					 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   351
				<div class="bigTimeFrame"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   352
					 title="The tooltip text #1"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   353
					 style="border-right:none;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   354
					 <div style="padding-left:5px;">15 dec 2010</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   355
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   356
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   357
				<div class="timeFragment" style="width:253px;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   358
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   359
					<div id="tf0" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   360
						 class="timeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   361
						 title="<b>9h30- 13h00 :</b><br> Imaginaires Industriels et hyperminiaturisation"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   362
						 style="width:27%;background-color:#29b8ed;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   363
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   364
					<div id="tf1"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   365
						 class="timeFrame"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   366
						 title="<b>13h00- 14h30 :</b><br> Repas"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   367
						 style="width:13%;background-color:#959595;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   368
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   369
					<div id="tf2"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   370
						 class="timeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   371
						 title="<b>14h30- 16h50 :</b><br> Imaginaires Scientifiques"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   372
						 style="width:14%;background-color:#29b8ed;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   373
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   374
					<div id="tf3"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   375
						 class="timeFrame"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   376
						 title="<b>17h00- 19h00 :</b><br>Imaginaires Anthropologique"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   377
						 style="width:17%;background-color:#959595;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   378
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   379
					<div id="tf4"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   380
						 class="timeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   381
						 title="<b>19h00- 22h00 :</b><br> Soirée"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   382
						 style="width:25%;background-color:#29b8ed;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   383
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   384
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   385
				<div class="timeFragment" style="width:245px;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   386
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   387
					<div id="tf5"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   388
						 class="timeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   389
						 title="<b>9h30-12h30</b> <br>Design et outils de représentation"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   390
						 style="width:35%;background-color:#29b8ed;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   391
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   392
					<div id="tf6"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   393
						 class="timeFrame"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   394
						 title="<b>12h30-14h00</b> <br>Repas"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   395
						 style="width:10%;background-color:#959595;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   396
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   397
					<div id="tf7"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   398
						 class="timeFrame" 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   399
						 title="<b>14h00-19h00</b> <br>Imaginaire politique et ingénierie du débat public"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   400
						 style="width:50%;background-color:#29b8ed;"></div> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   401
						 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   402
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   403
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   404
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   405
		</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   406
		<div class="arrowContainer">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   407
			<div class="arrow"> </div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   408
		</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   409
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   410
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   411
		<!-- -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   412
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   413
		<!-- -->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   414
		<div class="videoLiveProgramTitle"><b>Nanomondes et imaginaires 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   415
de l’hyperminiaturisation :</b></div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   416
		<div class="videoLiveProgramDescription">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   417
		<br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   418
		<b>Cliquez sur la ligne de temps ci dessus afin d'afficher les différentes sessions du programme.</b>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   419
<br><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   420
		<i>Impact des nanotechnologies et de l’hyperminiaturisation 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   421
sur les imaginaires, les méthodes de conception et les outils 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   422
de débat public du nouveau monde industriel. </i><br><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   423
<br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   424
S’il faut parler de nouveau monde industriel – au sens où une industrie est en premier lieu un processus de transformation technologique 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   425
de la matière –, c’est bien avec les nanotechnologies et ce que l’on 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   426
appelle le « nano-monde » que cela s’impose.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   427
Lorsque Bill Clinton lança la National Nanotechnology Initiative, 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   428
c’était en posant que les technologies d’exploitation et de transformation de la matière à l’échelle nanométrique permettraient d’envisager 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   429
une nouvelle économie, alors même que l’atteinte des limites à l’exploitation micro-électronique de la matière semblait avérée. 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   430
La « loi de Moore », aussi sujette à discussion qu’elle puisse être (et 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   431
ces nouveaux Entretiens en feront un sujet de débat), a mis la microphysique au cœur du développement économique depuis les premiers 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   432
transistors jusqu’aux microprocesseurs, c’est-à-dire aux puces 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   433
électroniques. Elle montre que loin d’être « immatérielle »,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   434
l’économie numérique est au contraire extrêmement liée aux 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   435
technologies de la matière.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   436
La micro-électronique est cependant réputée devoir atteindre ses 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   437
limites à une échéance prochaine. Or, c’est la réduction vertigineuse 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   438
des coûts de la mémoire électronique qui a permis l’expansion des 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   439
technologies numériques, en particulier depuis la constitution du 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   440
world wide web. Ceci a permis une pratique massive d’internet qui a 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   441
bouleversé les modèles industriels des télécommunications aussi bien 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   442
que de l’informatique et de l’audiovisuel et bien au-delà : 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   443
commerce, rapport à l’espace et au temps, savoirs, débat public, etc. <br><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   444
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   445
C’est d’abord de ce point de vue que la question a été posée de 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   446
passer d’une industrie de transformation de la matière à l’échelle du 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   447
millionième de mètre à la nano-industrie, c’est-à-dire aux matériaux 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   448
nanostructurés au milliardième de mètre.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   449
Bien au-delà du numérique, ce sont cependant les domaines des 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   450
matériaux (bâtiment, métallurgie, etc.), de la médecine, des 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   451
biotechnologies, notamment, qui sont concernés. Tous les domaines 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   452
du secteur industriel semblent en fin de compte impliqués par ce que 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   453
l’on décrit parfois comme la nouvelle convergence (après celle de 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   454
l’informatique, des télécommunications et de l’audiovisuel). 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   455
Tel est l’enjeu de ce que nous décrirons au cours de ces Entretiens 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   456
2010 comme un processus d’hyper-miniaturisation. Ce devenir qui 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   457
ouvre une série de possibilités inouïes, soulève autant de questions 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   458
économiques, politiques et épistémologiques.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   459
L’hyper-miniaturisation fait passer le monde industriel à l’échelle 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   460
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 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   461
n’a plus cours : la matière s’y « présente » précisément comme une 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   462
forme). Et ce que l’on appelle les « nanoparticules » issues de cette 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   463
hyper-miniaturisation troublent les frontières par lesquelles les 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   464
organismes vivants se distinguent de leurs milieux extérieurs. <br><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   465
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   466
Le changement d’échelle est l’enjeu de nouveaux imaginaires où se 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   467
projette le « nano-monde » – parmi lesquels on peut distinguer :
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   468
 les imaginaires de l’industrie, et de l’histoire nouvelle qu’elle nous .
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   469
raconte à travers la conquête de la nano-dimension, qui permettrait 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   470
de maintenir ouvertes les possibilités d’innovation industrielle et 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   471
l’activité économique dans son ensemble ;
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   472
 les imaginaires scientifiques tels qu’ils passent par une technologie .
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   473
de l’imagination (au sens fort de la production d’images) de ce qui, à 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   474
l’échelle nanométrique, n’est pas visible, et que le microscope à effet 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   475
tunnel, par exemple, permet de manipuler, mais aussi de figurer par 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   476
des artefacts graphiques ; 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   477
 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 .
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   478
les débats citoyens – dans un contexte de crise économique et morale 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   479
mondiale.<br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   480
Nous faisons aussi l’hypothèse que des imaginaires économiques et 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   481
politiques nouveaux, tels qu’ils permettraient de projeter et de désirer 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   482
un avenir technologique et industriel raisonné, réfléchi, débattu et 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   483
partagé par la société, passent par l’intégration des questions nanotechnologiques avec celles que nous avions soulevées dans les éditions 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   484
précédentes des Entretiens du nouveau monde industriel : l’innovation ascendante, les technologies relationnelles réticulaires et les 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   485
objets communicants – opérateurs technologiques qui transforment 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   486
le monde quotidien en profondeur. 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   487
Cette transformation est déjà largement entamée. La quatrième 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   488
édition des Entretiens du nouveau monde industriel s’efforcera d’intégrer ces questions.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   489
		</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   490
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   491
		
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   492
	</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   493
	  
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   494
	  <div class="tweetWriter">
11
54d7f1486ac4 implement get_oauth_token
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 5
diff changeset
   495
		<h3 class="tweetWriterTitle">Annotations critique : </h3>
5
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   496
		<form  action="tweet.php" method="post" id="statusform" >
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   497
		<?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   498
				echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   499
				Vous n'êtes pas connecté.<br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   500
				Pour participer, veuillez vous identifier en cliquant ici. </a></div>");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   501
			  }else{
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   502
				echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>#enmi</textarea>");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   503
			  }
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   504
		?>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   505
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   506
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   507
				<div id="messageSuccess" style="background-color:lightgreen;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   508
					Votre tweet a bien été envoyé !<br><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   509
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   510
				
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   511
				<div id="messageFailed" style="background-color:red;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   512
					Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error">&nbsp;</div><br/><br>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   513
				</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   514
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   515
			  
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   516
			
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   517
			<a class="button_w" href="#"  id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   518
			<!--<button name="s" type="button" id="sendTweet"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   519
					style="float:right;margin-right:15px;margin-left:35px;width:70px;"  >Envoyer</button>-->
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   520
			<a 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   521
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   522
					id="positive"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   523
					title="accord"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   524
					class="tweetButton">++</a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   525
			<a 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   526
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   527
					id="negative"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   528
					title="désaccord"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   529
					class="tweetButton">--</a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   530
			<a
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   531
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   532
					id="reference"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   533
					title="reference"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   534
					class="tweetButton">==</a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   535
			<a 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   536
					
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   537
					id="question"  
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   538
					title="question"
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   539
					class="tweetButton"> ??</a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   540
		</form>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   541
	  </div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   542
	  
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   543
	  <div class="tweetReader">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   544
			<script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   545
				new TWTR.Widget({
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   546
				  version: 2,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   547
				  type: 'search',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   548
				  search: '#enmi',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   549
				  interval: 1000,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   550
				  title: '',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   551
				  subject: '',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   552
				  width: 377,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   553
				  height: 450,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   554
				  theme: {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   555
					shell: {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   556
					  background: '#ffffff',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   557
					  color: '#ffffff'
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   558
					},
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   559
					tweets: {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   560
					  background: '#ffffff',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   561
					  color: '#444444',
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   562
					  links: '#1985b5'
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   563
					}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   564
				  },
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   565
				  features: {
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   566
					scrollbar: false,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   567
					loop: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   568
					live: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   569
					hashtags: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   570
					timestamp: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   571
					avatars: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   572
					toptweets: true,
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   573
					behavior: 'default'
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   574
				  }
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   575
				}).render().start();
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   576
			</script>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   577
	  </div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   578
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   579
      <div class="footer">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   580
		<hr>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   581
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink"> IRI </a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   582
		 |  <a href="http://www.capdigital.com/" class="footerLink"> Cap Digital  </a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   583
		 |  <a href="http://www.ensci.com/" class="footerLink"> ENSCI </a>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   584
		 <?php 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   585
				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   586
					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   587
				}
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   588
		 ?>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   589
		  <input type="text" id="txt" size="3"/>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   590
	  </div>   
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   591
	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   592
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   593
    </div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   594
	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   595
	<!-- LIGHTBOX --> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   596
	<div style="display:none;">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   597
		<div id="Aboutbox" >
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   598
		<div class="lightBorder">
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   599
			<div class="lightTitle">ENMI 2010</div>
11
54d7f1486ac4 implement get_oauth_token
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents: 5
diff changeset
   600
			<div class="lightSubTitle">Annotation critique par tweet </div>
5
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   601
			<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.
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   602
			</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   603
			<div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   604
				<br/>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   605
				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   606
				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   607
			</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   608
		</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   609
		</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   610
	</div>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   611
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   612
	
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   613
  </body>
5eec00e4540b changement image + index (conteur)
Samuel Huron <samuel.huron@centrepompidou.fr>
parents: 0
diff changeset
   614
</html>