web/rsln-opendata/polemicaltimeline.old.php
author Samuel Huron <samuel.huron@centrepompidou.fr>
Tue, 26 Apr 2011 10:53:35 +0200
changeset 121 2b794b7901d6
parent 120 3daa4039509a
permissions -rwxr-xr-x
add .htaccess
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
120
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     2
<html lang="en">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     3
  <head>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     4
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     5
    <title>RSLN  - Live Video and Annotation</title>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     6
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     7
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     8
	<!-- JAVASCRIPT --> 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
     9
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    10
	<script type="text/javascript" src="../res/raphael/raphael-min.js"></script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    11
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    12
	<!-- Framework CSS -->
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    13
    <link rel="stylesheet" href="../res/blueprint/screen.css" type="text/css" media="screen, projection">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    14
    <link rel="stylesheet" href="../res/blueprint/print.css" type="text/css" media="print">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    15
	<link rel="stylesheet" href="../res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    16
	<link rel="stylesheet" href="../custom.css" type="text/css" media="screen, projection">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    17
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    18
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    19
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    20
	<!-- FONT -->
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    21
	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    22
	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    23
	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    24
	<style type="text/css"> 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    25
		.tweetButton{float:left;margin-right:5px;}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    26
		.videoLivePlayer{border:1px solid #c3c3c3;width:650px;height:698px;}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    27
		.videoLive{width:650px;height:700px;background:#fff;float:right;margin-top:10px;padding:5px;}					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    28
		.tweetExplain{background-image:url(images/tweetExplainBgd.gif);width:250px;height:690px;padding:10px;position:absolute; margin-top:70px;}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    29
		.footer{margin-top:790px;width:960px;height:20px;position:absolute;text-align:center;}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    30
		.tooltip{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    31
			 z-index: 10000000000;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    32
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    33
		#tip{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    34
			 position : absolute;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    35
			 padding : 3px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    36
			 z-index: 10000000000;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    37
			 max-width: 200px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    38
		}	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    39
		#tip {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    40
				display: none;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    41
				background: transparent url("images/white_arrow_long.png");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    42
				font-size: 12px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    43
				height: 125px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    44
				width: 180px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    45
				padding: 10px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    46
				padding-left: 15px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    47
				padding-top: 15px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    48
				padding-right: 15px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    49
				color: black;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    50
				z-index: 10000000000;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    51
				font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    52
				overflow:hidden;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    53
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    54
		#chartTimeline{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    55
			padding-top: 449px;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    56
			z-index: 100000;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    57
			position : absolute;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    58
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    59
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    60
	</style>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    61
	<script type="text/javascript">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    62
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    63
	  var _gaq = _gaq || [];
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    64
	  _gaq.push(['_setAccount', 'UA-9955524-3']);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    65
	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    66
	  _gaq.push(['_trackPageview']);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    67
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    68
	  (function() {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    69
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    70
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    71
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    72
	  })();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    73
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    74
	</script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    75
  </head>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    76
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    77
  	<script type="text/javascript">	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    78
	// CHART TIMELINE / VERSION PROTOTYPE  ::
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    79
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    80
	// configuration 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    81
	var config = {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    82
					target:"chartTimeline",
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    83
					x:8,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    84
					y:418,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    85
					width:650,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    86
					height:110,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    87
					heightmax:130
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    88
					}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    89
	// Make and define the Raphael area
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    90
	//var paper = Raphael(document.getElementById(config.target),config.width, config.height);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    91
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    92
	function ChartTimeLine (){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    93
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    94
		//var paper = Raphael(config.x, config.y,config.width, config.height);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    95
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    96
		//paper.rect(0,20,1,1).attr({fill:"#fff",stroke: "none"});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    97
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    98
		// variable 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
    99
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   100
		var yCoef	  		= 2; 					// coef for height of 1 tweet 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   101
		var frameSize 		= 5; 					// frame size 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   102
		var margin 	  		= 1;					// marge between frame
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   103
		var lineSize  		= 650;				// timeline pixel width 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   104
		var nbrframes 		= lineSize/frameSize; // frame numbers
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   105
		var numberOfTweet 	= 0;				// number of tweet overide later 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   106
		var duration  		= 11514500 ;			// timescale width 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   107
		var frameLenght 	= lineSize/frameSize;// frame timescale	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   108
		var timeline;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   109
		var colors  = new Array("","#1D973D","#C5A62D","#CE0A15","#036AAE","#585858");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   110
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   111
		// array 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   112
		var tweets  = new Array();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   113
		var element = new Array();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   114
		var cluster = new Array();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   115
		var frames  = new Array(frameLenght);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   116
		var slices  = new Array();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   117
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   118
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   119
		// Classes =======================================================================
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   120
		var Frames = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   121
			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   122
			var Myclusters;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   123
			var x;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   124
			var y;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   125
			var width;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   126
			var height;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   127
		};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   128
		Frames = function(json){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   129
			// make my clusters
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   130
			// ou Frame vide 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   131
		};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   132
		Frames.prototype.draw = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   133
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   134
		Frames.prototype.zoom = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   135
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   136
		Frames.prototype.inside = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   137
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   138
		var Clusters = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   139
			var Object;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   140
			var yDist;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   141
			var x;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   142
			var y;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   143
			var width;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   144
			var height;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   145
		};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   146
		Clusters = function(json){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   147
			// make my object
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   148
		};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   149
		var Tweet = function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   150
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   151
		// Classes =======================================================================
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   152
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   153
		// trace function 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   154
		var traceNum = 0;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   155
		function trace(msg,value){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   156
			traceNum += 1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   157
			__IriSP.jQuery("<div>"+traceNum+" - "+msg+" : "+value+"</div>").appendTo("#output");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   158
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   159
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   160
		// Refactoring (parametere) ************************************************************
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   161
		// color translastion
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   162
		function colorTranslation(value){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   163
			if(value == "Q"){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   164
				return 2;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   165
			}else if(value =="REF"){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   166
				return 4;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   167
			}else if(value =="OK"){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   168
				return 1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   169
			}else if(value =="KO"){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   170
				return 3;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   171
			}else if(value ==""){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   172
				return 5;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   173
			}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   174
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   175
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   176
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   177
		// Refactoring (parametere) ************************************************************
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   178
		// load tweets send in parameters 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   179
		__IriSP.jQuery.ajax({
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   180
		  dataType: "jsonp",
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   181
		  url:"http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/f410655c-5a4d-11e0-a392-00145ea49a02",
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   182
		  success : function(json){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   183
			trace("load","");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   184
				__IriSP.jQuery.each(json.annotations, function(i,item) {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   185
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   186
					var MyTime  = Math.floor(item.begin/duration*lineSize);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   187
					var Myframe = Math.floor(MyTime/lineSize*frameLenght);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   188
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   189
					if (item.content['polemics'] != undefined) {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   190
						if (item.content['polemics'][0] != null) {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   191
							
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   192
								for(var j=0; j<item.content['polemics'].length; j++){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   193
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   194
										tweets[numberOfTweet] = {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   195
													id:i,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   196
													qualification:colorTranslation(item.content['polemics'][j]),
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   197
													yIndicator:MyTime,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   198
													yframe:Myframe,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   199
													title:item.content['title'],
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   200
													timeframe:item.begin
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   201
													}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   202
										numberOfTweet+=1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   203
								}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   204
						}else{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   205
							//trace("k = ",i);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   206
							tweets[numberOfTweet] = {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   207
										id:i,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   208
										qualification:colorTranslation(""),
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   209
										yIndicator:MyTime,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   210
										yframe:Myframe,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   211
										title:item.content['title'],
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   212
										timeframe:item.begin
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   213
							}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   214
							numberOfTweet+=1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   215
						}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   216
						
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   217
					} else {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   218
						//trace("tweet qualification = ","null");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   219
					}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   220
				});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   221
			trace("======= ",numberOfTweet);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   222
		   DrawTweets ();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   223
		   
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   224
		  }
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   225
		 });
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   226
			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   227
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   228
		// tweet Drawing (in raphael) 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   229
		function DrawTweets (){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   230
		// GROUPES TWEET ============================================
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   231
		// Count nbr of cluster and tweet in a frame an save int in "frames"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   232
			numberOfTweet = tweets.length;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   233
			for(var i=0; i<nbrframes; i++) {	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   234
				for(var j=0; j<numberOfTweet; j++) {	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   235
				
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   236
					if (i==tweets[j].yframe){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   237
						
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   238
						var k = tweets[j].qualification;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   239
						
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   240
						// make array for frame cluster
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   241
						if(frames[i]==undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   242
							frames[i] = {id:i,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   243
										 qualifVol:new Array(),
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   244
										 mytweetsID:new Array()
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   245
										};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   246
						}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   247
						// add my tweet to frame
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   248
						frames[i].mytweetsID.push(tweets[j]);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   249
						
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   250
						// count opinion by frame
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   251
						if( frames[i].qualifVol[k] == undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   252
							frames[i].qualifVol[k] = 1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   253
						}else{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   254
							frames[i].qualifVol[k] += 1;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   255
						}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   256
						
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   257
					}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   258
				}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   259
			}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   260
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   261
		// GROUPES TWEET ============================================		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   262
		// max of tweet by Frame 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   263
			var max = 0; 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   264
			for(var i=0; i<nbrframes; i++) {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   265
				var moy	= 0;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   266
				for (var j=0; j<6; j++){		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   267
					if (frames[i]!=undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   268
						if (frames[i].qualifVol[j]!=undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   269
							moy += frames[i].qualifVol[j]
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   270
						}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   271
					}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   272
				}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   273
				//trace("frame "+i,moy);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   274
				if (moy>max){max=moy;}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   275
			}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   276
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   277
			var tweetDrawed = new Array();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   278
			var TweetHeight = 5;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   279
			// DRAW  TWEETS ============================================
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   280
			for(var i=0; i<nbrframes;i++) {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   281
				var addEheight = 5;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   282
				if (frames[i]!=undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   283
					trace (i+" k=",frames[i].mytweetsID.length);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   284
					// by type 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   285
					for (var j=6; j>-1; j--){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   286
						if (frames[i].qualifVol[j]!=undefined){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   287
							// show tweet by type 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   288
							for (var k=0; k<frames[i].mytweetsID.length; k++){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   289
								if (frames[i].mytweetsID[k].qualification==j){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   290
									e = paper.rect( i*frameSize, 					// x
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   291
													config.heightmax-addEheight,	// y
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   292
													frameSize-margin,				// width
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   293
													TweetHeight						// height
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   294
													).attr({stroke:"#00","stroke-width":0.1,  fill: colors[j]});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   295
									addEheight +=TweetHeight;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   296
									e.time= frames[i].mytweetsID[k].timeframe;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   297
									e.title= frames[i].mytweetsID[k].title;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   298
									e.mouseover(function () {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   299
										//this.attr({stroke:"#fff","stroke-width":5});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   300
										//this.toFront();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   301
									}).mouseout(function () {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   302
										//this.attr({stroke:"#00","stroke-width":0.1});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   303
									}).mousedown(function () {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   304
										__IriSP.MyApiPlayer.seek(this.time/1000)
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   305
									});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   306
									__IriSP.jQuery(e.node).attr('id', 't'+k+'');
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   307
									__IriSP.jQuery(e.node).attr('title', frames[i].mytweetsID[k].title);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   308
									__IriSP.jQuery(e.node).attr('begin',  frames[i].mytweetsID[k].timeframe);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   309
									var tempPosition = {x:i*frameSize,y:config.heightmax-addEheight}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   310
									addTip(e.node, frames[i].mytweetsID[k].title,colors[j],tempPosition);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   311
									//frames[i].mytweetsID.pop();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   312
								}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   313
							}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   314
						}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   315
					}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   316
				}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   317
				PaperSlider.toFront();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   318
			}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   319
				
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   320
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   321
	//
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   322
		PaperSlider.toFront();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   323
	}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   324
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   325
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   326
	$(document).mousemove(function(e){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   327
		if (over){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   328
			__IriSP.jQuery("#tip").css("left", e.pageX-106).css("top", e.pageY-160);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   329
			__IriSP.jQuery("#tipcolor").css("background-color", tipColor)
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   330
			__IriSP.jQuery("#tiptext").text(tipText);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   331
			__IriSP.jQuery("#tip").show();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   332
		}else{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   333
			 __IriSP.jQuery("#tip").css("left", -10000).css("top", -100000);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   334
			 //tweetSelection.attr({x:-100,y:-100});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   335
		}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   336
	});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   337
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   338
	var over 	 = false;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   339
	var tipText  = "";
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   340
	var tipColor = "#efefef";
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   341
	var tweetSelection;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   342
	var PaperSlider;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   343
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   344
	// AddTip  ******************************************************************************
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   345
	function addTip(node, txt,color,tempPosition){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   346
			__IriSP.jQuery(node).mouseover(function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   347
			   tipText = txt;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   348
			   //tip.hide();//fadeIn(0);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   349
			   tipColor = color;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   350
			   over = true;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   351
			   //tweetSelection.attr(tempPosition);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   352
			   //tweetSelection.toFront();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   353
			}).mouseout(function(){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   354
			   //tip.show()//tip.fadeOut(0);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   355
			   over = false;
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   356
			});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   357
			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   358
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   359
	}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   360
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   361
		$(document).ready(function() {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   362
			var tip 	 = __IriSP.jQuery("#tip").hide();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   363
			//ChartTimeLine();
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   364
			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   365
		});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   366
	</script>	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   367
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   368
  <body>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   369
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   370
<!-- SCRIPT RAPHAEL -->
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   371
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   372
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   373
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   374
  <!-- tooltip --> 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   375
  <div id="tip">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   376
  <div id="tipcolor" style="height:10px;width:10px"></div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   377
  <div id="tiptext"></div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   378
  </div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   379
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   380
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   381
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   382
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   383
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   384
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   385
    <div class="container">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   386
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   387
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   388
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   389
      <img src="images/ENMI_2010_logo.gif" class="logo">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   390
	  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   391
	  <ul class="menu"> 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   392
		  <li class="menuUnderline">&nbsp;</li>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   393
		  <li class="menuUnderline"><a href="../" class="menuLink" id="Accueil"> Accueil</a></li>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   394
		  <li ><a href="http://www.rslnmag.fr/blog/2011/3/13/_nous-en-sommes-2020_toutes-les-donnees-sont-liberees_/" class="menuLink" target="_blank"> Programme</a>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   395
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   396
	  </ul>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   397
<div id="minilogo" style="margin-left:85px;height:5px;top:5px;"></div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   398
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   399
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   400
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   401
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   402
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   403
	  <div class="tweetExplain"  >
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   404
		<h3 class="tweetWriterTitle">Annotations pol&eacute;mique : </h3><br/>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   405
		l’Institut de recherche et d’innovation (Iri) vous a proposé une expérimentation et une démonstration d’un dispositif d’annotation polémique basé sur twitter.
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   406
Cette qualification de vos tweets nous a permis de créer une timeline polemique représentant les positions de 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   407
l'auditoire durant la conférence.
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   408
<br/><br/>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   409
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   410
	Cette syntaxe polémique vous a premis de prendre position relativement à l’intervenant ou aux autres participants au débat : 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   411
	<table>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   412
	<tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   413
	<td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   414
			<a 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   415
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   416
					id="positive"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   417
					title="accord"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   418
					class="tweetButton">++</a> </td><td>correspond à un tweet d’assentiment</td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   419
	</tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   420
	<tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   421
	<td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   422
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   423
					<a 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   424
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   425
					id="negative"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   426
					title="désaccord"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   427
					class="tweetButton">--</a></td><td> à un tweet de désaccord,</td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   428
	</tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   429
	<tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   430
	<td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   431
					<a
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   432
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   433
					id="reference"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   434
					title="reference"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   435
					class="tweetButton">==</a></td><td> à un tweet de référence</td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   436
	</tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   437
	<tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   438
	<td>			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   439
					<a 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   440
					
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   441
					id="question"  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   442
					title="question"
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   443
					class="tweetButton"> ??</a></td><td> à une question</td>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   444
	</tr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   445
	</table>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   446
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   447
	Suite a cette phase d’annotation, vous trouverez à droite de ce texte <b>la version alpha</b> de l'interface de navigation et de représentation de la polémique durant la conférence.
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   448
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   449
		<br/><br/>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   450
Ce dispositif, outre qu’il approfondit la dimension critique de la discussion avec la salle et les auditeurs présents ou distants, permet ainsi également de pérenniser et de valoriser les commentaires produits en les rendant accessibles en temps différé lors de tout visionnage ultérieur de la vidéo 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   451
		<br/>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   452
		<br/>Merci a RSLN pour cette expérimentation !
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   453
	  </div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   454
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   455
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   456
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   457
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   458
  
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   459
	  <div class="videoLive" >
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   460
		<div class="videoLivePlayer">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   461
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   462
		<div id="chartTimeline"> </div>	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   463
		<script type="text/javascript">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   464
var paper = Raphael(document.getElementById("chartTimeline"),config.width, config.height);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   465
			paper.rect(0,20,config.width,config.heightmax-20).attr({fill:"#fff","stroke-width":0.1,opacity: 0.1});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   466
			paper.rect(0,20,config.width,2).attr({fill:"#fff",stroke: "none",opacity: 1});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   467
			PaperSlider = paper.rect(0,20,1,100).attr({fill:"#fff",stroke: "none",opacity: 1});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   468
			// decalage 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   469
			tweetSelection = paper.rect(-100,-100,5,5).attr({fill:"#fff",stroke: "none",opacity: 1});	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   470
		</script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   471
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   472
		<script type='text/javascript' src='../res/metadataplayer/src/js/LdtPlayer.js'></script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   473
		<script type="text/javascript">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   474
			$.extend(__IriSP.lib,{jQueryToolTip:"../res/metadataplayer/res/js/jquery.tools.min.js"});
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   475
		</script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   476
		<div id="player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed" class="iri_player_embed"> </div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   477
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   478
			<script type="text/javascript">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   479
				var configMP = {
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   480
						/*metadata:{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   481
							format:'cinelab',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   482
							src:'metadata.json',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   483
							load:'json'},*/
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   484
						metadata:{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   485
							format:'cinelab',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   486
							src:'http://www.iri.centrepompidou.fr/dev/ldt/ldtplatform/ldt/cljson/id/f410655c-5a4d-11e0-a392-00145ea49a02',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   487
							load:'jsonp'},
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   488
						gui:{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   489
							width:650,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   490
							height:560,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   491
							mode:'video',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   492
							container:'player_project_13b0aa52-336b-11e0-b233-00145ea49a02_embed',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   493
							debug:false,
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   494
							css:'http://amateur.iri.centrepompidou.fr/live/rsln/res/css/LdtPlayer.css'},
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   495
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   496
						player:{
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   497
							type:'jwplayer',
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   498
							src:'http://www.iri.centrepompidou.fr/dev/ldt/static/ldt/swf/player.swf'}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   499
					};
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   500
				__IriSP.init(configMP);
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   501
			</script>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   502
			
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   503
		</div>	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   504
		
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   505
	  </div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   506
 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   507
 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   508
 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   509
 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   510
 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   511
      <div class="footer">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   512
		<hr>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   513
		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   514
 IRI </a>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   515
		 |  <a href="http://www.rslnmag.fr/" class="footerLink" target="_blank" > RSLN  </a>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   516
		 |  <a href="http://wegf.org/" class="footerLink"  target="_blank"> World e.gov Forum </a>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   517
		 |  <a href="http://www.microsoft.fr/" class="footerLink" target="_blank"> MICROSOFT.fr  </a>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   518
		 <?php 
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   519
				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   520
					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   521
				}
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   522
		 ?>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   523
	  </div>   
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   524
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   525
    </div>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   526
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   527
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   528
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   529
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   530
	
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   531
  </body>
3daa4039509a -folder reorgnaisation
Samuel Huron <samuel.huron@centrepompidou.fr>
parents:
diff changeset
   532
</html>